/*
Theme Name: YM Theme Testing
Theme URI: http://localhost/
Author: Your Name
Author URI: http://localhost/
Description: A custom test theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ym-theme-testing
*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); */
:root{
	--font-roboto: 'Roboto', sans-serif;
  	--font-lato: 'Lato', sans-serif;
	--color-secondary:#ff6600;
	--color-main:#345c72;
	--color-text-body: #0C222F;
	--color-white:#ffff;
	--h1-text-color:#ffff;
	--h3-font-size:22px;
	--h2-font-size:56px;
	--h1-font-size:72px;
	--btn-font-size:16px;
	--h1-h2--h3-font-weight:300;
	--p-font-weight:400;
	--letter-spacing:0.02em;
	--contactus-p-fontsize:14px;
	--h5-font-size:17px;
	--contactus-bg-color:#F3F6F8;
	--box-shadow:0px 34px 54px 0px #DFE5EDE5;
	--h1-mobile-fontsize:45px;
	--h2-mobile-fontsize:35px;
	--h1-tab-fontsize:54px;
	--h2-tab-fontsize:42px;
	--short-desc-font-size:21px;
	--short-desc-line-height:32px;
	--short-desc-tab-font-size:15px;
	--short-desc-tab-line-height:24px;
}
*{
  font-family: var(--font-roboto) !important;
}
.article-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.article-module {
    width: 30%;
    background: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    transition: box-shadow 0.3s ease;
}

