:root{
  --text-green:#2c572a;
  --text-light-green:#79b142;
  --text-color:#fdb515;
  --text-white: #FFF;
  --text-black:#000;
  --padding-none:0px;
  --margin-none:0px;
  --border-none:0px;
  --font-size-13:13px;
  --font-size-14:14px;
  --font-size-16:16px;
  --font-size-18:18px;
  --font-size-20:20px;
  --font-size-24:24px;
  --font-size-26:26px;
  --font-size-30:30px;
  --font-size-32:32px;
  --font-size-36:36px;
  --rob-bold:'Roboto-Bold';
  --rob-exbold:'Roboto-ExtraBold';
  --rob-medi:'Roboto-Medium';
  --rob-reg:'Roboto-Regular';
  --rob-semi:'Roboto-SemiBold';
}


@font-face { font-family:'Roboto-Bold'; src:url('../../assets/fonts/Roboto-Bold.ttf');}
@font-face { font-family:'Roboto-ExtraBold'; src:url('../../assets/fonts/Roboto-ExtraBold.ttf');}
@font-face { font-family:'Roboto-Medium'; src:url('../../assets/fonts/Roboto-Medium.ttf');}
@font-face { font-family:'Roboto-Regular'; src:url('../../assets/fonts/Roboto-Regular.ttf');}
@font-face { font-family:'Roboto-SemiBold'; src:url('../../assets/fonts/Roboto-SemiBold.ttf');}



*{box-sizing:border-box}
body{}
a{color:var(--primary);text-decoration:none}
.text-color{color: var(--text-color);}
.text-green{color: var(--text-green);}

