:root {
    --primary-color: #98ba2d;
    --secondary-color: #3b9cd7;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Archivo", sans-serif;
}

html, body{
    overflow-x: clip;
     font-family: "Manrope", sans-serif;
}

p{  
    color: #222222;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
}

img{
    height:auto;
    max-width:100% !important;
}


li{
    list-style:none;
}
a{
    text-decoration:none !important;
    color:#000;
}


.banner-sec-em {
    position: relative;
    z-index: 1;
 
}
.banner-slid img{
    width:100%;
}

.banner-content {
    max-width: 60%;
}
.banner-content h1 {
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    letter-spacing: -0.005em;
    color: #ffffff;
    margin: 0 0 30px;
}


.mega-menu > ul {
    display: flex;
    align-items: center;
    justify-content: center;
        gap: 20px;
    margin: 0;
    padding: 0;
}
.hambuuefer, .close-button {
    display: none;
}

.mega-menu > ul > li > a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
.mega-menu > ul > li:hover > a{
    color:#97bb31;
}
.dropdownd .dropn-btnmobile{
    position: absolute;
    right: -2px;
    margin: auto;
    top: 13px;
}
.dropdownd .dropn-btnmobile i{
    color:#fff;
    font-size: 14px;
}

.mega-menu .dropdownd .submenu{
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    padding: 15px 25px 20px;
    border-radius: 0 0 5px 5px;
    border: 0;
    background-color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    box-shadow: 0 45px 45px 0 rgba(0, 0, 0, .05);
    min-width: 350px;
    left: -65px;
    top:100%;
    z-index:9;
}
.mega-menu .dropdownd:hover .submenu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.mega-menu .dropdownd {
    position:relative;
        padding: 10px 0;
    padding-right: 15px;
}
.mega-menu .dropdownd .submenu li a{
    font-size: 15px;
     width: 100%;
    display: block;
    padding: 10px 0;
    color:#494949;
     border-bottom: 1px solid rgb(0 0 0 / 21%);
}
.mega-menu .dropdownd .submenu li a:hover{
    color:#000;
    border-color:#97bb31;
}
.mega-menu .dropdownd .submenu li{
    margin-bottom:5px;
}


.btn-default{
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	line-height: 0.6em;
	text-transform: capitalize;
	background: #3b9cd7;
	border-radius: 10px;
	padding: 2px 40px 2px 2px;
	border: none;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
}

.btn-default:hover{
	background-color: transparent;
}

.btn-default::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	background-image: url('../image/svg/arrow-white.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px auto;
	transform: translate(-15px, -50%);
	transition: all 0.4s ease-in-out;
	z-index: 1;
}

.btn-default:hover::before{
	transform: translate(-15px, -50%) rotate(45deg);
}

.btn-default::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    border-radius: 8px;
    background: #000;
    transition: all 0.4s ease-in-out;
    z-index: 0;
}

.btn-default:hover::after{
	width: 100%;
	left: 0;
	right: auto;
}

.btn-default span{
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 1em;
    background-color: #fff;
    color: #000;
    border-radius: 8px;
    padding: 13px 15px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease-in-out;
    font-weight:500;
}

.btn-default:hover span{
    background-color: transparent;
    color: #fff;
}

.btn-default span::after{
	content: '';
    display: block;
    position: absolute;
	top: 0;
    left: auto;
	right: 0;
    bottom: 0;
	width: 0;
	height: 100%;
	border-radius: 8px;
    background:#3b9cd7;
    transition: all 0.4s ease-in-out;
	z-index: -1;
}

.btn-default:hover span::after{
	width: 100%;
	left: 0;
	right: auto;
}

.topheader-sec ul{
    padding: 0;
    margin: 0;
    display: flex;
    gap: 40px;
    justify-content: flex-end;
}

.topheader-sec ul li{
    display: flex;
    gap: 10px;
    line-height: 1;
    align-items: center;
}
.topheader-sec ul li .icon-box-ss{
    width: 30px;
    height: 30px;
    background: #97bb31;
    align-content: center;
    text-align: center;
    font-size: 17px;
    line-height: 34px;
    border-radius: 50%;
    min-width: 30px;
}
.topheader-sec ul li a{
    font-size:14px;
}



.sec-samll-title{
   position: relative;
    display: inline-block;
    font-size: 12.5px;
    font-weight: 700;
    max-width: max-content;
    text-transform: uppercase;
    margin-bottom: 11px;
    padding-left: 25px;
    color: #046baa;
    letter-spacing: 0.5px;
}
.sec-samll-title:after {
    position: absolute;
    content: "";
    top: 0;
    color: #000;
    margin: auto 0;
    bottom: 0;
    left:0;
    background-image:url(../image/logo/favicon.png);
    background-size:contain;
    width:15px;
    height:15px;
}

.sec-big-title{
    font-size:30px;
    font-weight:600;
}

.about-points-sec{
    padding:0;
    margin:0 0 30px;
}

.about-points-sec li{
    padding-left:25px;
    position:relative;
}

.about-points-sec li:not(:last-child){
   margin-bottom:10px;
}

.about-points-sec li:after {
    position: absolute;
    content: "";
    top: 0;
    color: #000;
    margin: auto 0;
    bottom: 0;
    left:0;
    background-image:url(../image/svg/icon-check.svg);
    background-size:contain;
    width:20px;
    height:20px;
}


.sticky.industriy-header{
    transform: translateY(0%);
    visibility: visible;
    animation: sliddown 1s;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
}

.heade-sec-mainn{
    background:#222222;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 3;
}

@keyframes sliddown{
    0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

.key-number-sec{
    padding:5rem 0;
    position:relative;
}

.key-number-box {
    background: #f5f7f7;
    padding: 30px 0;
    border-radius: 20px;
}

.key-number-card span{
    font-size: 40px;
    font-weight: 600;
}

.key-number-card{
    text-align:center;
    position:relative;
    padding:0 20px;
}
.key-number-box .col-lg-4:not(:last-child) .key-number-card:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d7dede;
    right: -10px;
}
.key-number-box h4{
    font-size: 18px;
    font-weight: 600;
}
.key-number-card p{
    margin:0;
    font-size: 15px;
}