.article-module:hover {
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.article-module img {
    max-width: 100%;
    height: auto;
}
.ha-infobox-figure svg {
	border-radius: 50px;
    color: wheat !important;
    background: black;
    padding: 15px;
}
.ym-contact-form {
    max-width: 500px;
    margin: 20px 0;
    padding: 40px !important;
    border: none !important;
    border-radius: 20px;
    background-color: #f9f9f9;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
	box-shadow: 0 3px 40px rgba(36, 36, 36, .1);
	padding:25px !important;
	background: white;
    border-radius: 10px;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.count{
	display: none;
}
.background_overlay .elementor-background-overlay{
	background-color: var(--color-main) !important;
}
.cta_section,.footer_section {
	background-color: var(--color-main) !important;
}
.header_menu {
	box-shadow: 0px 34px 54px 0px #3A40481A;
}

#masthead {
	position: sticky !important;
	top: 0;
	z-index: 9999;
	background-color:white ;
}

h1{
	font-size:var(--h1-font-size) !important;
	font-weight: var(--h1-h2--h3-font-weight) !important;
	line-height:85px !important;
}
h2{
	color: var(--color-text-body) !important;
	font-size: var(--h2-font-size) !important;
	font-weight: var(--h1-h2--h3-font-weight) !important;
	line-height: 67px !important;
}
h3{
	color:var(--color-text-body) !important;
	font-size: var(--h3-font-size) !important;
	font-weight: var(--h1-h2--h3-font-weight) !important;
}
h5{
	color:var(--color-text-body) !important;
	font-size: var(--h5-font-size) !important;
	font-weight: var(--p-font-weight) !important;
}
p{
	color:  var(--color-text-body) !important;
	font-weight:var(--p-font-weight) !important;
	letter-spacing:var(--letter-spacing);
}
.h1_color h1{
	color: var(--h1-text-color) !important;
}
.color_white p{
	color:var(--color-white) !important;
}
.padding_sixpercen{
	padding:6% 0 !important;
}
.hero_section{
	padding:10% 0 !important;
	height: auto !important;
}
.homepage_short_description,.margin_zero,.margin_zero p {
	margin:0 !important;
}
.homepage_short_description p,.overview_short_desc p,.aboutus_short_desc p{
	line-height:var(--short-desc-line-height) !important;
	margin:25px 0 !important;
	font-size:var(--short-desc-font-size) !important;
}
/* .elementor-widget-shortcode ul.products li.product-category {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
} */

.elementor-widget-shortcode ul.products li.product-category .woocommerce-loop-category__title {
    margin-top: auto !important;
    min-height: 4em;  
    text-align: center !important;
    font-weight: 600 !important;
    font-size: 16px !important;
	line-height:24px !important;
}

.elementor-widget-shortcode ul.products li.product-category a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    align-items: center;
}
.why_choose_us  h2{
/* 	margin-bottom:40px;
	margin-top:-25px; */
}
.choose_us_row{
	margin-top:50px !important;
}
.who_we_are_section,.commit_section{
	background: #F0F1F4;
    padding: 5% 0 !important;
}
.who_we_are_section p{
	font-size: 20px;
    line-height: 35px;
}
.commitment_subcol{
	background: white;
    padding: 24px;
    border-radius: 20px;
    box-shadow: var(--box-shadow);
	align-items:baseline;
/* 	--width: 31.3333% !important; */
}
.commitment_cont {
	gap: 33px;
}
.commitment_subcol .e-font-icon-svg{
	fill: var(--color-secondary) !important;
}
.commitment_subcol p{
	line-height:24px !important;
	letter-spacing:var(--letter-spacing);
}
.header_menu .eael-simple-menu-container.preset-1{
	background-color: unset !important;
}
.header_menu ul{
	margin-top:-3px !important;
}
.header_menu ul li a{
	font-size: 17px !important;
	color: var(--color-main)  !important;
	font-weight:500 !important;
	padding:10px !important;
}
@media (min-width: 1024px) and (max-width: 1089px){
	.header_menu ul li a {
		font-size: 14px !important;
		padding: 7px !important;
	}
}
@media  (max-width: 1024px){
	.header_menu .elementor-widget-eael-simple-menu{
		padding-right:96px !important;
	}
	.header_menu ul{
		background-color:white !important;
		padding-top: 20px !important;
		padding-left:20px !important;
	}
	.header_menu ul li a {
		font-size: 16px !important;
		padding:0 !important;
	}
}
/* @media (min-width: 1071px) {
	.header_menu ul li a {
		font-size: 20px !important;
	}
} */
.header_menu .asl_w_container {
	margin-top: 18px !important;
	min-width: 300px !important;
}
.header_menu .e-con-inner{
	justify-content: space-between !important;
}
.header_menu .asl_w {
	background-image: unset !important;
    border-radius: 10px;
}
.header_menu .probox{
	background-image: unset !important;
    background-color: white ! IMPORTANT;
    border: 1px solid  var(--color-main) !important;
    width: 100% ! IMPORTANT;
    border-radius: 10px !important;
}
.header_menu .promagnifier{
	background-image: unset !important;
    background-color:  var(--color-main) !important;
    height: auto;
}
.header_menu .eael-item-active,.header_menu .eael-simple-menu-toggle, .header_menu .eael-simple-menu li:hover>a{
	background-color: unset !important;
}
.header_menu .eael-simple-menu-toggle svg{
	margin-top:-2px !important;
	fill: var(--color-main) !important;
	width:20px !important
}
.eael-simple-menu-container .eael-simple-menu-toggle-text {
  position: static !important;
}
.header_menu img{
	width: 60% !important
}
.footer_section img{
	width: 75% !important
}
.contactus_hero_section{
	background-size:cover !important;
	padding:6% 0 !important;
}
.quote_btn a{
	font-size: var(--btn-font-size) !important;
    background-color: var(--color-secondary) !important;
    border-radius: 20px !important;
}
.footer_section .e-con-inner{
	justify-content: space-between !important;
}
.footer_section h5,.footer_section a,.footer_section p{
	color: white !important;
}
.footer_section a,.footer_section p{
	font-size: 17px !important;
}
.footer_section h5{
	font-size:20px !important;
	margin-bottom:10px !important;
	margin-top:14px !important;
}
.footer_section .footer_menu{
	display:flex;
	flex-direction: column;
	gap:8px;
}
.footer_section {
	padding:2% 2% 2% 10px !important;
}
.contactus_info h3,.contactus_info h5{
	margin:0 !important;
	color: var(--color-secondary) !important;
}
.contactus_info p{
	margin-top:8px !important;
	margin-bottom:0 !important;
	font-size: var(--contactus-p-fontsize) !important;
}
.contactus_info div{
	margin-top:23px !important;
}
#cnt_info_h3{
	margin-top:0 !important;
}
.contactus-bg{
	background-color: var(--contactus-bg-color)
}
.contactus_info{
	padding: 22px 24px;
    background: white;
    border-radius: 20px; 
	box-shadow: var(--box-shadow);
}
.enquiry_form .wpcf7-form {
	background-color: var(--contactus-bg-color);
	border-radius:20px;
    padding: 22px;
    box-shadow: var(--box-shadow);
}
.Enquiry_form_section{
	padding: 30px 20px 50px 20px;
}
.Enquiry_form_section p{
	line-height: 25px !important;
}
.enquiry_form input,.enquiry_form textarea{
	padding: 8px !important;
    border-radius: 10px !important;
    background-color: var(--color-white);
    margin-top: 10px;
    border: 1px solid #DFE5ED;
    color: #7B7F82;
    line-height: 19.2px;
	width:100% !important;
}
.wpcf7-submit {
    background-color: var(--color-secondary) !important;   
    color: white !important;              
    border: none !important;          
}	
.woocommerce-loop-product__title{
	font-size: 17px ! IMPORTANT;
    line-height: 26px ! IMPORTANT;
	font-weight: 400 !important;
}
/* Remove WooCommerce float system */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
	clear: none !important;
    height: auto !important;
}
/* Remove WooCommerce clearfix */
.woocommerce ul.products::before,
.woocommerce ul.products::after {
    content: none !important;
    display: none !important;
}

