html{overflow-x: hidden;}
body{font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;color:#222;background:#fff;padding-right:0 !important;}
body.offcanvas-open { overflow: hidden; padding-right: 0px !important; }
:root{
  --brand: #e31e24; 
  --dark: #021f35;
  --blueNormal: #023963;
  --muted: #6c757d;
  --card-shadow: 0 8px 30px rgba(9,18,26,0.08);
}
.brand-text{color:var(--brand);}
.brand-bg{background-color:var(--brand);}
.brandText{color:var(--brand);}
.brandTextDark{color:var(--dark);}
.brandBg{background-color:var(--brand);}

.btn-brand{background:var(--brand);color:#fff;border-radius:20px;padding:8px 20px;border:none;font-weight:600;}
.btn-brand:hover{background:var(--dark);color:#fff;}
.btnBrand{background:var(--brand);color:#fff;border-radius:20px;padding:8px 20px;border:none;font-weight:600;}
.btnBrand:hover, .btnBrand:focus, .btnBrand:active{background:var(--dark) !important;color:#fff !important;border-radius:20px;padding:8px 20px;border:none;font-weight:600;}

.btn-outline-brand{border:1px solid var(--brand);color:var(--brand);background:transparent;border-radius:30px;padding:6px 12px;}
.btnBrand-outline{border:1px solid var(--brand);color:var(--brand);background:transparent;border-radius:30px;padding:6px 25px;}
.btnBrand-outline:hover{border:1px solid var(--dark);color:var(--dark);background:transparent;border-radius:30px;padding:6px 25px;}
.btnBrand-outline-dark{border:1px solid var(--dark);color:var(--dark);background:transparent;border-radius:30px;padding:6px 25px;}
.btnBrand-outline-dark:hover, .btnBrand-outline-dark:focus {border:1px solid var(--dark);color:var(--dark);background:transparent;border-radius:30px;padding:6px 25px;}

/* Pre-loader Section */
.preloaderSection  { position: fixed; inset: 0; background: var(--dark); display: block; z-index: 2000; transition: opacity 0.8s ease, visibility 0.8s ease; }
#preloader.preloaderSection.hidden { opacity: 0; visibility: hidden; }
.preloaderSection .loader-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;display:flex;justify-content:center;align-items:center;}
.preloaderSection .loader-ring{position:absolute;width:200px;height:200px;border:5px solid rgba(255,255,255,0.08);border-top:5px solid var(--brand);border-radius:50%;animation:spin 1.3s linear infinite;box-shadow:0 0 20px rgba(227,30,36,0.3);}
@keyframes spin {to { transform: rotate(360deg); }}
.preloaderSection .loader-logo img{width:140px;height:auto;animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 4px rgba(255,255,255,0.25));}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1;} 50%{transform:scale(0.9);opacity:0.8;} }

/* Topbar Section */
.topbarSection.topbar{background-color:#e31e24;color:#fff;padding:2px 0;font-size:14px;}

/* Header Nav Section */
.headerNavSection .navbar-brand img{height:36px;}
.headerNavSection .nav-link{color:rgba(255,255,255,0.9);}
.headerNavSection .nav-link:hover{color:#fff;}
.headerNavSection .navbar .btnBrand:hover{background:#fff;color:var(--brand);}
.headerNavSection .navbar.sticky-top{position:sticky;top:0;z-index:99;}
.headerNavSection .dropdown-menu{background-color:var(--dark);border:none;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,0.25);opacity:0;transform:translateY(10px);visibility:hidden;transition:all 0.3s ease;}
.headerNavSection .dropdown-menu.show{opacity:1;transform:translateY(0);visibility:visible;}
.headerNavSection .dropdown-item{color:rgba(255,255,255,0.85);padding:10px 16px;transition:background 0.3s ease,transform 0.2s ease;}
.headerNavSection .dropdown-item:hover{background-color:var(--brand);color:#fff;}
.headerNavSection .dropdown-toggle::before{vertical-align:0.125em;margin-left:6px;font-size:0.55em;border-top:0.35em solid;border-right:0.35em solid transparent;border-left:0.35em solid transparent;margin-top:0;transition:transform 0.3s ease;position:relative;top:-1px;}
.headerNavSection .dropdown.show .dropdown-toggle::before{transform:rotate(180deg);}
.headerNavSection .navbar-nav .nav-link{position:relative;padding-bottom:6px;transition:color 0.3s ease;border-bottom:2px solid transparent;}
.headerNavSection .navbar-nav .nav-link:hover,.headerNavSection .navbar-nav .nav-link.active{color:#fff;border-bottom:2px solid var(--brand);}
@media (min-width: 992px) {
	.headerNavSection .dropdown:hover > .dropdown-menu{display:block;opacity:1;transform:translateY(0);visibility:visible;}
}

/* Mobile Menu Section */
.mobileMenuSection .mobileMenu{position:fixed;top:0;right:0;width:85%;max-width:360px;height:100vh;background:var(--dark);color:#fff;transform:translateX(100%);transition:transform 0.45s cubic-bezier(0.22,0.9,0.28,1);z-index:1085;display:flex;flex-direction:column;border-left:1px solid rgba(255,255,255,0.05);}
.mobileMenuSection .mobileMenu.active{transform:translateX(0);}
.mobileMenuSection .menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);opacity:0;visibility:hidden;transition:opacity 0.4s ease,visibility 0.4s ease;z-index:1080;}
.mobileMenuSection .menu-backdrop.show{opacity:1;visibility:visible;}
.mobileMenuSection .offcanvas-header{background:var(--brand) !important;padding:1rem 1.25rem;border-bottom:none;}
.mobileMenuSection .mobile-menu{padding:10px 0;}
.mobileMenuSection .menu-item{border:none;}
.mobileMenuSection .menu-link{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.05);color:#fff;padding:10px 14px;border-radius:10px;font-weight:500;text-decoration:none;transition:all 0.3s ease;line-height:1.1;}
.mobileMenuSection .menu-link:hover,.mobileMenuSection .menu-link:focus{background:var(--brand);color:#fff;transform:translateX(3px);}
.mobileMenuSection .menu-link[aria-expanded="true"]{background:rgba(255,255,255,0.08);}
.mobileMenuSection .offcanvas-body{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.2) transparent;}
.mobileMenuSection .offcanvas-body div p{color:rgba(255,255,255,0.8);font-size:0.95rem;}
.mobileMenuSection .submenu{margin:8px 0 0 0;border-left:none;border:1px solid rgba(255,255,255,0.03);box-shadow:0 6px 18px rgba(2,8,15,0.12);overflow:hidden;background:rgba(255,255,255,0.03);border-radius:6px;padding:8px 10px;margin-top:8px;/* animation:fadeSlideIn 0.36s ease forwards; */}
.mobileMenuSection .submenu-link{display:block;padding:10px 12px;margin:4px 0;color:rgba(255,255,255,0.92);font-size:0.98rem;border-radius:8px;text-decoration:none;transition:transform 0.18s ease,background 0.18s ease;background:rgba(255,255,255,0.04);}
.mobileMenuSection .submenu-link:hover{background:rgba(227,30,36,0.95);color:#fff;transform:translateX(4px);}
.mobileMenuSection .has-submenu button[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);}
.mobileMenuSection .submenu,.mobileMenuSection .has-submenu .menu-link{background-clip:padding-box;}
.mobileMenuSection .has-submenu .menu-link,.mobileMenuSection .has-submenu button.menu-link{background:rgba(255,255,255,0.04);box-shadow:none !important;border:1px solid rgba(255,255,255,0.03);padding:12px 14px;border-radius:10px;outline:none;}
.mobileMenuSection .has-submenu .menu-link:focus,.mobileMenuSection .has-submenu .menu-link:active,.mobileMenuSection .has-submenu button.menu-link:focus{box-shadow:none;outline:none;}
.mobileMenuSection .submenu.collapse{max-height:0;opacity:0;transition:max-height 0.32s cubic-bezier(.22,.9,.28,1),opacity 0.22s ease;pointer-events:none;}
.mobileMenuSection .submenu.collapse.show{max-height:420px;opacity:1;pointer-events:auto;}
.mobileMenuSection .has-submenu .bi-chevron-down{transition:transform 0.28s ease;font-size:1rem;margin-left:6px;}
.mobileMenuSection .has-submenu button[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);}
.mobileMenuSection .offcanvas-body::-webkit-scrollbar{width:6px;}
.mobileMenuSection .offcanvas-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:6px;}
.mobileMenuSection .list-unstyled li{text-indent:0px;padding-left:0px;}
[aria-expanded="true"] .bi-chevron-down{transform:rotate(180deg);transition:transform 0.3s ease;}
[aria-expanded="false"] .bi-chevron-down{transform:rotate(0);transition:transform 0.3s ease;}
@keyframes slideDown{from{opacity:0;transform:translateY(-8px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeSlideIn{from{opacity:0;transform:translateX(8px);} to{opacity:1;transform:translateX(0);} }
@media (max-width: 576px) {
	.mobileMenuSection .offcanvas-title{ font-size: 1rem; }
}

/* Global */
.sectionSmallTitle{color:var(--brand);font-weight:700;}
.sectionTitle{color:var(--blueNormal);font-weight:700;}
.section{ padding: 64px 0; }
@media (max-width: 576px) {.section{ padding: 64px 20px;}}
.section.bg-light{ background:#fbfbfd; }
section[id] { scroll-margin-top: 50px; }
.subPageTitle, .subPageCnt{font-size:1rem;}

/* Hero Section */
.heroSection.hero{position:relative;height:85vh;min-height:85vh;display:flex;align-items:center;overflow:hidden;color:#fff; background-color:#000; }
.hero{position:relative;background-size:cover;background-position:center;overflow:hidden;}
.hero-bg-fade{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 0.8s ease;z-index:0;}
.hero-bg-fade.active{opacity:1;}
.hero-overlay{z-index:1;}
.heroContents{position:relative;z-index:2;}

.heroSection.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,0.55);}
.heroSection.hero .container{position:relative;z-index:2;display:flex;align-items:center;height:100%;}
.heroSection .hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);}
.heroSection .hero-content{position:absolute;top:50%;left:7%;transform:translateY(-50%);max-width:600px;text-align:left;color:#fff;display:none;opacity:0;transition:all 0.8s ease;}
.heroSection .hero-content.active{display:block;opacity:1;transform:translateY(-50%);}
.heroSection .hero-content small{display:block;font-weight:600;letter-spacing:3px;color:#cfe6ff;margin-bottom:10px;}
.heroSection .hero-content h1{font-size:2.5rem;font-weight:700;line-height:1.3;margin-bottom:16px;}
.heroSection .hero-content p{font-size:1.1rem;line-height:1.6;margin-bottom:24px;color:rgba(255,255,255,0.9);}
.heroSection .heroContents{position:relative;width:100%;}
.heroSection .hero-controls{position:absolute;top:50%;width:100%;transform:translateY(-50%);padding:0;display:flex;justify-content:space-between;z-index:3;}
.heroSection .hero-controls button{background:var(--brand);border:none;color:#fff;width:46px;height:46px;border-radius:50%;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.heroSection .hero-controls button:hover{background:#fff;color:var(--brand);}
.heroSection .hero-content a.heroLink{background-color:rgb(227 30 36 / 30%);border:1px solid var(--brand);border-radius:30px;padding:3px 8px;text-decoration:none;color:#FFF;cursor:pointer;}
@media (max-width: 991px) {
  .heroSection .hero-content { left: 5%; top: 50%; transform: translateY(-50%); max-width: 90%; }
  .heroSection .hero-content h1 { font-size: 1.8rem; }
  .heroSection .hero-controls { padding: 0 20px; display: none !important;}
}

/* Services Section */
.servicesSection .swiper{width:100%;overflow:hidden;padding:23px;}
.servicesSection .swiper-slide{height:auto;}
.servicesSection .product-card{border:none;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.08);transition:transform .3s ease;}
.servicesSection .product-prev, .servicesSection .product-next{top:50%;transform:translateY(-50%);color:#000;}
.servicesSection .product-prev{left:-25px;}
.servicesSection .product-next{right:-25px;}
.servicesSection .swiper-button-prev, .servicesSection .swiper-button-next {color: var(--brand); width: 42px;height: 42px;}
.servicesSection .swiper-button-prev::after, .servicesSection .swiper-button-next::after {font-size: 18px;font-weight: bold; }
.servicesSectionSliderDesktop{display:block;}
.servicesSectionSliderMobile{display:none;}
.servicesSectionSliderMobile .productSwiper .swiper-wrapper {align-items: stretch;}
.servicesSectionSliderMobile .swiper-slide {height: auto; display: flex;}
@media (max-width: 576px) {
	.servicesSectionSeparte .swiper-button-prev.product-prev { display:none; }
	.servicesSectionSeparte .swiper-button-next.product-next { display:none;}
	.servicesSectionSliderDesktop{display:none;}
	.servicesSectionSliderMobile{display:block;}
}

/* About Us Section */
.aboutUsSection .card-plain{border:none;box-shadow:var(--card-shadow);border-radius:10px;padding:10px;}

/* Plants Section */
.plantsSection .card-plain{border:none;box-shadow:var(--card-shadow);border-radius:10px;padding:10px;}
.plantsSection .card-plain-location{border-bottom:1px solid rgb(0 0 0 / 12%);padding-bottom:20px;}
.plantsSection .plantLocationIcon { width: 56px; height: 56px; border-radius: 10px; background: var(--brand); border: 1px solid rgba(0, 0, 0, 0.04); display: flex; align-items: center; justify-content: center; font-size: 20px; color: #FFF;  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05); padding: 30px; }
.plantsSection .plantAddress{background-color: #fff7f7;padding: 10px;border-radius: 15px;}

/* Gallery Section */
.gallerySection .btn-outline-brand{border-color:var(--brand);color:var(--brand);font-weight:500;transition:all 0.3s ease;}
.gallerySection .btn-outline-brand:hover,.gallerySection .btn-outline-brand.active{background:var(--brand);color:#fff;}
.gallerySection .gallery-card{border-radius:10px;box-shadow:var(--card-shadow);position:relative;overflow:hidden;}
.gallerySection .gallery-card img{width:100%;height:240px;object-fit:cover;transition:transform 0.4s ease;}
.gallerySection .gallery-card:hover img{transform:scale(1.08);}
.gallerySection .gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity 0.35s ease;}
.gallerySection .gallery-card:hover .gallery-overlay{opacity:1;}
.gallerySection .gallery-link{color:#fff;font-size:1.8rem;background:var(--brand);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s ease,transform 0.3s ease;}
.gallerySection .gallery-link:hover{background:#fff;color:var(--brand);transform:scale(1.1);}
.gallerySection small{color:var(--muted);}

/* Clients Section */
.clientsSection .client-logo {max-height: 150px;width: 100%;max-width: 250px;object-fit: contain;transition: all 0.3s ease;border-radius: 20px;border: 6px solid rgb(2 31 53 / 9%);}
.clientsSection .client-logo:hover {opacity: 1;transform: scale(1.05);}
.clientsSection .swiper-button-prev, .clientsSection .swiper-button-next {color: var(--brand); width: 42px;height: 42px;}
.clientsSection .swiper-button-prev::after, .clientsSection .swiper-button-next::after {font-size: 18px;font-weight: bold; }
.clientsSection .swiper { width: 100%;overflow: hidden; padding: 0px 40px;}
.clientsSection .swiper-wrapper {display: flex;}
.clientsSection .swiper-slide { flex-shrink: 0; width: auto; padding: 30px 0px;}
.clientsSection .clients-prev, .clientsSection .clients-next {top: 50%;transform: translateY(0%);width: 44px;height: 44px;color: var(--brand);}
.clientsSection .clients-prev { left: -10px;}
.clientsSection .clients-next { right: -10px;}
@media (max-width: 576px){
  .clientsSection .swiper-button-prev.clients-prev {left: 0;}
  .clientsSection .swiper-button-next.clients-next {right: 0;}
}

/* Contact Us Section */
.contactUsSection .contact-card{background:#f8f9fa;border-radius:14px;padding:30px;word-wrap: break-word;}
.contactUsSection .contact-card h5{font-weight:700;margin-bottom:10px;}
.contactUsSection .contact-info p{margin-bottom:8px;color:#343a40;}
.contactUsSection .contact-info i{color:#0d6efd;margin-right:8px;}
.contactUsSection .contactIconCircle{width:50px;height:50px;padding: 10px;}
@media (max-width: 768px) {
	.contactUsSection .contact-title {font-size: 32px;}
}
.contactUsSection .emailDekstop{display:block;}
.contactUsSection .emailMobile{display:none;}
@media (max-width: 576px) {
	.contactUsSection .emailDekstop{display:none;}
	.contactUsSection .emailMobile{display:block;}
	.contactUsSection .contact-card {background: transparent; padding: 0px;}
}

/* Footer Section */
.footerSection{ background:#0b1720; color: rgba(255,255,255,0.9); padding:40px 0; margin-top: 40px;word-wrap: break-word;}
.footerSection a{ color: rgba(255,255,255,0.85); text-decoration: none; }
.footerSection .footerTitlte { font-size:1rem}

/* gallery SubPage  Section */
.gallerySubPageSection .btn-outline-brand{border-color:var(--brand);color:var(--brand);font-weight:500;transition:all 0.3s ease;}
.gallerySubPageSection .btn-outline-brand:hover,.gallerySection .btn-outline-brand.active{background:var(--brand);color:#fff;}
.gallerySubPageSection .gallery-card{border-radius:10px;box-shadow:var(--card-shadow);position:relative;overflow:hidden;}
.gallerySubPageSection .gallery-card img{width:100%;height:240px;object-fit:cover;transition:transform 0.4s ease;}
.gallerySubPageSection .gallery-card:hover img{transform:scale(1.08);}
.gallerySubPageSection .gallery-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;transition:opacity 0.35s ease;}
.gallerySubPageSection .gallery-card:hover .gallery-overlay{opacity:1;}
.gallerySubPageSection .gallery-link{color:#fff;font-size:1.8rem;background:var(--brand);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background 0.3s ease,transform 0.3s ease;}
.gallerySubPageSection .gallery-link:hover{background:#fff;color:var(--brand);transform:scale(1.1);}
.gallerySubPageSection small{color:var(--muted);}

/* gallery SubPage - Common Section */
.galleryList{pointer-events:none;}
.galleryList .list-unstyled li{padding-left:0px;}
.galleryList .gallery-item-link{align-items:flex-start;padding:8px;border-radius:6px;text-indent:0px;}
.galleryList .gallery-thumb{width:56px;height:56px;object-fit:cover;flex-shrink:0;display:block;}
.galleryList .gallery-text{line-height:1.2;}
.galleryList .gallery-title{font-weight:500;margin-bottom:2px;}
.galleryList .gallery-subtitle{font-size:0.875rem;color:#6c757d;}
.galleryList .gallery-icon{margin-top:2px;color:#0d6efd;font-size:0.9rem;flex-shrink:0;}
.galleryList .gallery-item-link:hover{background-color:#f8f9fa;}


.subPageHeroSection{min-height:240px;background:linear-gradient(135deg,rgba(0,0,0,0.9),rgba(0,0,0,0.9)),url("../images/page-banner.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;}
.subPageMainContainer{padding:30px 20px 20px 20px;}
.list-unstyled li{text-indent:-14px;padding-left:27px;}
.section-banner{width:100%;}
.img-fluid{object-fit:fill;width:100%;}
.tick{color:#16a34a}

.form-disabled { pointer-events: none;opacity: 0.6;}

/* subPage AboutUs Section */
.subPageAboutUs .weSupportCnt .border:hover {transform: scale(1.03);transition: 0.3s ease;box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.08);}
.subPageAboutUs .iconsCapCert .icon-round{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 4px 14px rgba(0,0,0,.08); color:var(--brand)}
.subPageAboutUs .iconsCapCert .border:hover {transform: scale(1.03);transition: 0.3s ease;box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,0.08);}

/* subPage All Services Section */
.subPageAllServices .service-card{transition:transform .15s ease, box-shadow .15s ease}
.subPageAllServices .service-card:hover{transform:translateY(-4px); box-shadow:0 10px 30px rgba(0,0,0,.08)}
.subPageAllServices .icon-xl{font-size:2rem}