*{ padding: 0;margin: 0;}
@font-face {font-family: Olivera;src: url("../fonts/Olivera_Demo.ttf");}
body{ text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom: 0px; 
  font-family: "DM Sans", sans-serif; }
span{ }
h1,h2,h3,h4,h5,h5,h6{ color: #000; line-height:1.3;letter-spacing:1.3px;font-family: "Mulish", sans-serif; }
p{text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom:10px; font-family: "DM Sans", sans-serif;  }
a{text-decoration:none; color: #000;font-size: 15px;  letter-spacing: 1px;}
.clear_all{clear:both;}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
 
/*header*/
/*header*/
.header{ width: 100%;position: absolute;z-index: 1234;padding: 10px 0px;}
.headerbg{ box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 8%);background: #fff;border-radius:100px;padding:4px 10px;}	
.mlogo{width:100%; padding-left:  0px;}
.mmbg{ padding:0px 0px;border-radius:0px;}
.mlogo img{width:100%;height:auto;     max-width:240px;   }
 .main_menu{width:100%;   position: relative;top:0px;z-index: 12; }
.main_menu #nav {width: 100%;  }
.main_menu #nav > a {display: none;}
.main_menu #nav li {position: relative;}
.main_menu #nav li a {color: #fff;display: block;}
.main_menu #nav > ul {margin: 0px 0px; text-align: center;padding:3px 20px;border-top:0px solid #F5F5F6;
list-style: none; }
.main_menu #nav > ul > li {display:inline-block;padding:1px 25px;position:relative;}
.main_menu #nav > ul > li > a {text-decoration:none;font-size: 15px;font-weight:500;color:#000;position:relative;text-transform: capitalize; }
.main_menu #nav > ul > li:not( :last-child ) > a {/*border-right: 1px solid #cc470d;*/}
.sub-menu{position:relative;}
.main_menu #nav > ul > li:hover > a  {color: #000;}
/*.main_menu ul li ul:before { content: ''; height: 0; left: 10px; position: absolute; top: -10px; width: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ccc; }*/
/* second level */
.main_menu #nav li ul {background-color: #fff;  box-shadow: 0 5px 20px 0 rgb(0 0 0 / 25%); transition:.3s;transition: 0.2s 1s;
display: none;position: absolute;  z-index: 12;width: 250px; padding: 10px 10px;box-shadow: 0 2px 10px 0 rgb(0 0 0 / 8%); border-radius: 4px;}
.main_menu #nav li:hover ul {display: block; animation-name: fadeInUp;transition-delay: 0s;animation-duration: .4s; }
li#nav li ul  {position:relative;}
li#nav li ul:after {width: 0;height: 0;border: 0.313em solid transparent; /* 5 */border-bottom: none;border-top-color: #000;content: '';vertical-align: middle;
display: inline-block;position: relative;right: -6px; /* 5 */}
.main_menu #nav li:not( :first-child ):hover ul {left: 0;text-align: left;}
.main_menu #nav li ul li{     list-style: none; padding: 5px;border-bottom: 0px solid #ccc;display: block;}
.main_menu #nav li ul li:last-child a{background:transparent;color:#231101;padding: 0px; }
.main_menu #nav li ul li:last-child{padding-right:0px;}
.main_menu #nav li ul a {text-decoration:none; font-size: 15px;font-weight:400; color: #1d2331;}
.main_menu #nav li ul li a:hover,.main_menu #nav li ul:not( :hover ) li.active a {background-color: #fff;color:#000;}
@media only screen and ( max-width: 62.5em ) /* 1000 */ {
.main_menu #nav {width: 100%;position: static;margin: 0;}}
@media only screen and ( max-width: 40em ) /* 640 */ {
.main_menu #nav {position: relative;top: auto;left: auto;}
.main_menu #nav > a {text-align: left;text-indent: -9999px;background-color: #6a7bff;position: relative;}
.main_menu #nav > a:before,.main_menu #nav > a:after {position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
.main_menu #nav > a:after {top: 60%;}
.main_menu #nav:not( :target ) > a:first-of-type,.main_menu #nav:target > a:last-of-type {display: block;}
/* first level */
.main_menu #nav > ul {height: auto;display: none;position: absolute;left: 0;right: 0;}
.main_menu #nav:target > ul {display: block;}
.main_menu #nav > ul > li {width: 100%;float: none;}
.main_menu #nav > ul > li > a {height: auto;text-align: left;padding: 0 0.833em; /* 20 (24) */}
.main_menu #nav > ul > li:not( :last-child ) > a {border-right: none;border-bottom: 1px solid #cc470d;}
/* second level */
.main_menu #nav li ul {position: static;padding: 1.25em; /* 20 */padding-top: 0;}}
.mlogo2{display:block;}
.mlogo2 img{width:100%;height:auto; }
/*main_menu2*/
.main_menu2{display:none;padding:0px 6px;width: 100%;  }
.logo2 img{width:100%;height:auto; }
.logo3{padding:5px 10px;}
.logo3 img{width:100%;height:auto; }
.menu-button img{width:20px;}
.swipe-nav__inner img{width:30px;}
.main_menu2 .menu-button {display: inline-block;position: absolute;z-index: 1;   top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); width: auto;
text-align: center;border-radius: 5px; width:40px;height:40px;line-height:35px;}
.main_menu2 .swipe-nav { position: fixed;  z-index: 2; top:0; right: 0; bottom:initial;
left: 0; visibility: hidden; transition: visibility 0.2s ease;}
.main_menu2 .swipe-nav__overlay {  cursor: default; display: block; position: absolute;  top: 0; right: 0;  bottom: 0; left: 0; transition: opacity 0.2s ease;
transform: translateZ(0);  opacity: 0; background: rgba(0, 0, 0, 0.5); will-change: opacity;}
.main_menu2 .swipe-nav__panel { position: absolute;top: 0; bottom: 0; left: 0; width: 300px;height: 100vh; margin: 0 0; transition: 0.2s ease-out;
transition-property: transform; transform: translate3d(-100%, 0, 0); background-color: #fff; will-change: transform; }
.main_menu2 .swipe-nav__scroller { height: 100%; overflow-y: auto; overflow-x: hidden;}
.main_menu2 .js .swipe-nav__panel:after { position: fixed; top: 0; bottom: 0; left: 100%; visibility: visible; width: 1em; content: "";}
.main_menu2 .swipe-nav__inner { position: relative; min-height: 100%; padding-bottom: 0; border-top: 0 solid #eaeaea;padding: 20px 10px;}
.main_menu2 .swipe-nav__inner .menu-button {       top: -50px;right: 20px;left: initial;transform: translate(0%, 0%);}
.main_menu2 .swipe-nav--open,
.main_menu2 .no-js .swipe-nav:target {visibility: visible;}
.main_menu2 .swipe-nav--open .swipe-nav__overlay,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__overlay {opacity: 1;}
.main_menu2 .swipe-nav--open .swipe-nav__panel,
.main_menu2 .no-js .swipe-nav:target .swipe-nav__panel { transform: translate3d(0, 0, 0);}
.main_menu2 nav{position:relative;width:100%;margin:0 auto;height: 100%;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1.4;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{  }
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:14px;font-size:15px; text-decoration:none;color:#1d2331;text-transform: capitalize;  }
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#000;}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:transparent!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:140px;font-size:15px;text-decoration:none;color:#ddd; text-transform: capitalize;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#ccc}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#fff;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu2 .logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu2 .logo{display:none}
nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;text-align: left; }
#cssmenu ul li{width:100%;border-top:0px solid #00b2d6;border-bottom: 1px solid #efefef;}
#cssmenu ul li:hover{background:#fff;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:20px}
#cssmenu ul ul li{background:transparent!important;}
#cssmenu ul ul li:hover{background:#fff!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#1d2331;background:none; }
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#00b2d6}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#000;font-size:12px;font-weight:700}
.main_menu2 .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu2 .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu2 .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#000;content:''}
.main_menu2 .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu2 .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top: 2px;display:block; border: 3px solid #39a03b;height:46px;width:46px;
cursor:pointer;background:#39a03b; }
#cssmenu .submenu-button.submenu-opened{background:#39a03b;}
#cssmenu ul ul .submenu-button{height:35px;width:35px;top: 1px;}
#cssmenu .submenu-button:after{position:absolute; top: 20px;
        right: 15px;width:8px;height:2px;display:block;background:#fff;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff;}
#cssmenu .submenu-button:before{position:absolute; top: 17px;
        right: 18px;display:block;width:2px;height:8px;background:#fff;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.main_menu2 .swipe-nav--open .menu-button{background:#fff !important;border:none;}
.logo3 .m-logo { padding-left:  0px;padding-top:10px;}
.logo3{width:100%;padding:0px 10px; border-radius: 10px;text-align:left; }
.newlogo{padding-top:25px;}
.newlogo img{width:100%; height:auto;max-width:200px;  }
.logo3 img{width:100%;     max-width: 150px;    }
.mlogo2 img{width:100%; height:auto;     max-width: 150px;    }
.logo22 img{width:100%; height:auto;     max-width: 150px;}
.main_menu .logo22{position:relative;z-index:123; float:left;width:20%;margin-right: 30px; display: none;}
.main_menu .logo22 a{color:#6DDB07;}
.main_menu nav{position:relative;width:100%;margin:0 auto;}
.main_menu #cssmenu2,.main_menu #cssmenu2 ul,.main_menu #cssmenu2 ul li,.main_menu #cssmenu2 ul li a,.main_menu #cssmenu2 #head-mobile2{border:0;
list-style:none; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.main_menu #cssmenu2:after,.main_menu #cssmenu2 > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.main_menu #cssmenu2 #head-mobile2{display:none}
.main_menu #cssmenu2 ul{     text-align: right;    margin:0px;}
.main_menu #cssmenu2 > ul > li{display:inline-block;}
.main_menu #cssmenu2 > ul > li > a:hover  {color:#39a03b;}
.main_menu #cssmenu2 > ul{margin:0px;}
.main_menu #cssmenu2 > ul > li > a{padding:9px 15px;font-size:15px; font-weight:500;color:#000;
text-transform:capitalize;letter-spacing:1px;text-decoration:none; }
.main_menu #cssmenu2 > ul > li:hover > a,.main_menu #cssmenu2 ul li.active a{color:#39a03b;}
.main_menu #cssmenu2 > ul > li:hover,.main_menu #cssmenu2 ul li.active:hover,.main_menu #cssmenu2 ul li.active,.main_menu #cssmenu2 ul li.has-sub.active:hover{color:#000 ;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
.main_menu #cssmenu2 > ul > li.has-sub > a{padding-right:12px}
.main_menu #cssmenu2 > ul > li.has-sub > a:before{position:absolute;top:14px;right:-5px;display:block;  
content: "\eab2";color: #000;font-family: "Icofont";webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
.main_menu #cssmenu2 > ul > li.has-sub:hover > a:before{ }
.main_menu #cssmenu2 ul ul{position:absolute;left:-9999px;     padding-right: 0px;   top: 100%;display: block !important;    background: #fff;   
  border: 1px solid #fff;text-align: left;   z-index: 9;    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);}
.main_menu #cssmenu2 ul ul li{height:auto;display: inline-table;-webkit-transition:all .25s ease;-ms-transition:all .25s ease; 
transition:all .25s ease;
padding:2px 10px;}
.main_menu #cssmenu2 ul ul li:hover{}
.main_menu #cssmenu2 li:hover > ul{left:auto}
.main_menu #cssmenu2 li:hover > ul > li{height:35px}
.main_menu #cssmenu2 ul ul ul{margin-left:100%;top:0}
.main_menu #cssmenu2 ul ul li a{ width:240px; 
font-size:15px;color:#000;text-transform:capitalize;     
text-decoration:none;color:#000;font-weight:500;}
.main_menu #cssmenu2 ul ul li:last-child > a,.main_menu #cssmenu2 ul ul li.last-item > a{border-bottom:0}
.main_menu #cssmenu2 ul ul li:hover > a,.main_menu #cssmenu2 ul ul li a:hover{color:#39a03b}
.main_menu #cssmenu2 ul ul li.has-sub > a:before{position:absolute;top:13px;right:25px;display:block;width:2px;height:8px; 
-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;
content: "\eab2";color: #39a03b;font-family: "Icofont";transition:.3s;}
.main_menu #cssmenu2 ul ul > li.has-sub:hover > a:before{ transform:rotate(-94deg);top:20px; right:25px;}
.main_menu #cssmenu2 ul ul li.has-sub:hover,.main_menu #cssmenu2 ul li.has-sub ul li.has-sub ul li:hover{ }
.main_menu #cssmenu2 ul ul ul li.active a{border-left:1px solid #333}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
@media screen and (max-width:1000px){
.main_menu .logo22{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
.main_menu .logo2{display:none}
.main_menu nav{width:100%;}
.main_menu #cssmenu2{width:100%}
.main_menu #cssmenu2 ul{width:100%;display:none}
.main_menu #cssmenu2 ul li{width:100%;border-top:1px solid #444}
.main_menu #cssmenu2 ul li:hover{background:#363636;}
.main_menu #cssmenu2 ul ul li,.main_menu #cssmenu2 li:hover > ul > li{height:auto}
.main_menu #cssmenu2 ul li a,#cssmenu2 ul ul li a{width:100%;border-bottom:0}
.main_menu #cssmenu2 > ul > li{float:none}
.main_menu #cssmenu2 ul ul li a{padding-left:25px}
.main_menu #cssmenu2 ul ul li{background:#333!important;}
.main_menu #cssmenu2 ul ul li:hover{background:#363636!important}
.main_menu #cssmenu2 ul ul ul li a{padding-left:35px}
.main_menu #cssmenu2 ul ul li a{color:#ddd;background:none}
.main_menu #cssmenu2 ul ul li:hover > a,#cssmenu2 ul ul li.active > a{color:#fff}
.main_menu #cssmenu2 ul ul,.main_menu #cssmenu2 ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
.main_menu #cssmenu2 > ul > li.has-sub > a:after,.main_menu #cssmenu2 > ul > li.has-sub > a:before,.main_menu #cssmenu2 ul ul > li.has-sub > a:after,.main_menu #cssmenu2 ul ul > li.has-sub > a:before{display:none}
.main_menu #cssmenu2 #head-mobile2{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.main_menu .button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.main_menu .button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.main_menu .button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
.main_menu .button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.main_menu .button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.main_menu #cssmenu2 .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
.main_menu #cssmenu2 .submenu-button.submenu-opened{background:#262626}
.main_menu #cssmenu2 ul ul .submenu-button{height:34px;width:34px}
.main_menu #cssmenu2 .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:after{top:15px;right:13px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:after{background:#fff}
.main_menu #cssmenu2 .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
.main_menu #cssmenu2 ul ul .submenu-button:before{top:12px;right:16px}
.main_menu #cssmenu2 .submenu-button.submenu-opened:before{display:none}
.main_menu #cssmenu2 ul ul ul li.active a{border-left:none}
.main_menu #cssmenu2 > ul > li.has-sub > ul > li.active > a,.main_menu #cssmenu2 > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}
.mlogo,.main_menu {position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}  

/* =========================
   HERO
========================= */
.hero-slider {position: relative;width: 100%;height: 720px;    overflow: hidden;}
/* =========================
   SLIDES
========================= */
.slide {position: absolute;inset: 0;display: flex;align-items: center; opacity: 0;visibility: hidden;
transition:opacity 0.7s ease,visibility 0.7s ease;}
.slide.active {opacity: 1;visibility: visible;}
/* =========================
   BACKGROUND
========================= */
.slide-bg {position: absolute;inset: 0;z-index: 0;}
.slide-1 .slide-bg {    background: #39a03b;}
.slide-2 .slide-bg {background: #39a03b;}
.slide-3 .slide-bg {background: #39a03b;}
/* =========================
   CONTENT
========================= */
.slide-container {position: relative;z-index: 2;width: 90%;max-width: 1300px;margin: auto;
display: flex;align-items: center;justify-content: space-between;}
/* =========================
   TEXT
========================= */
.slide-content {width: 48%;color: #fff; opacity: 0;transform: translateY(50px);}
.slide.active .slide-content {animation: textIn 0.8s ease forwards;    animation-delay: 0.2s;}
.slide-content small { display: inline-block;font-size: 11px;
    font-weight: 600;letter-spacing: 3px;margin-bottom: 6px;color: #fff;background: #4ba74c;padding: 1px 12px;border-radius: 25px;}
.slide-content h1 {font-size: clamp(50px, 6vw, 90px);line-height: 0.95;font-weight: 800;text-transform: uppercase;
 margin-bottom: 25px; color:#fff;  font-family: "Fraunces", serif; }
.slide-content h1 span {   color: #093f25;}
.slide-content p { text-align:left;color:#efefef;
 line-height: 1.7; margin-bottom: 35px;}
/* =========================
   BUTTON
========================= */
.slide-btn {display: inline-block;padding: 15px 32px;
 border-radius: 50px;background: #fff;color: #064d24;text-decoration: none;font-weight: 700;transition: 0.3s ease;}
.slide-btn:hover {background: #093f25;color: #fff;transform: translateY(-3px);}
/* =========================
   PRODUCT IMAGE
========================= */
.slide-image {width: 48%;
display: flex;justify-content: center;align-items: center;position: relative;}
.slide-image img {width: min(600px, 100%);max-height: 600px;
object-fit: contain;opacity: 0;transform:translateX(120px)rotate(8deg)scale(0.85);}
/* ACTIVE IMAGE ANIMATION */
.slide.active .slide-image img {    animation: productIn 1s cubic-bezier(.2,.8,.2,1) forwards;}
/* =========================
   FLOATING EFFECT
========================= */
.slide.active .slide-image img {animation:productIn 1s cubic-bezier(.2,.8,.2,1) forwards,
floating 4s ease-in-out 1s infinite;}
/* =========================
   DECORATIVE CIRCLE
========================= */
.product-circle {position: absolute; width: 480px;height: 480px;border-radius: 50%;
background: rgba(255,255,255,0.08);z-index: -1; transform: scale(0);}
.slide.active .product-circle {   animation: circleIn 0.8s ease forwards;}
/* =========================
   DOTS
========================= */
.slider-dots {position: absolute;
left: 50%;bottom: 35px;transform: translateX(-50%);display: flex; gap: 10px;z-index: 10;}
.slider-dot {width: 10px;height: 10px;
 border: 0;border-radius: 50%;background: rgba(255,255,255,0.4);cursor: pointer;transition: 0.3s;}
.slider-dot.active {width: 35px;border-radius: 20px; background: #fff;}
/* =========================
   ARROWS
========================= */
.slider-arrow {position: absolute;top: 50%;transform: translateY(-50%); width: 45px; height: 45px;
    border: 1px solid rgba(255,255,255,0.5);background: rgba(0,0,0,0.15);color: #fff;border-radius: 50%;cursor: pointer;z-index: 10;
    transition: 0.3s;}
.slider-arrow:hover {background: #fff;color: #064d24;}
.slider-prev {   left: 25px;}
.slider-next {   right: 25px;}
/* =========================
   ANIMATIONS
========================= */
@keyframes textIn {
    from {opacity: 0;transform: translateY(50px);}
    to {opacity: 1;transform: translateY(0);}
}
@keyframes productIn {
    from {opacity: 0;transform:translateX(120px)rotate(8deg)scale(0.85);
    }
    to {opacity: 1;transform:translateX(0)rotate(-6deg)scale(1);
    }
}

@keyframes floating {
    0%, 100% {transform:translateY(0)rotate(-6deg);}
    50% {transform:translateY(-18px)rotate(-3deg);}
}
@keyframes circleIn {
    from {transform: scale(0);opacity: 0;}
    to {transform: scale(1);opacity: 1;}
}
/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .hero-slider {height: 700px;}
    .slide-container {width: 88%;flex-direction: column;justify-content: center;text-align: center;}
    .slide-content {width: 100%;order: 2;}
    .slide-image {width: 100%;height: 330px; order: 1;}
    .slide-image img {max-height: 260px;}
    .product-circle {width: 300px;height: 300px;}
    .slide-content h1 {font-size: 48px;}
    .slide-content p { font-size: 13px;line-height: 1.4;text-align: center;}
    .slider-arrow {       display: none;}
	.slider-dots {   bottom: 10px;}
	.slide-btn {   padding: 8px 20px;}
	
} 


.experience-circle{position:absolute;width:170px;height:170px;right:7%;top:20%;z-index:5;display:flex;align-items:center;justify-content:center;}
.experience-circle svg{position:absolute;width:100%;height:100%;animation:experienceRotate 18s linear infinite;}
.experience-circle text{fill:#fff;font-size:14px;font-weight:700;letter-spacing:2.5px;}
.experience-number{width:115px;height:115px;border:2px solid rgba(255,255,255,.7);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;}
.experience-number strong{font-size:42px;line-height:1;font-weight:800;}
.experience-number span{margin-top:5px;font-size:13px;letter-spacing:2px;font-weight:700;}
@keyframes experienceRotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@media(max-width:767px){.experience-circle{width:150px;height:150px;right:5%;top:15%;}.experience-circle text{font-size:14px;letter-spacing:2px;}.experience-number{width:75px;height:75px;}.experience-number strong{font-size:28px;}.experience-number span{font-size:9px;}}
/*category*/
.category{width:100%;position:relative;padding:70px 0px;overflow:hidden;}
.sectitle{width:100%;margin-bottom:30px;text-align:center;}
.sectitle h2{text-transform:uppercase;font-size:36px;font-weight:700;margin-bottom:20px;}
.sectitle p{ text-align:center;}
.categorybx{width:100%;position:relative;padding:10px;text-align:center;margin-bottom:20px;}
.categorybx img{width:100%;height:auto;max-width:100px;}
.categorybx h3{font-size:14px;margin:10px 0px 0px 0px;}
/*aboutus*/
.aboutus{width:100%;position:relative;padding:70px 0px 0px 0px;overflow:hidden;background:#faf7f0;}
.aboutus .sectitle{ margin-bottom:30px;text-align:left;}
.aboutuslimg img{width:100%;height:auto;border-top-left-radius:30px;border-bottom-left-radius:30px;}
.aboutusl2{padding:30px;}
.aboutusi{margin-bottom:30px;}
.aboutusi2{position:relative;}
.aboutusi2:after{width:40%;height:100%;background:#f4fff6;left:0px;top:0px;position:absolute;content:'';z-index:-1;
border-top-right-radius:30px;border-bottom-right-radius:30px;}
.aboutusl2 {position: relative;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);}
/*quality*/	
.quality{width:100%;position:relative;padding: 70px 0px;overflow:hidden;background:#faf7f0;}
.qualityr img{width:100%;height:auto;border-top-right-radius:30px;border-bottom-right-radius:30px;}
.quality .sectitle{text-align:left;margin-bottom:20px;}
.quality p{margin-left:70px;}
.qualityl{padding:10px 30px;position: relative;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);}
.quality .sectitle h3{font-weight:300;}	
/*products*/
.products{width:100%;position:relative;padding: 70px 0px;overflow:hidden;}
.products .sectitle{ margin-bottom:50px;}
.productsbx{width:100%;position:relative;padding: 0px 0px;box-shadow: 0 15px 40px rgba(0, 0, 0, .05); background:#d1dde7;margin-bottom:25px;
border-radius:30px;}
.productsbx img{width:100%;height:auto;     border-top-right-radius: 30px;
    border-top-left-radius: 30px;}
.productsbx a{text-decoration:none;}
.productsbxc{ display: table;background: #fff;  width: 100%;height:80px;text-align: center; border-bottom-right-radius:30px; 
border-bottom-left-radius:30px;   }
.productsbxc h3{display: table-cell;vertical-align: middle;font-size:18px;text-transform:uppercase;}
/*what*/
.what{width:100%;position:relative;padding: 70px 0px;overflow:hidden; }
.what:after {position:absolute;content:'';background:#093f25;top:0px;left:0px;width:90%;height:100%;border-top-right-radius:30px;border-bottom-right-radius:30px;z-index:-1;}
.what .sectitle h2{color:#fff;}
.what .sectitle{text-align:left;}
.whatl video {display: block;width: 100%;height: auto;border-top-right-radius:30px;border-bottom-right-radius:30px;}
.whatl video::-webkit-media-controls {display: none;}
 
 
.shine-benefits-head{margin-bottom:55px}
.shine-benefits-head span{display:inline-block;padding:8px 18px;background:#e2f2e2;color:#0b4d2e;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:3px}
.shine-benefits-head h2{margin:18px 0 0;color:#073f25;font-size:52px;line-height:1.05;font-weight:700}
.shine-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.shine-benefit{position:relative;min-height:250px;padding:15px;background:#fff;border-radius:25px;border:1px solid #e4e9e3;overflow:hidden;transition:.4s ease}
.shine-benefit:after{content:'';position:absolute;width:120px;height:120px;right:-45px;bottom:-45px;background:#eaf5e9;border-radius:50%;transition:.4s ease}
.shine-benefit:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,60,35,.1)}
.shine-benefit:hover:after{transform:scale(1.5)}
.shine-benefit-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;border-radius:50%;background:#0b4d2e;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px}
.shine-benefit-content{position:relative;z-index:2}
.shine-benefit h3{margin:0 0 14px;color:#073f25;font-size:20px;text-align:left;}
.shine-benefit p{margin:0;max-width:340px; text-align:left;}
@media(max-width:991px){.shine-benefits{padding:70px 0}.shine-benefits-head h2{font-size:42px}.shine-benefits-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.shine-benefits{padding:60px 0}.shine-benefits .container{padding:0 20px}.shine-benefits-head{margin-bottom:35px}.shine-benefits-head h2{font-size:34px}.shine-benefits-grid{grid-template-columns:1fr;gap:18px}.shine-benefit{min-height:auto;padding:28px}}

.shine-benefits{position: relative;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%);}


.shine-advantage{width:100%;position:relative;padding: 70px 0px;overflow:hidden;}
.shine-advantage .container{max-width:1400px;margin:auto;padding:0 30px}
.shine-advantage-wrap{position: relative;top: 50%;-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);transform: translateY(-50%); }
.shine-advantage-title span{display:inline-block;padding:8px 18px;background:#e4f3e4;color:#0b4d2e;border-radius:30px;font-size:12px;font-weight:700;letter-spacing:2px}
.shine-advantage-title h2{margin:25px 0 0;color:#073f25;font-size:62px;line-height:1.05;font-weight:700}
.shine-advantage-content p{margin:0 0 28px;color:#555;font-size:17px;line-height:1.8}
@media(max-width:991px){.shine-advantage{padding:75px 0}.shine-advantage-wrap{grid-template-columns:1fr;gap:35px}.shine-advantage-title h2{font-size:50px}}
@media(max-width:767px){.shine-advantage{padding:60px 0}.shine-advantage .container{padding:0 20px}.shine-advantage-title h2{font-size:40px}.shine-advantage-content p{font-size:15px;line-height:1.7}}

.advantager img{width:100%;height:auto;}
/*industries*/
.industries{width:100%;position:relative;padding: 70px 0px;overflow:hidden;margin:0px 0px 45px 0px;}
.industries:after {position:absolute;content:'';background:#093f25;top:0px;right:0px;width:90%;height:100%;border-top-left-radius:30px;border-bottom-left-radius:30px;
z-index:-1;}
.industries .sectitle h2{color:#fff;}
 .industrybx{width:100%;position:relative;z-index:12;padding:0px;border-radius:30px;box-shadow: 0 9px 13px rgba(13,38,76,.2);margin-bottom:35px;
text-align:center;    background: #fff;}
.industrybx img { width: 100%;height:auto;object-fit:cover;border-radius:30px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.industrybx a{text-decoration:none;}
.industrybx h3{ font-size:18px;margin:0px 0px;padding:10px; }
.industrybx{text-align:center;}
.footer-area{background:#072d1b;color:#fff; width:100%;position:relative;padding:60px 0px 0px 0px;overflow:hidden;}
.footer-widget h4,
.footer-contact h5{font-size:18px;margin-bottom:20px;color:#fff;font-weight:600;}
.footer-widget ul{margin:0;padding:0;list-style:none;}
.footer-widget ul li{margin-bottom:5px;}
.footer-widget ul li a{color:#c8d2dd;text-decoration:none;transition:.3s;     font-size: 12px;
    text-transform: uppercase;}
.footer-widget ul li a:hover{color:#39a03b;padding-left:5px;}
.footer-about{   padding:0 30px;}
.footer-logo{max-width:220px;    margin-bottom:25px;}
.footer-about p{color:#c8d2dd;line-height:2;margin-bottom:30px;}
.social-icons a{width:48px;height:48px;line-height:48px;display:inline-block;border-radius:50%;
background:rgba(255,255,255,.08);color:#fff;margin:0 5px;text-align:center;transition:.3s;}
.social-icons a:hover{background:#39a03b;}
.contact-box{display:flex;align-items:flex-start;margin-bottom:30px;}
.contact-box .icon{width:60px;height:60px;background:rgba(255,255,255,.08);border-radius:50%;display:none;
    align-items:center;justify-content:center;margin-right:15px;
    color:#39a03b;font-size:20px;}
.contact-box p{color:#c8d2dd;margin:0;line-height:1.8;     text-align: left;
    font-size: 14px;}
.contact-box p a{color:#c8d2dd;margin:0;line-height:1.8;}
.copyright{background:#072d1b;text-align:center;padding:25px 15px;margin-top:60px;color:#fff;font-size:18px;}
.copyright span{color:#072d1b;}
.footer-widget,
.footer-about,
.footer-contact{border-right:1px solid rgba(255,255,255,.10);height:100%;     padding: 0px 10px;}
.footer-area .col-lg-3:last-child .footer-contact{border-right:none;}
@media(max-width:991px){
.footer-widget, .footer-about,.footer-contact{border-right:none;margin-bottom:40px;}
.footer-about{text-align:left;padding:0;}
}
.copyrights_inn p a {   text-decoration: none;color: #fff;font-size: 12px;}
.copyrights_inn p   {text-align:center;color: #fff;font-size: 12px;    margin: 0}
.copyrights_inn img {width: 30px;height: 30px;  object-fit: contain;}
.footer-widgetli ul {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;}
.footer-widgetli ul li {width: 50%;box-sizing: border-box;    text-align: left;
}
.footer-about p{text-align:center; font-size: 14px;
}

.footer-about h3{ font-family: "Fraunces", serif; color:#fff;}



 /*page_title*/
.page_title{width:100%;position:relative;padding:150px 0px  0px 0px;margin-bottom: 0px;  background:#093f25;  text-align: center;  }
.page_title h2{font-size:28px; width:auto;  padding:10px 20px;text-transform:uppercase; text-align: center; margin: 0;     display: inline-block;
    color:#fff; position:relative;z-index:12;} 
 
/*mcontact*/
 .mcontact{width:100%;position:relative; overflow:hidden;padding:70px 0px; }
 .mcontactr ul{margin:0px;position: relative;display: block;list-style: none;}
 .mcontactr ul li{list-style:none;position: relative;display: flex;
    align-items: center;gap: 30px;margin-bottom: 30px;background-color: #093f25;box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.05);border-radius: 20px;
	padding: 30px 30px 30px;padding-left:80px;}
.mcontactr ul li img{position:absolute;top:25px;left:15px;width:45px;}	
.mcontactr ul li p{text-align:left;color:#fff;}
.mcontactr ul li p a{text-decoration:none;color:#fff;}
.map iframe{width:100%;height:450px;border-radius:30px;}
.main_contact_message h3{text-align:center;margin:0px 0px 25px 0px;}
.main_contact_message input{width:100%;padding:15px 15px;border:1px solid #093f25;margin-bottom:15px;background-color:#fff;border-radius: 5px;}
.main_contact_message textarea{height:100px;width:100%;resize:none;padding:15px 15px;border:1px solid #093f25;margin-bottom:15px;
background-color:#fff;
border-radius: 5px;}
.main_contact_message_btn{text-align:center;}
.main_contact_message_btn p{text-align:center;}
.main_contact_message_btn input[type=submit]{width:auto;border:2px solid #093f25;background:#093f25;color:#fff;padding:15px 30px;transition:.3s;border-radius: 5px;}	
.main_contact_message_btn input[type=submit]:hover{color:#fff;border:2px solid #39a03b;background:#39a03b;}

.main_contact_message {background:#fff;border-radius:15px; box-shadow: 0 5px 6px 1px rgb(0 0 0 / 20%);padding:30px;
    background: #fff;}
.gmap{margin-top:30px;}	
.gmap iframe{width:100%;height:350px;}

.sustainability-sec {
    padding: 80px 0;
    background: #f7f7f2;
}
.sustainability-wrap {
    max-width: 1500px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    align-items: center;
    position: relative;
}
.sustainability-img {
    height: 620px;
    overflow: hidden;
    border-radius: 35px;
}
.sustainability-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sustainability-content {
    background: #fff;
    border-radius: 28px;
    padding: 50px;
    position: relative;
    margin-left: -80px;
    z-index: 2;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}
.sustainability-content span {
    display: inline-block;
    background: #39a935;
    color: #fff;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 18px;
}
.sustainability-content h2 {
    text-align:left;margin-top:20px;
}
.sustainability-content p {
    
}
.promise-sec {
    padding: 90px 0;
    background: #fff;
}
.promise-wrap {
    max-width: 1500px;
    min-height: 560px;
    margin: auto;
    background: #39a935;
    border-radius: 35px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.promise-content {
    width: 55%;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 25px;
    padding: 50px;
    text-align: center;
    margin-left: 10%;
    z-index: 2;
}
.promise-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #07532e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -85px auto 25px;
    font-size: 28px;
}
.promise-content h2 {
    
}
.promise-content p {
     
}
.promise-img {
    position: absolute;
    right: 5%;
    bottom: 0;
    width: 38%;
    height: 90%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.promise-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 991px) {
    .sustainability-wrap {
        display: block;
        padding: 0 20px;
    }
    .sustainability-img {
        height: 400px;
    }
    .sustainability-content {
        margin: -60px 20px 0;
        padding: 35px;
    }
    .sustainability-content h2 {
         
    }
    .promise-wrap {
        margin: 0 20px;
        min-height: 650px;
    }
    .promise-content {
        width: 80%;
        margin: auto;
        padding: 35px;
    }
    .promise-img {
        width: 55%;
        height: 45%;
        right: 0;
    }
    .promise-content h2 {
        
    }
}
@media (max-width: 575px) {
    .sustainability-sec,
    .promise-sec {
        padding: 50px 0;
    }
    .sustainability-img {
        height: 300px;
    }
    .sustainability-content {
        margin: -40px 10px 0;
        padding: 25px;
    }
    .sustainability-content h2 {
        
    }
    .sustainability-content p,
    .promise-content p {
        
    }
    .promise-wrap {
        margin: 0 10px;
        min-height: 650px;
    }
    .promise-content {
        width: 90%;
        padding: 25px;
    }
    .promise-img {
        width: 65%;
        height: 40%;
    }
}


.infra_sec {
    padding: 100px 0;
    background: #f7f5ef;
    color: #073f29;
}
.infra_sec .container {
    max-width: 1400px;
    margin: auto;
    padding: 0 30px;
}
.infra_head {
    display: flex;
    align-items: flex-end;
    gap: 25px;
    border-bottom: 1px solid #d8ddd7;
    padding-bottom: 25px;
    margin-bottom: 65px;
}
.infra_head span {
    font-size: 70px;
    font-weight: 300;
    color: #dce2dc;
    line-height: 0.8;
}
.infra_head h2 {
   
}
.infra_grid {
    display: grid;
    grid-template-columns: 35% 65%;
    gap: 70px;
}
.infra_intro {
    padding-top: 15px;
    position: sticky;
    top: 30px;
    height: max-content;
}
.infra_tag {
    display: inline-block;
    background: #073f29;
    color: #fff;
    padding: 9px 18px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-bottom: 25px;
}
.infra_intro h3 {
    
    margin: 0 0 25px;
    
}
.infra_intro p {
    
}
.infra_content {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.infra_box {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 25px;
    background: #fff;
    border-radius: 25px;
    padding: 35px 40px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
    transition: 0.3s;
}
.infra_box:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.09);
}
.infra_box > b {
    font-size: 40px;
    color: #39a844;
    font-weight: 500;
}
.infra_box h4 {
    font-size: 25px;
    margin: 0 0 14px;
    color: #073f29;
}
.infra_box p {
    font-size: 16px;
    line-height: 1.7;
    color: #596b62;
    margin: 0;
}
@media (max-width: 991px) {
    .infra_grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .infra_intro {
        position: static;
    }
    .infra_head h2 {
        font-size: 42px;
    }
     
}
@media (max-width: 575px) {
    .infra_sec {
        padding: 65px 0;
    }
    .infra_sec .container {
        padding: 0 20px;
    }
    .infra_head {
        gap: 15px;
        margin-bottom: 40px;
    }
    .infra_head span {
        font-size: 45px;
    }
    .infra_head h2 {
        font-size: 30px;
    }
    .infra_box {
        grid-template-columns: 45px 1fr;
        padding: 25px 20px;
        gap: 15px;
    }
    .infra_box h4 {
        font-size: 21px;
    }
    .infra_box p,
    .infra_intro p {
        
    }
}


.infra_intro h3 {
    font-size: 28px;
    text-align: left;
}

.mabout{width:100%;position:relative;padding:70px 0px;overflow:hidden;}
.aboutlw img{width:100%;height:auto;border-radius:30px;}
.qualitymbx{background:#fff;border-radius:30px;padding:25px;margin-top:30px;}
.mproducts .mproductsii{margin-top:30px;}

.mproducts ul{margin:20px 0px; margin-left:25px;}
.mproducts ul li{ text-align: justify;  line-height: 30px; color: #000;font-size: 15px; letter-spacing: 1px; margin-bottom:7px; 
display:block;position:relative;padding-left:20px;}
.mproducts ul li:after{content:'\ec77';position:absolute;left:0px;top:0px;font-size:8px;color:#093f25;font-family: "Icofont";}

.mproducts .qualityl{padding:0px;}
.mproducts .qualityl p{margin-left:0px;}
.qualitymbx p{margin-left:0px;}

.important-points {
    padding: 100px 0;
    background: #f6f8f4;
    color: #123d29;
}
.important-points .container {
    max-width: 1200px;
    margin: auto;
    padding: 0 20px;
}
.important-head {
    max-width: 850px;
    margin-bottom: 60px;
}
.important-head > span {
    display: inline-block;
    padding: 8px 18px;
    border-radius: 30px;
    background: #dff5df;
    color: #23833b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
}
.important-head h2 {
    margin: 20px 0;text-align:left;
    font-size: 36px;
    line-height: 1.08;
    font-weight: 600;
}
.important-head p {
    
}
.points-list {
    border-top: 1px solid #d7dfd9;
}
.point-item {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 35px;
    padding: 32px 0;
    border-bottom: 1px solid #d7dfd9;
    transition: 0.3s;
}
.point-item:hover {
    padding-left: 15px;
}
.point-no {
    font-size: 50px;
    color: #75a47e;
    font-weight: 500;
}
.point-content h3 {
    margin: 0 0 8px;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600;
    color: #163e2b;
}
.point-content p {
    margin: 0;
    color: #68766e;
    font-size: 16px;
    line-height: 1.6;
}
.important-footer {
    margin-top: 65px;
    padding: 45px;
    background: #238f3d;
    border-radius: 25px;
    color: #fff;
    max-width: 1000px;
}
.important-footer h3 {
    margin: 0 0 12px;
    font-size: 30px;
}
.important-footer p {
    margin: 0 0 25px;
    font-size: 16px;
    line-height: 1.7;
    max-width: 800px;
}
.important-footer a {
    display: inline-block;
    padding: 13px 27px;
    background: #fff;
    color: #175d2c;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
}
@media (max-width: 767px) {
    .important-points {
        padding: 65px 0;
    }
    .important-head h2 {
        font-size: 30px;
    }
    .important-head p {
        font-size: 15px;
    }
    .point-item {
        grid-template-columns: 55px 1fr;
        gap: 15px;
        padding: 25px 0;
    }
    .point-no {
        font-size: 17px;
    }
    .point-content h3 {
        font-size: 18px;
    }
    .point-content p {
        font-size: 14px;
    }
    .important-footer {
        padding: 30px 25px;
        border-radius: 18px;
    }
    .important-footer h3 {
        font-size: 24px;
    }
}


.important-footer h3,.important-footer p {color:#fff;text-align:left;}


.shine-table .table{margin:0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:15px;border:1px solid #dce8df}.shine-table thead th{background:#07532e;color:#fff;border:0;padding:16px 18px;font-size:15px;font-weight:600}.shine-table tbody td{padding:15px 18px;border-color:#e2e9e4;color:#34483d;font-size:15px;vertical-align:middle}.shine-table tbody tr:nth-child(odd){background:#eef8ef}.shine-table tbody tr:nth-child(even){background:#fff}.shine-table tbody tr:hover{background:#dff0df}.shine-table tbody tr:last-child td{border-bottom:0}

.shine-table tbody tr:nth-child(odd){background:#e7f4e8}.shine-table tbody tr:nth-child(even){background:#fff}.shine-table tbody tr:nth-child(odd) td:first-child{color:#39a844;font-weight:700}.shine-table tbody tr:nth-child(even) td:first-child{color:#07532e;font-weight:700}