/* Apply grid with equal spacing */
.woocommerce ul.products,
.woocommerce-page ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;          
    padding: 0 50px;    /* equal left & right space */
    box-sizing: border-box;
}
.woocommerce .woocommerce-ordering select, .woocommerce-result-count{
	display:none !important;
}
.related ul.products{
	padding:0 !important;
}
.type-product{
	padding:10px 40px;
}
.product_meta{
	display:none !important;
}
.products {
/* 	padding:revert !important; */
}
.aboutus_section{
	background-repeat: no-repeat !important;
}
/* Tablet */
@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
        row-gap: 30px;
        padding: 0 40px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 25px;
        padding: 0 25px;
    }
}


@media (min-width: 730px) and (max-width: 830px){
	.header_menu .asl_w_container {
		min-width: 300px !important;
	}
}
@media (min-width: 600px) and (max-width: 730px){
	.header_menu .asl_w_container {
		min-width: 200px !important;
	}
}
@media (max-width: 768px){
	.ajax_search{
		display:none !important;
	}
	.footer_section .e-con-inner {
		justify-content: center !important;
		flex-direction: column !important;
		align-items: center !important;
	}
	.custom_menu{
		margin-top: -25px ! IMPORTANT;
   		margin-bottom: 20px;
	}
	h1{
		font-size:var(--h1-mobile-fontsize) !important;
		line-height: 55px !important;
	}
	h2{
		font-size: var(--h2-mobile-fontsize) !important;
		line-height: 42px !important;
	}
}
@media (max-width: 525px){
	.header_menu .elementor-widget-eael-simple-menu {
       padding-right:0 !important;
    }
	
}
@media (max-width: 424px){
	.logo_col{
		width: 66% !important;
	}
}
/* ===== Desktop (1200px and up) ===== */
@media (min-width: 1200px) {
  .elementor-section > .elementor-container,
  .e-con > .e-con-inner {
    max-width: 92% !important;
    margin-inline: auto;
  }
}

/* ===== Tablet (768px – 1199px) ===== */
@media (min-width: 768px) and (max-width: 1199px) {
  .elementor-section > .elementor-container,
  .e-con > .e-con-inner {
    max-width: 94% !important;
    margin-inline: auto;
  }
	h1{
		font-size:var(--h1-tab-fontsize) !important;
		line-height: 69px !important;
	}
	h2{
		font-size: var(--h2-tab-fontsize) !important;
		line-height: 52px !important;
	}
	
}

/* ===== Mobile (below 768px) ===== */
@media (max-width: 767px) {
  .elementor-section > .elementor-container,
  .e-con > .e-con-inner {
    max-width: 96% !important;
    margin-inline: auto;
  }
}
/* === both mobile and tab ===*/
@media (min-width: 768px) and (max-width: 1199px){
	.elementor-widget-shortcode ul.products li.product-category .woocommerce-loop-category__title {
		font-size: 12px !important;
		line-height:16px !important;
	}
	.homepage_short_description p,.overview_short_desc p,.aboutus_short_desc p{
		line-height:var(--short-desc-tab-line-height) !important;
		font-size: var(--short-desc-tab-font-size) !important;
	}
}
/* === Desktop === */
@media (min-width: 768px){
	.commitment_subcol{
		--width: 31.3333% !important;
	}
}