.navbar{transition: transform .28s ease, box-shadow .28s ease, background .2s;position:sticky;top:0;z-index:1100;background:rgba(255,255,255,0.98);backdrop-filter: blur(4px);}
.navbar-brand img{width: 110px;}
.navbar.stuck{ box-shadow:1px 4px 11px 2px #cacfd5; }
.navbar.nav-hidden{ transform: translateY(-100%); }
.navbar-brand{ white-space:nowrap; display:flex; gap:.5rem; align-items:center; padding:0; }
.navbar-toggler{ border:0; }
.navbar {will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: transform 220ms ease, box-shadow 220ms ease, background 200ms ease;box-shadow: /*1px 4px 11px 2px #cacfd5*/ 0px 4px 20px 0px #c5cdd7;padding: 0 0 7px;}
footer{ background:linear-gradient(180deg,#071334,#021026); color:#cfe3ff; padding:80px 0px 30px; }
.banner-slider {padding: 80px 0px; background-color: /*#b6cde1*/ #e7eef357;position: relative;overflow: hidden;z-index: 1;}
.banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{width: 7%; opacity: 1;}
.banner-slider span.carousel-control-custom{background-color: #2c572a; border-radius: 50%; padding: 11px 13px;}
.banner-slider::before { content: ""; position: absolute; inset: 0; background-color: /*#e1f1ff*/ #d8e8f5; clip-path: polygon(100% 0, 0% 100%, 100% 100%); z-index: -1; }
.banner-slider h1{font-family: var(--rob-bold); font-size: 50px; color: #333; margin-bottom: 30px;}
.banner-slider p{letter-spacing: 0.3px; word-spacing: 0.6px; font-size: var(--font-size-18); color: var(--text-green); font-family: var(--rob-medi);}
.navbar-expand-lg .navbar-nav .nav-link{font-family: var(--rob-semi); font-size: var(--font-size-16); color: #333; margin-right: 15px;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show,.navbar-expand-lg .navbar-nav .nav-link:hover{color: var(--text-color);}
.about-content h2{font-family: var(--rob-exbold); font-size:60px; color: var(--text-color); margin-bottom: 50px;}
.about-content h2 span{font-family: var(--rob-exbold); font-size:var(--font-size-36); color: var(--text-light-green); border-bottom: 4px solid; display: block; width: max-content;}
.about-content p{letter-spacing: 0.7px; word-spacing: 1px; line-height: 1.5em; font-size: 16px; font-family: var(--rob-medi); margin-bottom: 30px; color: #000;}
.btn.btn-read-more{background-color: var(--text-green); color: var(--text-white); font-family: var(--rob-semi); font-size: var(--font-size-16); padding: 11px 30px; border-radius: 0px; border: 1px solid var(--text-color); outline: 1px solid var(--text-color); outline-offset: 2px;}
.feature-sec{padding: 80px 0px; background-color: #f5f5f5;}
.featured-section h3{font-family: var(--rob-exbold); font-size: var(--font-size-36); margin-bottom: 30px; color: var(--text-green); letter-spacing: 0.7px; word-spacing: 1px;}
.featured-section .filter-btns .btn { margin-right:.5rem; margin-bottom:.5rem; background-color: transparent; border:1px solid var(--text-light-green); color: var(--text-green); font-family: var(--rob-semi); font-size: var(--font-size-16); }
.featured-section .product-card { background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 4px 12px rgba(0,0,0,0.06); padding:8px; min-height: 300px;}
.featured-section .card-img-placeholder {background: linear-gradient(90deg,#e1f1ff,#cfe8ff); min-height:140px; max-height: 140px; overflow: hidden; display:flex; align-items:center; justify-content:center; color:var(--text-green); font-family: var(--rob-medi); font-size: var(--font-size-20);}
.featured-section .product-card h5.card-title{font-family: var(--rob-bold); font-size: var(--font-size-16); color:var(--text-black); }
.featured-section .no-items { padding:28px; color:#6c757d; text-align:center; }
.featured-section .btn-group>.btn.active,.featured-section .btn-group .btn:hover{background-color: var(--text-light-green); color: var(--text-white);}
.featured-section{padding: 80px 0px; background-color: rgb(229 229 229 / 71%);}
.product-card span.badge.bg-info{background-color: var(--text-green) !important; color: var(--text-white) !important; border-radius: 4px; font-family: var(--rob-reg); font-size: var(--font-size-14); font-weight: normal;}
.product-card span.badge.bg-warning{background-color: var(--text-color) !important; color: var(--text-white) !important; border-radius: 4px; font-family: var(--rob-reg); font-size: var(--font-size-14); font-weight: normal;}
.product-card span.badge.bg-success{background-color: var(--text-light-green) !important; color: var(--text-white) !important; border-radius: 4px; font-family: var(--rob-reg); font-size: var(--font-size-14); font-weight: normal;}
.product-card .card-text,.product-card .price-detail .small{font-family: var(--rob-reg); font-size: var(--font-size-14); color: var(--text-black);}
.product-card .price-detail strong{font-family: var(--rob-exbold); font-size: var(--font-size-18); color: var(--text-black);}
.product-card .pdf-detail a{background-color: #2f9846; color: var(--text-white); font-family: var(--rob-medi); font-size: var(--font-size-14); font-weight: normal; padding: 7px 14px; border: 1px solid var(--text-green); transition: 0.3s;}
.featured-section .owl-carousel .owl-nav {position: absolute;top: 40%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;}
.featured-section .owl-carousel .owl-nav button.owl-prev,
.featured-section .owl-carousel .owl-nav button.owl-next {background-color: #d3eaff;color: #000;border: 2px solid #2f9846;border-radius: 50%;width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;font-size: 20px;pointer-events: all;transition: all 0.3s ease;}
.featured-section .owl-carousel .owl-nav button.owl-prev:hover,
.featured-section .owl-carousel .owl-nav button.owl-next:hover {background-color: var(--text-color);color: #fff;border-color: var(--text-color);}
.featured-section .owl-carousel .owl-nav button.owl-prev {position: absolute;left: -70px;}
.featured-section .owl-carousel .owl-nav button.owl-next {position: absolute;right: -70px;}
.testimonial-content {background: linear-gradient(145deg, #c4dbef, #e1f1ff);border-radius: 20px;padding: 30px 25px;box-shadow: 0 10px 20px rgba(0,0,0,0.1);transition: transform 0.4s ease, box-shadow 0.4s ease;}
.testimonial-content.active {transform: scale(1.05);box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.testimonial-slider .fa-quote-left {font-size: 40px;color: var(--text-light-green);margin-bottom: 15px;display: inline-block;}
.testimonial-content p {font-size: 16px;color: var(--text-black);font-family: var(--rob-reg);line-height: 1.8em;margin-bottom: 15px;}
.testimonial-slider .rating i {color: #f7c04a;margin: 0 2px;font-size: 18px;}
.testimonial-slider .owl-carousel .owl-nav {position: absolute;top: 40%;width: 100%;transform: translateY(-50%);display: flex;justify-content: space-between;pointer-events: none;z-index: 10;}
.testimonial-slider .owl-carousel .owl-nav button.owl-prev,
.testimonial-slider .owl-carousel .owl-nav button.owl-next {background: var(--text-color);color: #fff;/*width: 50px;height: 50px;*/border-radius: 8px;display: flex;align-items: center;justify-content: center;font-size: 24px;pointer-events: all;border: none;transition: all 0.3s;padding: 8px 7px !important;}
.testimonial-slider .owl-carousel .owl-nav button.owl-prev:hover,
.testimonial-slider .owl-carousel .owl-nav button.owl-next:hover {background: var(--text-light-green);transform: scale(1.1);}
.testimonial-slider .owl-carousel .owl-nav button.owl-prev {left: -30px;position: absolute;}
.testimonial-slider .owl-carousel .owl-nav button.owl-next {right: -30px;position: absolute;}
.testimonial-slider .page-title h3 {font-family: var(--rob-exbold);font-size: var(--font-size-36);margin-bottom: 30px;color: var(--text-black);letter-spacing: 0.7px;word-spacing: 1px;}
.bottom-content p,.copyright-sec p{font-family: var(--rob-reg); font-size: var(--font-size-14); color: #cfe3ff; letter-spacing: 0.3px; word-spacing: 0.3px;}
.footer-title h6{font-family: var(--rob-semi); font-size: var(--font-size-18); color: var(--text-color); font-weight: normal; letter-spacing: 0.3px; word-spacing: 0.3px; margin-bottom: 18px;}
.bottom-links ul li a,.bottom-contact ul li{font-family: var(--rob-reg); font-size: 15px; color: #cfe3ff; letter-spacing: 0.3px; word-spacing: 0.3px; margin-bottom: 12px; display: block; transition: 0.3s; display: flex;}
.inner-banner-img {position: relative;width: 100%;overflow: hidden;}
.inner-banner-img img {width: 100%;height: 100%;object-fit: cover;display: block;}
.inner-banner-img .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); z-index: 1;}
.inner-banner-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;text-align: center;color: #fff;width: 100%;}
.inner-banner-content h2 {font-size: 48px;text-transform: uppercase;letter-spacing: 1px;font-family: var(--rob-exbold);}
.inner-banner-img::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6); z-index: 1;}
.about-page-content p{letter-spacing: 0.3px; word-spacing: 0.3px; line-height: 1.5em; font-family: var(--rob-reg); color: var(--text-black); font-size: var(--font-size-16);}
.about-page-content h1{letter-spacing: 0.3px; word-spacing: 1px; font-family: var(--rob-bold); font-size: var(--font-size-36); color: var(--text-green); margin-bottom: 30px;}
.inner-page-title h3{letter-spacing: 1px; word-spacing: 1px; font-family: var(--rob-exbold); color: #333; margin-bottom: 30px; font-size: var(--font-size-36); border-bottom:7px solid var(--text-light-green); display: inline-block; line-height: 1.8em; border-block-width: 60%;}
.inner-page-title p,.vision-content p{font-family: var(--rob-semi); font-size: var(--font-size-16); letter-spacing: 0.8px; word-spacing: 1px; color: var(--text-black);}
.vision-content h3{font-family: var(--rob-exbold); color: var(--text-green); margin-bottom: 15px;}
.vision-content ul li{font-family: var(--rob-reg); font-size:var(--font-size-16); color: var(--text-black); margin-bottom: 12px;}
.filter-btns input#productSearch{box-shadow: none; color: var(--text-black); letter-spacing: 0.3px; word-spacing: 0.3px; border: 1px solid var(--text-green); font-family: var(--rob-medi); font-size: var(--font-size-14);}
.contact-wrapper{padding: 24px; border-radius: 11px; background-color: /*var(--text-white)*/ #fafbff; margin-bottom: 30px; box-shadow: 8px 10px 4px 0px #ced7df;}
.contact-icon {display: inline-flex;justify-content: center;align-items: center;width: 45px;height: 45px;background: var(--text-light-green);color: #fff;border-radius: 50%;font-size: 18px;}
.contact-wrapper .media-body h5{font-family: var(--rob-semi); font-size: var(--font-size-20); color: var(--text-green); font-weight: normal; letter-spacing: 0.4px; word-spacing: 1px;}
.contact-wrapper .media-body p{color: var(--text-black); color: var(--text-black); font-size: var(--font-size-16); font-family: var(--rob-medi);}
.inner-page-title{max-width: 880px; margin: 0 auto;}
.who-we-are-sec{padding: 80px 0px; background-color: #d8e8f5;}
.testimonial-slider,.core-value-sec{padding: 80px 0px;}
.bottom-logo img{border-radius: 11px; margin-bottom:15px; }
.about-sec{padding-bottom: 20px;}
.btn.btn-read-more:hover,.btn.btn-read-more:focus,.product-card .pdf-detail a:hover{background-color: var(--text-color); transition: 0.3s;}
.bottom-links ul li a:hover,.bottom-links ul li a.active,.bottom-contact ul li span i,.bottom-contact ul li a:hover,.about-page-content h1 span{color: var(--text-color); transition: 0.3s;}
.vision-content ul li strong{color: var(--text-green); letter-spacing: 0.4px;}

.back-to-top, #backToTop {position:fixed;right:18px;bottom:22px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:99999;box-shadow:0 8px 24px rgba(10,25,66,0.14);border:none;background:var(--primary);color:#fff;cursor:pointer;transition: transform .14s ease, opacity .14s ease;opacity:0;pointer-events:none;}
.back-to-top.show, #backToTop.show { opacity:1; pointer-events:auto; transform:translateY(0); background-color:#fdb515; }
.back-to-top:hover, #backToTop:hover { transform:translateY(-4px); }





::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background: #b0c4de;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--text-green);
}


@media (min-width:1920px){
  .back-to-top, #backToTop{right: 70px; bottom: 40px;}
}

@media (max-width:1199px){
 .banner-slider h1{font-size: 40px;}
 .banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{top: 100%;}
 .featured-section .owl-carousel .owl-nav button.owl-next{right: -30px;}
 .featured-section .owl-carousel .owl-nav button.owl-prev{left: -30px;}
 .about-sec{padding: 80px 0px;}
 .about-page-sec{padding: 80px 0px;}
}

@media (max-width:991px){
 .banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{top: 0;}
 .about-sec,.banner-slider,.featured-section,.testimonial-slider,footer,.who-we-are-sec,.core-value-sec{padding: 40px 0px; text-align: center;}
 .about-content h2 span{width: 50%; margin: 0 auto;}
 .bottom-links ul li, .bottom-contact ul li{display: inline-block; margin: 4px 15px;}
 .navbar-expand-lg .navbar-nav .nav-link{margin-right: 0; margin-left: 12px;}
 .navbar-nav{padding: 20px 0px;}
 .bottom-content,.bottom-contact,.side-img{margin-bottom: 30px;}
 .about-page-sec{padding: 0px 0 40px; text-align: center;}
 .vision-content ul li{text-align: left;}
}

@media (max-width:767px){
  .banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{width: 11%;}
  .about-sec{padding-top:0px;}
  .about-content h2 span{width: 70%;}
  .filter-btns .float-md-end{display: flex; align-items: center; justify-content: center;}
 .filter-btns input#productSearch{font-size: 15px;}
}

@media (max-width:680px){
  .banner-slider h1,.about-content h2,.featured-section h3,.testimonial-slider .page-title h3,.about-page-content h1,.inner-page-title h3{font-size: 26px;}
  .banner-slider p{font-size: var(--font-size-16);}
  .about-content h2 span{font-size: 24px;}
  .about-img img{width: 50%;}
  .about-content h2 span{width: 45%;}
  .about-content p,.btn.btn-read-more,.featured-section .filter-btns .btn,.inner-page-title p, .vision-content p,.about-page-content p,.vision-content ul li{font-size: 15px;}
  .bottom-content,.bottom-contact,.about-content h2,.contact-sec{margin-bottom: 30px;}
  .inner-banner-content h2{font-size: 30px;}
}

@media (max-width:576px){
  .featured-section .owl-carousel .owl-nav,.testimonial-slider .owl-carousel .owl-nav{top:-27%;}
  .product-card .card-text, .product-card .price-detail .small,.price-detail{text-align: left;}
  .featured-section .owl-carousel .owl-nav button.owl-next,.testimonial-slider .owl-carousel .owl-nav button.owl-next{right: 0px;}
  .featured-section .owl-carousel .owl-nav button.owl-prev,.testimonial-slider .owl-carousel .owl-nav button.owl-prev{left: 0px;}
  .navbar-brand img{width: 104px;}
  .featured-section .owl-carousel .owl-nav button.owl-prev, .featured-section .owl-carousel .owl-nav button.owl-next{width: 40px; height: 40px;}
  .contact-wrapper{padding: 24px 15px;}
  .contact-wrapper .media-body h5{font-size: var(--font-size-18);}
  .contact-wrapper .media-body p{font-size: 15px;}
  .contact-wrapper .d-flex.align-items-center{display: block !important;}
  .contact-wrapper .d-flex.align-items-center .media-left.me-3{margin-right: 0px !important; margin-bottom: 15px;}
  .banner-content {min-height: 188px;}
}

@media (max-width:480px){
  .about-content h2 span{width: 61%;}
  .featured-section .owl-carousel .owl-nav{top:-43%;}
  .testimonial-slider .owl-carousel .owl-nav{top:-36%;}
  .bottom-contact ul li{margin: 7px 15px;}
  .banner-slider .carousel-control-next, .banner-slider .carousel-control-prev{width: 15%;}
}

@media (max-width:420px){
    .navbar-brand img {width: 88px;}
    .about-content h2 span{width: 73%;}
}