.appli-cations-sec{
    padding:5rem 0 5rem;
    position: relative;
}


.appli-cations-sec .sec-big-title, .appli-cations-sec .sec-samll-title{
    color:#fff;
    position: relative;
}

.appli-cations-sec:after{
    background: url(../image/bg/humifogg-solutions.jpg);
    background-position: bottom left;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 55%;
    z-index: -1;
    filter: brightness(0.2);
}

.appli-cations-sec .section-title.text-center{
    margin:0 0 130px;
}

.appli-box-main{
    background: #ffffff;
    border: 1px solid #f5f5f5;
    border-radius: 40px;
    padding: 45px;
    box-shadow: 0px 4px 30px 0px #0000000A;
    gap:30px 0;
    position:relative;
}

.appli-box-main .appli-box-cards:before{
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: #d7dede;
    right: -6px;
}

.appli-box-main .appli-box-cards.appli-box-cards-no:before{
    display:none;
}

.appli-box-main .appli-box-cards{
    position:relative;
}
.appli-box-cards .icon-box{
    margin-bottom:15px;
    position:relative;
}
.appli-box-cards .icon-box:before{
   content: "";
    position: absolute;
    background: #e4f0fa;
    width: 35px;
    height: 35px;
    border-radius: 20px;
}
.appli-box-cards .icon-box img{
    filter: invert(52%) sepia(27%) saturate(1205%) hue-rotate(159deg) brightness(102%) contrast(82%);
}
.appli-box-cards p{
    margin:0;
    font-size:15px;
}
.appli-box-cards h4{
  font-size: 18px;
  font-weight:600;
}

.section-title.text-center{
    margin-bottom:30px;
}

.section-title{
    margin-bottom:25px;
}

.project-instalito-sec .container > .row{
    gap:30px 0;
}

.project-instalito-sec{
    padding:0 0 5rem;
}

.project-instal-box .project-instal-img img {
    width: 100%;
    object-fit: cover;
    object-position: center center;
    border-radius: 20px 20px 20px 20px;
}
.project-instal-box .project-instal-img{
  background:var(--primary-color);
  padding:10px;
  border-radius:25px 25px 25px 0px;
}

.project-instal-box .project-instal-content{
    background: var(--primary-color);
    width: 80%;
    border-radius: 0px 0px 25px 25px;
    padding: 0;
    margin: 0;
    padding: 10px 15px;
    display: flex;
    gap: 20px;
    padding-top:0;
    position:relative;
}
.project-instal-box .project-instal-content li{
    padding-left:25px;
    position:relative;
    font-weight:600;
}

.project-instal-box .project-instal-content li:before{
    position: absolute;
    content: "";
    top: 0;
    margin: auto 0;
    bottom: 0;
    left: 0;
    background-size: contain;
    width: 20px;
    height: 20px;
}

.project-instal-box .project-instal-content li:nth-child(1)::before {
    background-image: url(../image/svg/factory.svg);
}

.project-instal-box .project-instal-content li:nth-child(2)::before {
    background-image: url(../image/svg/engineering.svg);
}


.project-instal-box .project-instal-content:before{
    border-style: solid;
    border-width: 10px 0px 0px 10px;
    border-color: var(--primary-color);
    border-radius: 30px 0px 0px 0px;
    position: absolute;
    content: "";
    height: 30px;
    width: 50px;
    top: -11px;
    right: -39px;
}

.project-instal-box .project-inst-box-conten{
    margin-top:15px;
}

.project-instal-box .project-inst-box-conten h4{
    font-size:20px;
}
.pan-inda-supply{
    position:relative;
    padding:3rem 0;
    text-align: -webkit-center;
}

.client-title{
 font-size: 17px;
    color: #222222;
    font-weight: 600;
}
.clents-logo-sec{
    padding-top:30px;
}
.client-buttonn{
   font-size: 13.5px;
    border-bottom: 1px solid #616161;
    display: flex;
    align-items: center;
    gap: 3px;
    max-width: fit-content;
    color: #616161;
}
.client-buttonn i{
    display: inline-block;
    height: 20px;
    font-size: 17px;
}
.client-buttonn:hover{
    border-color:#3b9cd7;
    color:#3b9cd7;
}
.why-choo-sec{
    padding:0 0 5rem;
    position:relative;
}

.why-box-cards{
    position: relative;
    background-color:#f5f7f7;
    text-align: center;
    padding: 25px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index:1;
}
.why-box-cards::after {
    content: '';
    position: absolute;
    background-image: url(../image/svg/squre-bg-img.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    top: 0;
    left: 0;
    width: 52px;
    height: 52px;
    z-index: 1;
}
.why-box-cards::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 0px;
    background:#3b9cd7;
    transition: all 0.4s ease-in-out;
    height: 100%;
    z-index: -1;
    width:100%;
}
.why-box-cards:hover::before{
   top:0; 
}

.why-box-cards .icon-box{
    margin-bottom:10px;
}

.why-box-cards h4{
    font-size:18px;
    font-weight:600;
}

.why-choo-sec .col-lg-3:nth-of-type(even) .why-box-cards {
    margin-top: 70px;
}

.why-box-cards:hover h4, .why-box-cards:hover p{
    color:#fff;
}

.why-box-cards p{
    margin:0;
}

.why-box-cards .icon-box img{
    filter: invert(75%) sepia(33%) saturate(794%) hue-rotate(29deg) brightness(83%) contrast(103%);
}

.why-box-cards:hover .icon-box img{
    filter: brightness(0.5) invert(1);
}

.main-footer{
	background-color:#000;
	position:relative;
	z-index: 1;
}

/*.main-footer:before{*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 40%;*/
/*    height: 100%;*/
/*    background-image: url(../image/bg/bg-footer-e1759151064261.webp);*/
/*    bottom: 0;*/
/*    right: 0;*/
/*    z-index: -1;*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*}*/

.footer-booking-box{
    border-bottom: 1px solid #ffffff1f;
    padding:20px 0;
    background:#046baa;
    margin-bottom:40px;
}

