/* page loader */
.page_loader {position: fixed;width: 100%;height: 100%;background: linear-gradient(180deg, #093701 58.63%, #94A400 100%);z-index: 999;display: flex;justify-content: center;align-items: center;}
.page_loader:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-image: url(../images/site/a_img.svg);background-repeat: no-repeat; background-position: right;}
.loading svg{transform: rotateZ(0deg);animation: 0.6s rotate linear infinite;}
.loading {text-align: center;}
@keyframes rotate { 100%{transform: rotateZ(360deg);} }
.loading p{font-weight: 300;font-size: 36px;line-height: 52px;color: #FFFFFF;}
@charset "utf-8";
:root {
    --body-text: 16px;
    --body-text-color: #FFFFFF;
    --theme-color: #093701;
    --white: #FFFFFF;
    --main-content:#FFFFFF; 
    --main-text:#093701; 
    --sub-text:#093A01; 
}

/* CSS Document */

/*-----------------------------------------------------------------------------

Prototype Version:  2.4

*/

/* Table of Contents
-----------------------------------------------------------------------------

1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html,body,br,hr,div,span,a,object,iframe,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,p,blockquote,q,address,small,big,cite,dfn,ins,del,i,em,b,strong,sup,sub,strike,pre,code,samp,kbd,var,tt,form,fieldset,legend,label,input,textarea,option,.nobox {background: transparent;border: 0;font-size: 100%;margin: 0;outline: 0;padding: 0;vertical-align: baseline;font-family: 'Poppins', sans-serif;color: #fff;}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}
blockquote,q {quotes: none;}
br {height: 0;}
ul,ol,dl,li {margin: 0;padding: 0;color: #ffffff;font-size: 14px;line-height: 24px;}
html,body {height: 100%;-webkit-appearance: none;border: none;-webkit-text-size-adjust: none;}
body {position: relative;}
/* Class for clearing floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
.cf:after,.cf:before {display: table;content: "";}
.cf:after {clear: both;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */

h1,h2,h3,h4,h5,h6 {font-family: 'Poppins', sans-serif;}
/* Specific Header Settings */
h1 {font-weight: normal;font-size: 50px;color: var(--body-text-color);line-height: 62px;}
h2 {font-weight: bold;font-size: 24px;color: #ffffff;}
h3 {font-size: 18px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
/* Create the Default Paragraphs */

p {line-height: 23px;color: #fff;font-size: 15px;}
/* Other Typo */

strong {font-weight: bold;}
hr {border: 0 #000 solid;border-top-width: 1px;clear: both;height: 0;}
ol {list-style: decimal;}
ul {list-style: disc;}
/* To make FontSmooth in MAC */

.mac * {-webkit-font-smoothing: antialiased;}
/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */

img {border: 0;border-style: none;}
/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */

a {color: var(--body-text-color);text-decoration: none;font-size: 18px;}
a:hover {}
a:active {color: #ffffff;}
a:focus {outline: none;}
a.current {color: #ffffff;}

/* 5. Forms
------------------------------------------------------------------------------*/
input {line-height: normal;}
input[type="email"],input[type="text"],input[type="password"] {-webkit-appearance: none;border: none;-webkit-text-size-adjust: none;padding: 5px;border: 1px solid #cbcbcb;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-left: 20px;}
textarea {-webkit-appearance: none;border: none;-webkit-text-size-adjust: none;box-sizing: border-box;padding: 5px;border: 1px solid #ffffff;display: block;overflow: auto;}
input[type="email"]:focus,input[type="text"]:focus,input[type="password"]:focus,textarea:focus {border-color: #ffffff;}
button,input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;/*border: none;-webkit-text-size-adjust: none;background: #cbcbcb;*/}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input[type="search"] {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::placeholder{color: rgba(255, 255, 255, 0.6);}
::-webkit-placeholder{color: rgba(255, 255, 255, 0.6);}
/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}
/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0;border-collapse: collapse;}
td {text-align: left;font-weight: normal;}
 
/* Page Layout */
body {color: var(--body-text-color);font-size: var(--body-text);background-color:#093701; }
#full_wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto;/* the bottom margin is the negative value of the footer's height */  }
.wrapper {max-width: 1200px;margin: 0 auto;width: 100%;padding: 0px 15px;}
.content {margin: 0 auto;padding: 0;width: 100%;}

/*Header*/
header {position: fixed;top: 0;left: 0;width: 100%;display: flex;justify-content: space-between;align-items: center;z-index: 99;background-color: transparent;transition: 0.4s all ease;flex-direction: column;}
header.sticky {background-color: #093701;}
header .wrapper {display: flex;justify-content: flex-start;align-items: center;gap: 139px;padding: 0px 15px 15px;}
header.sticky .wrapper{padding: 15px;transition: 0.5s all ease;}
header .menu { display: flex;justify-content: flex-start;gap: 45px;align-items: center;list-style: none;flex-wrap: wrap;}
header .menu a {font-family: 'Poppins';font-style: normal;font-weight: 400;font-size: 17.663px;line-height: 26px;color: #FFFFFF;transition: 0.4s all ease;text-transform: capitalize;}
header .menu li{position: relative;}
header .menu .current-menu-item a {font-weight: 600;}
header .logo img {width: 100%;transition: 0.4s all ease;}
header.sticky .logo img {width: 100px;}
header .logo {width: 220px;}
ul.sub-menu {position: absolute; width: 250px;box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);list-style: none;padding: 20px 0px;display: flex;flex-direction: column;gap: 10px;background: #0B4801;opacity: 0;visibility: hidden;transition: 0.4s all ease;right: 0;margin: 0 auto;}
header .menu li:hover .sub-menu{opacity: 1;visibility: visible;}
header .sub-menu a{font-size: 14px;line-height: 28px;background-color: transparent;transition: 0.4s all ease;width: 100%;display: block;padding: 0px 15px; }
header .menu .sub-menu a:hover{background-color: rgba(255,255,255,0.2);}
.ea2_innovation path.active{opacity: 0.4;}

.top_header {position: relative;z-index: 9;padding-top: 30px;}
.top_header .wrapper > ul {display: flex;justify-content: center;list-style: none;padding: 16px 0px 0px;}
.top_header ul li {padding: 0px 20px;border-right: 0.5px solid rgba(255, 255, 255, 0.5);position: relative;}
.top_header ul li:last-child{border: 0px;}
.top_header ul li a {font-weight: 300;font-size: 17.663px;line-height: 26px; }
.top_header ul li:hover .sub-menu{opacity: 1;visibility: visible;}
.top_header ul li .sub-menu li{border: 0px;} 
.top_header ul li .sub-menu a:hover{background-color: rgba(255,255,255,0.2);}
/* Banner */
.banner {display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center;text-align: center;background-repeat: no-repeat;position: relative;/*animation: banner 0.8s linear forwards;height: 0;*/height: 902px;}
@keyframes banner{
    to{
        height: 800px;
    }
}
.banner:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;background: radial-gradient(56.49% 56.49% at 50% 41.02%, rgba(0, 75, 35, 0) 0%, #063700 100%);z-index: -1;}
.banner_detail {position: relative;z-index: 3;max-width: 968px;margin: 0 auto;}
.banner_detail h1{font-weight: 700;font-size: 56.9118px;line-height: 85px;opacity: 0;animation: opacity_ani 0.6s linear forwards;animation-delay: 0.5s;text-transform: uppercase;}
.banner_detail p{padding: 15px 0px 36px;opacity: 0;animation: opacity_ani 0.6s linear forwards;animation-delay: 0.7s;}
@keyframes opacity_ani {
    to{
        opacity: 1;
    }
}
.btn_lines {width: 178px;height: 52.66px;display: inline-block;margin: 0 auto;border: 1px solid;border-image: linear-gradient(180deg, #E8FFEB 0%, #93EC89 100%) 1;line-height: 52.66px;font-weight: 400;font-size: 15px;position: relative;padding-top: 4px;background: transparent;animation: opacity_ani 0.6s linear forwards;animation-delay: 0.9s;opacity: 0;transition: 0.5s all ease;text-align: center;}
.btn_lines:after {content: '';position: absolute;width: 100%;height: 100%;border: 1px solid;border-image: linear-gradient(180deg, #E8FFEB 0%, #93EC89 100%) 1;top: 8px;left: 8px;transition: 0.5s all ease;}
.btn_lines:hover,.btn_lines:focus{padding-top: 0px;background: rgb(25 167 1 / 47%);color: #fff;}
.btn_lines:hover:after,.btn_lines:focus:after{top: 0px;left: 0px;}

h2 {font-weight: 600;font-size: 36.1021px;line-height: 36px;position: relative;padding-bottom: 40px;text-align: center;}
h2:after{content: '';position: absolute;width: 100%;height: 20px;background-image: url(../images/site/title_line.svg);background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 20px;left: 0;right: 0;}
.video_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;z-index: -1;}


.about {position: relative;margin-top: -100px;z-index: 4;}
.about_wrapper {max-width: 1200px; margin: 0 auto;padding: 0px 15px 0px 15px;display: flex;justify-content: space-between;gap: 93px;align-items: center;text-align: center;overflow: hidden;}
.about_detail {background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(5.05132px);padding: 45px 65px 50px; width: 50%;max-width: 689px;border-radius: 4px;opacity: 0;transition: 0.4s all ease;}
.about_detail.come-in{opacity: 1;}
/*.about_detail:before{content: "";position: absolute;inset: 0;border-radius: 9.09238px;padding: 1px;background: linear-gradient(180deg, #01C01B 0%, #00500B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12));-webkit-mask: linear-gradient(#fff 0 0) content-box,  [1]  linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}*/
.about_detail:before{content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0;border-radius: 4px;background: linear-gradient(180deg, #01C01B 0%, #00500B 100%),linear-gradient(0deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); background-size: 300% 300%;clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);}
.about_detail.come-in:before{ animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 4s ease-in-out infinite;animation-delay: 0.4s}
/* motion */
@keyframes gradient-animation {
  0% {
    background-position: 15% 0%;
  }
  50% {
    background-position: 85% 100%;
  }
  100% {
    background-position: 15% 0%;
  }
}

@keyframes frame-enter {
  0% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), 2px calc(100% - 2px), 2px 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  25% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 100% 100%, 100% 0%, 0% 0%);
  }
  50% {
    clip-path: polygon(0% 100%, 2px 100%, 2px 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 2px, 100% 0%, 0% 0%);
  }
  75% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 2px, 2px 0%, 0% 0%);
  }
  100% {
    -webkit-clip-path: polygon(0% 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 2px 100%, 0% 100%);
  }
}

.about_wrapper .image {width: 40%;text-align: right;}
.about_wrapper .image img,.about_wrapper .image svg {width: 100%;}
.about_detail h3 {font-weight: 400;font-size: 28.6278px;line-height: 43px;padding-bottom: 18px;}
.about_detail h3 b {font-weight: 500;}
.about_detail p{font-weight: 300;}
.text_bg {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;background-size: contain; z-index: -1;}
.about:after{ content: '';position: absolute;width: 614.13px;height: 614.13px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);bottom: -170px;left: -200px;z-index: 3;}

.product {padding-top: 110px;background: linear-gradient(180deg, #093701 0%, #0D5002 23.42%, #4d8506 102.41%);padding-bottom: 120px;}
.tab_list {padding-top: 70px;padding-bottom: 53px;}
.tab_list .slick-list {margin: 0px 35px;}
svg.slick-arrow {width: 70px;cursor: pointer;}
.tab_list ul {display: flex;list-style: none;justify-content: space-between;}
.tab_list ul li {width: 350px;text-align: center;border-bottom: 1.6036px solid rgba(255, 255, 255, 0.28);padding-bottom: 12px;position: relative;margin-bottom: 20px;}
.tab_list ul li a{font-weight: 300;font-size: 20px;line-height: 12px;text-align: center;color: rgba(255, 255, 255, 0.49);}
li.slick-slide.slick-current.slick-active a{color: #fff;}
li.slick-slide.slick-current.slick-active:after{content: '';position: absolute;background: linear-gradient(90deg, #084E00 50%, #C0C60C 91.98%);width: 100%;height: 1.6036px ;bottom: -1.6036px;left: 0;}
li.slick-slide.slick-current.slick-active:after{content: '';position: absolute;background: linear-gradient(90deg, #084E00 50%, #C0C60C 91.98%);width: 100%;height: 1.6036px ;bottom: -1.6036px;left: 0;}
.tab_list ul li.slick-slide.slick-current.slick-active:before{content: '';position: absolute;width: 12px;height: 12px;bottom: -6px;right: -6px;background-color: #C0C60C;border-radius: 50%;z-index: 6;}
.tab_row {display: flex;flex-wrap: wrap;text-align: center;gap: 30px;}
.tab_row .col_item {padding: 23px 21px 31px;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(2.73852px);border: 1px solid;border-image: linear-gradient(180deg, #47FA32 0%, rgba(255, 255, 255, 0) 100%) 1;width: calc(25% - 23px);opacity: 0;visibility: hidden;}
.tab_row .col_item.come-in{opacity: 1;visibility: visible;transition: 0.4s all ease;}
.tab_row h3 {font-weight: 600;font-size: 19.6651px;line-height: 29px;color: #FFFFFF;padding: 22px 0px;}
.tab_row .col_item .btn_lines {width: 120px;font-size: 10.1388px;height: 35.59px;line-height: 35.59px;padding-top: 2px;}
.tab_row .col_item .btn_lines:after{top: 4px;left: 4px;}
.tab_row .col_item .btn_lines:hover,.tab_row .col_item .btn_lines:focus{padding-top: 0px;}
.tab_row .col_item .btn_lines:hover:after,.tab_row .col_item .btn_lines:focus:after{top: 0px;left: 0px;transition: 0.5s all ease;}
.tab_row .col_item.line_div {background: transparent;border: 0px;display: flex;justify-content: flex-end;gap: 53px;padding: 0;}
.tab_row .col_item.line_div.line_div2 {justify-content: flex-start;}
.tab_row .col_item.line_div .line_1, .tab_row .col_item.line_div .line_2 {width: 57px;background: linear-gradient(180deg, #C7CB00 0%, rgba(255, 255, 255, 0) 100%);height: 0;animation: textclip 0.9s linear infinite;background-size: 200% 200%;}
.tab_row .col_item.come-in .line_1,.tab_row .col_item.come-in .line_2{height: 100%;transition: 0.4s all ease;transition-delay: 0.4s;}
.tab_row .col_item.line_div2 .line_1, .tab_row .col_item.line_div2 .line_2 {background: linear-gradient(180deg, #19A701 0%, rgba(255, 255, 255, 0) 100%);}
.tab_row .col_item img {max-width: 100%;height: 340px;object-fit: cover;}
@keyframes textclip {0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
     background-position: 0% 50%;
  }}


.future_is {/*position: relative;*/background: linear-gradient(0deg, #093701 0%, #0D5002 45.34%, #4d8506 101.62%);}
.future_is h4 {font-weight: 300;font-size: 36.1px;line-height: 54px;padding: 55px 0px;}
.services_as {overflow: hidden;}
.services_as .container {position: relative;width: 100vw;}
.scrolling-text {display: inline-block;transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);will-change: transform;backface-visibility: hidden;}
.scrolling-text .scrolling-text-content {font-weight: 700;font-size: 60px;line-height: 87px;color: #FFFFFF;white-space: nowrap;transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);letter-spacing: 2px;}
.scrolling-text .scrolling-text-content.top{/*font-weight: 300;*/}
.scrolling-text .scrolling-text-content.center{/*font-weight: 400;*/color: transparent;-webkit-text-stroke: 1px white;}

.innovation_slider {height: 400vh;position: static;}
.innovation_slider .innovation_detail:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-image: url(../images/site/a_img.svg);background-repeat: no-repeat;background-position: center right;background-size: 500px;z-index: -1;}
.innovation_slider .innovation_detail {position: -webkit-sticky;position: sticky;top: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow: hidden;height: 100vh;padding-top: 50px;-webkit-box-pack: start;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.innovation_slider .wrapper {display: flex;justify-content: center;align-items: center;gap: 150px; position: relative;z-index: 0;}
.innovation_slider .left_col {width: 50%;}
.innovation_slider .right_col {width: 50%;}
.innovation_slider .left_col img {max-width: 100%;}
.innovation_slider .right_col h3 {font-weight: 600;font-size: 26.4595px;line-height: 12px;padding: 21px 0px 18px;}
.innovation_slider .right_col p {font-weight: 300;}
.innovation_slider .slide_inn {overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;flex-wrap: wrap; }
.innovation_slider .slide_detail_inn {/*position: absolute;top: 0;margin: auto;height: 100%;*/background-color: transparent !important; align-items: flex-start;width: 100%; display: flex;flex-direction: column;justify-content: flex-start; }
.slide_inn ul.slick-dots {width: 100%;display: flex;list-style: none;gap: 8px;justify-content: center;}
.innovation_slider svg.menu {width: 100%;}
.innovation_slider path.active {fill: #093701;stroke: #fff;fill: #ABB800;fill-opacity: 0.8;}

.principle{position: relative;padding-bottom: 35px;padding-top: 60px;}
.principle .title h3 {font-weight: 600;font-size: 36.1021px;line-height: 54px;text-align: center;padding: 55px 0px;}
.principle_slider .left_detail {width: 570px;}
.principle_slider .left_detail .detail {width: 570px;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(5.46176px);border: 1.09px solid;border-image: linear-gradient(180deg, #1DCA00 0%, rgba(255, 255, 255, 0) 100%) 1;padding: 36px 39px 50px;}
.principle_slider .right_images {width: calc(100% - 670px);}
.principle_slider {display: flex;justify-content: space-around;align-items: center;}
.principle_slider .right_slider .image {background: linear-gradient(180deg, #0E6300 0%, #829700 100%);padding: 29px;border-radius: 50%;border: 2.19px solid;border-color: #7a9300;margin: 0px 16px;transform: scale(0.8);transition: 0.5s all ease;filter: blur(1.0966px);}
.principle_slider .right_slider .image img {width: 100%; }
.principle_slider .right_slider .image.slick-slide.slick-current.slick-active.slick-center {transform: scale(1);filter: blur(0px);}
.principle_slider .left_detail .detail h4 {padding: 0;font-weight: 500;font-size: 32.7706px;line-height: 38px;padding-bottom: 22px;}
.principle_slider .left_detail .detail p {font-size: 18.57px;line-height: 28px;}


footer{position: relative;padding-top: 410px;}
footer:after{position: absolute;content: '';width: 100%;height: 410px;background-image: url(../images/site/footer_top.png);background-size: 100%;background-repeat: no-repeat;top: 0;left: 0;background-position: center bottom;}
.footer_detail{position: relative;z-index: 5;margin-top: -1px; /*background: linear-gradient(180deg, #287501 25.8%, #0b4301 67.54%);background: linear-gradient(180deg, #277400 0%, rgba(30, 94, 38, 0.05) 100%);*/padding-top: 40px;background: linear-gradient(180deg, #287501 0.8%, #0B4301 67.54%);}
.footer_detail .wrapper {display: flex;justify-content: space-between;gap: 30px;flex-wrap:wrap;}
.footer_detail .col_logo {width: 26.582%;text-align: center;}
.footer_detail .col_logo p {font-weight: 300;font-size: 18px;line-height: 27px;padding-top: 15px;}
.footer_detail .col_off {width: 32.65%;}
.footer_detail h3 {font-weight: 600;font-size: 18px;line-height: 27px;text-align: left;text-transform: uppercase;padding-bottom: 6px;margin-bottom: 14px;position: relative;}
.footer_detail h3:after{content: '';position: absolute;width: 95px;background: linear-gradient(90deg, #FFFFFF 0%, rgba(135, 255, 121, 0.03) 100%);height: 2px;bottom: 0;left: 0;}
.footer_detail .col_off .location {font-weight: 400;font-size: 14px;line-height: 21px;display: flex;justify-content: space-between;gap: 12px;align-items: flex-start;}
.footer_detail .tel {display: flex;align-items: center;font-weight: 400;font-size: 14px;line-height: 21px;gap: 8px;margin-bottom: 9px;}
.email_row {text-align: center;padding: 35px 0px 30px;}
.email_row .wrapper {justify-content: center;}
.email_row .email {display: flex;justify-content: center;gap: 11px;align-items: center;}
.email_row .email:hover{color: #fff;}
.footer_detail .tel:hover{color: #fff;}
.copy_right p {background-color: #fff;font-weight: 300;font-size: 16.6265px;line-height: 25px;color: #093A01;padding: 13px 15px;text-align: center;}
.copy_right p b {font-weight: 500;color: #093A01;font-size: inherit;}

.about_banner { padding-top: 211px;text-align: center;padding-bottom: 247px;background: linear-gradient(180deg, #0B4801 0%, #A2B300 100%);position: relative;}
.about_banner:after{content: '';position: absolute;top: 130px;left: 0;width: 100%;height: calc(100% - 130px);background-image: url(../images/site/grid.svg); background-repeat: no-repeat;background-position: center;background-size: cover;}
.about_banner_detail h1 {font-weight: 700;font-size: 40px;line-height: 60px;text-transform: uppercase;margin-bottom: 14px;}
.about_banner_detail {position: relative;z-index: 3;max-width: 968px;margin: 0 auto;}
.about_banner_detail p {font-weight: 400;font-size: 15px;line-height: 22px;margin-bottom: 25px;}
.about_banner .wave {position: absolute;width: 100%;height: 216px;background-position: top center;left: 0;bottom: 0px;}
.abt_lists {display: flex;justify-content: space-between;align-items: center;gap: 53px;padding: 21px;}
.abt_lists .col {width: 33.33%;text-align: center;border-right: 1px solid #fff;display: flex;justify-content: flex-start;gap: 21px;align-items: center;}
.abt_lists .col:last-child{border-right: 0px;}
.abt_lists h3 {font-weight: 600;font-size: 41.0017px;line-height: 62px;text-align: left;}
.abt_lists p {font-weight: 400;font-size: 23.0408px;line-height: 35px;text-align: left;}

.milestone {/*background: linear-gradient(180deg, #093701 6.48%, #829900 93.52%);*/position: relative;padding-bottom: 128px;}
.milestone_bg_color {background: linear-gradient(180deg, #093701 6.48%, #829900 93.52%);position: absolute;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}
.milestone:before{content: '';position: absolute;width: 219px;height: 219px;top: 112px;right: 10%;background: radial-gradient(50% 50% at 50% 50%, rgba(130, 153, 0, 0.5) 0%, rgba(35, 76, 0, 0.5) 100%);z-index: 1;border-radius: 50%;animation: fadeIn 2s linear infinite alternate; }
@keyframes fadeIn {
	to {
		transform: scale(0.9);
        opacity: 0.5;
	}
}
.milestone:after{content: '';position: absolute;width: 100%;height: 100%;bottom: 0px;right:0px;background-image: url(../images/site/grid_3.svg);z-index: 0;background-size: cover;background-repeat: no-repeat;}
.milestone .wrapper {position: relative;z-index: 3;}
.our_milestones .wrapper {padding-top: 135px;display: flex;justify-content: space-between;align-items: flex-start;gap: 145px;padding-bottom: 93px;}
.our_milestones h2 {font-weight: 700;font-size: 38px;line-height: 57px;text-transform: uppercase;width: 30%;}
.our_milestones h2 span {color: #C0D400;}
.our_milestones p {width: 60%;}
.year_tree {display: flex;justify-content: center;align-items: flex-end;margin-bottom: 196px;}
.year_tree .year_col h3 {font-weight: 700;font-size: 38px;line-height: 57px;text-transform: uppercase;padding-bottom: 18px;}
.year_tree .year_col {width: 33.33%;padding: 66px 15px 70px 21px;border: 1px solid #C0D400;border-radius: 6px 6px 0px 0px;cursor: pointer;}
.year_tree .year_col.active,.year_tree .year_col:hover{background-color: #C0D500;transition: 0.4s all ease;}
.year_tree .year_col.active > *,.year_tree .year_col:hover > *{color: #234C00;transition: 0.4s all ease;}
.year_tree .year_col p span{color: inherit; }
/* .year_tree .year_col:hover p span{display: inline;}*/
.our_mission h2 {text-align: left;font-weight: 700;font-size: 38px;line-height: 57px;text-transform: uppercase;padding-bottom: 19px;}
.our_mission h2 span{color: #C0D400;}
.our_mission .title{position: relative;}
.our_mission .title:after{content: '';position: absolute;width: 135px;height: 103px;top: -75px;right: 42%;background-image: url(../images/site/star.svg);background-repeat: no-repeat;background-position: center;/*animation: blink 2s linear infinite;*/}
@keyframes blink{
0%{opacity: 0;}
 
100%{opacity: 1;}
}
.milestone h2:after{display: none;}
.mission_row {padding: 48px 0px 56px;}
.mission_col p {padding-bottom: 22px;}
.mission_col {background: linear-gradient(180deg, #C0D400 0%, rgba(35, 76, 0, 0) 100%);border: 1px solid #C0D400;border-radius: 6px 6px 0px 0px;padding: 16px 44px 4px;margin-bottom: 55px;}
.mission_col:nth-child(2n) {background: transparent;margin-bottom: 0;}
.mission_col .image {display: flex;gap: 13px;align-items: center;padding-bottom: 15px;}
.mission_col h3 {font-weight: 700;font-size: 30.5152px;line-height: 46px;text-transform: uppercase;}
.achievement {padding: 70px 0px;background-color: #A2B300;text-align: center; background: linear-gradient(180deg, #093701 8.58%, #C0D400 100%);}
.achievement h3 {font-weight: 700;font-size: 38px;line-height: 57px;text-transform: uppercase;padding-bottom: 19px;}
.achievement h3 span{color: #E3FF00;}
.achievement_list {padding-top: 70px;}
.achievement_list .slick-dots {display: flex;list-style: none;gap: 5px;justify-content: center;margin-top: 37px;}
.slick-dots button {width: 10px;height: 10px;font-size: 0px;background: rgba(11, 72, 1, 0.38);border: 0px;border-radius: 10px;padding: 0;}
.slick-dots .slick-active button {background: #0B4801;}

.team_member {position: relative;padding-bottom: 223px;overflow: hidden;}
.team_member:before{content: '';position: absolute;top: -120px;right: -120px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);width: 614.13px;height: 614.13px;z-index: -1;}
.team_member:after{content: '';position: absolute;bottom: -80px;left: -120px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);width: 614.13px;height: 614.13px;z-index: -1;}
.founder {padding-top: 100px;}
.founder h3 {font-weight: 700;font-size: 38px;line-height: 57px;text-transform: uppercase;padding-bottom: 39px;padding-top: 29px;position: relative;display: inline-block;vertical-align: top;}
.founder h3 span {color: #C0D400;}
.founder h3:after{content: '';position: absolute;width: 100%;border: 1px solid #FFFFFF;left: 0;top: 85px;}
.founder h3:before{content: '';position: absolute;width: 14px;height: 14px;border: 2px solid #FFFFFF;border-radius: 14px;right: -10px;top: 78px;z-index: 0;}
.founder_team {display: flex;justify-content: space-between;gap: 33px;}
.founder_team .col {width: 100%;text-align: center;padding: 34px 15px 58px;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(5px);border: 1px solid;border-image: linear-gradient(180deg, #C0D400 0%, rgba(192, 212, 0, 0) 100%) 1;}
.founder_team h4 {font-weight: 600;font-size: 20px;line-height: 30px;text-align: center;text-transform: uppercase;padding: 20px 0px 2px;}
.founder_team img {display: block;margin: 0 auto;width: 140px;border-radius: 50%;}
.founder_team .col .img {position: relative;width: fit-content;margin: 0 auto;}
.founder_team .col .img:before {content: '';position: absolute;width: 16.94px;height: 180.15px;background: linear-gradient(180.07deg, rgba(192, 212, 0, 0) -26.95%, #C0D400 99.94%);transform: matrix(1, 0, -0.44, 0.9, 0, 0);z-index: -1;top: -19px;left: 46px;}
.founder_team .col .img:after {content: '';position: absolute;width: 18.45px;height: 183.66px;background: linear-gradient(179.96deg, #C0D400 0.03%, rgba(192, 212, 0, 0) 111.98%);transform: matrix(1, 0, -0.44, 0.9, 0, 0);bottom: -23px;right: 43px;z-index: -1;}
.awards {background: linear-gradient(0deg, #093701 6.09%,  #a2b300 108%);padding: 77px 0px;}
.awards h3 {font-weight: 700;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;padding-bottom: 45px;}
.awards_list {display: flex;gap: 20px;text-align: center;justify-content: space-between;align-items: center;}
.awards_list .col {background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(5px);padding: 48px 21px 60px;width: 100%;border: 1.18px solid;border-image: linear-gradient(180deg, #C0D400 0%, rgba(192, 212, 0, 0) 100%) 1;transform: scale(0.8);}
.awards_list .col:nth-child(2){transform: scale(1);}
.awards_list .col img {border-radius: 6px;height: 165.62px;width: auto;display: block;margin: 0 auto;max-width: 100%;}
.awards_list .col h4 {font-weight: 600;font-size: 23.6593px;line-height: 35px;text-align: center;padding-top: 28px;}

.heading_title {padding-top: 224px;padding-bottom: 80px;padding-left: 15px;padding-right: 15px;}
.heading_title .wrapper {background: rgba(255, 255, 255, 0.08);backdrop-filter: blur(4.76351px);border-radius: 95.2703px;padding: 20px 40px;display: flex;justify-content: space-between;align-items: center;}
.heading_title h1 {font-weight: 500;font-size: 23.5592px;line-height: 35px;text-transform: uppercase;}
.heading_title p, .heading_title p a {font-weight: 300;font-size: 16.5462px;line-height: 25px;text-transform: uppercase;}
.heading_title p a:hover{color: #fff;}
a:visited{color: #fff;}
a.more_info.active,a.more_info:focus{color: #606A00;}
.product_page {background: linear-gradient(180deg, #093701 43.61%, #C0D400 100%);position: relative;/*overflow: hidden;*/}
/*.product_page:before{content: '';position: absolute;width: 614.13px;height: 614.13px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);top: 300px;left: -100px;}
.product_page:after{content: '';position: absolute;width: 614.13px;height: 614.13px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);top: 40%;right: -100px;z-index: -1;}
.product_page .product_detail .text_bg {z-index: 0;}*/
.product_detail .product_title {padding-top: 55px;padding-bottom: 100px;}
.product_title h2 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;padding-bottom: 20px;/*opacity: 0;*/}
.product_title h2:after{display: none;}
.product_title p {max-width: 1065px;font-weight: 300;font-size: 17px;line-height: 33px;text-align: center;margin: 0 auto;/*opacity: 0;*/}
.product_title p.come-in,.product_title h2.come-in{opacity: 1;transition: 0.4s all ease;}
.product_col {width: calc(33.33% - 20px);background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(3.49252px);border: 0.74px solid;border-image: linear-gradient(180deg, #C0D400 0%, rgba(192, 212, 0, 0) 100%) 1;padding: 35px 74px 24px;text-align: center;}
.product_listing_page{background-image: url(../images/site/a_img.svg);background-repeat: no-repeat;background-size: auto;background-position: top right;background-attachment: fixed;}
.product_listing {display: flex;justify-content: space-between;gap: 30px;flex-wrap: wrap; margin-bottom: 100px;}
.product_col .image {display: block; background-image: url(../images/site/pro_bg_circle.svg);border-radius: 3.71681px;width: 174px;margin: 0 auto 28px;max-width: 100%;background-size: contain;background-repeat: no-repeat;background-position: top center;position: relative;}
.product_col .image:after {content: '';position: absolute;height: 53px;width: 154px;background-image: url(../images/site/Base.svg);bottom: -25px;left: 0;right: 0;margin: 0 auto;z-index: -1;background-repeat: no-repeat;background-size: contain;max-width: 100%;}
.product_col .image img {max-width: 100%;height: 185px;margin: 0 auto;display: block;}
.product_listing .product_col {width: calc(33.33% - 20px);background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(3.49252px);border: 0.74px solid;border-image: linear-gradient(180deg, #C0D400 0%, rgba(192, 212, 0, 0) 100%) 1;padding: 35px 74px 24px;text-align: center;opacity: 0;transition: 0.4s all ease;visibility: hidden;}
.product_listing .product_col.come-in{opacity: 1;visibility: visible;}
.product_listing h3 {font-weight: 500;font-size: 22.3009px;line-height: 28px;text-align: center;text-transform: uppercase;margin-bottom: 13px;}
.product_listing .btn_lines {width:  146.25px;font-size: 12.3243px;height: 43.27px;line-height: 43.27px;padding-top: 3px;opacity: 1;}
.product_listing .btn_lines:after{top: 6px;left: 6px;}
.product_listing .btn_lines:hover,.product_listing .btn_lines:focus{padding-top: 0px;}
.product_listing .btn_lines:hover:after,.product_listing .btn_lines:focus:after{top: 0px;left: 0px;transition: 0.5s all ease;}

.product_desciption {/*padding-top: 134px;*/display: flex;justify-content: space-between;align-items: center;gap: 92px;padding-bottom: 30px;}
.product_desciption .image {width: 500.05px;position: relative;    padding: 13px;}
.pro_svg_bg{opacity: 0;transition: 0.4s all ease;}
.product_desciption .image.come-in .pro_svg_bg{opacity: 1;}
.product_desciption .image .class_1 {position: absolute;width: calc(100% + 12px);height: calc(100% + 12px);top: 0px;left: 10px;right: 0px;bottom: 0px;margin: auto;stroke-dasharray: 1000;stroke-dashoffset: 1000;transform: rotate(-45deg);}
.product_desciption .image.come-in .class_1 {animation: stroke 2s ease-out forwards;animation-delay: 0.6s;}
@keyframes draw3 {
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
  }
}
.product_desciption.full_desciption {display: block;padding-bottom: 80px;}
/*.product_desciption .image:after{content: '';position: absolute;width: 100%;height: 100%;border: 4.48071px solid ;border-color: transparent #B9CE01 transparent transparent ; top: -13px;left: -13px;right: -13px;bottom: -13px;margin: auto;border-radius: 50%;}*/
.prodct_img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;opacity: 0;transition: 0.4s all ease;}
.product_desciption .image.come-in .prodct_img{opacity: 1;}
.prodct_img img {height: 265px;}
.product_desciption h1 {font-weight: 500;font-size: 36.8688px;line-height: 52px;opacity: 0;visibility: hidden;}
/* .product_desciption p{opacity: 0;visibility: hidden;} */
.product_desciption h1.come-in,.product_desciption p.come-in{opacity: 1;visibility: visible;transition: 0.6s all ease;}
.product_desciption .line{position: relative;margin: 9px 22px 10px 0px;}
.product_desciption .line svg.come-in .cls-2{stroke-dasharray: 130;stroke-dashoffset: 130;animation: draw 0.6s linear forwards;}
.product_desciption .line svg.come-in .cls-1{stroke-dasharray: 60;stroke-dashoffset: 60;animation: draw1 0.6s linear forwards;animation-delay: 0.6s;}
.product_desciption .line svg {fill-opacity: 0;opacity: 0;}
.product_desciption .line svg.come-in{opacity: 1;}
.product_page .product_detail .product_title h2 > a{font-size: 38px;color: #fff !important;}
@keyframes draw {
  0% {
    stroke-dashoffset: 130;
    fill-opacity: 0;
  }
  
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
  }
}
@keyframes draw1 {
  0% {
    stroke-dashoffset: 60;
    fill-opacity: 0;
  }
  
  100% {
    fill-opacity: 1;
    stroke-dashoffset: 0;
  }
}
/*.product_desciption .line:after{content: '';position: absolute;width: 22px;height: 22px;background: linear-gradient(180deg, #C0D400 0%, #093701 100%);right: -22px;top: -11px;border-radius: 12px;}
.product_desciption .line:before{content: '';position: absolute;width: 18px;height: 18px;background: #093701;right: -20px;top: -10px;z-index: 2;border-radius: 12px;}*/
.product_desciption p{font-weight: 300;font-size: 18.4221px;line-height: 29px;color: rgba(255, 255, 255, 0.65);}

.product_detail {position: relative;}
.product_detail .wrapper {position: relative;}
.product_tab .tab_title ul {display: flex;list-style: none;justify-content: space-between;align-items: center;}
.product_tab .tab_title ul li {width: 100%;text-align: center;}
.product_tab .tab_title ul li a {display: block;font-weight: 300;font-size: 29.6802px;line-height: 29px;color: rgba(255, 255, 255, 0.49);;border-bottom: 1.7988px solid rgba(255, 255, 255, 0.28);padding-bottom: 15px;position: relative;}
.product_tab .tab_title ul li a:after {content: '';position: absolute;width: 100%; height: 1.7988px;bottom: -2px;left: 0;background: rgba(255, 255, 255, 0.28);transition: 0.5s all ease;}
.product_tab .tab_title ul li a.active:after { background: linear-gradient(90deg, #BED201 50%, #093701 91.98%);}
.product_tab .tab_title ul li a.active:before {content: '';position: absolute;width: 12px;height: 12px;bottom: -6px;left: calc(100% - 6px);background-color: #093701;border-radius: 12px;z-index: 2;}
.product_tab ul li a.active,.product_tab ul li a:hover{color: #E3FF00;transition: 0.5s all ease;}
.product_tab .detail_list .tab_detail{display: none;padding-top: 45px;padding-bottom: 45px;}
.product_tab .detail_list #pro_1 {display: block;}

.product_tab .detail_list .tab_detail h3 {font-weight: 500;font-size: 25px;line-height: 13px;color: #E3FF00;padding: 36px 0px 14px;}
.product_tab .detail_list .tab_detail p {font-weight: 300;font-size: 18px;line-height: 30px;}
.product_tab .detail_list .tab_detail li {font-weight: 300;font-size: 18px;line-height: 30px;color: #FFFFFF;margin-bottom: 15px;list-style: inside;}

/* new_about page */
.about_bg_banner {position: absolute;z-index: -1;width: 100%;height: 100%;top: 0;left: 0;background-size: cover;background-position: center;background-repeat: no-repeat;}
.banner.about_bg p {padding: 0px 0px 25px;}
.achievements {padding-bottom: 132px;position: relative;overflow-x: clip;}
.achievements:before{content: '';position: absolute;width: 614.13px;height: 614.13px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);top: -170px;right: -200px;z-index: 3;}
.achievements:after{content: '';position: absolute;width: 614.13px;height: 614.13px;background: radial-gradient(50% 50% at 50% 50%, rgba(104, 185, 1, 0.29) 0%, rgba(104, 185, 1, 0.24) 40.1%, rgba(104, 185, 1, 0) 100%);transform: rotate(-156.93deg);bottom: -170px;left: -200px;z-index: 3;}
.achievements .title {text-align: center;max-width: 498px;margin: 0 auto 65px;}
.achievements .title h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-transform: uppercase;color: #FFFFFF;margin-bottom: 10px;opacity: 0;transition: 0.4s all ease;}
.achievements .title p {font-weight: 300;font-size: 15px;line-height: 22px;color: rgba(255, 255, 255, 0.65);opacity: 0;transition: 0.4s all ease;}
.achievements .title h3.come-in{opacity: 1;transition: 0.4s all ease;}
.achievements .title p.come-in{opacity: 1;transition: 0.4s all ease;}
.achievements .title p span {color: #E3FF00;font-weight: 600;}
.achievements_list {display: flex;justify-content: space-evenly;text-align: center;align-items: center;gap:30px;position: relative;z-index: 6;}
/*.achievements_list .col{opacity: 0;visibility: hidden;transition: 0.4s all ease;}
.achievements_list .col.come-in{opacity: 1;visibility: visible;}*/
.achievements_list .image {background: linear-gradient(180deg, #0B4801 0%, #9AAD00 100%);width: 244.85px;height: 244.85px;display: flex;justify-content: center;align-items: center;border-radius: 50%;padding: 12px; margin: 15px;position: relative;transform: scale(0);transition: 0.4s all ease;transition-delay: 0.4s;opacity: 0;}
.achievements_list .col.come-in .image{opacity: 1;transform: scale(1);}
.achievements_list .image:after {content: '';position: absolute;width: calc(100% + 20px);height: calc(100% + 20px);top: -12px;left: -11px;right: -10px;bottom: -10px;border: 2.3px solid #E3FF00;border-color: transparent #B9CE01 transparent transparent;border-radius: 50%;display: none;}
.achievements_list .image .circle_fill{position: absolute;width: calc(100% + 20px);height: calc(100% + 20px); top: -10px;left: -10px;right: -10px;bottom: -10px;stroke-dasharray: 1000;stroke-dashoffset: 1000;transform: rotate(-45deg);}
.achievements_list  .col.come-in .image .circle_fill{animation: stroke 2s ease-out forwards;animation-delay: 0.8s;}
.achievements_list .col .image .circle {position: relative;z-index: 3;}
@keyframes stroke {to {stroke-dashoffset: 0;}}
.achievements_list h4 {font-weight: 600;font-size: 35px;line-height: 52px;color: #FFFFFF;}
. 
.achievements_list .detail p {font-weight: 400;font-size: 23.0408px;line-height: 35px;text-align: center;color: #FFFFFF;padding: 11px 0px;opacity: 0;transition: 0.4s all ease;transition-delay: 0.4s;}
.achievements_list .col.come-in p{opacity: 1;}
.achievements_list .image .full_circle {width: calc(100% - 20px);height: calc(100% - 20px);display: flex;justify-content: center;align-items: center;border: 2px dashed;border-color: rgba(227 ,255, 0,0.67);border-radius: 50%;border-right: 0;border-bottom-color: rgb(227 255 0 / 37%);animation: rotateCircle 2s linear infinite reverse;position: absolute;top: 10px;left: 10px;right: 10px;bottom: 10px;}

@-webkit-keyframes rotateCircle {
  0% {
    transform: rotate(0);
  }  
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.our_mission {background: linear-gradient(180deg, #829900 0%, #093701 100%);padding-top: 70px;}
.our_mission h2:after{display: none;}
.mission_section {display: flex;justify-content: space-between;gap: 23px;margin: 75px 0px 65px;text-align: center;align-items: flex-start;overflow: hidden}
.mission_section .mission_sec_col {background: linear-gradient(180deg, #093701 0%, rgba(104, 185, 1, 0.29) 100%);padding: 24px 48px 38px;border-radius: 0px 150px 150px 0px;width: 100%;opacity: 0;visibility: hidden;transition: 0.4s all ease;transform: translateX(-100%);}
.mission_section .mission_sec_col:last-child {border-radius: 150px 0px 0px 150px;position: relative;bottom: 0;margin-top: auto;transform: translateX(100%);}
.mission_section .mission_sec_col.come-in{opacity: 1;visibility: visible;transform: translateX(0)}
.mission_sec_col img {max-width: 62px;}
.mission_sec_col h3 {font-weight: 600;font-size: 25px;line-height: 38px;text-transform: uppercase;color: #FFFFFF;}
.mission_sec_col p {font-weight: 400;font-size: 13px;line-height: 20px;text-align: center;color: #FFFFFF;}
.mission_middle_col {position: relative;}
.mission_middle_col img {/*max-width: 100%;*/border-radius: 150px; /* max-width: 100%; */border-radius: 150px;transition: 0.5s all ease;height: 248px;width: 248px;object-fit: cover;transform: rotate(0deg);}
.mission_middle_col img.come-in{transform: rotate(720deg);}
.mission_middle_col img.come-in-height{height: 670px;width: 500px;}
.mission_middle_col:after {content: '';position: absolute;width: 100%;height: 100%;border-radius: 150px;background: linear-gradient(0deg, #C0D400 6.43%, rgba(227, 255, 0, 0) 68.58%);bottom: 0;left: 0;}
.achievement .slick-slide img {margin: 0 auto;}

.innovation_detail1 .wrapper {position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-top: 130px;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;grid-column-gap: 100px;grid-row-gap: 100px;}
.innovation_detail1 .left_col {position: -webkit-sticky;position: sticky;top: 130px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 50%;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.innovation_detail1 .right_col {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 50%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;padding-top: 118px;}
.innovation_detail1 .menu_image {position: relative;width: 100%;}
.slide_detail_inn {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 190px;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}


.moving_circle {position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;animation: spin 10s infinite linear;}
.moving_circle .cirlce_1 {width: 921px;height: 921px;background: radial-gradient(50% 50% at 50% 50%, rgba(86, 255, 71, 0.32) 0%, rgba(62, 251, 58, 0.15) 44.79%, rgba(49, 255, 69, 0) 100%);top: 100px;position: absolute;left: -220px;animation: flow 3s infinite linear;}
.moving_circle .cirlce_2 {width: 921px;height: 921px;background: radial-gradient(50% 50% at 50% 50%, rgba(71, 222, 255, 0.32) 0%, rgba(58, 216, 251, 0.15) 44.79%, rgba(49, 217, 255, 0) 100%);top: 100px;position: absolute;right: 200px;animation: flow1 3s infinite linear reverse;}
.moving_circle .cirlce_3 {width: 921px;height: 921px;background: radial-gradient(50% 50% at 50% 50%, rgba(86, 255, 71, 0.32) 0%, rgba(62, 251, 58, 0.15) 44.79%, rgba(49, 255, 69, 0) 100%);top: 100px;position: absolute;left: 20px;right: 100px;margin: 0 auto;animation: flow2 3s infinite linear;animation-delay: 0.22s;}

@keyframes flow {
  0%, 100%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)   
  }
  50% {
    -webkit-transform: translate3d(312px, 50px, 0px);  
    transform: translate3d(312px, 50px, 0px);       
  }
}
@keyframes flow1 {
  0%, 100%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)   
  }
  50% {
    -webkit-transform: translate3d(-282px, -312px, 0px);  
    transform: translate3d(-282px, -312px, 0px);       
  }
}
@keyframes flow2 {
  0%, 100%{
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)   
  }
  50% {
    -webkit-transform: translate3d(382px, 312px, 0px);  
    transform: translate3d(382px, 312px, 0px);       
  }
}

@keyframes spin {
  from  {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }   
}
.product_page.ea2_page {background: linear-gradient(180deg, #093701 67.19%, #C0D400 100%);}
.ea2_tech {position: relative;z-index: 2;text-align: center;padding-bottom: 40px;}
.ea2_tech h2 {font-weight: 700;font-size: 60px;line-height: 90px;text-align: center;text-transform: uppercase;}
.ea2_tech h2:after{display: none;}
.ea2_tech .ea2_bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-position: left center;background-repeat: no-repeat;z-index: -1;background-size: contain;}
.ea2_tech .ea2_bg:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;z-index: 0;background-size: 500px;background-image: url(../images/site/a_img.svg);background-position: center right;}
.ea2_detail {position: relative;text-align: center;}
.ea2_detail span {font-weight: 400;font-size: 20px;line-height: 30px;color: #FFFFFF;opacity: 0.7;}
.ea2_detail h3 {font-weight: 700;font-size: 34px;line-height: 51px;color: #FFFFFF;padding-bottom: 24px;position: relative;}
.ea2_detail h3:after{content: '';position: absolute;width: 324px;background: linear-gradient(90deg, #4B5700 0%, #A4B901 100%);height: 4px;left: 0;right: 0;margin: 0 auto;bottom: 16px;}
.ea2_detail p {font-weight: 400;font-size: 17px;line-height: 26px;text-align: center;}
.innovation_wrapper {position: relative;display: flex;padding-top: 119px;gap: 40px;-webkit-box-align: start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;grid-column-gap: 100px;grid-row-gap: 100px;}
.innovation_wrapper .left_col {position: -webkit-sticky;position: sticky;width: 40%;top: 130px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.innovation_wrapper .left_col img {width: 100%;}
.innovation_wrapper .right_col {width: 60%;}
.innovation_wrapper h4 {font-weight: 400;font-size: 24px;line-height: 120.5%;padding-bottom: 5px; position: relative;}
/*.innovation_wrapper h4:after{content: '';}*/
.innovation_wrapper .line {display: inline-block;vertical-align: top;}
.innovation_wrapper p {font-weight: 500;font-size: 17px;line-height: 26px;letter-spacing: -0.002em;padding-bottom: 18px;counter-reset: section;}
.innovation_wrapper li {font-weight: 200;font-size: 17px;line-height: 26px;letter-spacing: -0.002em;color: #FFFFFF;list-style: none;margin-bottom: 27px;position: relative;}
.innovation_wrapper ul li{padding-left: 49px; }
.innovation_wrapper ul li:after{ counter-increment: section;content: "" counter(section) "";position: absolute;width: 33.6px;height: 32.8px;background: linear-gradient(154.45deg, #FFFFFF -12.82%, rgba(255, 255, 255, 0) 107.76%);border-radius: 80px 0px 80px 80px;top: 0;left: 0;border: 3.2px solid #C0D400; font-weight: 700;font-size: 13.6px;line-height: 32px;text-align: center;letter-spacing: -0.002em;}
.innovation_wrapper .right_col .col_detail {margin-bottom: 80px;margin-top: 30px;}
.ea2_benefits {padding-top: 180px;text-align: center;padding-bottom: 30px;}
.ea2_benefits h3 {font-weight: 700;font-size: 40px;line-height: 60px;text-align: center;letter-spacing: -0.002em;margin-bottom: 60px;position: relative;}
.ea2_benefits h3:after{content: '';position: absolute;width: 182px;height: 4px;background: linear-gradient(90deg, #4B5700 0%, #A4B901 100%);left: 0;right: 0;bottom: -5px;margin: 0 auto;}
.benefits_row {display: flex;justify-content: space-between;/*align-items: center;*/gap: 30px;position: relative;}
.benefits_row .col {width: 100%;min-height: 269px;padding: 20px 15px;opacity: 0.4;border-radius: 8px;transition: 0.4s all ease;cursor: pointer;border: 1px solid transparent;}
.benefits_row .col p {font-weight: 400;font-size: 21px;line-height: 32px;text-align: center;letter-spacing: -0.002em;color: #FFFFFF;margin-top: 30px;}
.benefits_row .col:hover{opacity: 1;background: linear-gradient(180deg, rgba(192, 212, 0, 0) 35.42%, rgba(192, 212, 0, 0.15) 100%);border: 1px solid  rgba(255, 255, 255, 0.14);}
.s4_row {display: flex;justify-content: center;padding-top: 24px;gap: 30px;}
.s4_row .col {width: 180px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38.02%, rgba(255, 255, 255, 0.13) 100%);border-radius: 8px;padding: 10px 9px;}
.s4_row .col {width: 180px;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 38.02%, rgba(255, 255, 255, 0.13) 100%);border-radius: 8px;padding: 10px 9px;}
.s4_row .col p {font-weight: 400;font-size: 16px;line-height: 24px;padding-top: 20px;}

.export_wrapper {max-width: 1360px;padding: 20px 15px 100px;margin: 0 auto;width: 100%;}
.ea2_tech .export_wrapper .ea2_bg:after {background-size: contain;}
.export_wrapper img {width: 100%;}
.export_wrapper .ea2_bg {background-position: top center;}
.ea2_detail .export_detail h4 {font-weight: 600;font-size: 25px;line-height: 37px;}
.our_export {position: relative;z-index: 3;padding: 77px 0px 95px;}
.our_export .ex_row {display: flex;justify-content: space-between;gap:30px;padding-bottom: 67px;align-items: center;}
.our_export .ex_row:nth-child(2n){flex-direction: row-reverse;}
.our_export .ex_row:nth-child(2n) .image{text-align: right;    }
.our_export .ex_row img {max-width: 100%;}
.our_export .ex_row p {font-weight: 300;font-size: 15px;line-height: 25px;padding-bottom: 26px;}
.our_export .ex_row .left_col{width: 100%;}
.our_export .ex_row .right_col{width: 100%;}
.export_benift {position: relative;z-index: 2;}
.export_benift .wrapper {display: flex;justify-content: space-between;gap: 30px;align-items: flex-start;}
.export_benift .titles span {font-weight: 500;font-size: 20px;line-height: 30px;color: #E3FF00;}
.export_benift .titles h3 {font-weight: 600;font-size: 56px;line-height: 62px;color: #FFFFFF;}
.export_benift .benift_sec {background: rgba(255, 255, 255, 0.14);backdrop-filter: blur(1.78459px);border-radius: 44.6148px;display: flex;padding: 45px 33px 0px;height: 284.64px;text-align: center;gap: 30px;border: 1.78px solid;border-color: #e3ff00 #e3ff0085 #fff0 #e3ff0085;position: relative;}
.export_benift .benift_sec .benifit_bg{position: absolute;top: 45px;left: 33px;background: linear-gradient(180deg, #E3FF00 0%, #234c0000 100%);border-radius: 17.8459px;z-index: -1;transition: 0.5s all ease;}
.export_benift .benift_sec .icon {position: relative;height: 75px;}
.export_benift .benift_sec .blog {padding: 22px 13px 24px;transition: 0.5s all ease;border-radius: 0.8459px;height: fit-content;cursor: pointer;}
.export_benift .benift_sec .icon:after {content: '';position: absolute;width: 57.3px;height: 57.3px;background: #E3FF00;transform: matrix(0, -1, -1, 0, 0, 0);border-radius: 53px;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 2;transition: 0.5s all ease;}
.export_benift .benift_sec .icon img {display: inline-block;padding-left: 45px;padding-top: 0px;position: relative;z-index: 3;}
.export_benift .benift_sec .blog h4 {font-weight: 500;font-size: 16px;line-height: 24px;padding: 13px 0px 5px;}
.export_benift .benift_sec .blog p {font-weight: 300;font-size: 12px;line-height: 18px;opacity: 0;visibility: hidden;transition: 0.5s all ease;}
/*.export_benift .benift_sec .blog:hover{background: linear-gradient(180deg, #E3FF00 0%, #234c0000 100%);border-radius: 17.8459px;}*/
.export_benift .benift_sec .blog .icon.active:after{background: #fff;}
.export_benift .benift_sec .blog:hover p,.export_benift .benift_sec .blog:nth-child(2) p{opacity: 1;visibility: visible;}
.our_blog {position: relative;padding-top: 182px;text-align: center;}
.our_blog h3 {position: relative;font-weight: 600;font-size: 36px;line-height: 50px;text-transform: uppercase;text-align: center;margin-bottom: 26px;}
.our_blog h3 span {color: #E3FF00;}
.our_blog h3:after{content: '';position: absolute;width: 192px;background: linear-gradient(90deg, #E3FF00 0%, #748300 100%);bottom: -5px;left: 0;right: 0;margin: 0 auto;height: 4px;}
.our_blog p {font-weight: 300;font-size: 18px;line-height: 50px;}
.our_blog .blog_list{padding-top: 20px;}
.our_blog .blog_list .blog {padding: 15px;background: rgb(227 255 0 / 20%);border-radius: 13.4757px;margin: 0 15px;transform: scale(0.9);transform-origin: center right;opacity: 0;transition: 0.4s all ease;}
.our_blog .blog_list .slick-list.draggable {padding: 0px !important;}
.our_blog .blog_list .blog img {max-width: 100%;border-radius: 5.60096px;margin: 0 auto;}
.our_blog .blog_list .blog p {font-weight: 400;font-size: 16.8029px;line-height: 25px;text-align: left;margin: 25px 0px 15px;}
.our_blog .blog_list .detail {text-align: right;display: flex;justify-content: right;align-items: center;gap: 30px;}
.our_blog .blog_list .detail div {font-weight: 400;font-size: 16px;line-height: 24px;display: inline-block;vertical-align: top;}
.our_blog .blog_list .detail div svg {display: inline-block;vertical-align: baseline;}
.our_blog .blog_list .read_more {width: 134px;height: 40px;display: inline-block;border-radius: 100px;background: rgba(255, 255, 255, 0.58);font-weight: 400;font-size: 13.4757px;line-height: 40px;color: #234C00;margin-top: 28px;}
.our_blog .blog_list .blog {}
.our_blog .blog_list .blog.slick-active  {opacity: 1;}
.our_blog .blog_list .blog.slick-center  {transform: scale(1);transform-origin: center left;}
.our_blog .blog_list .blog.slick-center + .blog {transform-origin: center left;}
.our_blog .blog_list .blog.slick-center{background: #E3FF00;}
.our_blog .blog_list .blog.slick-center p,.our_blog .blog_list .blog.slick-center .detail div{color: #093A01;}
.our_blog .blog_list .blog.slick-center .read_more {color: #ffffff;background: #234C00;}
.product.export_product {padding: 55px 0px;background: transparent;}
.product.export_product .title.our_blog {padding: 0px;}
.product.export_product .tab_list {padding-top: 30px;}

.product_detail.solution_services{background-image: url(../images/site/a_img.svg);background-size: auto;background-repeat: no-repeat;background-position: top 100px right;}
.solution_services iframe {padding-top: 40px;}
.product_title.retail_title{padding-bottom: 10px;}
.reail_list .retail_row { padding-bottom: 200px;position: relative;padding-top: 100px;}
.reail_list .retail_row .wrapper{display: flex;justify-content: space-between;gap: 135px;align-items: center; position: relative;}
.reail_list .retail_row:nth-child(2n)  .wrapper{flex-direction: row-reverse;}
.reail_list .retail_row h3 {font-weight: 500;font-size: 32px;line-height: 48px;text-transform: uppercase;margin-bottom: 28px;position: relative;}
.reail_list .retail_row h3:after{content: '';position: absolute;bottom: -5px;left: 0;background: linear-gradient(90deg, #E3FF00 0%, #748300 100%);
width: 314px;max-width: 100%;height: 4px;}
.reail_list .retail_row p {font-weight: 300;font-size: 17px;line-height: 32px;letter-spacing: 0.01em;text-transform: uppercase;}
.reail_list .retail_row:before {content: '';position: absolute;width: 100%;height: 100%;background-image: url(../images/site/retail_bg1.svg);background-size: contain;background-repeat: no-repeat;background-position: top left -50%;top: 0;left: 0;z-index: 0;}
.reail_list .retail_row:nth-child(2n):before{background-image: url(../images/site/retail_bg2.svg);background-size: auto;background-position: top 40% right -200px;}
.reail_list .retail_row:nth-child(3):before{background-image: url(../images/site/retail_bg.svg);background-size: auto;background-position: top 40% left -200px;}
.capabilities .title {padding-top: 50px;text-align: center;padding-bottom: 75px;}
.capabilities .title h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-transform: uppercase;color: #E3FF00;}
.capabilities .title p {font-weight: 300;font-size: 17px;line-height: 32px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;}
.capabilities_list {display: flex;flex-wrap: wrap;gap: 30px;text-align: center;position: relative; justify-content: center;}
.capabilities_list .col {width: calc(33.33% - 30px);border-radius: 16px;/*background: linear-gradient(180deg, rgba(178, 200, 1, 0.58) -8.28%, rgba(227, 255, 0, 0.6) 88.26%);*/ background-image: url(../images/site/cap_bg.svg);padding: 30px;position: relative; padding-top: 142px; max-width: 380px;}
.capabilities_list .col .icon {background: linear-gradient(149.84deg, #FFFFFF 0.17%, rgb(9 55 1) 124.26%);width: 115px;height: 115px;display: flex;justify-content: center;align-items: center;border-radius: 50%;top: -12px;position: absolute;left: -6px;margin: 0px;}
.capabilities_list .col h4 {font-weight: 500;font-size: 24px;line-height: 36px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;padding-bottom: 14px;border-bottom: 1px solid #FFFFFF;margin-bottom: 17px;}
.capabilities_list .col p {font-weight: 400;font-size: 14px;line-height: 22px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;}
.cap_video {position: relative;padding-top: 110px;padding-bottom: 100px;}
.cap_video iframe{margin-top: 30px;}
.capabilities {position: relative;}
.retail_categories {position: relative;}
.retail_categories .title h3 {font-weight: 700;font-size: 38px;line-height: 57px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;margin-bottom: 65px;position: relative;}
.retail_categories .title h3:after{position: absolute;content: '';width: 194px;background: linear-gradient(90deg, #E3FF00 -0.65%, #748300 100.65%);
height: 4px;left: 0;right: 0;margin: 0 auto;bottom: -5px;}
.retail_cat {position: relative;overflow: hidden;padding-bottom: 140px;}
.retail_cat .wrapper {display: flex;gap: 30px;justify-content: space-between;align-items: center;}
.retail_cat .left_col {width: 100%;}
.retail_cat .right_col {width: 100%;}
.retail_cat .right_col .img_2 {/*transform: translateX(93px) translateY(-70%);*/z-index: 0;position: relative;right: 0;width: 100%;max-width: 490px;margin-left: 93px;margin-top: -300px;}
.retail_cat .right_col .img_1 {position: relative;z-index: 2;}
.retail_cat .right_col .image {position: relative;width: 100%;overflow: hidden;}
.retail_cat .left_col h3 {font-weight: 500;font-size: 38px;line-height: 57px;letter-spacing: 0.01em;text-transform: uppercase;color: #E3FF00;margin-bottom: 17px;}
.retail_cat .left_col p {font-weight: 300;font-size: 16px;line-height: 24px;letter-spacing: 0.01em;text-transform: uppercase;color: rgba(255, 255, 255, 0.8);padding-bottom: 21px;}
.retail_cat:nth-child(2n) .wrapper{flex-direction: row-reverse;}
.retail_cat:after {content: '';position: absolute;width: 543px;height: 543px;background: linear-gradient(180deg, #B2C801 0%, rgba(34, 74, 0, 0) 90.74%);z-index: -1;top: 0;right: -270px;border-radius: 50%;background-attachment: fixed;}
.retail_cat:nth-child(2n):after{right: auto;left: -270px;}
.retail_cat:last-child{padding-bottom: 0;}

#full_wrapper.work_page {background: linear-gradient(180deg, #093701 58.22%, #C0D400 99.59%);}
.banner_section {position: relative;padding-top: 50px;z-index: 2;}
.banner_section .txt_bg {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;top: 0;left: 0;background-size: contain;z-index: -1;}
.banner_section .a_img {position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top 100px right;top: 0;left: 0;background-size: 345px;z-index: -1;}
.banner_sec_detail h2 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;color: #FFFFFF;padding-bottom: 8px;}
.banner_sec_detail h2:after{display: none;}
.banner_sec_detail h4 {font-weight: 300;font-size: 30px;line-height: 45px;text-align: center;text-transform: uppercase;margin-bottom: 20px;}
.banner_sec_detail p {font-weight: 300;font-size: 17px;line-height: 32px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;max-width: 1014px;margin: 0 auto;}
.banner_sec_detail hr {border: 1px solid #FFFFFF;width: 524px;margin: 42px auto;max-width: 100%;}
.industries_list {padding-top: 90px;text-align: center;position: relative;padding-bottom: 189px;}
.industries_list .title h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;}
.industries_list .title p {font-weight: 300;font-size: 17px;line-height: 32px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;margin-bottom: 67px;}
.industries_row {display: flex;justify-content: space-between;gap: 30px;}
.industries_row .detail {background: linear-gradient(148.17deg, #B2C801 -16.46%, #224A00 94.26%);padding: 90px 40px 16px;border-radius: 0px 0px 12px 12px;}
.industries_row .detail h4 {font-weight: 700;font-size: 17px;line-height: 19px;padding-bottom: 10px;}
.industries_row .detail p {font-weight: 300;font-size: 14px;line-height: 19px;padding-bottom: 24px;}
.more_info {width: 124px;line-height: 35px;display: block;margin: 0 auto;background: #FFFFFF;border-radius: 4px;font-weight: 500;font-size: 16.1633px;color: #606A00 !important;max-width: 100%;}
.industries_row .image {background: radial-gradient(87.25% 87.25% at 14.35% 4.98%, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 100%);border-radius: 12px 12px 0px 0px;max-width: 80%;margin: 0 auto -88px;padding: 20px 40px 15px;background: #1D4716;}
.industries_row .image .inner_img {padding: 0;background: #1D4716;border-radius: 50%;max-width: 100%;position: relative;}
.industries_row .image .inner_img img {width: 100%;display: block;position: relative;top: 6px;}
.work_phil_section {position: relative;}
.work_phil_detail h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;padding-top: 40px;}
.work_phil_detail p {font-weight: 300;font-size: 17px;line-height: 32px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;}
.work_phil_detail ul {list-style: none;width: fit-content;margin: 0 auto;padding-top: 20px;}
.work_phil_detail ul li {padding-left: 30px;font-weight: 300;font-size: 22px;line-height: 120.5%;text-transform: uppercase;padding-bottom: 36px;position: relative;}
.work_phil_detail ul li:before{content: '';position: absolute;width: 13px;height: 13px;background: linear-gradient(134.06deg, #C0D400 -17.34%, #576000 100%);border-radius: 13px;top: 8px;left: 0;z-index: 1;}
.work_phil_detail ul li:after {content: '';position: absolute;border: 0.5px solid #FFFFFF;height: 100%;top: 8px;left: 6px;z-index: 0;}
.work_phil_detail ul li:last-child:after{display: none;}
.research_program {position: relative;display: flex;gap: 60px;grid-column-gap: 60px;grid-row-gap: 60px;align-items: flex-start;background-image: url(../images/site/idea.png);background-position: top right;background-repeat: no-repeat;background-attachment: fixed;}
.research_program .left_col {margin-left: -120px;position: sticky;top: 130px;justify-content: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 50%;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.research_program .left_col svg {width: 100%;display: block;}
.research_program .right_col {width: 45%;}
.research_program .right_col h3 {font-weight: 400;font-size: 24px;line-height: 36px;}
.research_program .right_col p {font-weight: 300;font-size: 17px;line-height: 32px;letter-spacing: 0.01em;text-transform: uppercase;padding-top: 10px;}
.research_program .right_col .col{padding-bottom: 80px;}
.research_program_iframe {padding-top: 120px;position: relative;text-align: center;padding-bottom: 80px;}
.research_program_iframe iframe {max-width: 100%;}
.sust_btn {position: relative;display: block;width: 292.36px;height: 68px;margin: 8px auto;background: radial-gradient(209.56% 1012.22% at 12.65% -44.12%, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 100%);border-radius: 42px;top: -4px;}
.sust_btn span {font-weight: 500;font-size: 32px;line-height: 68px;text-align: center;text-transform: uppercase;background: linear-gradient(96.59deg, #B2C801 -1.6%, rgba(73, 154, 3, 0.26) 136.07%), #FFFFFF;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent;}
.sust_btn:before {content: '';width: 310.84px;height: 82px;position: absolute;border-radius: 42px;transform: matrix(-1, 0, 0, 1, 0, 0);border: 2px solid #FFFFFF;top: -9px;left: -10px;}
.sust_btn:after {content: '';position: absolute;width: 310.84px;height: 82px;border-radius: 42px;border: 4px solid #b2c801;border-right: 0;top: -11px;border-bottom: 0;left: -11px;}
.environment_sust {margin-top: 40px;}
.sustainbility_list {position: relative;text-align: center; background-position: top left;background-repeat: no-repeat;}
.sustainbility_list h3 {font-weight: 400;font-size: 24px;line-height: 36px;margin-bottom: 22px;position: relative;display: inline-block;vertical-align: top;text-transform: uppercase;}
.sustainbility_list h3:after{content: '';background: linear-gradient(90deg, #4B5700 0%, #A4B901 100%);width: 80%;height: 4px;left: 0;right: 0;margin: 0 auto;bottom: -4px;position: absolute;}
.sustainbility_list p {font-weight: 300;font-size: 17px;line-height: 32px;text-align: center;letter-spacing: 0.01em;text-transform: uppercase;}
.sustainbility_list .col{margin-bottom: 98px;}
.sustainbility_list .col:last-child{margin-bottom: 0px;}
.environment_sust img {max-width: 100%;}
.research_program.our_people_list {padding-top: 80px;}
.tech_cat .title h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;margin: 60px 0px;}
.tech_cat {}
.tech_cat .title {}
.tech_cat .title h3 {font-weight: 500;font-size: 38px;line-height: 57px;text-align: center;text-transform: uppercase;margin: 60px 0px;}
.tech_cat_list {}
.tech_cat_list .tech_col {display: flex;justify-content: space-between;gap: 60px;align-items: center;margin-bottom: 40px;}
.tech_cat_list .tech_col .right_col {display: flex;justify-content: center;flex-direction: column;gap: 30px;}
.tech_cat_list .tech_col .line {height: 37px;width: 405px;background: linear-gradient(90deg, rgba(192, 212, 0, 0.45) 0%, rgba(192, 212, 0, 0) 100%);transform: rotate(0deg);}
.tech_cat_list .tech_col .left_col {width: 100%;position: relative;}
.tech_cat_list .tech_col .left_col img {max-width: 100%;}
.tech_cat_list .tech_col .left_col .detail {position: absolute;top: 0;left: 37px;height: 100%;width: 300px;max-width: 100%;display: flex;flex-direction: column;justify-content: space-evenly;align-items: flex-start;}
.tech_cat_list .tech_col .left_col .detail h3 {font-weight: 500;font-size: 32px;line-height: 35px;}
.more_details {width: 125px;height: 42px;background: #FFFFFF;border-radius: 10px;font-weight: 400;font-size: 17px;line-height: 42px;color: #6D8529;text-align: center;}
.tech_cat_list .tech_col:nth-child(2n){flex-direction: row-reverse;}
.tech_cat_list .tech_col:nth-child(2n) .line {background: linear-gradient(270deg, rgba(192, 212, 0, 0.45) 0%, rgba(192, 212, 0, 0) 100%);}
.soil_health {padding-top: 35px;}
.work_phil_detail ol {list-style: none;max-width: 1010px;margin: 20px auto;}
.work_phil_detail ol li {padding-left: 37px;font-weight: 300;font-size: 17px;line-height: 135.5%;text-transform: uppercase;margin-bottom: 24px;position: relative;}
.work_phil_detail ol li:before{content: '';position: absolute;width: 25px;height: 23px;background-image: url(../images/site/arrow.svg);background-repeat: no-repeat;background-position: center;top:50%;transform: translateY(-50%);left: 0;}
.work_phil_detail img {display: block;max-width: 100%;margin: 0 auto;padding: 42px 0px;}

.calture_list .calture_col {display: flex;justify-content: space-between;gap: 30px;align-items: center;margin-bottom: 100px;}
.calture_list .calture_col .right_col {width: 100%;}
.calture_list .calture_col .left_col {width: 100%;}
.calture_list .calture_col .left_col img{max-width: 100%;}
.calture_list .calture_col .right_col h3 {font-weight: 300;font-size: 32px;line-height: 54px;text-align: right;text-transform: uppercase;padding-bottom: 32px;position: relative;}
.calture_list .calture_col .right_col h3:after{content: '';position: absolute;width: 322px;max-width: 100%;height: 4px;background: linear-gradient(90deg, #4B5700 0%, #A4B901 100%);bottom: 0;right: 0;}
.calture_list .calture_col:nth-child(2n){flex-direction: row-reverse;}
.calture_list .calture_col:nth-child(2n) .left_col{text-align: right;}
.banner_sec_detail {text-align: center;}
.banner_sec_detail .btn_lines {margin: 20px auto 90px;}
.work_phil_detail .btn_lines {margin: 20px auto 90px;display: block;}
.gallery_list h3 {font-weight: 500;font-size: 24px;line-height: 36px;text-align: center;text-transform: uppercase;padding: 24px 0px;}
.gallery_row {display: flex;flex-wrap: wrap;gap: 15px;justify-content: space-between;}
.gallery_row .gallery_col {height: 248px;background: #C0D400;border-radius: 10px;width: 37%;overflow: hidden;}
.gallery_row .gallery_col img{width: 100%;height: 100%;display: block;object-fit: cover;}
/*.gallery_row .gallery_col:nth-child(-n+3){width: 24.5%;}
.gallery_row .gallery_col:nth-child(4n-1){width: 33.3%;}*/
.gallery_row .gallery_col:nth-child(2){width: 24.5%;}
.gallery_row .gallery_col:nth-child(3){width: 33.3%;}
.gallery_row .gallery_col:nth-child(4){width: 33.3%;}
.gallery_row .gallery_col:nth-child(6){width: 24.5%;}
.gallery_row .gallery_col:nth-child(7){width: 24.5%;}
.gallery_row .gallery_col:nth-child(8){width: 33.3%;}
.gallery_row .gallery_col:nth-child(11){width: 24.5%;}
.gallery_row .gallery_col:nth-child(12){width: 33.3%;}
.gallery_row .gallery_col:nth-child(13){width: 33.3%;}
.gallery_row .gallery_col:nth-child(15){width: 24.5%;}
.gallery_row .gallery_col:nth-child(16){width: 24.5%;}
.gallery_row .gallery_col:nth-child(17){width: 33.3%;}
.gallery_row .gallery_col:nth-child(20){width: 24.5%;}
.gallery_row .gallery_col:nth-child(21){width: 33.3%;}
.gallery_row .gallery_col:nth-child(22){width: 33.3%;}
.gallery_row .gallery_col:nth-child(24){width: 24.5%;}
.gallery_row .gallery_col:nth-child(25){width: 24.5%;}
.gallery_row .gallery_col:nth-child(26){width: 33.3%;}
.our_blog_list {display: flex;flex-direction: row;gap: 30px;justify-content: space-between;margin: 82px 0px;}
.our_blog_list .left_col {width: calc(100% - 390px);}
.our_blog_list .right_col {width: 390px;}
.our_blog_list .right_col .cat_blog_list {background: radial-gradient(144.74% 1027.44% at 1.3% -9.59%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.09) 100%);backdrop-filter: blur(10px); padding: 16px 28px 45px;border: 1px solid;border-image: linear-gradient(97.91deg, #C0D400 1.42%, rgba(0, 0, 0, 0) 104.43%) 1;margin-bottom: 40px;}
.our_blog_list .right_col .cat_blog_list h4 {font-weight: 600;font-size: 24px;line-height: 36px;text-transform: uppercase;margin-bottom: 8px;}
.our_blog_list .right_col .cat_blog_list li {list-style: disc;list-style-position: inside;color: #C0D400;font-size: 21px;}
.our_blog_list .right_col .cat_blog_list li a {font-weight: 400;font-size: 16px;line-height: 24px;text-transform: uppercase;margin-bottom: 8px;display: inline-block;}
.our_blog_list .right_col .cat_blog_list li a:hover{color:#fff !important;}
.our_blog_list .blog_col {display: flex;padding: 16px;background: radial-gradient(144.74% 1027.44% at 1.3% -9.59%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.09) 100%);backdrop-filter: blur(7.5px);border-radius: 0;margin-bottom: 24px;border: 1px solid;border-image: linear-gradient(97.91deg, #C0D400 1.42%, rgba(0, 0, 0, 0) 104.43%) 1;gap: 22px;}
.our_blog_list .blog_col .tags {display: flex;gap: 28px;align-items: center;padding-bottom: 18px;}
.our_blog_list .blog_col .tags .cat {line-height: 18px;background: #C0D400;border-radius: 100px;font-weight: 400;font-size: 12px;text-transform: uppercase;color: #355B2E;padding: 4px 8px;}
.our_blog_list .blog_col .tags .date {display: flex;gap: 6px;align-items: center;font-size: 12px;line-height: 18px;text-align: center;text-transform: uppercase;color: #FFFFFF;}
.our_blog_list .blog_col h3 {font-weight: 600;font-size: 24px;line-height: 36px;text-transform: uppercase;color: #FFFFFF;}
.our_blog_list .blog_col p {font-weight: 400;font-size: 14px;line-height: 21px;text-transform: uppercase;color: #FFFFFF;}
.our_blog_list .blog_col .read_more {font-weight: 400;font-size: 14px;line-height: 21px;text-transform: uppercase;color: #FFFFFF;text-align: center;background: #C0D400;border-radius: 100px;padding: 4px 10px;margin: 10px auto;display: block;max-width: 120px;}
/* .our_blog_list .blog_col img {width: 234px;} */
.blog{overflow-x: hidden;}
.our_blog_list .blog_col img {width: 100%;}
.contact_form {margin-top: 35px;margin-bottom: 86px;}
.contact_form .wpcf7-form-control-wrap{width: calc(50% - 18px);margin-right: 30px;display: inline-block;}
.contact_form .wpcf7-form-control-wrap:nth-child(2n){margin-right: 0;}
/* .contact_form .input_in {width: calc(50% - 20px);margin-right: 30px;} */
/* .contact_form .input_in:nth-child(2n){margin-right: 0;} */
span.wpcf7-form-control-wrap[data-name=Message]{width: 100%;}
.contact_form .input_in {width: 100%;background: radial-gradient(144.74% 1027.44% at 1.3% -9.59%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.09) 100%);border: 1px solid;border-image: linear-gradient(97.91deg, #C0D400 1.42%, rgba(0, 0, 0, 0) 104.43%) 1;line-height: 42px;margin-bottom: 16px;font-weight: 400;font-size: 17px;text-transform: uppercase;color: rgba(255, 255, 255, 0.6);padding: 0px 15px;}
.contact_form textarea {width: 100%;height: 322px;background: radial-gradient(144.74% 1027.44% at 1.3% -9.59%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0.09) 100%);border: 1px solid;border-image: linear-gradient(97.91deg, #C0D400 1.42%, rgba(0, 0, 0, 0) 104.43%) 1;margin-bottom: 16px;font-weight: 400;font-size: 17px;line-height: 26px;color: rgba(255, 255, 255, 0.6);padding: 16px;text-transform: uppercase;}
.contact_form .btn_lines {display: block;color: #fff;}
.contact_detail {width: 600px;max-width: 100%;margin: 0 auto;background: linear-gradient(96.73deg, #C0D400 -7.88%, #2D5100 115.01%);backdrop-filter: blur(10px);border-radius: 16px;text-align: center;padding: 20px 15px 25px;display: flex;flex-direction: column;gap: 36px;}
.contact_detail a {font-weight: 400;font-size: 17px;line-height: 26px;text-transform: uppercase;display: inline-block;vertical-align: middle;text-decoration: none;transition: 0.5s all ease;}
.contact_detail a:hover{text-decoration: underline;}
.blog_detail_page h2 {font-weight: 600;font-size: 36px;line-height: 54px;letter-spacing: -0.002em;text-align: left;padding-bottom: 15px;}
.blog_detail_page h2:after{display: none;}
.blog_detail_page img {max-width: 100%;display: block;margin: 40px auto;}
.blog_detail_page .cat_name {background: radial-gradient(90.3% 1013.38% at 9.7% 16.25%, rgba(255, 255, 255, 0.43) 0%, rgba(255, 255, 255, 0.24) 100%);border-radius: 8px;padding: 4px 8px;font-weight: 500;font-size: 16px;line-height: 24px;color: #0A4400;}
.blog_detail_page .tags {display: flex;align-items: center;gap: 40px;}
.blog_detail_page .tags span {font-weight: 500;font-size: 16px;line-height: 19px;color: rgba(255, 255, 255, 0.6);}
.blog_detail_page p {font-weight: 400;font-size: 17px;line-height: 28px;text-align: justify;text-indent: 24px;padding-bottom: 30px;}
.blog_detail_page li {font-weight: 400;font-size: 17px;line-height: 28px;text-align: justify;padding-bottom: 20px;list-style: inside;}
.menu path.active{fill: #000 !important;}
.reail_list .retail_row .image{width: 500px;}
.retail_mrkt_page,.ovrview-tec{overflow-x: hidden;}
.top_header ul li .sub-menu li{padding: 0;}
.top_header .menu{gap: 0;}
.product_tab .detail_list  .bass_line,.product_tab .detail_list .bass_line li{list-style: none;}
.product_tab .detail_list .specialy-dtl b{color: #c0d400;width: 73%;
    display: inline-block;}
.product_tab .detail_list .specialy-dtl b.first{font-weight:bold;}
.product_tab .detail_list .specialy-dtl b sub{color: #c0d400;}
.our_blog_list .blog_col img {
    width: 234px;
}
.our_blog_list .blog_col .image{
	width:30%;
}.our_blog_list .blog_col .detail{
	width:70%;
}
.blog_detail_page table,th,td{
  border: solid 1px #fff;
  padding: 10px;
}
.blog_detail_page table{
  border-collapse: collapse;
    caption-side: bottom;
	margin-top:20px;
	overflow: auto;
    display: block;
	padding: 0;
    border: 0;
}
.blog_detail_page .table-scroll{overflow:hidden}