/*
Theme Name: oceanwp Child
Theme URI: https://oceanwp.org/
Description: Child theme for oceanwp Child
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Template: oceanwp
Version: 1.0.0
*/

/* Custom styles go below this line */


.main-header .header-top-button .elementor-widget-wrap,.header-top-button .elementor-widget-wrap{
	gap: 20px !important;
}



#top-bar{
	margin: 0 !important;
	padding: 0;
	border: none;
}

#top-bar-wrap {
    border-bottom: none !important;
}
#footer-sec .elementor-icon-list-icon{
	margin: 0 !important;
}

#footer-sec .elementor-icon-list-item a{
	color: white !important;
}

.footer-copyright-row{
	background: #161616;
	border-top: 1px solid white;
}

.footer-copyright-row p{
	text-align: center;
	width: 100%;
	margin: 0 !important;
	font-size: 18px;
	font-weight: 500;
}

.home #site-header{
	background: transparent !important;
	z-index: 999 !important;
	position: sticky !important;
	top: 0 !important;
	border: none !important;
}
header .main-header{
	background: transparent !important;
}


.hero-banner-section{
	padding-top: 130px !important;
}

#site-header.sticky{
	background: white !important;
	padding-bottom: 10px !important;
	position:sticky !important;
	top:0 !important;
	box-shadow: 0 5px 15px rgba(0,0,0,0.4);
}

#site-header.sticky .elementor-nav-menu--main .elementor-item{
	color: black !important;
	fill: black !important;
}

#top-bar{
	padding: 0 !important;
}

.footer-contact-info .elementor-icon-list-items{
	display: flex !important;
	align-items: center;
	gap: 50px;
}

.footer-contact-info .elementor-icon-list-items li{
	padding: 0 !important;
} 

.footer-contact-info .elementor-icon-list-items .elementor-icon-list-item a{
	display: flex;
	align-items: center;

}

.footer-contact-info  > .elementor-widget-wrap{
	display: flex;
	align-items: center; 
	justify-content: center;
	flex-direction: column !important;
}

.qlwapp__container {
	width: 50px !important;
    bottom: 80px !important;
    height: 50px !important;
    right: 18px !important;
}

.qlwapp__container .qlwapp__button--button{
	width: 50px !important;
	margin: 0 !important;
    height: 50px !important;
}

.qlwapp__text{
	display: none !important;
}

.qlwapp__container .qlwapp__button--button i{
	font-size: 28px !important;
}

.home-product-section .elementor-container{
	gap: 30px !important;
}

.home-product-section .elementor-container .elementor-column .elementor-widget-container{
	padding: 0 !important;
}

.home-product-section .elementor-container .elementor-column{
	padding: 10px !important;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.home-product-section .elementor-container .elementor-column h2{
	margin-bottom: 18px !important;
	line-height: 30px !important;
}

#testimonial-sec .swiper-wrapper{
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	padding-block: 10px !important;
}


#testimonial-sec .swiper-wrapper .elementor-testimonial__content{
	min-height: 270px;
}
.header-top-bar{
	padding-block: 5px !important;
}

.header-top-bar h2{
	text-align: center !important;
	font-size: 18px !important;
}

/* home page design changes */
.hm_main_titleheading h4.elementor-heading-title{
	font-size: 20px !important;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
	color: #f7941d !important;
}
.diff_text{
    color: #f7941d !important;
	text-decoration: underline !important;
}
.send_details_text {
    background-color: #f7941d;
    padding: 15px 30px;
    border-radius: 10px;
}
.send_details_text h2{
	font-family: "Brawler", Sans-serif;
    font-size: 38px;
    font-weight: 400;
    color: black;
}
.via-whatsapp-txt{
	display: flex;
	align-items: center;
    gap: 5px;
}
.via-whatsapp-txt h3{
	font-family: "Brawler", Sans-serif;
    font-size: 28px;
    font-weight: 400;
    color: black;
	margin-bottom: 0;
}

@media(max-width:767px){
    h2.elementor-heading-title:has(.diff_text){
	    font-size: 14px !important;
    }
	.mobile_cust_header .elementor-container.elementor-column-gap-default{
		column-gap: 10px;
		row-gap: 0;
		align-items: center;
		display: flex !important;
		flex-wrap: nowrap !important;
		justify-content: center;
	}
	.mobile_cust_header .elementor-container.elementor-column-gap-default .elementor-widget-image{
		width: max-content;
	}
	.header-contact-buttton .elementor-widget-wrap.elementor-element-populated{
		display: inline-block;
	}
	.menu_bars{
		max-width: 50px;
	}
	.mobile_nav .elementor-menu-toggle{
		padding: 11px 10px;
		background-color: black !important;
	}
	.mobile_nav.orange .elementor-menu-toggle{
	    padding: 11px 10px;
	    background-color:#f7941d !important;
	}
	.footer-contact-info .elementor-icon-list-items{gap:15px !important;}
}
@media(max-width: 480px){
	.quote-text .elementor-button{
		font-size: 16px !important;
	}
	.send_details_text h2{
        font-size: 24px;
    }
    .via-whatsapp-txt h3{
        font-size: 20px;
    }
}