.footer-booking-title .heal-title{
	font-size:38px;
	color: #fff;
	text-transform: capitalize;
}

.footer-booking-btn{
	text-align: right;
}

.footer-logo{
	margin-bottom: 10px;
}

.footer-logo img{
	max-width: 220px;
}

.about-footer-content{
	margin-bottom: 30px;
}
.footr-lin-btn .healbtn:hover{
    background:#fff;
    color:var(--secondary-color);
}
.about-footer-content p{
	color: #fff;
	margin: 0;
	max-width: 80%;
	
    font-size: 15px;
}

.footer-social-links ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-social-links ul li{
	display: inline-flex;
	margin-right: 25px;
}

.footer-social-links ul li:last-child{
	margin-right: 0;
}

.footer-social-links ul li a i{
	color: #fff;
	font-size: 20px;
	transition: all 0.3s ease-in-out;
}

.footer-social-links ul li:hover a i{
	color: var(--primary-color);
}

.footer-links{
	margin: 0 auto;
}

.footer-links h4{
	font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    margin-bottom: 25px;
    font-weight: 600;
}

.footer-links ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-links ul li{
	text-transform: capitalize;
	margin-bottom: 12px;
}

.footer-links ul li:last-child{
	margin-bottom: 0;
}

.footer-links ul li a{
	color: #fff;
	font-size: 14px;
	transition: all 0.3s ease-in-out;
}
.footer-links ul li a:hover{
    color:var(--primary-color);
}
.quick-links-menu li a:hover{
    color:var(--primary-color);
}
.footer-copyright{
	border-top: 1px solid #ffffff1f;
	padding: 20px 0;
    margin-top: 20px;
}

.footer-copyright-text p, .footer-copyright-text a{
	color: #fff;
	margin: 0;
	font-size:15px;
}
.footer-info-box p, .footer-info-box a {
    color: #fff;
    margin: 0;
    font-size: 15px;
}

.footer-info-box{
    margin-bottom:15px;
}
.whatsappicon {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 9999;
}

.whatsappicon .call-icons{
    display:none;
}

.footer-info-box .icon-box i {
    font-size: 19px;
    color:var(--primary-color);
    top: 2px;
    position: relative;
    margin-right: 10px;
}

.footer-info-box .icon-box span{
    color:#fff;
    font-size: 16px;
    font-weight:600;
}

.footer-info-sss{
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    position:relative;
}

.info-import p{
    margin:0;
    font-size:14px;
    font-weight: 600;
    color:#fff;
}
.footer-info-sss .info-import a{
    font-size:14px;
    font-weight: 600;
    color:#fff;
}
.footer-info-sss .info-icon i{
    font-size: 40px;
    position: relative;
    top: 10px;
    color:#fff;
}

.footer-booking-box .row .col-lg-4:not(:last-child) .footer-info-sss:before,
.footer-booking-box .row .col-lg-3:not(:last-child) .footer-info-sss:before{
    position:absolute;
    content:"";
    width:1px;
    height:70px;
    background:var(--primary-color);
    right:-10px;
    margin:auto 0;
    top:0;
    bottom:0;
}

.quick-links-menu {
    padding: 0;
    display: flex;
    gap: 25px;
}

.quick-links-menu li a {
    font-size: 14px;
    color:#fff;
}
.quick-links-menu li a {
    position: relative;
}
.quick-links-menu li:not(:last-child) a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    width: 1px;
    min-width: 1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 80%;
    background-color: var(--primary-color);
}
.view-allbtn{
   font-size: 15px;
    display: inline-block;
    color: #616161;
    font-weight: 600;
    border: 1px solid #E1E1E1;
    padding: 8px 15px;
    border-radius: 8px;
    transition:0.3s
}
.view-allbtn:hover{
    background:#97bb31;
    color:#fff;
}
.view-allbtn i{
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 8px;
}
.product-sec-hum{
    padding:2.5rem 0;
    position:relative;
}
.products-cards{
    border-radius: 16px;
    padding: 10px;
    position: relative;
    background: #F5F5F5;
    height: 100%;
    display: grid;
}
.products-img-box{
    overflow:hidden;
     border-radius:12px;
}
.products-cards .products-img-box img{
    width:100%;
    background:#fff;
    transition:0.5s;
    /*padding-left:1px;*/
}
.products-cards .products-content-box{
   padding:15px 0 10px;
    display: flex;
    gap: 10px;
}
.products-cards:hover .products-img-box img{
    transform:scale(1.05)
}
.products-cards .products-content-box .categ{
    position: relative;
    text-align: center;
    width: 100%;
}
.products-cards .products-content-box .categ span{
    display: block;
    font-size: 13px;
    text-transform: capitalize;
}

.products-cards .products-content-box .categ:not(:last-child):before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -5px;
    width: 1px;
    min-width: 1px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: 80%;
    background-color:rgb(0 0 0 / 21%);
}

.products-cards .btn-ptoduct-title{
    padding: 12px 5px 8px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}

.products-cards .btn-ptoduct-title h4{
     font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    margin:0;
}
.products-cards .btn-ptoduct-title .btn-ptodu{
        width: 30px;
    height: 30px;
    background: #3b9cd7;
    align-content: center;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
    border-radius: 50%;
    min-width: 30px;
    color: #fff;
}
.products-cards .btn-ptoduct-title .btn-ptodu i{
    display: inline-block;
    height: 30px;
}
.products-cards:hover .btn-ptoduct-title .btn-ptodu{
    background:var(--primary-color);
}

.products-cards .products-content-box .categ span:nth-child(1){
   font-weight:600;
}
.product-sec-hum .container > .row{
    gap:25px 0;
}
.row.product-maimn{
    margin-top:10px;
}
.cta-sec-main{
   padding:0 0 5rem;
   position:relative;
}

