@charset "utf-8";
body {margin: 0px; font-family:'Inter', Arial, sans-serif; font-size:12px;-webkit-text-size-adjust:none; display:flex;flex-direction:column; height:100vh; margin:0;font-weight: normal;color: #484747;}
*{ outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*{ list-style:none; }
.wrapper { max-width:1200px; margin:0 auto; padding:0 15px; position:relative; }
.clear { clear:both; }
.footerwrapper{margin-top:auto;}
h1,h2,h3,h4,h5{margin:0;padding:0;}
ul{margin:0;padding:0;}


@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mali';
    src: url('../fonts/Mali-Bold.eot');
    src: url('../fonts/Mali-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mali-Bold.woff2') format('woff2'),
        url('../fonts/Mali-Bold.woff') format('woff'),
        url('../fonts/Mali-Bold.ttf') format('truetype'),
        url('../fonts/Mali-Bold.svg#Mali-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mali';
    src: url('../fonts/Mali-Medium.eot');
    src: url('../fonts/Mali-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mali-Medium.woff2') format('woff2'),
        url('../fonts/Mali-Medium.woff') format('woff'),
        url('../fonts/Mali-Medium.ttf') format('truetype'),
        url('../fonts/Mali-Medium.svg#Mali-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mali';
    src: url('../fonts/Mali-SemiBold.eot');
    src: url('../fonts/Mali-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mali-SemiBold.woff2') format('woff2'),
        url('../fonts/Mali-SemiBold.woff') format('woff'),
        url('../fonts/Mali-SemiBold.ttf') format('truetype'),
        url('../fonts/Mali-SemiBold.svg#Mali-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


.headerwrapper {position: fixed;top: 0;left: 0;width: 100%;z-index:999999;transition: all 0.3s ease;}
.middlewrapper {padding-top: 129px;}

.responsive-menu {float: right;display: none;padding-right: 15px;margin: 20px 0;}
.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;background-color:#424242;overflow-x: hidden;transition: 0.5s;padding-top:30px;margin-left: -10px;}
.sidenav .closebtn {font-size:21px;margin-left: 0;position: absolute;right:10px;top: 0; font-weight:bold;color:#fff;}
.topnav{}
.topnav > li{border-top: 1px solid #a2d836;}
.topnav li ul li{border-color:#a2d836;border-style: solid none none;border-width: 1px 0 0;}
.topnav a {color: #fff;display: block;font-size: 15px;line-height: normal !important;outline: 0 none;padding:12px 15px;text-decoration: none;}
.topnav li ul li a{padding-left:30px;font-size: 14px;}
.topnav span{display: inline-block !important;float: right;font-size:28px;line-height: 16px;margin: 0 5px 0 0;}
.topnav ul{ display:none;}
.overlay {height: 100%;width: 0;position: fixed;z-index:9999999;top: 0;right: 0;background-color: rgba(0,0,0, 0.9);overflow-x: hidden;transition: 0.5s;padding-top: 10px;}
.overlay .closebtn {position: absolute;top: 6px;right: 10px;font-size:50px;line-height: 40px;color: #fff;}
.responsive-menu-btn{font-size:30px;cursor:pointer; color:#fff;}
.rhtl-phone,.rhtl-email{font-size: 15px;color: #a2d836;text-align: center;margin: 8px 0;}
.rhtl-phone a,.rhtl-email a{text-decoration:none;color: #fff;vertical-align: middle;transition: all .6s ease-out;}
.rsocial-icon {text-align: center;margin-bottom:15px;}
.rsocial-icon a{color: #fff;font-size: 26px;display: inline-block;margin: 0 10px;}
.head-top-line{background:#a2d836;padding:5px 0;}
.htl-phone,.htl-email {font-size: 15px;color: #000;float: right;margin-left:20px;}
.htl-phone i,.htl-email i,.rhtl-phone i,.rhtl-email i{font-size: 21px;vertical-align: middle;margin-right: 4px;}
.htl-phone a,.htl-email a{text-decoration:none;color: #000;vertical-align: middle;transition: all .6s ease-out;}
.htl-phone a:hover,.htl-email a:hover{color:#fff;}
.htl-left{float:left;font-size: 15px;color: #000;padding: 4px 0;}
.headermain{background:#000;}
.logo{float: left;width: 310px;padding:10px 25px;}
.logo img{max-width:100%;vertical-align:middle;}
.top-social-icon{float: right;background: #2b6ea2;width: 210px;height:87px;display: flex;align-items: center;}
.top-social-icon ul{padding-left:35px;}
.top-social-icon ul li{display:inline-block;padding: 0 10px;}
.top-social-icon ul li a{text-decoration:none;color:#fff;font-size: 30px;transition: all .6s ease-out;}
.top-social-icon ul li a:hover{color:#000;}
.headermenu{float:left;width:calc(100% - 520px);text-align:center;}
.headermenu ul li{display:inline-block;padding: 0 12px;position:relative;}
.headermenu ul li a{text-decoration: none;color: #fff;font-size: 14px;font-weight: 400;transition: all .6s ease-out;text-transform: uppercase;padding:33px 0;display:block;}
.headermenu ul li:hover a,.headermenu ul li a.active{color:#3587c6;}
.submenu{position: absolute;z-index: 9999;background: #2b6ea2;width:200px;text-align: left;display:none;transition: all .6s ease-out;}
.headermenu .submenu li{padding: 0;display: block;}
.headermenu .submenu li a{text-decoration:none;padding:7px 15px;transition: all .6s ease-out;color: #fff !important;}
.headermenu .submenu li:hover a{background:#a2d836;color:#000!important;}
.headermenu ul li:hover .submenu{display:block;}
.one-time img{vertical-align:middle;display:inline-block;}
.slick-slide{position:relative;}
.slider-text{position: absolute;top: 0;bottom: 0;left:100px;right:100px;text-align:center;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 45px;text-transform: uppercase;font-weight: bold;font-family: 'Mali';}
.about-main{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.about-left{flex: 1;}
.about-right{flex: 1;display: flex;align-items: center;justify-content: center;}
.about-right img{width:100%;vertical-align:middle;}
.about-left-title {font-size: 44px;font-weight: bold;color:#000;margin-bottom: 10px;font-family: 'Mali';}
.about-left-title span{color:#2b6ea2;}
.about-left p{margin: 0 0 20px;font-size: 15px;color: #666464;}
.about-left-in {padding: 50px;}
.categories{background:#d9edfd;padding:30px 0 50px;}
.categories-title{text-align: center;color: #000;font-size:44px;font-weight: bold;margin-bottom:30px;font-family: 'Mali';}
.responsive .slick-next,.responsive .slick-prev{background: none;}
.responsive .slick-prev:hover, .responsive .slick-prev:focus, .responsive .slick-next:hover, .responsive .slick-next:focus {background:none;}
.responsive .slick-prev::before, .responsive .slick-next::before{color: #000;}
.responsive .slick-next{right: -50px;}
.responsive .slick-prev{left: -50px;}
.responsive .slick-slide {margin: 0 15px;}
.categories-box{position:relative;border-radius:0 30px 0 30px;transition: all .6s ease-out;overflow: hidden;}
.categories-name {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;padding: 20px;background: rgba(0,0,0,0.3);}
.categories-name span{text-decoration:none;color:#fff;font-size: 25px;font-weight:600;text-align: center;font-family: 'Mali';}
.categories-box:hover{border-radius: 30px 0 30px 0;}
.about-left p b {display: block;font-weight: bold;font-size: 26px;color: #2b6ea2;margin-bottom:4px;font-family: 'Mali';}
.section-counter{margin:50px 0;}
.counter-main{}
.counter-box{float:left;width:25%;border-right:1px solid #d2cdcd;position:relative;text-align:center;}
.counter-box:nth-child(4) {border-right: none;}
.counter-box i{color: #d9edfdab;font-size:150px;}
.counter-content {position: absolute;top:50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);left: 0;right: 0;z-index: 1;font-family: 'Mali';}
.counter-value {font-size: 60px;color: #2b6ea2;font-weight:500;display: block;line-height: 70px;}
.counter-content p{margin: 0;color: #000;font-size: 20px;font-weight:600;}
.our-products{padding:40px 0 30px;background:#d9edfd;}
.our-products-main{margin:0 -15px;}
.our-products-box{float:left;width:25%;padding:0 15px;margin-bottom:30px;}
.our-products-box-in{border:8px solid #2b6ea2;transition: all .5s ease-out;}
.our-products-box-in a{text-decoration:none;}
.our-products-img{transition: all .5s ease-out;overflow: hidden;}
.our-products-img img{width:100%;vertical-align:middle;transition: all .5s ease-out;}
.our-products-title {text-align: center;font-size: 20px;color: #fff;background: #2b6ea2;padding-top: 8px;padding-bottom: 3px;transition: all .5s ease-out;font-family: 'Mali';}
.our-products-box-in:hover{border-color:#000;}
.our-products-box-in:hover .our-products-title{background:#000;}
.our-products-box-in:hover img{transform: scale(1.3);}
.certification-main{margin:40px 0 10px;}
.certification-title{text-align: center;color: #000;font-size:36px;font-weight: bold;margin-bottom: 30px;font-family: 'Mali';}
.responsive2 .slick-next,.responsive2 .slick-prev{background: none;}
.responsive2 .slick-prev:hover, .responsive2 .slick-prev:focus, .responsive2 .slick-next:hover, .responsive2 .slick-next:focus {background:none;}
.responsive2 .slick-prev::before, .responsive2 .slick-next::before{color: #000;}
.responsive2 .slick-next{right: -50px;}
.responsive2 .slick-prev{left: -50px;}
.responsive2 .slick-slide {margin: 0 10px;}
.certification-box img {vertical-align: middle;display: inline-block;}
.footerwrapper{background:#000;padding:50px 0 0;}
.footer-box-main{margin:0 -15px;}
.footer-box{float:left;width:25%;padding:0 15px;}
.footer-logo img{vertical-align:middle;width: 80%;}
.footer-logo-detail {color:#e3e2e2;font-size: 13px;font-weight: 400;margin-top: 15px;line-height: 24px;}
.footer-box-title{color:#fff;font-size: 20px;font-weight: 500;margin-bottom: 10px;text-transform: uppercase;}
.quick-link li{padding:12px 16px;position: relative;}
.quick-link li::before {content: "\f105";position: absolute;left: 0;top:6px;display: block;font-family: FontAwesome;color: #a2d836;font-size: 21px;}
.quick-link li a{color: #e3e2e2;font-size: 14px;}
.footer-contact-box{margin-bottom:20px;}
.fc-icon{color: #a2d836;float: left;font-size:23px;line-height: 28px;width:24px;text-align: center;}
.fc-detail{color: #e3e2e2;font-size: 14px;float: right;width: calc(100% - 35px);line-height: 30px;}
.fc-detail a{color:#e3e2e2;}
.footer__copyright__text {border-top:1px solid #959595;padding: 20px 0;margin-top:30px;}
.footer__copyright__text p {margin: 0;text-align: center;font-size: 14px;color: #fff;}
#back-to-top {position: fixed;bottom: 40px;right: 40px;z-index: 9999;width:50px;height:50px;text-align: center;line-height:50px;background:#a2d836;color: #000;cursor: pointer;border: 0;border-radius:5px;font-size: 34px;text-decoration: none;transition: opacity 0.2s ease-out; opacity: 0;}
#back-to-top.show {opacity: 1;}
#back-to-top i {animation: bounce 1.5s infinite;}
@keyframes bounce {0%, 100% {transform: translateY(0);}50% {transform: translateY(-8px);}}

.inner-banner{padding: 40px 0;background-size: cover;background-repeat:no-repeat;background-position: center;}
.inner-banner-title{color: #fff;font-size: 42px;font-weight: bold;font-family: 'Mali';}
.about-company-profile{margin:50px 0;}
.about-company-profile-title{color:#171717;font-size: 28px;font-weight: 600;margin-bottom: 15px;}
.about-company-profile p{margin: 0 0 20px;font-size: 15px;color: #666464;line-height: 26px;}
.about-company-profile p b{font-weight: 600;color:#3c3c3c;}
.about-page-box{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 50px;margin-bottom:50px;}
.about-page-box-left{flex: 1;display: flex;align-items: center;justify-content: center;}
.about-page-box-right{flex: 1;}
.about-page-box-right p{margin: 0 0 20px;font-size: 15px;color: #666464;line-height: 26px;}
.about-page-box-left img{width: 100%;vertical-align: middle;}

.contact-detail-main{margin:50px 0;}
.contact-detail {display: flex;}
.contact-detail-in{background:#2b6ea2;width: 33.33%;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;padding: 30px;}
.contact-detail-form{background:#2196f31c;width:66.67%;padding:30px;}
.contact-form-title{color:#000;text-transform: uppercase;font-size: 30px;font-weight: 600;margin-bottom:15px;font-family: 'Mali';}
.form-controls {font-family: 'Inter';font-size: 16px;background: none;border: 0;border-bottom: 2px solid #a2d836;width: 100%;padding: 10px 10px;color: #000;}
.form-controls::placeholder{opacity: 1;}
.form-groups {margin-bottom: 25px;}
.form-groups-btn a{text-decoration: none;background: #000;color: #fff;font-size: 16px;padding: 10px 30px;display: inline-block;border-radius: 0 15px 0 15px;transition: all .6s ease-out;}
.form-groups-btn a:hover{background: #a2d836;border-radius:15px 0 15px 0;color:#000;}
.contact-detail-box{margin: 12px 0;}
.contact-detail-title{color:#fff;font-size: 24px;font-weight: 500;margin-bottom: 6px;font-family: 'Mali';}
.contact-detail-box p{margin:0;color:#e6e6e6;font-size: 16px;line-height: 26px;}
.contact-bottom{margin-top:50px;}
.contact-map{width:100%;height:400px;}

.gallery-main{margin:50px -5px;}
.gallery-box{float:left;width:33.33%;padding:0 5px;margin-bottom:10px;}
.gallery-box-in {position: relative;width: 100%;min-height: 250px;}
.gallery-box-block {height: 100%;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;display: flex;flex-direction: column;justify-content: center;transition: transform .5s ease-in-out;transform-style: preserve-3d;background-size: cover;background-position: center;text-align: center;}
.gallery-box-front {transform: rotateX(0);z-index: 1;overflow: hidden;}
.gallery-box-back {transform: rotateX(180deg);background:#a2d836;padding: 25px;}
.gallery-box-in:hover .gallery-box-front {transform: rotateX(180deg);}
.gallery-box-in:hover .gallery-box-back {transform: rotateX(0);}
.gallery-box-back-title {font-size: 22px;color: #000;font-weight:600;font-family: 'Mali';}
.gallery-box-block.gallery-box-front img {	width: 100%;vertical-align: middle;}

.blog-main{margin:50px -15px 10px;}
.blog-box{float:left;width:50%;padding:0 15px;margin-bottom:40px;}
.blog-img img{vertical-align:middle;width:100%;border: 3px solid #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.blog-img-detail{background:#a2d836;padding:20px 25px;width:85%;margin:-40px auto 0;position:relative;z-index:99;border:3px solid #fff;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.blog-img-title{color: #000;font-size: 22px;font-weight: 600;margin-bottom: 10px;font-family: 'Mali';}
.blog-img-detail p{margin: 0;font-size: 16px;line-height: 26px;color: #444;}


.key-person-section {display: flex;flex-wrap: wrap;gap: 30px;justify-content: center;padding: 40px 20px;}
.person-card {background:#a2d836;border-radius: 15px;box-shadow: 0 4px 20px rgba(0,0,0,0.1);padding: 25px;max-width:350px;text-align: center;transition: transform 0.3s ease;flex: 1 1 350px;}
.person-card:hover {transform: translateY(-10px);}
.person-card img {width: 180px;height: 180px;border-radius: 50%;object-fit: cover;margin-bottom: 15px;border: 4px solid #fff;}
.person-card h3 {margin: 10px 0 5px;font-size: 24px;color: #000;font-family: 'Mali';font-weight: 600;}
.person-card .role {font-size: 16px;color: #fff;margin-bottom: 15px;}
.contact-info a {display: block;color: #000;margin-bottom: 5px;font-size: 16px;text-decoration: none;}
.contact-info a:hover{color:#2b6ea2;}
.contact-info i {margin-right: 8px;font-size: 21px;}

.certificate-main{margin:60px 0;}
.cert-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:25px; }
.cert-card { background:#fff; border-radius:10px; box-shadow:0 3px 15px rgba(0,0,0,0.4);overflow:hidden; transition:transform .25s ease;text-align: center;}
.cert-card:hover { transform:translateY(-5px); }
.cert-card img { width:100%; vertical-align:middle; }
.cert-card span { margin:15px; font-size:1.2rem;display:block;color:#000;text-align:center;}
.cert-card button {margin:0px 10px 20px; padding:8px 25px;border:none;background:#2b6ea2; color:#fff; border-radius:5px;cursor:pointer;font-size: 16px;}
.modal {display:none; position:fixed; z-index:999999; top:0; left:0;width:100%; height:100%; background:rgba(0,0,0,0.75);align-items:center; justify-content:center;}
.modal-content { max-width:90%; max-height:90%; }
.modal .close {position:absolute; top:20px; right:30px; color:#fff;font-size:40px; cursor:pointer;}

.products-main{margin:60px 0;display: flex;gap:35px;}
.products-left{width:250px;background: #a2d836;margin-bottom: 30px;}
.products-right{flex: 1;}
.products-box-main{margin:0 -15px;}
.products-box{float:left;width:33.33%;padding:0 15px;margin-bottom:30px;}
.products-left ul li{display:block;border-bottom:2px solid #fff;padding: 12px 20px;transition: all .6s ease-out;cursor:pointer;position: relative;}
.products-left ul li a{text-decoration:none;color:#000;font-size: 16px;font-weight: 500;transition: all .6s ease-out;}
.products-left ul li:hover,.products-left ul li.active{background:#2b6ea2;}
.products-left ul li:hover a,.products-left ul li.active a{color:#fff;}
.products-left ul li.active::after{content:"\f0da";font-family:'FontAwesome';color:#2b6ea2;font-size:50px;position:absolute;right:-14px;top: 9px;line-height: 30px;}

.products-detail-page{margin:60px 0;}
.products-detail-page-left{float:left;width:36%;}
.products-detail-page-right{float:right;width:60%;}
.products-detail-img img{width:100%;vertical-align:middle;}
.products-title{color: #000;font-size: 32px;font-weight: 600;margin-bottom:15px;font-family: 'Mali';}
.products-detail-main p{margin:0 0 20px;color: #666464;font-size: 15px;}
.products-detail-btn a{text-decoration: none;background: #a2d836;color: #000;font-size: 18px;padding:12px 35px;display: inline-block;border-radius: 0 15px 0 15px;transition: all .6s ease-out;}
.products-detail-btn a:hover{background: #000;border-radius: 15px 0 15px 0;color: #fff;}
.contact-detail-box a {text-decoration: none;color: #e6e6e6;}

.cert-card img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.modal {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.7);
  z-index: 9999999;
}

.modal-content {
  width: 90%;
  height: 90%;
  background: #fff;
}

.modal .close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  color: white;
  cursor: pointer;
  z-index: 10000;
}
.noproduct{text-align: center;font-size: 15px;color: red;}


<!--jk-->

.pdficon_bro {margin-top: 50px;}
.pdficon_bro img {height: 60px;}

.products-detail-btn.createjk {margin: 0 auto;margin-right: auto;float: left;margin-right: 20px;}
.products-detail-btn.createjkbro a {background: #2b6ea2;color: white;}
.products-detail-btn.createjkbro a:hover {background: #000;border-radius: 15px 0 15px 0;color: #fff;}