.content{position: relative;width: 100%;}


/* introduction */
.introduction{margin: 10rem 8.33vw 10rem 8.33vw;margin-bottom: 0;;padding: 4rem 0;position:relative;z-index:1;display: grid;grid-template-columns: 37.485vw auto;gap: 4.165vw;}
.introduction .introduction-inner{}

.introduction .title{z-index: 1;}
.introduction h2{font-family: var(--htff);font-size: var(--titlemain);margin: 0;position: relative;margin-bottom: 2rem;color: #191e2c;font-weight: 400;}
.introduction > .introduction-inner > .title > h2 > span{}
.introduction > .introduction-inner > .title > h2 > span:first-child{font-weight: 400;display: block;font-size: 40px;text-transform: uppercase;}
/* .introduction h2::after{content: '';position: absolute;;display: block;left:0;bottom: -30px;width: 10%;height: 1px;background: #000;} */

.introduction .description{position:relative;color: #1f2024;padding: 0;font-size: 1.625rem;}
.introduction .description p{margin-top: 0;}
.introduction .description .btn-holder{position: relative;text-align: center;margin-top: 3rem;}

.introduction .description .btn-holder-svg{margin-top: 5rem;}



@media (max-width: 2400px) {
  .introduction{margin: 10rem 8.33vw 10rem 8.33vw;}
}
@media (max-width: 1400px) {
  .introduction{margin: 10rem 10vw;}
}
@media (max-width: 1201px) {
  .introduction{margin: 10rem 8.33vw;}
}
@media (max-width: 992px) {
  .introduction{grid-template-columns:1fr;}
  .introduction .introduction-inner{display: block;text-align: center;margin-bottom: 4rem;}
  .introduction .introduction-inner div[data-jarallax-element] {transform: translate3d(0px, 0px, 0px) !important;text-align: center!important;}
  .introduction h2::after{left:50%;transform: translateX(-50%);}
}

@media (max-width: 768px) {
  .introduction h2{font-size: 4rem;}
  .introduction .description{width: 100%;padding:0;}
}

@media (max-width: 540px) {
  .introduction {padding: 2rem;margin: 5rem 8.33vw;}
  .introduction .introduction-inner .title{margin-bottom: 2rem;}
  
  .introduction h2{font-size: 3.25rem;}
  .introduction > .introduction-inner > .title > h2 > span:first-child{font-size: 2rem; }
}



.introduction-stats{display: grid;grid-template-columns: 1fr 1fr 1fr;gap:4.6875rem;}
.introduction-stat{}
.introduction-stat-inner{text-align: center;filter:drop-shadow(0 0 2rem #262f2d22);background: #fff;border-radius: 10px;padding: 3rem 2rem;transition: all 0.7s ease 0s;} 
.introduction-stat-inner:hover{background: #adce49;color: #fff;transform: translateY(2%);}
.introduction-stat-inner:hover img{filter: grayscale(100%) brightness(500%);}
.introduction-stat-inner span,.introduction-stat-inner img{margin-bottom: 3rem;transition: all 0.4s ease 0s;}
.introduction-stat-inner img{width: 5.5rem;max-width: 100%;}
.introduction-stat-inner span{display: block;color: inherit;}
.introduction-stat-inner span.title{font-weight: 600;font-size: calc(var(--defaultlg) + 2px);}
.introduction-stat-inner span.details{font-size: var(--defaultsm);font-weight: 600;}

@media (max-width: 992px) {
  .introduction-stats{gap:2rem;}
}

@media (max-width: 768px) {
    .introduction-stats{display: grid;grid-template-columns: 1fr;row-gap: 4rem;}
    .introduction-stat{transform: translate3d(0px, 0px, 0px)!important;}
}



a.btn-svg{position: relative;display: inline-block;padding: 0.75rem 3rem;text-decoration:none;color: #fff;transition: all 0.4s ease 0s;overflow: hidden;text-transform: uppercase;font-weight: 400;font-size: var(--default);border-radius: 50px;}
a.btn-svg:hover{color: #fff;}
a.btn-svg::after{content: '';position: absolute;display: block;left: 0;top: 0;right: 0;bottom: 0;background: #111;transition: transform 0.4s ease 0s;transform:translateX(-100%);border-radius: 50px;}
a.btn-svg:hover::after{transform: translateX(0);z-index: 0;}
a.btn-svg::before{content: '';position: absolute;display: block;left: 0;top: 0;right: 0;bottom: 0;background: #000;transition: transform 0.4s ease 0s;}
a.btn-svg span{z-index: 1;position: relative;}
a.btn-svg svg{position: absolute;top: 0;left: 0;}
a.btn-svg svg rect{stroke-dasharray: 0 200;stroke-dashoffset:0;stroke-width: 2px;stroke:#adce49;fill:#adce49;transition: stroke-dasharray 1.5s linear 0s;}
a.btn-svg.visible svg rect{stroke-dasharray: 1000;}
a.btn-svg.visible:hover svg rect{stroke-dasharray: 0 200;}








.news{background: #f6f6f6;padding: 5rem 9.375rem;position: relative;z-index: 1;margin:7rem 0;}
.page-inner .news{background: none;padding:0;position: relative;z-index: 1;margin:0;}
.news .title{text-align: center;margin-bottom: 2rem;}
.news .title h2{color: #000;font-family: var(--htff);font-size: 3.75rem;margin: 0;}

.news .news-inner{display: grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;padding: 3rem 0;}
.page-inner .news-inner{padding:0;}

.news-inner .news-article{}
.news-inner .news-article .img-holder{overflow: hidden;}
.news-inner .news-article .img-holder a{display: block;margin: 0;padding: 0;line-height: 0;}
.news-inner .news-article .img-holder a img{width: 100%;transition: all 0.4s ease 0s;}
.news-inner .news-article .img-holder a:hover img{transform: scale(1.05);}

.news-inner .news-article .details{color: #000;padding: 2rem;background:#f5f5f5;}
.news-inner .news-article .details .start-date{font-size: 1.25rem;font-weight:400;}
.news-inner .news-article .details .news-article-title{font-size: 1.5rem;margin: 2rem 0;font-weight: 600;color:#000;font-family: var(--defaultff);}
.news-inner .news-article .details .news-article-title a{color:inherit;text-decoration:none;text-decoration: none;}
.news-inner .news-article .details .btn-holder{font-size: 1.5rem;}
.news-inner .news-article .details .btn-holder a{font-weight: 600;color: #000;}
.news-inner .news-article .details .btn-holder a:hover{}

.news-inner .news-article.ai .details{background: #9e192b;}
.news-inner .news-article.design .details{background: #eee856;}
.news-inner .news-article.dt .details{background: #1d87b8;}
.news-inner .news-article.hr .details{background: #62b81d;}

.news-inner .news-article.artificial-intellegence-and-robotics .details{background: #9e192b;}
.news-inner .news-article.design-technology .details{background: #eee856;}
.news-inner .news-article.digital-transformation .details{background: #1d87b8;}
.news-inner .news-article.human-resource-development-and-management .details{background: #62b81d;}



@media (max-width: 1201px) {
 .news-inner{display: grid;grid-template-columns:1fr 1fr;grid-gap:3rem;padding: 3rem 0;}
}

@media (max-width: 768px) {
.news{padding: 2rem;}
 .news-inner{display: block;grid-template-columns:1fr;grid-gap:3rem;padding: 3rem 0;}
}








.home-title{margin: 0 8.33vw;}
.home-title h2{color: #626262;font-size: var(--titlesm);font-weight: 400;text-transform: uppercase;}


#news{margin-bottom: 15rem;position:relative;z-index:1;}
.news-inner{}
#news-carousel-wrapper{padding: 0 calc(8.33vw - 2.75rem);}
#news-carousel{}
#news-carousel .news-item{padding: 0 2.75rem;}
#news-carousel .news-item header{}
#news-carousel .news-item header h3{font-size: 35px;font-weight: 400;margin: 0 0 4rem;}
#news-carousel .news-item header h3 a{color: inherit;}
#news-carousel .news-item a.img-holder{padding: 4rem 0;display: block;margin-bottom: 3rem;}
#news-carousel .owl-item:nth-child(odd) a.img-holder{background: url(../images/sltb/news-bg.png) no-repeat 4rem top / contain;}
#news-carousel .news-item a.img-holder img{width: 100%;max-width: 100%;}
#news-carousel .news-item .details{font-size: 1.625rem;margin-bottom: 4rem;}
#news-carousel .news-item .btn-holder-svg{}








.logo-block{margin-bottom: 15rem;position:relative;z-index:1;}
.logo-block-inner{margin: 0 8.33vw;display: grid;grid-template-columns: 54.145vw auto;gap:4.165vw;}
.logo-block-main{display: grid;grid-template-columns: 4fr 9fr;}
.logo-block-main .logo-wrapper{padding: 0 4.165vw 0 0;}
.logo-block-main .logo-wrapper img{width: 100%;}
.logo-block-main .logo-details{}
.logo-block-main .logo-details h2{font-size: var(--titlemain);font-weight: 400;margin: 0 0 4rem;}
.logo-block-main .logo-details h2 span{display: block;font-size: calc((var(--titlemain)/2) - 2px);text-transform: uppercase;}
.logo-block-main .logo-details .details{font-size:1.625rem;margin: 0 0 4rem;}

.logo-block-spec{}
dl.accordion-component{}
dl.accordion-component dt{margin: 0 0 2rem;background: #f6f6f6;color:000;padding: 1rem;border-radius: 10px;cursor: pointer;transition: all 0.4s ease 0s;font-weight: 500;}
dl.accordion-component dt.active{margin: 0;background:#adce49;color:#fff;}
dl.accordion-component dd{margin: 0;padding: 1rem;display: none;}
/* dl.accordion-component  dt.active + dd{display:blosck;} */



@media (max-width: 768px) {
  .logo-block-inner{grid-template-columns: 1fr;}
  .logo-block-main{grid-template-columns: 1fr;}
}



#facts-and-figures{margin-bottom: 15rem;position:relative;z-index:1;}
.facts-and-figures-inner{}

.facts-and-figures-items-wrapper{margin:0 8.33vw;}
.facts-and-figures-items-wrapper h2{font-size: var(--title);font-weight: 400;margin: 0 0 7.5rem;}
.facts-and-figures-items{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:2vw;}
.facts-and-figures-item{text-align: center;padding:5rem 2rem;filter:drop-shadow(0 0 2rem #262f2d22);background: #fff;border-radius: 10px;transition: all 0.7s ease 0s;position: relative;}
.facts-and-figures-item:hover{background:#7d230b;color: #fff;transform: translateY(2%);}
.facts-and-figures-item img{margin-bottom: 3rem;width:5.5rem;transition: all 0.4s ease 0s;}
.facts-and-figures-item:hover img{filter: grayscale(100%) brightness(500%);}
.facts-and-figures-item span{display:block;}
.facts-and-figures-item h4.title{font-size:calc(var(--titlesm) - 2px);margin: 0 0 3rem;font-weight:500;text-transform: uppercase;color: inherit;}
.facts-and-figures-item h4.title a{color: inherit;text-decoration: none;}
.facts-and-figures-item span.details{font-size:var(--default);font-weight:500;color: inherit;}
.facts-and-figures-item a.link-overlay{position: absolute;left:0;top:0;right:0;bottom:0;}



@media (max-width: 992px) {
  .facts-and-figures-items{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 480px) {
  .facts-and-figures-items{grid-template-columns: 1fr;}
}




#current-tea-prices{margin-bottom: 15rem;position:relative;z-index:1;}
.current-tea-prices-inner{display: grid;grid-template-columns: 29.155vw auto;gap:4.165vw;}
.current-tea-prices-title{background: #373737;color: #fff;padding: 4.375rem 2rem 4.375rem 8.33vw;border-radius: 0 10px 10px 0;}
.current-tea-prices-title h2{color: #fff;font-size: var(--titlesm);font-weight: 400;text-transform: uppercase;margin:0 0 3rem;}
.current-tea-prices-title h2 span{color: #adce49;}
.current-tea-prices-title h3{font-size: var(--title);margin:0;line-height: calc(var(--title) + 10px);font-weight:400;}


.current-tea-prices-items-wrapper{margin-right: 8.33vw;display: table;height: 100%;}
.current-tea-prices-items-wrapper-inner{display: table-cell;vertical-align: middle;}
.current-tea-prices-items{display:grid;grid-template-columns: 1fr 1fr 1fr;gap:4.5rem;}
.current-tea-prices-item{}
.current-tea-prices-item h4{}
.current-tea-prices-item h4 a{display: block;font-size:calc(var(--titlesm) - 4px);font-weight: 500;color:#000;text-decoration: none;background: #fff;border: solid 1px #1f2024;border-radius: 10px;padding: 4rem;text-align: center;transition: all 0.4s ease 0s}
.current-tea-prices-item h4 a:hover{background: #adce49;border: solid 1px #adce49;color: #fff;}


@media (max-width: 992px) {
  .current-tea-prices-items{grid-template-columns: 1fr;gap:0.5rem;}
}

@media (max-width: 768px) {
  .current-tea-prices-inner{grid-template-columns: 40vw auto;}
}

@media (max-width: 560px) {
  .current-tea-prices-inner{grid-template-columns: 1fr;}
  .current-tea-prices-title{margin-right: 15px;}
  .current-tea-prices-items-wrapper{margin:0 8.33vw;}
}






#registration{margin-bottom: 15rem;position:relative;z-index:1;}
.registration-inner{}

.registration-items{}
.registration-items-inner{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin: 0 8.33vw;gap:4.5rem;}

.registration-items-title{}
.registration-items-title h3{font-size: var(--title);line-height: calc(var(--title) + 5px);font-weight: 400;margin:0 0 3rem;}
.registration-items-title .view-more{}
.registration-items-title .view-more a{color: #a0bc43;text-decoration: none;font-weight: 500;text-transform: uppercase;}

.registration-item{border: solid 1px #1f2024;padding: 5.5rem 3rem 3rem;border-radius: 10px;transition: all 0.4s ease 0s;}
.registration-item:hover{background:#a0bc43;border: solid 1px #a0bc43;color:#fff;transform: translateY(2%);}
.registration-item p{line-height: var(--defaultlh);margin-bottom: 3rem;color: inherit;}
.registration-item .btn-holder{}
.registration-item .btn-holder a{text-decoration: none;color:#000;font-size: var(--defaultmd);text-transform: uppercase;border: solid 1px #1f202499;border-radius: 5px;padding: 0.5rem 2rem;transition: all 0.4s ease 0s;}
.registration-item:hover .btn-holder a{background: #a0bc43;border: solid 1px #fff;color:#fff;}
.registration-item .btn-holder a:hover{background: #000;border: solid 1px #000;color:#fff;}



@media (max-width: 1200px) {
  .registration-items-inner{grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width: 992px) {
  .registration-items-inner{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px) {
  .registration-items-inner{grid-template-columns: 1fr;}
  .registration-item{padding:2rem 3rem 3rem;}
}




#divisions{margin-bottom: 15rem;position:relative;z-index:1;}

.divisions-wrapper{margin: 0 8.33vw;}
.divisions-accordion{}

.division{margin-bottom: 3rem;}
.division .division-title{display: inline-block;}
.division .division-title h2{font-size: var(--title);font-weight: 400;margin:0;padding-left: 4.165vw;position: relative;cursor: pointer;display: inline-block;}
.division .division-title h2::before{content: '+';position: absolute;font-size: var(--title);top:50%;transform: translateY(-50%);left: 0;}
.division.active .division-title h2::before{content: '-';}

.division .division-details{display: grid;grid-template-columns: 1fr 1fr;}
.division .division-details-text{margin-left: 4.165vw;font-size: 1.625rem;order: 1;}
.division .division-details-text .description{margin-bottom: 5rem;}
.division .division-details-text .btn-holder{}
.division .division-details-text .btn-holder .btn{color: var(--brand-color-main);font-weight: 500;position: relative;text-decoration: none;text-transform: uppercase;font-size: var(--default);}
.division .division-details-text .btn-holder .btn::after{content: '';background-color: var(--brand-color-main);height: 2px;width: 15px;position: absolute;right: 0;top: 50%;transform: translate(150%,-50%);transition: all 0.2s ease 0s;}
.division .division-details-text .btn-holder .btn:hover::after{transform: translate(190%,-50%);}

.division .division-details .division-features{}
.division .division-details .division-features .division-feature{display: grid;grid-template-columns: 8.33vw auto;margin-bottom: 4rem;}
.division .division-details .division-features .division-feature .icon-holder{padding:0 2vw 0 0;}
.division .division-details .division-features .division-feature .icon-holder span{background: #adce49;display: inline-block;border-radius: 10px;padding-top: 100%;height: 0;width: 100%;position: relative;}
.division .division-details .division-features .division-feature .icon-holder span img{width:5rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.division .division-details .division-features .division-feature .feature{font-weight: 500;padding: 1rem 0;}



.division .division-details-image{margin-left: 4.165vw;order: 2;}
.division .division-details-image img{width: 100%;}



@media (max-width: 992px) {
  .division{margin-bottom: 0;}
  .division .division-title{margin-bottom: 3rem;}
  .division .division-title h2{font-size: 26px;margin-bottom: 0;}
  .division .division-details{grid-template-columns: 1fr;}
  .division .division-details-image{order:1;}
  .division .division-details-text{order:2;}

  .division .division-details-text .btn-holder{margin-bottom: 3rem;}
}





#related-institutions{margin-bottom: 15rem;position:relative;z-index:1;}
.related-institutions-inner{}


.related-institutions-main{margin:0 8.33vw;}
.related-institutions-main h2{font-size: var(--title);font-weight: 400;margin: 0 0 2rem;}
.related-institutions-main p{font-size: 1.625rem;}

.related-institutions-items{}
.related-institutions-items-inner{margin:0 8.33vw;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;background: url(../images/sltb/institutions-bg.jpg) no-repeat left top / cover;}

.related-institution{display: table;border-right: solid 1px #b5acaa;height: 100%;}
.related-institution:last-child{border-right: none;}
.related-institution-inner{background: #adce4900;height: 100%;padding:4rem 4rem;color:#fff;display: table-cell;vertical-align: bottom;cursor: pointer;transition: all 0.4s ease 0s;overflow: hidden;}
.related-institution-inner .related-institution-content{transform: translateY(89%);transition: all 0.7s cubic-bezier(.63,.47,.25,1) 0s;}
.related-institution-inner:hover{background: #adce49ee;}
.related-institution-inner:hover .related-institution-content{transform: translateY(0%);}
.related-institution-inner h3{font-family: var(--defaultff);font-size:calc(var(--titlesm) - 4px);text-transform: uppercase;}
.related-institution-inner p{line-height: calc(var(--defaultlh) + 5px);}
.related-institution-inner .view-more{}
.related-institution-inner .view-more a{color: #fff;text-transform: uppercase;font-size:var(--defaultsm);text-decoration: none;font-weight: 500;}
.related-institution-inner .view-more a:hover{color: #000;}


@media (max-width: 1400px) {
  .related-institution-inner h3{font-family: var(--defaultff);font-size:calc(var(--titlesm) - 5px);text-transform: uppercase;}
  .related-institution-inner p{line-height: calc(var(--default) + 5px);font-size:calc(var(--default) - 2px);}
}

@media (max-width: 1201px) {
    .related-institutions-items-inner{grid-template-columns: 1fr 1fr;background: none;gap:1rem;}
    .related-institution{background: url(images/sltb/institutions-bg.jpg) no-repeat left top / cover;border: none;}
    .related-institution-inner{background: #adce49ee;}
    .related-institution-inner .related-institution-content{transform: translateY(0%);}
}

@media (max-width: 720px) {
  .related-institutions-items-inner{grid-template-columns: 1fr;}
}








#stakeholder-institutions{margin-bottom: 15rem;position:relative;z-index:1;}
.stakeholder-institutions-inner{}


.stakeholder-institutions-main{margin:0 8.33vw;}
.stakeholder-institutions-main h2{font-size: var(--title);font-weight: 400;margin: 0 0 2rem;}
.stakeholder-institutions-main p{font-size: 1.625rem;}

.stakeholder-institutions-items{}
.stakeholder-institutions-items-inner{margin:0 8.33vw;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;background: url(../images/sltb/institutions-bg.jpg) no-repeat left top / cover;}

.stakeholder-institution{display: table;border-right: solid 1px #b5acaa;height: 100%;}
.stakeholder-institution:last-child{border-right: none;}
.stakeholder-institution-inner{background: #adce4900;height: 100%;padding:4rem 4rem;color:#fff;display: table-cell;vertical-align: bottom;cursor: pointer;transition: all 0.4s ease 0s;overflow: hidden;}
.stakeholder-institution-inner .stakeholder-institution-content{transform: translateY(89%);transition: all 0.7s cubic-bezier(.63,.47,.25,1) 0s;}
.stakeholder-institution-inner:hover{background: #adce49ee;}
.stakeholder-institution-inner:hover .stakeholder-institution-content{transform: translateY(0%);}
.stakeholder-institution-inner h3{font-family: var(--defaultff);font-size:calc(var(--titlesm) - 4px);text-transform: uppercase;}
.stakeholder-institution-inner p{line-height: calc(var(--defaultlh) + 5px);}
.stakeholder-institution-inner .view-more{}
.stakeholder-institution-inner .view-more a{color: #fff;text-transform: uppercase;font-size:var(--defaultsm);text-decoration: none;font-weight: 500;}
.stakeholder-institution-inner .view-more a:hover{color: #000;}


@media (max-width: 1400px) {
  .stakeholder-institution-inner h3{font-family: var(--defaultff);font-size:calc(var(--titlesm) - 5px);text-transform: uppercase;}
  .stakeholder-institution-inner p{line-height: calc(var(--default) + 5px);font-size:calc(var(--default) - 2px);}
}

@media (max-width: 1201px) {
    .stakeholder-institutions-items-inner{grid-template-columns: 1fr 1fr;background: none;gap:1rem;}
    .stakeholder-institution{background: url(images/sltb/institutions-bg.jpg) no-repeat left top / cover;border: none;}
    .stakeholder-institution-inner{background: #adce49ee;}
    .stakeholder-institution-inner .stakeholder-institution-content{transform: translateY(0%);}
}

@media (max-width: 720px) {
  .stakeholder-institutions-items-inner{grid-template-columns: 1fr;}
}














#documents{margin-bottom: 15rem;position:relative;z-index:1;}
.documents-inner{}

.documents-items{}
.documents-items-inner{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;margin: 0 8.33vw;gap:4.5rem;}

.documents-items-title{}
.documents-items-title h3{font-size: var(--title);line-height: calc(var(--title) + 5px);font-weight: 400;margin:0 0 3rem;}
.documents-items-title .view-more{}
.documents-items-title .view-more a{color: #a0bc43;text-decoration: none;font-weight: 500;text-transform: uppercase;}

.documents-item{border: solid 1px #1f2024;padding: 3rem 3rem 3rem;border-radius: 10px;transition: all 0.4s ease 0s;overflow: hidden;}
.documents-item:hover{background:#a0bc43;border: solid 1px #a0bc43;color:#fff;transform: translateY(2%);}
.documents-item h4{font-size: calc(var(--titlesm) - 2px);text-transform: uppercase;}
.documents-item p{line-height: var(--defaultlh);margin-bottom: 3rem;color: inherit;}
.documents-item .btn-holder{}
.documents-item .btn-holder a{text-decoration: none;color:#a0bc43;font-size: var(--defaultmd);text-transform: uppercase;transition: all 0.4s ease 0s;font-weight: 500;}
.documents-item:hover .btn-holder a{color:#fff;}
.documents-item .btn-holder a:hover{color:#fff;}



@media (max-width: 1200px) {
  .documents-items-inner{grid-template-columns: 1fr 1fr 1fr;}
}

@media (max-width: 992px) {
  .documents-items-inner{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px) {
  .documents-items-inner{grid-template-columns: 1fr;}
  .documents-item{padding:2rem 3rem 3rem;}
}








#tea-regions{margin-bottom: 15rem;position:relative;z-index:1;}
.tea-regions-inner{margin: 0 8.33vw;}

#tea-regions-carousel-wrapper{}
#tea-regions-carousel{}

#tea-regions-carousel .tea-region{}
#tea-regions-carousel .tea-region .tea-region-inner{display: grid;grid-template-columns: 14fr 6fr;}
#tea-regions-carousel .tea-region-details{display: grid;grid-template-columns: 2fr 6fr 3fr 3fr;}
#tea-regions-carousel .tea-region-details .tea-region-logo{transition: all 0.7s ease 0.7s;opacity: 0;transform: translateY(10%);}
#tea-regions-carousel .tea-region-details .tea-region-logo img{max-width: 82%;}
#tea-regions-carousel .tea-region-details .tea-region-text{grid-column: 2/4;z-index: 1;}
#tea-regions-carousel .tea-region-details .tea-region-text h3{font-size: var(--title);line-height: calc(var(--title) + 5px);font-weight: 400;margin: 0 0 3rem;transition: all 0.5s ease 0.5s;opacity: 0;transform: translateY(10%);}
#tea-regions-carousel .tea-region-details .tea-region-text .tea-region-description{margin-bottom: 3.5rem;transition: all 0.5s ease 0.7s;opacity: 0;transform: translateY(10%);}
#tea-regions-carousel .tea-region-details .tea-region-text p{font-size: 1.625rem;}
#tea-regions-carousel .tea-region-details .tea-region-text .btn-holder-svg{transition: all 0.5s ease 0.9s;opacity: 0;transform: translateY(10%);}
#tea-regions-carousel .tea-region-details .tea-region-cup{grid-column: 3/6;margin-top: -35%;padding: 1rem 4.1515vw;transition: all 0.9s ease 0.5s;opacity: 0;transform: translateY(10%);}
#tea-regions-carousel .tea-region-details .tea-region-cup img{}

#tea-regions-carousel .tea-region-map{text-align: center;transition: all 1s ease 0.7s;opacity: 0;transform: translateY(5%);}
#tea-regions-carousel .tea-region-map img{width: 82%;}

#tea-regions-carousel .active{}
#tea-regions-carousel .active .tea-region-logo{opacity: 1;transform: translateY(0);}
#tea-regions-carousel .active .tea-region-text h3{opacity: 1;transform: translateY(0);}
#tea-regions-carousel .active .tea-region-text .tea-region-description{opacity: 1;transform: translateY(0);}
#tea-regions-carousel .active .tea-region-text .btn-holder-svg{opacity: 1;transform: translateY(0);}
#tea-regions-carousel .active .tea-region-cup{opacity: 1;transform: translateY(0);}
#tea-regions-carousel .active .tea-region-map{opacity: 1;transform: translateY(0);}


@media (max-width: 992px) {
  #tea-regions-carousel .tea-region-details .tea-region-cup{margin-top: -65%;}
}

@media (max-width: 768px) {
  #tea-regions-carousel .tea-region-details .tea-region-text{grid-column: 2/5;padding-right: 2rem;}
  #tea-regions-carousel .tea-region-map{padding-top: 3rem;}
}

@media (max-width: 600px) {
  #tea-regions-carousel .tea-region .tea-region-inner{grid-template-columns: 1fr;grid-template-rows: 1fr;grid-template-areas:"map" "details"}
  #tea-regions-carousel .tea-region-details{grid-area: details;grid-template-columns: 4fr 10fr;grid-template-areas: "logo cup" "text text";gap:20px;}
  #tea-regions-carousel .tea-region-details .tea-region-logo{grid-area: logo;z-index: 1;}
  #tea-regions-carousel .tea-region-details .tea-region-text{grid-area: text;padding: 0;}
  #tea-regions-carousel .tea-region-details .tea-region-cup{grid-area: cup;margin-top: -50%;padding: 1rem 0;}

  #tea-regions-carousel .tea-region-map {grid-area: map;padding: 2rem 2rem;}
  #tea-regions-carousel .tea-region-map img{width: 82%;display: inline-block;}
}





#home-footer-image{}
.home-footer-image-inner{}
.home-footer-image-inner img{width: 100%;}





.anim-letters{overflow: hidden;display: inline-block;}
.anim-letters span{opacity: 0;transform: translate3d(0,100%,0);display: inline-block;}
.anim-letters.visible span{opacity: 1;transform: translate3d(0,0,0);}
.anim-letters.invisible span{transition:all 0s!important;}





.animated-items{position: absolute;left: 0;top:0;right: 0;bottom:0;overflow: hidden;z-index: 0;}
/* .animated-items .logo-top{position: absolute;right: -2rem;top:20rem;}
.animated-items .logo-top img{width:64rem;transform-origin: center;} */
.animated-items .logo-top{position: absolute;right: -50vw;top:20vw;}
.animated-items .logo-top img{width:100vw;transform-origin: center;opacity: 0.2;}

.animated-items .right-vertical-text-wrapper{position: absolute;left: 4vw;top:20rem;}
.animated-items .right-vertical-text-wrapper .right-vertical-text{text-align: center;font-size: 4vw;line-height: 3.5vw;font-family: var(--tff);color: #ccc;text-transform: uppercase;font-weight: 700;}
.animated-items .right-vertical-text-wrapper .right-vertical-text span{display: block;opacity: 0;}
.animated-items .right-vertical-text-wrapper .line-top{position: absolute;top:-220px;left: 50%;transform: translateX(-50%);height: 200px;width: 2px;background: #ccc;}


.text-top-right-wrapper{position: absolute;top: 20rem;right: 0;}
.text-top-right{font-family: var(--latoff);font-size: 6.65vw;font-weight: 900;color: #d3d3d3;text-align: right;transform: rotate(270deg);}
.text-top-right span{display: block;}


.text-mid-right-wrapper{position: absolute;top: 155rem;right: -5vw;}
.text-mid-right{font-family: var(--latoff);font-size: 6vw;font-weight: 900;color: #d3d3d3;text-align: left;transform: rotate(270deg);}
.text-mid-right span{display: block;}



.text-bottom-left-wrapper{position: absolute;top: -5rem;left: 4vw;}
.text-bottom-left{font-family: var(--latoff);font-size: 6vw;font-weight: 900;color: #d3d3d3;text-align: left;}
.text-bottom-left span{display: block;}


.shape-left{position: absolute;top: 64rem;left: -1rem;z-index: 1;}
.shape-left  #top-svg{width: 31vw;}


.shape-left-mid{position: absolute;top: 294rem;left: -1rem;z-index: 1;}
.shape-left-mid  #mid-svg{width: 40vw ;}


@media (max-width: 768px) {
.text-top-right-wrapper, .text-mid-right-wrapper, .text-bottom-left-wrapper{display: none;}
}



.ring-left{position: absolute;top: 5rem;left: -20vw;}
.ring-left img{width: 41.40625vw;}


@media (max-width: 1750px) {
  .ring-left{top: 0;}
}


@media (max-width: 1200px) {
  .ring-left{top: 0;}
}


/* writing-mode: vertical-lr */