.cta-main-box{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    padding: 36px;
    background-image: url(../image/detail/industrial-fogging-systems.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cta-sec-main.humifier .cta-main-box{
      background-image: url(../image/detail/pharmaceutical-industry-ultrasonic-humidifiers.webp) !important;
}
.cta-sec-main.deryy-fogg .cta-main-box{
      background-image: url(../image/detail/high-Pressure-dry-fogger-coimbatore.webp) !important;
}
.cta-sec-main.ac-contenss .cta-main-box{
      background-image: url(../image/detail/fogging-system-condensers-coimbatore.webp) !important;
}
.cta-sec-main.dehumi-fly .cta-main-box{
      background-image: url(../image/detail/dehumidifiers-system-supplier.webp) !important;
}
.cta-sec-main.chemical-sprrr .cta-main-box{
      background-image: url(../image/detail/chemical-dosing-systems-coimbatore.webp) !important;
}
.cta-sec-main.indust-fanz .cta-main-box{
      background-image: url(../image/detail/roof-exhaust-fans.webp) !important;
}
.cta-sec-main.air-cool .cta-main-box{
      background-image: url(../image/detail/factory-air-coolers-coimbatore.webp) !important;
}
.cta-sec-main.air-ahu .cta-main-box{
      background-image: url(../image/detail/best-air-handling-units.webp) !important;
}
.cta-sec-main.hvls-fass .cta-main-box{
      background-image: url(../image/detail/best-industrial-hvls-fans-coimbatore.webp) !important;
}
.cta-sec-main.off-grd .cta-main-box{
      background-image: url(../image/detail/off-grid-solar-ventilation-systems.webp) !important;
}
.cta-sec-main.ducttt .cta-main-box{
      background-image: url(../image/detail/ducted-air-conditioning-installations.webp) !important;
}
.cta-sec-main.pumpsss-cbe .cta-main-box{
      background-image: url(../image/detail/car-washer-pumps-coimbatore.webp) !important;
}





.cta-main-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 48%); /* black overlay */
    z-index: -1;
}

.cta-main-box {
    position: relative;
    z-index: 2;
    color: #fff;
}

.cta-main-box.high-pressure-cta{
     background-image: url(../image/bg/cta-bg.webp);
}

.cta-main-content .sec-big-title{
    color:#fff;
}

.cta-main-content .cta-bt-box{
  margin-top:30px;  
}
.cta-bt-box .whatsappiconss{
        display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.cta-bt-box{
    display: flex;
    justify-content: center;
    gap: 18px;
}


.cta-main-content p {
    color: #fff;
    width: 80%;
    margin: auto;
}

.cta-main-box .cta-instal-img-main{
    position: relative;
}
.cta-instal-img{
    text-align:center;
}
.project-defaul-box{
    margin-bottom:20px;
    align-items:center;
}
.footer-menuquickl{
    display: flex;
    justify-content: space-between;
    margin: 0 0 25px;
}
.foot-coirse.pumps-menus-box li{
    width:48%;
}
.foot-coirse.pumps-menus-box{
    display: flex;
    flex-wrap: wrap; 
}
.topheader-sec .head-lin-btn{
   display: flex;
    gap: 20px;
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .location-address p{
        max-width:90%;
    }
}




.contact-sectiuon{
    padding: 4rem 0;;
    background: url(../image/bg/about-us-bg.svg) no-repeat;
    background-position: bottom left;
    background-size: auto;

}

.cu-heading {
  font-size: 33px;
  margin: 0 0 15px;
}

.cu-text {
  max-width: 420px;
}
.cu-info h6 {
  margin: 0;
  font-weight: 600;
  font-size:20px;
}

.cu-info p {
  margin: 0;
  color: #666;
  font-size: 14px;
  margin-top: 4px;
}

.cu-form-box {
  background: #fff;
  padding: 40px;
  border-radius: 22px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.08);
}

.cu-form-box h3 {
  font-size: 32px;
  margin-bottom: 25px;
}

.cu-input {
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom:30px;
}

.cu-btn {
  background: #ff8a00;
  color: #fff;
  border: none;
  padding: 14px 28px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}


.cu-text {
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 28px;
}
/* Contact info row */
.cu-info {
  padding-bottom: 24px;
  border-bottom: 1px solid #eeeeee;
  display: flex;
  gap: 15px;
  margin-top: 30px;

  
}

/* Icon wrapper */
.cu-icon {
  position: relative;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  overflow: hidden;
  flex-shrink: 0;
  background: #97bb31;
  color:#fff;
}

/* Hover background animation */
.cu-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #000;
  border-radius: 10px;
  transform: scale(0);
  transition: transform 0.4s ease-in-out;
  z-index: 0;
}
/* Icon default color */
.cu-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000;   /* default icon color */
  transition: background-color 0.4s ease-in-out;
  z-index: 1;
}

/* On hover → icon turns white */
.cu-info:hover .cu-icon::after {
  background-color: #fff;
}


/* Trigger animation */
.cu-info:hover .cu-icon::before {
  transform: scale(1);
}

/* CALL ICON */
.cu-icon.cu-call::after {
  content: "";
  position: absolute;
  inset: 0;
  
  -webkit-mask: url("../image/svg/icon-phone.svg") no-repeat center;
  mask: url("../image/svg/icon-phone.svg") no-repeat center;
  -webkit-mask-size: 27px;
  mask-size: 27px;
  z-index: 1;
   background-color: #fff;
}

/* MAIL ICON */
.cu-icon.cu-mail::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #fff;
  -webkit-mask: url("../image/svg/icon-mail.svg") no-repeat center;
  mask: url("../image/svg/icon-mail.svg") no-repeat center;
  -webkit-mask-size: 27px;
  mask-size: 27px;
  z-index: 1;
}