#testimonial-sec .coma-image{
    top:-5px !important;
}
@media(max-width: 768px){
	#testimonial-sec .swiper-wrapper{
		grid-template-columns: 1fr !important;
		gap: 50px 
	}
	#testimonial-sec .swiper-wrapper .elementor-testimonial__content{
		min-height: unset !important;;
	}
	.home-product-section{
		padding-inline: 15px !important;
	}
	
	.home-product-section img{
		width: 100% !important;
	}
	.header-top-bar h2{
    	text-align: center !important;
    	font-size: 16px !important;
    	line-height:24px !important;
    }
    .hero-banner-section{
        padding:0 !important;
    }
    .footer-contact-info .elementor-icon-list-items{
        flex-direction:column !important;
        justify-content:start !importnat;
        align-items:start !importnat;
    }
}

@media(max-width: 768px){
	.header-contact-buttton .elementor-column .elementor-widget-container{
		display: flex !important;
		justify-content: center;
	}
    .header-contact-buttton .quote-text .elementor-widget-container {
        display: flex;
        justify-content: center;
    }
    .header-contact-buttton .quote-text.inner_space .elementor-widget-container .elementor-button-link{
        padding:15px !important;
    }
	.header-contact-buttton > .elementor-container{
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		gap: 30px;
	}
	
	.header-contact-buttton .elementor-column{
		width: 100% !important;
	}
	
	.header-contact-buttton .elementor-column .elementor-button-wrapper{
		
		background: black !important;
		border-radius: 5px;
	}
	
	.header-contact-buttton .elementor-column .elementor-button-wrapper a{
		color: white !important;
		padding: 14px !important;
	}
}



body header .elementor-nav-menu__container.active {
	transform: unset !important;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
	margin-top : 0!important;
	max-height: unset !important;
	left: 0 !important;
	right: 0 !important;
	position: fixed !important;
	width: 100% !important;
	background: #fff;
	z-index: 99999 !important;
	overflow-y: auto;
}

.elementor-menu-toggle.active i{
	display: none !important;
}

.elementor-menu-toggle.active i.eicon-close{
	display: block !important;
}

body header .elementor-nav-menu__container .menu-item a{
	font-size: 16px !important;
	padding-block: 15px !important;
	border-bottom: 1px solid #ddd !important;
}

body:not(.home) .main-header .elementor-nav-menu .menu-item a{
	color: black !important;
	&:hover{
		color:#F7941D !important;
	}
}


@media(min-width: 768px) and (max-width: 1024px){
	.elementor-menu-toggle.active+.elementor-nav-menu--dropdown{
		transform: unset !important;
		max-height: unset !important;
		min-width: 500px;
	}
}


/* --- Contact Form Wrapper --- */
.custom-contact-form {
  background: #f5f5f5;
  padding: 25px;
  border: 1px solid #eee;
  max-width: 1250px;
  margin: 0 auto;
}

/* --- Input & Select fields --- */
.custom-contact-form input,
.custom-contact-form select,
.custom-contact-form textarea {
  width: 100%;
  background: #f9f9f9;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 12px 15px;
  font-size: 15px;
  font-family: inherit;
  color: #333;
  margin-bottom: 15px;
  box-sizing: border-box;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

/* --- Focus Effect --- */
.custom-contact-form input:focus,
.custom-contact-form select:focus,
.custom-contact-form textarea:focus {
  border-color: #004aad;
  box-shadow: 0 0 3px rgba(0, 74, 173, 0.2);
  outline: none;
}

/* --- Dropdown --- */
.custom-contact-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,40 70,100 140,40' fill='%23666'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: right 15px center;
}

/* --- Textarea --- */
.custom-contact-form textarea {
  height: 140px;
  resize: vertical;
}

/* --- Submit Button --- */
.custom-contact-form .btn-primary {
  font-family: "Anek Latin", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 3px 3px 3px 3px;
    padding: 16px 20px 16px 20px;
    background:#0058A9;
    width: 200px;
}

.custom-contact-form .btn-primary:hover {
  background: #0058A9;
}