@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@font-face {
    font-family: 'sangbleusansbold';
    src: url('../fonts/sangbleusansbold.eot');
    src: url('../fonts/sangbleusansbold.eot') format('embedded-opentype'),
         url('../fonts/sangbleusansbold.woff2') format('woff2'),
         url('../fonts/sangbleusansbold.woff') format('woff'),
         url('../fonts/sangbleusansbold.ttf') format('truetype'),
         url('../fonts/sangbleusansbold.svg#sangbleusansbold') format('svg');
         font-weight: 700;
         font-style: normal;
         font-stretch: normal;
}
@font-face {
    font-family: 'sangbleusanslight';
    src: url('../fonts/sangbleusanslight.eot');
    src: url('../fonts/sangbleusanslight.eot') format('embedded-opentype'),
         url('../fonts/sangbleusanslight.woff2') format('woff2'),
         url('../fonts/sangbleusanslight.woff') format('woff'),
         url('../fonts/sangbleusanslight.ttf') format('truetype'),
         url('../fonts/sangbleusanslight.svg#sangbleusanslight') format('svg');
         font-weight: 300;
         font-style: normal;
         font-stretch: normal;
}
@font-face {
    font-family: 'sangbleusansmedium';
    src: url('../fonts/sangbleusansmedium.eot');
    src: url('../fonts/sangbleusansmedium.eot') format('embedded-opentype'),
         url('../fonts/sangbleusansmedium.woff2') format('woff2'),
         url('../fonts/sangbleusansmedium.woff') format('woff'),
         url('../fonts/sangbleusansmedium.ttf') format('truetype'),
         url('../fonts/sangbleusansmedium.svg#sangbleusansmedium') format('svg');
         font-weight: 500;
         font-style: normal;
         font-stretch: normal;
}
@font-face {
    font-family: 'sangbleusansregular';
    src: url('../fonts/sangbleusansregular.eot');
    src: url('../fonts/sangbleusansregular.eot') format('embedded-opentype'),
         url('../fonts/sangbleusansregular.woff2') format('woff2'),
         url('../fonts/sangbleusansregular.woff') format('woff'),
         url('../fonts/sangbleusansregular.ttf') format('truetype'),
         url('../fonts/sangbleusansregular.svg#sangbleusansregular') format('svg');
         font-weight: 400;
         font-style: normal;
         font-stretch: normal;
}

.h-bold{font-family: 'sangbleusansbold';}
.h-light{font-family: 'sangbleusanslight';}
.h-medium{font-family: 'sangbleusansmedium';}
.h-regular{font-family: 'sangbleusansregular';}