/* ADDRESS ICON – FIXED */
.cu-icon.cu-address::after {
  content: "";
  position: absolute;
  inset: 0;
  display: block; /* IMPORTANT */
  background-color: #fff;
  -webkit-mask-image: url("../image/svg/icon-location.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: 27px;

  mask-image: url("../image/svg/icon-location.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 27px;

  z-index: 1;
}

.form-control:disabled {
    background:unset;
}

/* Detail page start */

.bread-main-sec {
    position: relative;
    height: 300px;
    display: flex;
    align-items: center;
      overflow: hidden;
}
.bread-main-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
 background-image: linear-gradient(270deg, rgb(0 0 0 / 36%) 23.99%, rgb(0 0 0) 100%), url(../image/detail/page-1.jpg);
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

.bread-main-sec h1,
.bread-main-sec .section-title,
.bread-main-sec .bread-services {
    position: relative;
    z-index: 1;
}
.bread-main-sec .sec-big-title {
    font-size: 35px;
    color: #ffffff;
    width: 85%;
}
.bread-main-sec .bread-services {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    margin: 13px 0 0;
}
.bread-main-sec .bread-services li:not(:first-child)::before {
    content: "-";
    color: #ffffff;
    margin-right: 10px;
}

.bread-main-sec .bread-services li a {
    color: #ffffff;
    font-size:15px;
}
.bread-main-sec .bread-services li.active {
    color: #97bb31;
    font-weight: 700;
     font-size: 16px;
}
.main-intro-section{
    padding:4rem 0;
    position:relative;
}
.main-intro-section p{
    text-align:justify;
}
.main-intro-section .intro-box img{
    width:100%;
    padding-left:1px;
    border-radius:14px;
}

.tick-points li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.6;
}

.tick-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 24px;
    height: 24px;
    background-image: url("../image/svg/tick.svg"); /* adjust path */
    background-size: contain;
    background-repeat: no-repeat;
}
.detauil-points ul{
    padding:0;
}
.main-intro-section h4{
    font-size: 20px;
     margin-bottom: 15px;
}

.mist-fogging-benefits .tick-points li::before {
    top: 3px;
}

.tabele-main-sec{
       padding: 0 0 5rem;
    position:relative;
}

.tech-spec-table {
    width: 85%;
    margin: 0 auto;
    border-collapse: collapse;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Header */
.tech-spec-table thead th {
    background-color: #3b9cd7;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 18px;
    text-align: left;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.tech-spec-table thead th:last-child {
    border-right: none;
}

/* Body */
.tech-spec-table tbody td {
    padding: 14px 18px;
    font-size: 15px;
    color: #333333;
    border-bottom: 1px solid #e6e6e6;
    vertical-align: middle;
    word-wrap: break-word;
    border-right: 1px solid #e6e6e6;
}

.tech-spec-table tbody td:last-child {
    border-right: none;
}

.tech-spec-table tbody td:first-child {
    font-weight: 600;
}

/* Row Alternate Color */
.tech-spec-table tbody tr:nth-child(even) {
    background-color: #f8fbff;
}


.types-fogg-systemss{
    padding:0 0 5rem;
    position:relative;
}

.types-fogg-systemss .products-cards .btn-ptoduct-title {
    display: block;
}

.types-fogg-systemss .btn-ptoduct-title h4{
    margin-bottom:12px;
}

/*.pressure-misting-secc .tick-points{*/
/*    padding-left:0;*/
/*}*/
/*.pressure-misting-secc .misting-box {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.pressure-misting-secc .misting-box::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 200%;*/
/*    height: 0%;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    background-color: rgba(255, 255, 255, 0.3);*/
/*    transform: translate(-50%, -50%) rotate(-45deg);*/
/*    z-index: 1;*/
/*    transition: all 600ms linear;*/
/*    pointer-events: none;*/
/*}*/

/*.pressure-misting-secc .misting-box:hover::after {*/
/*    height: 250%;*/
/*    background-color: transparent;*/
/*}*/

/*.pressure-misting-secc .misting-box img {*/
/*    border-radius: 10px;*/
/*    transition: transform 400ms ease;*/
/*    width:100%;*/
/*}*/
/*.pressure-misting-secc .row {*/
/*        margin-bottom: 53px;*/
/*}*/
/*.pressure-misting-secc .row:last-child {*/
/*    margin-bottom: 0;*/
/*}*/
/*.pressure-misting-secc{*/
/*    padding:0 0 5rem;*/
/*    position:relative;*/
/*}*/

.why-choose-sec .common-why-box{
     display: flex;
    flex-wrap: nowrap;
    border: 1px solid #d7cfcfd1;
    border-radius: 40px;
    overflow: hidden;
}
.why-choose-sec .our-why-item{
    position: relative;
    width: 100%;
     height: 100%;
    padding: 50px;
    overflow: hidden;

}
    
.why-choose-sec .our-why-item::before{
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: #97bb31;
    border-radius: 0;
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    z-index: -1;
}
.why-choose-sec .our-why-item {
    border-right: 1px solid #d7cfcfd1;
    /*height:auto;*/
}

/* Remove border from last item */
.why-choose-sec .our-why-item.las-box {
    border-right: none;
}
.why-choose-sec .our-why-item .why-ixonn{
        margin-bottom: 30px;
}

.why-choose-sec .our-why-item .why-ixonn img {
    transition: all 0.4s ease-in-out;
}
.why-choose-sec .our-why-item h4{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}
.why-choose-sec .our-why-item:hover h4,
.why-choose-sec .our-why-item:hover p {
    color: #fff;
}
.why-choose-sec .our-why-item:hover .why-ixonn img {
    filter: brightness(0) invert(1);
}
.why-choose-sec .our-why-item:hover::before {
    top: 0;
    border-radius: 0;
    opacity: 1;
}

.why-choose-sec .our-why-item.features-image-box {
    border: none;
    padding: 0;
}
.why-choose-sec .our-why-item.features-image-box figure {
    display: block;
    height: 100%;
}
.common-why-box  .row{
    row-gap:0;
}
.why-choose-sec .our-why-item.las-box {
    border-right: none;
}

.why-choose-sec .image-anime {
    position: relative;
    overflow: hidden;
}

.why-choose-sec .our-why-item.features-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-choose-sec .image-anime:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.main-intro-section ul{
    padding:0;
}
.why-choose-sec .image-anime:hover:after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}
.why-choose-sec{
    padding:5rem 0 ;
    position:relative;
}
.faq-main-secc{
     padding:0 0 3rem;
    position:relative; 
}

.faq-main-secc .accordion .accordion-item {
    border-radius: 20px;
    border: none;
    background: transparent;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    padding: 20px 30px 0;
    background-color: #f5f5f5;
}

.faq-main-secc .accordion .accordion-item:last-child {
  border-bottom: 0;
}
.faq-main-secc .accordion .accordion-button {
  background: transparent;
  box-shadow: none;
  padding: 0 0 14px 0;
  font-size: 19px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  border: none;
}

.faq-main-secc .accordion .accordion-button:focus {
  box-shadow: none;
  border: none;
}
.faq-main-secc .accordion .accordion-button:not(.collapsed) {
  background: transparent;
  color: #1a1a1a;
  box-shadow: none;
}

/*.faq-main-secc .accordion .accordion-button .number {*/
/*  width: 8px;*/
/*  height: 8px;*/
/*  border-radius: 50%;*/
/*  background-color: #3b9cd7;*/
/*  display: inline-block;*/
/*  margin-right: 12px;*/
/*  position: relative;*/
/*  top: -2px;*/
/*  flex-shrink: 0;*/
/*}*/

.faq-main-secc .accordion .accordion-button::after {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #cccccc2b;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  margin-left: auto;
  transform: rotate(270deg);
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.faq-main-secc .accordion .accordion-button:not(.collapsed)::after {
   background-color: #3b9cd7;
  transform: rotate(180deg);
      background-image: url(../image/svg/down-arrow-marks.svg);
          background-size: 26px;
}

.faq-main-secc .accordion .accordion-collapse {
  border: none;
}

.faq-main-secc .accordion .accordion-body {
    font-size: 15px;
    line-height: 26px;
    position: relative;
    border-radius: 20px;
    padding: 24px 30px 26px 0;
}

.faq-main-secc .accordion .accordion-body::before {
    content: "";
    position: absolute;
    top: 0;
   left: 0%;
    width: 96%;
    height: 2px;
    background-color: #97bb31;
    opacity: 0.5;
}
.types-fogg-systemss .products-cards .products-img-box img {
    width: 100%;
    /*height: 348px;*/
    padding-left: 4px;
} 
.image-anime {
    background-size: cover; 
    background-position: center; 
    width: 100%; 
    height: 323px; 
}



.presures-tab-process {
    background-color: #F5F5F5;
    padding: 4rem 0;
    position: relative;
}

.presures-tab-process .process-liness {
    list-style: none;
    padding: 0;
    margin: 60px 0 0 0;
    position: relative;
}

.presures-tab-process .process-liness::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 8px;
    bottom: 5px;
    width: 1px;
    background-color: #444;
    transform: translateX(-50%);
}

.presures-tab-process .process-liness li {
    position: relative;
    margin-bottom: 100px;
    display: flex;
    align-items: center;
}

.presures-tab-process .process-liness li:last-child {
    margin-bottom: 0;
}


.presures-tab-process .process-liness li:nth-child(odd) {
    flex-direction: row;
    justify-content: flex-end;
    padding-right: calc(50% + 80px);
}

.presures-tab-process .process-liness li:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding-left: calc(50% + 80px);
}

