@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap');

/* font-family: 'IBM Plex Sans', sans-serif; */
*{box-sizing:border-box;margin:0;padding:0;}
body { overflow-x: hidden; margin: 0; padding: 0; color: #212529; font-size: 17px; font-weight: 400; line-height: 24px;font-family: 'IBM Plex Sans', sans-serif;}
ul, ul li, ol, ol li {list-style: none; margin: 0; padding: 0; }
a {color: #000;text-decoration: none;transition: 0.5s all;}
a:hover {text-decoration: none;color: #007000;}
img {max-width: 100%;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;font-family: 'IBM Plex Sans', sans-serif;color: #000;}
.container {max-width: 1270px;    position: relative;}

/* slick slider arrow btn */
button.slick-arrow {position: absolute;left: -20px;top: 50%;transform: translateY(-50%);background: #fff;border: 0;font-size: 0;z-index: 2;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;   border-radius: 100%;transition: 0.5s all;opacity: 0;}
button.slick-arrow:before {content: '\f104';font-family: FontAwesome;font-weight: 700;font-size: 24px;display: inline-block;}
button.slick-next.slick-arrow:before {content: '\f105';}
button.slick-next.slick-arrow {left: auto;right: -20px;}
.slick-slider:hover button.slick-arrow.slick-prev {left:20px; opacity: 1;}
.slick-slider:hover button.slick-arrow.slick-next { right: 20; opacity: 1;}

/* slick slider dot btn */
ul.slick-dots li button {font-size: 0;width: 20px;height: 20px;border: 2px solid #007000;background: transparent;border-radius: 100%;}
ul.slick-dots {display: flex;align-items: center;justify-content: center;}
ul.slick-dots li {margin: 0 8px;}
ul.slick-dots li.slick-active button {background-color: #007000;}

/* slick slider gap */
.slick-slider .slick-list {margin: 0 -15px;}
.slick-slider .slick-slide {padding: 0 15px;line-height: 0;height: auto;}

/* title */
.title {font-size: 38px;letter-spacing: 1px;font-weight: 700;margin-bottom: 30px;}
.title span {position: relative;color: #007000;}
.title span:before {content: '';display: inline-block;left: 0;right: 0;height: 24px;background-color: rgb(0 112 0 / 10%);width: 100%;position: absolute;bottom: 0;}

/* subhead */
.subhead {text-transform: uppercase; text-align: justify; color: #007000;font-weight: 700;letter-spacing: 1px;margin-bottom: 24px;}

/* button */
.btn-wrapper a {display: inline-block;padding: 11px 32px;font-weight: 600;color: #fff;background-color: #007000;border-radius: 30px;}
.btn-wrapper a:hover {background-color: #00a900;}

/* menu */
.nav {display: flex;flex-wrap: wrap; width: auto;}
.nav>li>a {font-size: 17px;font-weight: 600;text-transform: capitalize;padding: 70px 14px;display: block;}
.nav>li>a:hover {color: #007000;}
.nav>li:last-child>a {background-color: #007000;padding: 8px 18px;color: #fff;border-radius: 29px;margin-left: 10px; position: relative;top: 50%;transform: translateY(-50%);}
.nav>li.parent-item ul.submenu {position: absolute;left: 0;background-color: #007000;width: 200px;top: 100%;display: none;}
.nav li.parent-item {position: relative;}
.nav>li.parent-item:hover > ul.submenu {display: block;}
.nav>li.parent-item ul.submenu li a {position: relative;display: block;width: 100%;color: #fff;font-weight: 500;padding: 10px 20px;border-bottom: 1px solid rgb(255 255 255 / 20%);text-transform: capitalize;}
.nav>li.parent-item ul.submenu li a:hover {background-color: #006000;}
.nav li.parent-item.second:hover ul.submenu {display: block;}
.nav>li.parent-item ul.submenu.second {left: 100%;top: 0;columns: 2;width: 420px;}

/* jarallax */
.jarallax {position: relative;z-index: 0;}
.jarallax > .jarallax-img {position: absolute;object-fit: cover;}

/* header */
header{position:relative;z-index:999;/*background-image: url(../images/header-bg.jpg);*/ background-size: cover;background-repeat: no-repeat;}
.header-top{background:#007000;padding:12px 0;}
.header-top .left, .header-top .right{width:auto;padding:0 15px;}
.header-top span, .header-top a{color:#fff;font-weight:700;}
.header-top a:last-child{margin-left:28px;}
.header-bottom{position:relative; }
.header-bottom .bg-img{position:absolute;right:0;bottom:0;width:140px;z-index:-1;opacity:0.3;}
.logo{padding:0 15px;width:340px;}
.menu{padding:0 15px;width:auto;position:relative;}
.toggle-btn{position:absolute;right:15px;width:auto;cursor:pointer;top:50%;transform:translateY(-50%);background-color:#007000;padding:6px 12px;border-radius:4px;color:#fff;font-size:23px;display:none;}

/* banner section */
.banner-section{position:relative;overflow:hidden;}
.banner-slider .content{width:100%;height:600px;position:relative;}
.banner-slider .content img {height: 600px;width: 100%;object-fit: cover;}
.banner-slider .content:before{content:'';position:absolute;left:0;top:0;bottom:0;width:100%;height:100%;display:block;background:rgb(0 0 0 / 20%); opacity: 0;}
.banner-slider .container{position:absolute;bottom: 0;}
.banner-slider .info h2{position:relative;text-transform:capitalize;color:#fff;font-size:54px;z-index:1;padding-left:100px;line-height:100px;text-shadow:5px 5px 15px #000;}
.banner-slider .info h2:before{content:'';width:80px;height:80px;position:absolute;display:block;background-image:url(../images/shape.png);background-size:contain;background-repeat:no-repeat;z-index:-1;left:0;top:0;}

/* about */
.section-about {position: relative;padding: 50px 0;}
.section-about .content {padding-right: 150px;}
.section-about .content p {line-height: 32px; text-align: justify;}
.section-about .btn-wrapper {margin-top: 30px;}
.section-about .about-shape {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.2;}

/* products */
.product-section {position: relative;padding: 50px 0;background-color: #f6f6f6;}
.product-slider .slick-list {padding: 25px 0;}
.product-slider .content {position: relative;border-radius: 6px;overflow: hidden;}
.product-slider .img-wrapper {position: relative;}
.product-slider .img-wrapper img {height: 300px;object-fit: cover;width: 100%;}
.product-slider .img-wrapper .zoom-icon {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 112 0 / 30%);display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.5s all;}
.product-slider .content:hover .zoom-icon{opacity:1;}
.product-slider .img-wrapper .zoom-icon a{color:#fff;font-size:26px;}
.product-slider .img-wrapper .product-name{position:absolute;right:10px;top:10px;background-color:#00bd00;color:#fff;font-weight:700;text-transform:uppercase;padding:12px 10px;font-size:14px;letter-spacing:1px;border-radius:5px;}
.product-slider .content .btn{padding:30px 40px;background-color:#f9f9f9;display:block;border-radius:0;}
.product-slider .content .btn img{width:23px;margin-left:10px;}
.product-slider .content .btn a{display:flex;align-items:center;font-weight:700;}
.product-slider .content .btn a:hover{color:#007000;}

/* footer */
footer{position:relative;padding:50px 0 0;}
footer .shape2{position:absolute;right:0;top:0;opacity:0.1;}
.respond{font-size:21px;font-weight:500;margin-bottom:36px;}
.form-control, .form-control:focus, .form-control:active{border:0;background-color:rgb(0 112 0 / 5%);padding:14px 15px;font-size:18px;}
button.btn{background-color:#007000;border:0;color:#fff;border-radius:20px;padding:10px 36px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;}
.contact-info h4{font-size:28px;margin-bottom:21px;}
.contact-info span{display:block; text-align: justify; font-size:18px;line-height:28px;margin-bottom:26px;}
.contact-info ul li a{width:calc(100%);color: #fff;font-size:21px;display:flex;align-items:center;margin-right: 20px;}
.contact-info ul li{margin-bottom:26px;}
.contact-info ul li span{width:calc(100% - 50px);margin-bottom:0;padding-left:14px;}
.contact-info ul li i{width:50px;height:50px;display:block;border-radius:100%;background-color:#e5f0e5;display:flex;align-items:center;justify-content:center;font-size:18px; color: #007000; }
.copyright-wrapper{margin-top:50px;background-color:#007000;color:#fff;font-weight:600;padding:24px 0;font-size:18px;letter-spacing:0.5px;}
.copyright-wrapper a{color:#fff;}
#button{position:fixed;bottom:15px;right:15px;z-index:999;background-color:#007000;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:100%;cursor:pointer;display:none;}
#button.show{display:flex;}
.unit-section{position:relative;padding:80px 0 40px;}
.unit-wrapper{position:relative;background-color:#f4f4f4;}
.unit-wrapper .left{width:40%;padding:20px;background-color:rgb(0 112 0 / 10%);}
.unit-wrapper .right{width:60%;padding:20px;}
.unit-section .title{font-size:24px;}
.unit-section p {text-align: justify;}
.certificate-slider .content img{margin:0 auto;}
footer:before {content: '';position: absolute;right: 0;bottom: 0;top: 0;width: 38%;/* background-color: rgb(0 112 0 / 20%); */background-color: #007000;z-index: -1;}
footer .contnet {padding-right: 10%;}
.main-page {position: relative; padding: 60px 0; }
.footer-logo {padding: 0;}
.footer-logo img {max-width: 300px;margin-bottom: 24px;}
.har-calender {padding: 0 15px;}
.calendra-design {position:relative;width:100%;}
.calendra-design {position:relative;width:100%;box-shadow:0px 0px 10px -1px #ccc;margin-bottom:30px;}
.calendra-design  .table{margin-bottom:0 !important;}
.calendra-design  .table thead{background:linear-gradient(to right, #abc68b, #abc68b);}
.calendra-design  .table>thead>tr>th{color:#fff;font-size:18px;font-family:'Muli', sans-serif;font-weight:700;padding:15px;}
.calendra-design  .table>tbody>tr>td{padding:12px 15px;border-top:1px solid #d8d8d8;font-size:16px;color:#666666;font-family:'Muli', sans-serif;font-weight:500;}
.calendra-design .table-bg{position:relative;width:100%;padding:40px 0;background:#F2F2F2;}
.calendra-design {position:relative;width:100%;box-shadow:0px 0px 10px -1px #ccc;margin-bottom:30px;}
.calendra-design  .table{margin-bottom:0 !important;}
.calendra-design  .table thead{background:#007000;}
.calendra-design  .table>thead>tr>th{color:#fff;font-size:18px;font-family:'Muli', sans-serif;font-weight:700;padding:15px;border-right:1px solid #d8d8d8;}
.calendra-design  .table>tbody>tr>td{padding:0px 15px;border-top:1px solid #d8d8d8;font-size:16px;line-height:55px;color:#666666;font-family:'Muli', sans-serif;font-weight:500;border-right:1px solid #d8d8d8;}
.calendra-design .table-bg{position:relative;width:100%;padding:40px 0;background:#F2F2F2;}
.calendra-design .green{background:#afeb39;width:100%;height:33px;position:relative;z-index:999;display:block;margin-top:10px;}
.calendra-design .green-rig-50{background:#afeb39;width:50px;float:right;height:33px;position:relative;z-index:999;display:block;margin-top:10px;}
.calendra-design .green-lef-50{background:#afeb39;width:50px;height:33px;position:relative;z-index:999;display:block;margin-top:10px;}
.calendra-design .table-striped>tbody>tr:nth-of-type(odd) {--bs-table-accent-bg: rgb(111 111 111 / 5%);}

.other-banner {position: relative;}
.other-banner img {height: 300px;width: 100%;object-fit: cover;}
.other-banner:before {content: '';position: absolute;left: 0;top: 0;right: 0;bottom: 0;background-color: rgb(0 34 0 / 70%); opacity:0;}

.cert-page .box {display: flex;align-items: center;justify-content: center;padding: 20px;}
.cert-page .box img {width: 100%;height: 150px;}

.contact-page .item {position: relative;margin-bottom: 1rem;}
.contact-page .icon {position: absolute;left: 0;top: 4px;color: #007000;}
.contact-page .item .info {padding-left: 26px;font-size: 18px;line-height: 32px;}
.contact-page .item .info b {display: block;}
.contact-page .content {max-width: 500px;}
.contact-page iframe {width: 100%;height: 300px;border: 3px solid #007000;border-radius: 10px;overflow: hidden;}

.prd-wrap {position: relative;/*display: inline-block;*/display: flex;margin-right: 20px;/*margin: 0 auto;*//*flex-direction: column;*/align-content: center;justify-content: center;align-items: center;flex-wrap: nowrap;}
.prd-wrap .content {max-width: 350px;display:inline-block;border-radius: 10px;overflow: hidden; margin-left: auto;margin-right: auto;}
.prd-wrap .img-wrapper {position: relative;border-radius: 10px;overflow: hidden;}
.prd-wrap .img-wrapper img {height: 300px;width: 100%;object-fit: cover;}
.prd-wrap .img-wrapper .zoom-icon {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgb(0 112 0 / 30%);display: flex;align-items: center;justify-content: center;opacity: 0;transition: 0.5s all;}
.prd-wrap .content:hover .zoom-icon {opacity: 1;}
.prd-wrap .content .zoom-icon i {font-size: 24px;color: #fff;}
.prd-wrap .info {padding: 30px;}
.prd-wrap .info ul li {list-style: disc;list-style-position: inside;}
.prd-wrap.sesame-seeds .content {width: calc((100% / 3) - 30px);padding: 0 15px;}
.prd-wrap.sesame-seeds {display: flex;flex-wrap: wrap;align-items: baseline;}
.prd-wrap.sesame-seeds .title {width: 100%;}
.other-banner .breadcrumbs {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;}
.other-banner .breadcrumbs li {color: #fff;font-weight: 600;padding: 0 20px;font-size: 21px;position: relative;}
.other-banner .breadcrumbs li:not(:last-child):after {content: '/';position: absolute;right: -5px;}
.cert-page .single-list {margin-bottom: 30px;}
.cert-page .full-height .box img {height: auto;width: 100%;}
.cert-page .box .content {width: 100%;}
.cert-page .box img {object-fit: contain;}
.whatsapp-icon, .whatsapp-icon:hover, .whatsapp-icon:focus {display: inline-flex;align-items: center;justify-content: center;background-color: #00ad4b;width: 50px;height: 50px;text-align: center;border-radius: 100%;color: #fff;position: fixed;bottom: 80px;right: 15px;font-size: 24px;z-index: 1000;}
.contact-page.diff-office .item .info {padding-left: 80px;}

/*=========================================================================*/
                        /* Responsive CSS */
/*=========================================================================*/
@media screen and (min-width: 1600px) {footer:before {width: 41%;}}/*end 1600*/

@media screen and (max-width: 1199px) {
    .logo {padding: 10px 15px;width: 140px;}
    .nav li a {padding: 10px 14px;color: #fff;font-size: 14px;letter-spacing: 1px;border-bottom: 1px solid rgb(255 255 255 / 20%);}
    .nav {position: absolute;right: 0;padding: 0;left: 0;top: 100%;background-color: #007000;display: none;}
    .toggle-btn {display: block;}
    .menu {width: 100%;}
    .nav li {display: block;width: 100%;}
    .nav>li.parent-item:hover > ul.submenu,
    .nav li.parent-item.second:hover ul.submenu {display: none;}   
    .nav li.parent-item::before {content: '\f107';position: absolute;right: 10px;top: 10px;color: #fff;font-family: FontAwesome;font-size: 14px;} 
    .nav>li:last-child>a {padding: 10px 14px;color: #fff;background-color: transparent;top: inherit;transform: inherit;margin-left: 0;}
    .nav>li.parent-item ul.submenu {width: 100%;position: relative;padding-left: 0;}
    .nav>li.parent-item ul.submenu.second {left: 0;}
    .nav>li.parent-item ul.submenu li a {padding: 10px 30px;}
    .nav>li.parent-item ul.submenu.second li a {padding-left: 60px;}
    .nav>li>a:hover {color: #fff;}
}/*end 1199*/

@media screen and (max-width: 991px) {
    footer:before {width: 44%;}

}/*end 991*/

@media screen and (max-width: 767px) {
    button.slick-arrow {left: 15px;opacity: 1;}
    button.slick-arrow.slick-next {left: auto;right: 15px;}
    .banner-slider .content, .banner-slider .content img{height:400px;}
    .section-about .img-wrapper img{max-width:300px;}
    .section-about .img-wrapper{text-align:center;margin-top:40px;}
    .section-about .content{padding-right:0;}
    .title{font-size:28px;}
    .subhead{font-size:14px;font-weight:normal;}
    .contact-info{margin-top:40px;}
    .header-top span, .header-top a{font-weight:500;font-size:14px;}
    .copyright-wrapper{font-size:16px;font-weight:400;}
    .unit-wrapper .left, .unit-wrapper .right{width:100%;}
    .banner-slider .info h2 {font-size: 32px;line-height: normal;padding-left: 60px;padding-right: 60px;}
    .banner-slider .info h2:before {top: -64px;}
    footer:before {opacity: 0;}
    footer .contnet {padding-right: 0;}
    .other-banner img {height: auto;width: 100%;object-fit: contain;}
    .contact-info ul li a {color: #000;}

}/*end 767*/

@media screen and (max-width: 580px) { }/*end 580*/