html,body { width: 100%; height: 100%; margin: 0;  padding: 0;}
body {line-height: 1.7; font-size: 15px; color:#3A3B42; font-family: "Plus Jakarta Sans", sans-serif; font-weight:500;-webkit-text-size-adjust: 100%;overflow-x: hidden; letter-spacing:4%}
.btn, a, button, .transition { webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
a { text-decoration: none;color: #4A5282;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
ul{ list-style:none; padding:0}
button:focus{ outline:none}

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ }
.all_heading{font-size:40px;color:#000639; letter-spacing:-2%; line-height:125%}
.all_heading span{ color:#75D084}  
.sub-heading{font-weight: 600;font-size: 14px;line-height: 180%;letter-spacing: 4%; margin-bottom: 10px;}
 


/*BUTTONS*/
.btn {font-size:11px;padding-top: 12px;padding-bottom: 12px;padding-left: 25px; padding-right:25px;font-weight:700;border-radius:8px;line-height:160%; letter-spacing:12%; color:#3A3B42}
.btn-primary{ border-color:#75D084;color:#3A3B42; background:#75D084}
.btn-primary:hover{ background-color:#264796; border-color:#264796; color:#fff}

.btn-blue{  background-color:#264796; border-color:#264796; color:#fff}
.btn-blue:hover{border-color:#75D084;color:#3A3B42; background:#75D084}
.btn-blue:hover i{ color:#3A3B42}

/*FORM CONTROL*/
.form-control{border: 1px solid #ddd; height: 45px; border-radius:0px;font-weight: 300; font-size: 13px;border-radius:8px}
.form-control:focus {color: #000;background-color: #fff; outline: 0; border-color:#75D084}
textarea{resize: none;}
textarea.form-control { height: auto !important;}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;}


/*CONTAINER*/
.custom-width{max-width: 1280px} 

/*TEXT COLORS*/
.text-prime{ color:#75D084}
.color-blue{ color:#264796}
.color-black{ color:#000639}

/*BACKGROUNDS COLORS*/
.bg-prime{background:#D6E9D8;}
.bg-blue{background:#000639 ;}
.bg-light{background:#F2F9F2}
.bg-light-1{background:#f9fbfa}
/*BORDER COLORS*/


 

.Mypadding{ padding:80px 0}
.letter-sp{ letter-spacing:20%}
.ls-0{ letter-spacing:0}
.border-green{ border-color:#d6e5d7 !important}

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top: 10px;}
.swiper-pagination-bullet-active{background-color: #75D084;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height: 30px; width:30px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 25px; color: #000;  display: flex; border-radius: 20px; justify-content: center; align-items: center;  }


/*EFFECTS*/
.zoom-hover img {-webkit-transform: scale(1); transform: scale(1);transition: all .4s ease-in-out;}
.zoom-hover:hover img{transform: scale(1.02);}

.taglines {display: flex; align-items: center;font-size: 10px;font-weight:800;letter-spacing: 0.12em;text-transform: uppercase;white-space: nowrap;}
.taglines::before { content: "";display: inline-block;width:45px;height:2px;background-color:#75D084;margin-right: 15px;border-radius: 1px;}
.Separator {margin: 0 10px; font-weight: 900;}

/*#################################################################*/
/*##################_________MAIN STYLES_________##################*/
/*#################################################################*/
.site-header{ background-color:#FBFBFB}
.site-header .navbar .nav-item  a{ margin-left: 15px; margin-right:15px; font-weight:700;height:70px;align-items: center;display: flex; font-size:14px; color:#4d4e55 }
.site-header .navbar .nav-item  a:hover{color: #75D084;}

.site-header .dropdown-toggle::after {display:none} 
.site-header .dropdown-toggle .caret {webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;
-o-transition: all 250ms linear;-ms-transition: all 250ms linear;transition: all 250ms linear;transform-origin: center;height: 20px; width: 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 12px;margin-left: 3px; color:#75D084}
.site-header .dropdown-toggle:hover .caret{transform: rotate(180deg);}
 
.Quote-top .btn{color:#4d4e55;padding: 10px; }
.Quote-top .btn:hover{color:#fff;background-color: #264796;}
/*#########________HAMBURGER MENU BUTTON START________#########*/

.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #000e36; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #000e36;}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}

/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;}

 
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:13px; color:#0C0E12;height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: #75D084; color:#fff}
@media (max-width: 991px){
.site-header .navbar-nav .nav-link {font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
.site-header .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
.site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: -1px;}
} 
.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0; left: 0;  z-index: 1030;background-color: rgba(255, 255, 255, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);padding: 0;}
 
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}

.site-header .isFixed .navbar-brand .logo { width:65px}

/*#####################__________HERO BANNER SECTION __________########################*/
.hero-block{height:100vh; width: 100%; background-size:cover; background-position:center top}
.hero-block .hero-block__content{max-width:530px;}
.hero-block .hero-block__heading{font-size:48px; line-height:100%; color: #fff; margin-bottom:20px; letter-spacing:-0.1rem}
.hero-block__sm{ font-size: 15px;color: #afaca9;line-height:160%; font-weight:600;letter-spacing:4%}
.swiper-slide-active .hero-block__content { animation: fadeInRight 1s ease forwards; transition: opacity 0.5s ease, filter 0.5s ease;} 
.hero-block .container{display: flex;height: 100%; flex-direction: column;justify-content: center;}
 
@keyframes fadeInRight {
  0% {opacity: 0;transform: translateX(100px);}
  100% {opacity: 1;transform: translateX(0);filter: blur(0); }
}
  
.hero-block .hero-block__heading span{ color:#75D084; font-family: 'sangbleusansbold';}
.banner_buttons a{color:#3A3B42;}
.req:hover{color:#3A3B42 !important}
 
/*#####################__________ABOUT CSS __________########################*/ 
.pd-about{ padding-right:70px}
.about_block .about_item .flex-grow-1{  border-bottom:1px solid #A8D4AF;padding-bottom:25px;margin-bottom:25px}
.about_block .about_item:last-child .flex-grow-1 {  border-bottom: none;padding-bottom: 0;margin-bottom: 0}
.about-right-img{ margin-top:90px}
.about_bottomprt{margin-top: 80px}

/*#####################__________Our Heritage CSS __________########################*/ 

.year-itm{ width:100px; font-size:35px}
.journey_list .d-flex{ border-top:1px solid #B6D5BB; padding:20px 0}
 
.journey_bottomprt{ margin-top:130px}

/*#####################__________Products Categories CSS __________########################*/ 
.Pro_content{ color:#80829c; font-size:13px}
.Pro_content .taglines::before {background-color:#fff}
.Pro_content::before{ border-left:1px solid #41588E;content: ""; display: inline-block; position:absolute;height: 100%;left: -50px;}


.Categories_block .content{color:#fff; width:100%; position: absolute; bottom: 0px; left:0px; padding:40px 20px 20px 20px; right:0;background: linear-gradient(transparent, rgb(0 0 0 / 90%)); }
.Categories_block .content .title{ font-size:31px; letter-spacing:-2%; line-height:115%;}
.Categories_block:hover{ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);}
.Categories_block .content p {opacity: 0; max-height: 0;overflow: hidden;transition: opacity 0.5s ease, max-height 0.5s ease;width:70% }
.roundeds{border-radius: 56px 16px 56px 16px;}
.Categories_block:hover img{ opacity:.6;}
.Categories_block:hover .content p {opacity: 1; max-height: 100px; }  
.btn-hover {border-radius: 50px;position: absolute;top: 10px;right: 10px;background: white;width: 50px;height: 50px;align-items: center;justify-content: center;display: flex;opacity: 0;
transform: translateY(-20px); transition: opacity 0.4s ease, transform 0.4s ease;}
.btn-hover i {transform: rotate(-45deg);transition: transform 0.3s ease, color 0.3s ease}
.Categories_block:hover .btn-hover {opacity: 1;transform: translateY(0);}

/*#####################__________ WHY CHOOSE US CSS __________########################*/
.custom-amenity .content-col .taglines::before {background-color:#fff}
.custom-amenity .image-col {background: url("../images/why-choose-img.jpg") center center / cover no-repeat;height:765px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); border-radius:16px 56px 0 56px;}
.custom-amenity .image-overlay {background: linear-gradient(transparent, rgb(0 0 0 / 90%));border-radius: 0px 0px 0 56px;position: absolute;width: 100%; bottom: 0; padding:90px 30px 50px 30px}
.custom-amenity .content-col { margin-top:50px; border-radius:0 56px 16px 56px;box-shadow: 0 20px 40px rgba(0,0,0,0.15); }
.custom-amenity .step-number {width: 44px;height: 44px;border:2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size:24px;}
.custom-amenity .lead-sm {font-size: 0.88rem;line-height: 1.65;}
 
/*#####################__________ Our Clientele CSS __________########################*/ 
.clientele-section{background-repeat:repeat-x;background-position: center bottom;}
.subtitle-text {max-width: 700px;margin: 0 auto;}
.showcase-card {background-color: #ffffff;border-radius: 2.5rem;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);overflow: hidden;border: none; max-width: 1046px; margin:0 auto;}
.vertical-divider { border-right: 1px solid #eef2f5;}

.category-item {display: flex;align-items: center;margin-bottom: 1.8rem;}
.category-item:last-child { margin-bottom: 0;}
.category-img { width: 105px;height: 105px;object-fit: cover;border-radius: 50%; margin-right: 1.2rem;flex-shrink: 0;}
.text-muted-custom {color:#616268;font-size: 0.85rem;line-height: 1.4;}
.logo-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 1.5rem 1rem; height: 100%;align-content: center;}
.logo-box {display: flex;align-items: center;justify-content: center; min-height: 50px;padding: 0.5rem;transition: transform 0.2s ease;}
.logo-box:hover { transform: scale(1.05);}
.logo-box img { max-width: 100%;max-height: 50px;object-fit: contain;}

  
/*#####################__________ Import Substitution CSS __________########################*/      
.Import_block .d-flex{ border-bottom:1px solid #B6D5BB; padding:25px 0}
.Import_block .flex-shrink-0 img{ width:28px}  
 
.saving-box .percent{font-size:72px;line-height:160%; letter-spacing:-2%}
.saving-box .percent span{font-size:40px; vertical-align:baseline}
.saving-box .text{font-size:13px;color:#717277;font-weight:600;line-height:1.4;max-width:500px;}

/*#####################__________ CLIENT TESTIMONIALS CSS __________########################*/
.white-gradient{ background-image: linear-gradient(to bottom, #f2f9f2, #f2fbf9, #f6fcfe, #fcfdff, #ffffff);}

.testimonial-card{background:#fff;border-radius:14px;padding:28px; height:100%; box-shadow:0 10px 30px rgba(0,0,0,.06);transition:.3s; position:relative}
.testimonial-card:hover{transform:translateY(-6px);}
.quote{position: absolute;top: -15px;}
.testimonial-card .rating{color:#FCB002;font-size:13px;letter-spacing:2px;margin-bottom:5px;margin-top: 20px;}
.testimonial-card .testimonial-text{ color:#525359;line-height:1.8;font-size:15px; letter-spacing:2%; margin-bottom:30px;min-height: 195px;}

.testimonial-card .author{display:flex;align-items:center;}
.testimonial-card .author img{width:56px;height:56px; border-radius:50%;object-fit:cover;margin-right:14px;}
.testimonial-card .author h6{margin-bottom:8px;font-size:15px;font-weight:700;}
 

.video-block .video-card{position:relative;overflow:hidden;border-radius:14px;height:100%;min-height:370px;}
.video-block .video-card img{ width:100%;height:100%;object-fit:cover;}
.video-block .video-card::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55);}
.video-block .play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;background:rgba(63,63,63,.7);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid #6a6766;transition:all .35s ease;animation:pulse 2s infinite;cursor:pointer;}
.video-block .play-btn:hover{transform:translate(-50%,-50%) scale(1.12);background:rgba(117,208,135,.85);border-color:#fff;animation-play-state:paused;}
.video-block .play-btn i{transition:transform .35s ease;}
.video-block .play-btn:hover i{transform:scale(1.15);}
@keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(255,255,255,.45);}
    70%{ box-shadow:0 0 0 22px rgba(255,255,255,0);}
    100%{ box-shadow:0 0 0 0 rgba(255,255,255,0);}
}

.video-block .video-author{position:absolute;left:25px; bottom:20px;display:flex;align-items:center;color:#fff;}
.video-block .video-author img{width:56px;height:56px;border-radius:50%;margin-right:12px;object-fit:cover; object-position: center top;}
.video-block .video-author h6{margin:0; font-size:15px;}
.video-block .video-author span{font-size:11px;opacity:.8;}

/*###################__________FOOTER SECTION___________######################*/ 
.site-footer{background-color:#080e1e;}
.footerlogo img{ padding-bottom:15px}
.footer-main{ font-size: 14px;padding-top:20px}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:600;letter-spacing:4%; font-size:12px; text-transform:uppercase}

.footer-main .social-handles a{color: #fff; font-size: 20px;margin-right:10px;}
.footer-main .social-handles a:hover {color: #75D084;}

.footer-main .footer-links ul li{margin-bottom:20px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a, .footer-btm .lst-links a, .newsletter-form small{color:#7f828a; font-size:12px}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover, .footer-btm .lst-links a:hover{color:#75D084;}

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

.footer-main .ftr-contact-info .info-block h6{color:#b8c0c0; text-transform: uppercase; font-size: 12px; margin-bottom: 5px;}

.footer-btm{ font-size:12px;}
 
.border-pre { border-bottom: 1px solid #262b39; padding-bottom:10px}
.Privacy-lnk{ color:#fff; text-decoration:underline} 

.footer-btm{padding-top:10px;padding-bottom:10px; border-top:1px solid #262b39}
.footer-btm .lst-links a{ font-size: 12px; text-decoration: none; margin-right: 40px; text-transform:uppercase; font-weight:600}


.newsletter-form .input-group{border:1px solid #6b6e78;border-radius:3px;overflow:hidden;}
.newsletter-form .form-control{background:transparent;border:none;color:#fff;padding:25px 30px;font-size:13px; box-shadow:none;}
.newsletter-form .form-control::placeholder{color:#9b9da6;}
.newsletter-form .btn{width:42px;height:42px;background:#75D084;border:none;color:#fff;font-size: 15px;margin: 5px;border-radius: 5px!important;display: flex;align-items: center;justify-content: center ;}
.newsletter-form .btn:hover{background:#6ba475;}


/*###########################################################################################################*/
/*###########################################################################################################*/
/*#####################################_________INNER PAGES CSS_________#####################################*/
/*###########################################################################################################*/
/*###########################################################################################################*/
  
.inner-hero {height:430px;background-position: top center !important; display:flex;align-items: center}

.custom-breadcrumb {font-size:12px;text-transform: uppercase;letter-spacing: 4%;margin-bottom: 1.5rem;color: #fff;}
.custom-breadcrumb a {color: #fff;text-decoration: none;opacity: 0.6;}
.custom-breadcrumb .separator {margin: 0 8px;}
 
.feature-badge {background-color: rgba(255, 255, 255, 0.08);border: 1px solid rgba(255, 255, 255, 0.15);color: rgba(255, 255, 255, 0.85);font-size:12px;font-weight:500;padding: 8px 18px;border-radius: 50px;white-space: nowrap;display: inline-block; backdrop-filter: blur(4px)}  

/*LISTING PAGE CSS===============================================================================*/
.filter-bg { border-radius:12px; border:1px solid #E8E9ED}
.filters-sidebar{ padding:18px}
.filters-sidebar .filter-header { font-size:13px; text-transform: uppercase; color:#000639; font-weight:600; letter-spacing:4%}
.filters-sidebar .filter-block { border-top: 1px solid rgba(0,0,0,.1); }
.filters-sidebar .filter-block-title {font-size:14px;  color:#000639; padding-top:15px;padding-bottom:15px;margin-bottom: 0;display: flex;justify-content: space-between;align-items: center; cursor: pointer;letter-spacing: 4%; font-weight:600;text-decoration: none;padding-right: 5px;}
.filters-sidebar .filter-block-title-hd {font-size:14px;  padding-top:15px;padding-bottom:15px;margin-bottom: 0; cursor: pointer;letter-spacing: 4%; font-weight:600;text-decoration: none;padding-right: 5px;}
.filters-sidebar .filter-block-title-hd a{ color:#000639;}
.filters-sidebar .filter-block-title::after {content: '';display: inline-block;width: 8px;height: 8px;border-right: 2px solid #000639;border-top: 2px solid #000639;transform: rotate(-45deg); transition: transform 0.3s ease;}
.filters-sidebar .filter-block-title.collapsed::after {transform: rotate(135deg);}
.filters-sidebar .custom-control-label { font-size: 13px; color:#000639; line-height:180%; letter-spacing: 0; cursor: pointer}
.filters-sidebar .custom-control-input { margin-top: 5px; margin-bottom: 5px; width: 15px; height: 15px; vertical-align: bottom; margin-right: 5px}
.boxes_block { padding:3px 0; }
.filter-block-body { margin-bottom:10px}
 
 
.listing-block .product-card {border: none;border-radius:20px 0 0 0;overflow: hidden;background:transparent; transition: background 0.4s ease, box-shadow 0.4s ease, border-radius 0.4s ease;}
.listing-block .image-container {position: relative;}
.listing-block .product-img {width: 100%;height: 270px;object-fit: cover;border-radius: 24px 6px;transition: border-radius 0.4s ease;}
.listing-block .whatsapp-badge { position: absolute;bottom:-20px; right: 12px;background-color:#29a71a;color: white;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;font-size: 24px;border-radius: 50% }
.listing-block .whatsapp-badge:hover {background-color: #20ba5a; color: white;}
.listing-block .product-title {font-size: 22px;letter-spacing: -3%;line-height: 140%;}
.listing-block .product-desc {font-size:13px;color:#3A3B42;line-height:150%; letter-spacing:2%}
.listing-block .product-card:hover{background:#fff; border-radius:16px;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);}
.listing-block .product-card:hover img{ border-radius:10px}


.custom-paginations-container {display: inline-flex;flex-direction: column;align-items: center;}
.custom-paginations {display: flex;align-items: center;background-color: #ffffff;border: 1px solid #e1e8e2;
border-radius:10px;overflow: hidden;padding: 0;margin-bottom: 12px;}
.custom-paginations .page-item {display: flex;align-items: center;justify-content: center;min-width: 48px;height: 50px;border-right: 1px solid #e1e8e2;color: #4a5568;font-weight: 500; font-size: 0.95rem;text-decoration: none; transition: background-color 0.2s, color 0.2s;}
.custom-paginations .page-item:last-child { border-right: none;}
.custom-paginations .page-item.nav-btn {padding: 0 24px;font-weight: 500;font-size: 0.9rem;}
.custom-paginations .page-item.disabled-dots {color: #718096; cursor: default;}
.custom-paginations .page-item .active-circle { display: flex;align-items: center;justify-content: center;width: 38px; height: 38px;background-color: #7DB786;color: #ffffff; border-radius: 50%;font-weight: 600}
.custom-paginations a.page-item:hover {background-color: #f4f7f5;color: #2d3748;}
.custom-paginations .pagination-info {font-size: 0.85rem; color: #909898; font-weight: 400} 



/*DETAILS PAGE CSS===============================================================================*/
.breadcrumb-bar {background-color: #F2F3FB;padding: 10px 0;font-size: 0.8rem; font-size:12px}
.breadcrumb-bar a {color:#000639;text-decoration: none;}
.breadcrumb-bar .active {color:#264796;font-weight: 600;}

.btn-share {font-size:12px;font-weight: 500;text-decoration: none;color: #fff;border-radius: 20px;padding: 4px 14px; background-color:#264796}
.sharelinks .dropdown-toggle{ border: none;background: transparent;}
.sharelinks .dropdown-toggle::after { display:none}
.sharelinks .block{-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 10%);box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: 0;border: none;padding: 15px;}   
.sharelinks .block a{  font-size: 15px; color:#000639}
.sharelinks .block .dropdown-item.active, .sharelinks .block .dropdown-item:active{ background-color:transparent}


.product-desc {color:#6F7176}

.spec-box {border: 1px solid #D6E5D7;border-radius: 12px; background-color: #fbfdfc}
.spec-item {padding:10px 15px}
.spec_md{ background-color:#f4f9f5}
.spec-item:not(:last-child) { border-right: 1px solid #e2e8f0;}
.spec-value {font-size:21px;font-weight: 700;color: #3A3B42}
.spec-unit {color: #869187;font-weight: 600;}
 
.feature-item {font-size:12px;color: #6F7176;display: flex; gap: 8px;align-items: center;}
.feature-icon {color: #10b981;font-size: 1rem;}

.branding-banner {background-color: #f9fcf9;  border: 1px solid #a8d4af;border-radius: 12px;padding: 13px 20px;}
.branding-banner p {font-size:12px;color: #6F7176;margin-bottom: 0;}
.enquir_now-btn{ width:228px}

.quote-box {border: 1px solid #1e3a8a;border-radius: 12px;overflow: hidden;}
.quote-header {background-color: #264796;color: white;padding: 10px 20px;font-weight: 600;font-size:12px;}
.quote-body {padding:10px 15px;background-color: #ffffff;}
.qty-input-group { border: 1px solid #869187;border-radius: 8px;overflow: hidden;max-width: 150px;height: 42px;}
.qty-btn {background: none;border: none;width: 40px;height: 100%;font-size:12px;color: #767676;}
.qty-input {border: none;width: 60px;text-align: center;font-weight: 600;color: #767676;}
.qty-input:focus { outline: none;}

.btn-catalogue {background-color: #ffffff;border: 1px solid #264796;color: #3A3B42;border-radius: 8px;font-weight: 700;font-size:12px;text-transform: uppercase;letter-spacing: 0.5px;height: 42px;transition: all 0.2s;}
.btn-catalogue:hover {background-color:#75D084; }
.quote-footer {background-color: #EEF4EE;border-top: 1px solid #f1f5f9;text-align: center;padding:6px;font-size:11px;color: #5F7E64; font-weight:600}




.nav-spec-tabs {border-bottom: 1px solid #e2e8f0;gap:30px;}
.nav-spec-tabs .nav-link {border: none;background: transparent;padding: 8px 4px 12px 4px;font-size:16px;font-weight: 600;color: #4A5656; position: relative; letter-spacing:-2%; transition: color 0.2s ease;}
.nav-spec-tabs .nav-link:hover { color: #000639;}
.nav-spec-tabs .nav-link.active {color: #264796; font-weight: 600;background: transparent;}
.nav-spec-tabs .nav-link.active::after {content: '';position: absolute;bottom: 0; left: 0;width: 100%;height: 2px; background-color:#75D084}

.spec-table-container {border: 1px solid #A8D4AF;border-radius: 4px;overflow: hidden;}
.spec-table {margin-bottom: 0;}
.spec-table td {padding: 12px 16px;font-size: 0.85rem;border-bottom: 1px solid #A8D4AF;vertical-align: middle}
.spec-table tr:last-child td {border-bottom: none;}

.spec-label-col {width: 25%;color: #000639;font-weight: 500;background-color: #ffffff;border-right: 1px solid #e2e8f0;}
.spec-value-col {width: 75%; color: #5c6784;font-weight: 400;background-color: #ffffff;}

 
.spec-table tr .spec-label-col {background-color: #f5f7fb; }
.spec-table tr:nth-child(even) {background-color: #ffffff;}
.spec-table tr:nth-child(even) .spec-label-col {background-color: #ffffff;}

.spec-table tr .color-bgs {background-color: #ffffff; }
.spec-table tr:nth-child(even) .color-bgs {background-color: #f9fbfa;}

.Simil_btn .btn{ font-size:9.7px}

.customization .card-body .card-img {position: relative;display: inline; font-size:40px; z-index:1}
.customization .card-body .card-img:before { content: "";position: absolute;background-color: rgba(168,212,175,0.4);width: 45px; height:45px; border-radius: 50%;top: -5px;left: -5px;z-index:-1;}
.customization .An_edge-block{background: #f9fcf9;border: 1px solid #a8d4af; border-radius:8px}
 
 
 
.Faq-acc { background: #fff; padding:15px; border-radius:8px}
.Faq-acc .accordion-item {border: none;border-bottom: 1px solid #e2e8f0; background-color: transparent;}
.Faq-acc .accordion-item:last-child {border-bottom: none; }
.Faq-acc .accordion-button { font-size: 0.95rem;font-weight: 600;color: #000639;background-color: transparent;padding: 18px 0;  box-shadow: none !important; display: flex; justify-content: space-between;align-items: center;}
.Faq-acc .accordion-button:not(.collapsed) {color: #75D084;background-color: transparent;}
.Faq-acc .accordion-button::after {display: none;}
.Faq-acc .accordion-button::before {content: '';order: 2;display: inline-block;width: 8px;height: 8px;border-right: 2px solid #000639;border-top: 2px solid #000639;transform: rotate(-45deg); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-left: 15px;}
.Faq-acc .accordion-button:not(.collapsed)::before {border-color: #10b981;}
.Faq-acc .accordion-button.collapsed::before {transform: rotate(135deg);}
.Faq-acc .accordion-body {padding: 0 0 20px 0; background-color: transparent;}
.Faq-acc .accordion-body p {font-size: 0.9rem;color: #5c6784;line-height: 1.6;margin-bottom: 0;}


/*ABOUT PAGE CSS===============================================================================*/
.ui_ux li {font-size: 15px; line-height: 1.6; margin-bottom: 16px; padding-left: 20px; position: relative; border-bottom: 1px solid #A8D4AF;padding-bottom:15px;padding-top: 4px;}
.ui_ux li::before {content: "•"; color: #75D084; font-weight: bold; position: absolute; left: 0; }
.ui_ux li:last-child{border-bottom:none}

.MeetTeam-sec img {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;}
.MeetTeam-sec img:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1); border-radius:34px}

.Journey-box{padding-left: 120px;display: flex;-moz-box-align: center;align-items: center;gap: 80px;-moz-box-pack: end;justify-content: end;}
.Journey-slider-box {max-width: 810px; border-radius:40px 0px 0px 15px;padding: 65px 0px 65px 45px;width: 100%;}
.Journey-slider .swiper-button-next{ left:50px}
.nav-wrap { position: absolute;bottom: 0px;height: 30px;}


/*ECO PAGE CSS===============================================================================*/
.ECO-section .eco-img { position: absolute;content: "";right: 0px;top: 0px;width: 48%;height: 100%;  background-size: cover; background-position: center center;}


/*CONTACT PAGE CSS===============================================================================*/
.left-side-form{ padding:40px;border-radius:56px 0 0 16px}
.contact-icon-prt {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right:1px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact__icon i{background-color:#75D084;color: #fff;padding: 5px 10px;width: 46px; height: 46px;justify-content: center;display: flex; align-items: center; border-radius: 50px;}
.contact__icon-txt {margin-left: 15px;}
.contact__icon-txt h4{ font-size:17px; text-transform:uppercase;font-weight: 600;}
.contact__icon-txt p{ color:#555; font-size:13px;}
                    
.left-side-form textarea {height: 100px !important;resize: none;}
					
.contact-info-right-side{ padding: 50px 40px 40px 40px; color:#fff; border-radius: 0 16px 56px 0;}			
.contact-info-right-side .contact-info-block{display: flex;width: 100%; margin-bottom:30px;}
.contact-info-right-side .contact-info-block .icon{font-size:20px; line-height: 1;}
.contact-info-right-side .contact-info-block p, .contact-info-right-side .contact-info-block a{color: rgba(255,255,255,.8); }
  

.contact-form{margin-left: -1px;}
.contact-info-block{display: flex; align-items: flex-start; width: 100%;}
.contact-info-block .icon{font-size: 26px;line-height: 1;}
.contact-info-block .info-content h6{font-size: 16px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px;}
.contact-info-block .info-content p{font-size: 13px; line-height: 1.4; opacity: 0.9; font-weight: 400; margin-bottom: 0;}

.contact-info{border-radius:  15px 0 0 15px}
.map-container { height: 100%;}
.map-container iframe { width: 100%; height: 100%; border: 0;  border-radius:0 15px 15px 0}

.border-contact-info, .contact-map  {border-radius: 0px 15px 15px 0px;}
.border-contact-map iframe,
.border-contact-map {border-radius: 15px 0 0 15px;}

/*BLOG LISTING / BLOG DETAILS PAGE CSS ==================================================================*/
.bloglisting_pg .listing-block  .product-title, .recent_post .listing-block  .product-title { height: 95px; overflow: hidden;}

.blog-detailscard{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}
.blog-detailscard .ui_ux li{ border:none; padding-bottom:0; margin-bottom:10px}
.blog-detailscard .social-share-btn {color: #4a5568;font-size: 1.1rem;margin: 0 8px;text-decoration: none;transition: color 0.2s ease;}
.blog-detailscard .social-share-btn:hover, .blog-detailscard .nav-btn:hover  { color: #75D084;}
.blog-detailscard .nav-btn { color: #6c757d;text-decoration: none;font-size: 0.9rem;font-weight: 500;}
.blog-detailscard h2{ font-size:30px; margin-bottom:10px}
.blog-detailscard h3{ font-size:25px;margin-bottom:10px}
.blog-detailscard h4{ font-size:20px;margin-bottom:10px}

/*CLIENTS PAGE CSS ==================================================================*/
.clientssection .logo-grid { grid-template-columns: repeat(8, 1fr);}
.clientssection .logo-box { background-color:#fff;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);}

/* THANKS PAGE CSS =============================================================================== */
.thanks-page{ display: flex;display: -webkit-flex;justify-content: center;-o-justify-content: center;-ms-justify-content: center;-moz-justify-content: center;-webkit-justify-content: center;align-items: center;-o-align-items: center;-ms-align-items: center;-moz-align-items: center;-webkit-align-items: center; height:100vh}
.thank-blur {-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);background-color: rgba(255, 255, 255, .5);}
.thanks-icon img{ width:200px}

/* ENQUERY POPUP CSS =============================================================================== */
.enquiryPopup .modal-content{border:0; border-radius:25px;overflow:hidden;}
.enquiryPopup .left-area{padding:45px; background:#fff; height:100%;}
.enquiryPopup .left-area h2{font-weight:700; margin-bottom:10px;}
.enquiryPopup .left-area p{color:#777;margin-bottom:30px;}
.enquiryPopup .modal-lg { --bs-modal-width: 950px;}
.enquiryPopup .image-side{position:relative}
.enquiryPopup .image-side img{ height:490px}
.enquiryPopup .close-popup{position:absolute;right:12px;bottom:7px;width:55px;height:55px; border:none; border-radius:50%;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.15);font-size:22px;transition:.3s;color: #75D084;}
.enquiryPopup .close-popup:hover{background:#f3f3f3;transform:rotate(90deg);}
.enquiryPopup textarea{ height:85px}
 

.enquiryPopup .social-shape{ position:absolute;right:12px;bottom:0;width:90px;height:70px;background:#fff; border-top-left-radius:35px;}
.enquiryPopup .social-shape:before{content:"";position:absolute;left:-33px;top:22px; width:35px;height:35px;background:transparent;border-bottom-right-radius:35px;box-shadow:12px 12px 0 #fff;}
.enquiryPopup .social-shape:after{content:"";position:absolute; right:0;top:-33px;width:35px;height:35px;background:transparent;border-bottom-right-radius:35px;box-shadow:12px 12px 0 #fff;}

/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
  
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
.logo-grid {grid-template-columns: repeat(2, 1fr);}

.enquiryPopup .image-side{ min-height:350px;}
.enquiryPopup .left-area{ padding:30px;}   
}

@media (max-width: 767.98px) {

}

 
@media (max-width: 575.98px) {
.logo-grid { grid-template-columns: repeat(2, 1fr);}

}