.presures-tab-process .process-number {
    width: 85px;
    height: 85px;
    background: linear-gradient(135deg, #3b9cd7 0%, #3b9cd7 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 31px;
    font-weight: 600;
    color: #fff;
    border: 5px solid #97bb31;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.presures-tab-process .process-liness li:nth-child(odd) .process-number {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.presures-tab-process .process-liness li:nth-child(even) .process-number {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
}

.presures-tab-process .process-liness li:nth-child(odd) .process-content {
    text-align: right;
        width: 93%;
}

.presures-tab-process .process-liness li:nth-child(even) .process-content {
    text-align: left;
        width: 93%;
}

.presures-tab-process .process-content h4 {
    color: #677e2e;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 15px 0;
}

.presures-tab-process .process-content p {
    font-size: 16px;
    margin: 0;
}


.secondary-mob {
     display:none;
}

.about-img-left {
    display: flex;
    align-items: center;
    gap: 30px;
}
.about-img-left .top-about-img {
    position: relative;
    overflow: hidden;
}
.about-img-left .top-about-exper {
    display: flex;
    gap: 10px;
}
.about-img-left .top-about-exper span {
    font-size: 35px;
    font-weight: 600;
    color: var(--primary-color);
}
.about-img-bot {
    display: block;
    margin-left: auto;
    max-width: fit-content;
    position: relative;
    margin-top: -60px;
    border-radius: 40px;
    overflow: hidden;
}
.about-img-bot::before, .about-img-left .top-about-img::before {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.about-img-bot img {
    aspect-ratio: 1 / 1.22;
    object-fit: cover;
    height: 500px;
    border-width: 10px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 40px;
}
.about-img-left .top-about-img img {
    border-radius: 20px;
}
.about-sec-main {
    position: relative;
    padding: 5rem 0px;
    background: url(../image/bg/about-us-bg.svg) left bottom / auto no-repeat;
    background-position:bottom right;
}
.cu-info:last-child {
    border-bottom: 0;
}
/*#mainService{*/
/*    margin-bottom:30px;*/
/*}*/
.key-points-saa .tick-points {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
        align-items: center;
}

.key-points-saa .tick-points li {
    width: 50%;
    margin-bottom: 15px;
}
.key-points-saa {
    padding:0 0 3rem;
}
.key-points-saa h4{
        margin-bottom: 24px;
}
.nav-menu a.active {
    color: #97bb31 !important;
}
.mega-menu .dropdownd .submenu li a.active {
    border-color: #97bb31;
}
.mist-fogging-benefits .stic-cardss {
    position: sticky;
    top: 124px;
}

.about-humi-secc{
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

/* Background dot pattern */
.about-humi-secc::before{
    content: "";
    position: absolute;
    background: url(../image/home/approach-image-bg.png) center / cover no-repeat;
   width: 283px;
    height: 134px;
    left: 27%;
    top: 64%;
}

.about-humi-secc .about-images-wrapper {
    position: relative;
    width: 100%;
    height: 520px;
}
.about-humi-secc .experience-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 168px;
    height: 150px;
    background-color: #97bb31;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.about-humi-secc .exp-number {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    color: #1a2e05;
}

.about-humi-secc .plus {
    font-size: 28px;
    font-weight: 700;
    color: #1a2e05;
}

.about-humi-secc .exp-text {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin-top: 6px;
    line-height: 1.4;
    color: #1a2e05;
}

/* Top Right Image */
.about-humi-secc .img-top-right {
    position: absolute;
    top: 0;
    right: 0;
    width: 68%;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
    outline: 7px solid #ffffff;
    outline-offset: 0px;
    box-shadow: 0 0 0 5px #ffffff;
}

.about-humi-secc .img-top-right img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

.about-humi-secc .img-bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 62%;
    height: 360px;
    border-radius: 20px;
    overflow: hidden;
    z-index: 2;
    outline: 7px solid #ffffff;
    outline-offset: 0px;
    box-shadow: 0 0 0 5px #ffffff;
}

.about-humi-secc .img-bottom-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* Shine Hover Effect */
.about-humi-secc .img-top-right::after,
.about-humi-secc .img-bottom-left::after {
content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}

.about-humi-secc .img-top-right:hover::after,
.about-humi-secc .img-bottom-left:hover::after {
 height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

/* Subtle zoom on hover */
.about-humi-secc .img-top-right:hover img,
.about-humi-secc .img-bottom-left:hover img {
    transform: scale(1.04);
}

.about-humi-secc p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 15px;
    text-align: justify;
}




.why-choo-abt .why-fcard{
    background: #ffffff;
    padding: 25px;
    display: flex;
    gap: 15px 25px;
        height: -webkit-fill-available;
      transition: transform 0.8s ease;
    position: relative;
    border-radius: 4px;
}

.why-choo-abt .why-fcard p{
    margin:0;
}
.why-fcard:hover img {
    transform: rotateY(180deg);
}

.why-fcard img,.key-icon img {
 transition: transform 0.6s ease;
 filter: invert(63%) sepia(37%) saturate(512%) hue-rotate(43deg) brightness(94%) contrast(89%);
}
.performance-main-sec .perf-box:first-child {
    padding-left: 0;
}
.why-choo-abt .why-itemss{
    width: 60px;
    height: 60px;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 4px;
}
.why-choo-abt .wht-conte h4{
    font-size:19px;
    
} .why-choo-abt{
    background-color: #f7f7f7;
    padding:5rem 0;
    position:relative;
}
.why-choo-abt::before{
      content: "";
    position: absolute;
    background: url(../image/home/category-bg.webp) center / cover no-repeat;
    width: 100%;
    height: 358px;
    top: 0px;
    left: 0;
    bottom:0;
    opacity: 0.4;
}
.why-choo-abt .row{
    row-gap:30px
}





.testi-sec-main{
    padding: 4rem 0;
    background: #f6f6f6;
}

/* Card */
.testi-sec-main .testi-card{
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    clip-path: polygon(0% 0%, 90% 0, 100% 12%, 100% 100%, 0% 100%);
    height: 100%;
    transition: 0.3s;
}


.testi-sec-main .testi-head{
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.testi-sec-main .testi-img{
    width: 55px;
    height: 55px;
    border-radius: 50%;
    overflow: hidden;
}

.testi-sec-main .testi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testi-sec-main .testi-info h4{
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.testi-sec-main .testi-info span{
    font-size: 14px;
    color: #777;
}

.testi-sec-main .testi-card p{
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.testi-sec-main .testi-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #eee;
    padding-top: 15px;
}
.testi-sec-main .stars{
    color: #ff5a00;
    font-size: 16px;
    letter-spacing: 2px;
}
.testi-sec-main .quote{
    font-size: 38px;
    color: #ddd;
}
.testi-sec-main .mytestiSwiper .swiper-slide{
    height: auto;
}



.our-best-jorneyy{
    padding:0 0 5rem ;
    position:relative;
}
.our-best-jorneyy .our-vis-miss {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.our-best-jorneyy .our-msoinss {
    width: 45px;
    height: 45px;
    background: rgb(151, 187, 49);
    border-radius: 50%;
    display: flex;
    /*position: relative;*/
    overflow: hidden;  
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
/*.our-best-jorneyy .our-vis-miss:hover .our-msoinss::before {*/
/*    transform: scale(1);*/
/*}*/



.our-best-jorneyy .our-msoinss img {
    filter: brightness(0) invert(1);
}
.our-best-jorneyy .miss-contets {
    flex: 1;
}
.our-best-jorneyy .misss-tlty {
     font-size: 20px;
    font-weight: 600;
}
.our-best-jorneyy .miss-contets p {
    margin: 0;
    line-height: 1.7;
    text-align:justify;
}
.our-best-jorneyy .common-box-vis{
     display: flex;
   gap: 35px;
}
.our-best-jorneyy .col-lg-5 p{
    text-align:justify;
}
.our-best-jorneyy .misson-picttt {
    display: block;
    position: relative;     
    overflow: hidden;        
    border-radius: 12px;     
}
.our-best-jorneyy .misson-picttt img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 12px;
    padding-left:1px;
}
.misson-picttt::after {
    content: "";
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    z-index: 1;
}
.misson-picttt:hover::after {
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}


.our-best-keyyy {
   padding: 2rem 0 5rem;
}

.our-best-keyyy .key-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0;
}
.our-best-keyyy .key-item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
       padding: 0 108px;
}

.our-best-keyyy .key-item:first-child {
    padding-left: 0;
}

.our-best-keyyy .key-item:last-child {
    padding-right: 0;
}
.our-best-keyyy .key-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 130px;
    width: 1px;
    background: #f2ede9;
}

.our-best-keyyy .key-item:not(:last-child)::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 1px;
    background: #3b9cd7;
    z-index: 1;
}

.our-best-keyyy .key-icon {
    min-width: 70px;
    height: 70px;
    border: 1px solid #e5e2df;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-best-keyyy .key-content {
    display: flex;
    flex-direction: column;
}
.our-best-keyyy .key-number {
    font-size: 44px;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
}

.our-best-keyyy .key-number .plus {
    font-size: 30px;
    top: -6px;
}
.our-best-keyyy .key-text {
    font-size: 16px;
    margin: 0;
}


.project-approach-sec {
    padding: 0 0 3rem;
     position: relative;
}

.project-approach-sec .approach-box {
    text-align: center;
    padding: 28px 19px 9px 13px;
    margin: 20px 0;
}
.project-approach-sec .approach-number {
    position: absolute;
    top: 26%;
    left: 3%;
    transform: translate(-50%, -50%);
    font-size: 42px;
    font-weight: 700;
    color: rgb(151 187 49 / 32%);
    z-index: 1;
}

.project-approach-sec .approach-box h5 {
    font-size: 16px;
        text-align: left;
    font-weight: 600;
}
.datass{
    margin-top:30px;
}

.about-int-sec{
    padding:5rem 0;
    position:relative;
}
.about-int-sec img{
    border-radius:10px;
}
.about-int-sec p{
    text-align:justify;
}
.per-about-sec {
    padding:0 0 5rem;
    position:relative;
}

.performance-main-sec .perf-title {
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 22px;
    display: block;
}

.performance-main-sec .perf-number {
    font-size: 64px;
    font-weight: 700;
    color: #97bb31; 
    margin-bottom: 16px;
    line-height: 1;
}
.performance-main-sec .perf-text {
    font-size: 15.3px;
    width: 88%;
}
.performance-main-sec .perf-box {
    padding: 20px 40px; 
    position: relative;
}
.performance-main-sec .perf-box::after {
     content: "";
    position: absolute;
    right: 55px;
    top: 50%;
    transform: translateY(-50%);
    height: 140px;
    width: 1px;
    background: #e5e2dfeb;
}
.performance-main-sec .col-lg-4:last-child .perf-box::after,
.performance-main-sec .col-lg-4:last-child .perf-box::before {
    display: none;
}

.performance-main-sec{
    padding:0 0 5rem;
    position: relative;
}

.pan-ind-aus {
    position: relative;
    padding: 10rem 0;
    background-color: #f8fafc;
    overflow: hidden;
}
.pan-ind-aus::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 background: url("../image/home/maps.webp") no-repeat center center;
    background-size: contain;
    opacity: 0.4;
    z-index: 2;
}
.pan-ind-aus::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.85);
    z-index: 1;
}
.pan-ind-aus .india-custt {
    position: relative;
    z-index: 2;
}
.india-custt p {
    margin: 0;
}
.our-logo-cmpy .swiper-wrapper {
    transition-timing-function: linear !important;
}

.our-logo-cmpy .swiper-slide {
    width: auto;
}
.logo-left{
    margin-bottom:30px;
}
.our-logo-cmpy{
    padding:4rem 0;
}
.our-logo-cmpy .btn-default{
        margin: 46px 36px  0px;
}
.faq-main-secc .tick-points{
    padding:0;
    margin:10px 0 0;
}
.topicv{
    color:#97bb31
}
.detail-id p{
    margin:0;
}

.indus-vedo-secc {
    padding: 0;
    position:relative;
}

.indus-vedo-secc .video-wrapper {
    margin-top: 40px;
}

.indus-vedo-secc .video-contens {
    position: relative;
    width: 100%;
    height: 320px; 
    overflow: hidden;
    border-radius: 14px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    background: #000;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.indus-vedo-secc .video-contens:hover {
    transform: translateY(-6px);

}

.indus-vedo-secc .custom-video {
    width: 100%;
    height: 100%;
    object-fit: cover;   
    border-radius: 14px;
}

/* Responsive */
@media (max-width: 991px) {
    .video-contens {
        height: 240px;
    }
}

@media (max-width: 576px) {
    .video-contens {
        height: 220px;
    }
}

.delearship-form{
    max-width: 80%;
}
.dealership-form .form-control{
height:60px;
border-radius:10px;
border:1px solid #e5e5e5;
padding:15px;
font-size:15px;
}

.dealership-form textarea.form-control{
height:auto;
}

.dealership-form .btn-primary{
background:linear-gradient(90deg,#ff4d1a,#e63300);
border:none;
border-radius:8px;
font-weight:600;
}


.delear-section{
    padding:5rem 0;
}
.dealership-btn{
background: linear-gradient(90deg, #3b9cd7, #3b9cd7);
border:none;
border-radius:8px;
color:#fff;
font-weight:600;
overflow:hidden;
position:relative;
height:60px;
}

.dealership-btn .btn-text{
display:block;
position:relative;
height:24px;
overflow:hidden;

}

.dealership-btn .btn-text span{
display:block;
transition:transform .4s ease;
}

.dealership-btn .btn-text span:last-child{
position:absolute;
top:100%;
left:0;
width:100%;
}

.dealership-btn:hover .btn-text span:first-child{
transform:translateY(-100%);

}

.dealership-btn:hover .btn-text span:last-child{
transform:translateY(-100%);
}
.form-control:focus {
    
    border-color: #97bb31;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(151 187 49 / 14%);
}
.dealership-form{
    max-width:85%;
    margin:auto;
    background-color:#f5f5f5;
    padding: 3rem;
}
.banner-sec-em img{
    width:100%;
    height:auto;
    display:block;
}

.dealership-form .row{
    row-gap:20px;
}
.dealership-form {
    max-width: 100%;
}
.quick-links-menu.locations{
    margin:30px 0 0;
}
.why-choose-sec.our-whyys{
    padding-top:0;
}
.banner-sec-em .swiper-pagination {
    bottom: 20px !important;
}

.banner-sec-em .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #ffffff;
    opacity: 0.4;
    border-radius: 50%;
    margin: 0 6px !important;
    transition: all 0.4s ease;
}

.banner-sec-em .swiper-pagination-bullet-active {
    width: 30px;
    height: 10px;
    border-radius: 20px;
    background: linear-gradient(90deg, #28a745, #6bdc8c);
    opacity: 1;
}

.hide-robot{
display:none !important;
}


a.link{
    color:#97bb31;
    font-weight:500;
}

.form-btn {
  width: 100%;
  padding: 14px 20px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background: #3b9cd7;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Hover */
.form-btn:hover {
  background: linear-gradient(135deg, #0056b3, #0096c7);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
}

/* Click */
.form-btn:active {
  transform: scale(0.97);
}