/* Animation */



/* Banner 01 */
.banner-01{position: relative;}

.banner-video{position: relative; height:calc(100dvh - 7.625rem);}
/* .banner-video::before{

} */
.banner-video video{
  object-fit:cover; width:100%; height:100%; 
}
.banner-video .text-wrapper{
  position: absolute;  top:0; right:0; bottom:0; left:0;
  display:flex; flex-direction:column; align-items:start; justify-content:center;
}
.banner-video .text-wrapper .container{z-index:3;}

.banner-01 .swiper-slide .animate{
  opacity:0; transform:translateY(4rem); transition:all ease-in-out .75s;
}
.banner-01 .swiper-slide-active .animate{opacity:1; transform:none; transition-delay:var(--delay);}
.loading .banner-01 .swiper-slide .animate{opacity:0!important; transform:translateY(4rem)!important;}

/* Tab Container */
.tab-container{position:relative; display:block; width:100%;}
.tab-container .tabs{position:relative;}
.tab-container .tab{cursor:pointer;}
.tab-container .tab-contents{position:relative; width:100%;}
.tab-container .tab-content{position:absolute; pointer-events:none; opacity:0; padding:0; margin:0; transition:opacity .6s, transform .6s;}
.tab-container .tab-content.active{position:relative; overflow:hidden; pointer-events:auto; opacity:1;}
.tab-container .tab-content.fade-out:not(.no-fade){opacity:0; pointer-events:none;}
.tab-container .tab-content.fade-in:not(.no-fade){
  display:block; position:absolute; opacity:0; transform:translateY(1.5rem); pointer-events:none;
}


.tabs.tabs-01 .tab{
  border-radius:var(--bradius); background:#f7f7f7; transition:all .25s;
  padding:.875rem 1.5rem; transition:background .25s, color .25s;
}


/* Faq 02 */
.faq-02{margin-top:1.5rem;}
.faq-02 > .content{
  border-bottom:1px solid transparent;
  transition:all .25s; overflow:hidden;
}
.faq-02 > .content.active{border-radius:.375rem .375rem .375rem .375rem; border-bottom:1px solid transparent;}
.faq-02  > .content > .wrapper{transition:background .25s; cursor:pointer; border-radius:.375rem .375rem 0 0;}
.faq-02 .question-icon{width:2rem; display:flex; justify-content:start;}
.faq-02 .content .wrapper .text{width:calc(100% - 2rem);}
.faq-02  > .content > .wrapper , .faq-02 .answer{padding:1.625rem;}
.faq-02 > .content .wrapper > .title{padding-right:1rem;}
.faq-02 > .content > .wrapper{display:flex; align-items:center; justify-content:space-between;}
.faq-02 .date{display:flex; align-items:center; font-size:.875rem;}
.faq-02 .date > .icon{
  width:1rem; height:1rem; display:flex; justify-content:center; align-items:center;
  margin-right:.4375rem;
}
.faq-02 .date > .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.875rem;
}
.faq-02 > .content .chevron-wrapper .icon{
  width:1.5rem; height:1.5rem; display:flex; justify-content:center; 
  align-items:center; border-radius:50%; border:1px solid transparent; transition:transform .25s
}
.faq-02 > .content > .wrapper .options{padding-left:1rem;}
.faq-02 > .content.active .chevron-wrapper .icon{transform:rotate(180deg);}
.faq-02 .answer{
  position:relative; display:none; border-top:1px solid transparent;
}
.faq-02 > .content.active .answer::before{opacity:1}
@media screen and (max-width:991.98px){
  .faq-02 > .content .title{font-size:1rem;}
  .faq-02 > .content > .wrapper, .faq-02 .answer{padding:1rem;}
}


/* Section 01 */
.section-01{position:relative;}
.section-01 .panels{width:100%; display:flex; flex-wrap:wrap;}
.section-01 .panel-left{
    width:19rem; display:flex; align-items:stretch; flex-wrap:wrap; padding:0 1.5rem 1.5rem 0;
}
.section-01 .panel-left .btns{width:100%; margin:.5rem 0 0 0;}
.section-01 .panel-right{width:calc(100% - 19rem); overflow:hidden;}
.section-01 .panel-right .swiper{padding-bottom:1rem;}
.section-01 .panel-right .swiper-pagination{text-align:left;}
.section-01 .panel-right .swiper-horizontal>.swiper-pagination-bullets{bottom:0rem;}
.section-01 .panel-right .swiper-pagination .swiper-pagination-bullet{width:.4375rem; height:.4375rem; transition: width .25s;}
.section-01 .panel-right .swiper-pagination .swiper-pagination-bullet-active{border-radius:.3rem; width:1.5rem;}
.section-01 .swiper-pagination{position:relative!important; margin-top:1rem;}
@media screen and (max-width:991.98px){
    .section-01 .panel-left{
        width:100%; padding:0 0 1.5rem 0;
        display:flex; align-items:center; justify-content:center;
    }
    .section-01 .panel-left.hide-tablet{display:none!important;}
    .section-01 .panel-left .btns{width:auto; margin:0 0 0 1.5rem;}
    .section-01 .panel-right{width:100%;}
}
@media screen and (max-width:575.98px){
    .section-01 .panel-left{display:block;}
    .section-01 .panel-left .btns{margin:.75rem 0 0 0;}
    .section-01 .panel-right .swiper-pagination{text-align:center;}
    .section-01 .panel-right .swiper-horizontal>.swiper-pagination-bullets{bottom:-.25rem;}
}
@media screen and (min-width:992px){
    .section-01 .panel-left.show-tablet{display:none!important;}
}
@media screen and (max-width:991.98px){
  .section-01 .panel-right .swiper-pagination{text-align:center;}
}

.section-01 .swiper-slide .animate{
  opacity:0; transform:translateY(4rem); transition:all ease-in-out .75s;
}
.section-01 .swiper-slide-active .animate{opacity:1; transform:none; transition-delay:var(--delay);}
.loading .banner-01 .swiper-slide .animate{opacity:0!important; transform:translateY(4rem)!important;}


.section-02 .wrapper{
  position:relative; height:22rem; display:flex; justify-content:center;
  align-items:center;
}
.section-02 .content-wrapper{position: relative; z-index:3;}
.section-02 .wrapper .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0; background-attachment: fixed;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.section-02 .wrapper::before{
  content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
}
.section-02 .wrapper::before{background-color:rgba(0, 0, 0, 0.7)}
.section-02 .text-wrapper{position: relative; z-index:2; padding:2rem;}


.swiper-03 .swiper-container-horizontal>.swiper-pagination-bullets{bottom:-2rem;}


.section-04 .wrapper{
  position:relative; 
}
.section-04 .content-wrapper{position: relative; z-index:3;}
.section-04 .wrapper .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0; background-attachment: fixed;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.section-04 .wrapper::before{
  content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;
}
.section-04 .wrapper::before{background-color:rgba(0, 0, 0, 0.7)}
.section-04 .text-wrapper{position: relative; z-index:2; padding:2rem;}


.section-about .img-group {
  display:flex; justify-content:center;
  align-items:center; height:100%;
}
.section-about .img-group .wrapper{
  position:relative; display:block;
  width:100%; max-width:35rem;
}
.section-about .img-group .sub-card-01 {
  position:absolute; top:-3rem; left:-8.5rem;
  width:100%; max-width:17rem;
}
.section-about .title-text{
  position:absolute; left:0; color:#ffffff;
  bottom: 0; background-color: initial; background: linear-gradient(0deg,#00c24f 37.7%,#ee332b00);
  transform: rotate(0); padding:1rem;
}
@media screen and (max-width:991.98px){
  .section-about.style-01 .img-group .wrapper{max-width:100%;}
}

.swiper-06{overflow:hidden;}


/* Breadcrumb 01 */
.breadcrumb-01{position:relative;}
.breadcrumb-01 .wrapper{
  height:17rem; display:flex; justify-content:center; pointer-events:none;
  align-items:center; flex-direction:column; padding:0 .875rem;
}
.breadcrumb-01 .wrapper > *{position:relative;}
.breadcrumb-01 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-01 .links-container{padding:.25rem 1.25rem; border-radius:1000em;}
.breadcrumb-01 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1;
}
.breadcrumb-01 .link-wrapper .link:last-child .menu{font-weight:600!important;}
.breadcrumb-01 .link-wrapper .link .line{
  width:1.125rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-01 .link-wrapper .link:last-child .line{display:none;}
.breadcrumb-01:after{
  content:''; position:absolute; top:0; left:0; bottom:0; right:0; z-index:1;
}
@media screen and (max-width:575.98px){
  .breadcrumb-01 .wrapper{height:14rem;}
}
@media screen and (max-width:490.98px){
  .breadcrumb-01 .wrapper{height:11rem;}
}

.content-01 .content-left{
  position:relative; 
}
.content-01 .content-left .pattern{
  position:absolute;
}
.content-01 .title-news{position: relative; z-index:2;}
.content-01 .content-left .pattern-01{top:7rem; left:-15rem;  opacity:.7;}
.content-01 .content-left .pattern.pattern-01 img{
  display:block; max-width:100%; height:25rem;
}
.content-01 .content-left .pattern-02{top:25rem; right:-20rem; opacity:.2; pointer-events:none;}
.content-01 .content-left .pattern.pattern-02 img{
  display:block; max-width:100%; height:30rem; 
}

/* Tab Container */
.tab-container{position:relative; display:block; width:100%;}
.tab-container .tabs{position:relative; padding:.625rem 0; width:100%;}
.tab-container .tab{cursor:pointer;}
.tab-container .tab-contents{position:relative; width:100%;}
.tab-container .tab-content{position:absolute; pointer-events:none; opacity:0; padding:0; margin:0; transition:opacity .6s, transform .6s;}
.tab-container .tab-content.active{position:relative; overflow:hidden; pointer-events:auto; opacity:1;}
.tab-container .tab-content.fade-out:not(.no-fade){opacity:0; pointer-events:none;}
.tab-container .tab-content.fade-in:not(.no-fade){
  display:block; position:absolute; opacity:0; transform:translateY(1.5rem); pointer-events:none;
}
.tab-container .tab-content .tab-box{
  display:block; width:100%; max-width:55rem; margin:0 auto;
}
.tab-container .tab-content-inner{position:relative;}
.tab-container .tab-content-inner .pattern{position:absolute;}
.tab-container .tab-content-inner .pattern.style-01{top:2rem; left:0; bottom:0;}
.tab-container .tab-content-inner .pattern.style-02{top:2rem; right:0; bottom:0;}
.tab-container .tab-content-inner .pattern img{
  display:block; max-width:100%; max-height:100%; height:100%;
}
.tab-container .tab-content-inner .pattern.style-01 img{width:5rem;}
.tab-container .tab-content-inner .pattern.style-02 img{width:5rem;}

.tab-container.tab-line-container .tabs{position:relative!important;}
.tab-container.tab-line-container .tabs .tab-line{
  position:absolute; height:.1875rem; z-index: 3; content:''; bottom:0; 
}
@media screen and (max-width:1299.98px){
  .tab-container .tab-content .tab-box{max-width:46rem;}
}
@media screen and (max-width:991.98px){
  .tab-container .tab-content-inner .pattern.style-01 img{width:4rem;}
  .tab-container .tab-content-inner .pattern.style-02 img{width:4rem;}
  .tab-container .tab-content-inner .pattern img{height:auto;}
}
@media screen and (max-width:767.98px){
  .tab-container .tab-content-inner .pattern.style-01 img{width:3.5rem;}
  .tab-container .tab-content-inner .pattern.style-02 img{width:3.5rem;}
}
@media screen and (max-width:575.98px){
  .tab-container .tab-content-inner .pattern{opacity:.7;}
}



/* Tabs 01 */
.timeline-wave .line{width:100%; height:.5rem; background-color:#f5f5f5; margin-top:.5rem;}
.timeline-wave h4{transition:transform .3125s, color .3125s;}
/* .timeline-wave .swiper-slide-active h4{transform:scale(1.15);} */
.timeline-wave .swiper-slide-active h4{color:#00c24f;}
.timeline-wave .content{margin-top:1rem; position:relative;}
.timeline-wave .content .desc{position:relative; padding-left:1.25rem;}
.timeline-wave .content .desc::before{
  content:'';  position:absolute; top:0; left:0; height:100%; width:.25rem; background-color:#f5f5f5;
}
.timeline-wave .content .desc::after{
  content:'';  position:absolute; top:0; left:0; height:0; width:.25rem; background-color:#00c24f;
  transition: height .3125s;
}
.timeline-wave .swiper-slide-active .content .desc::after{height:100%;}
.timeline-wave .swiper-slide .content .title{position:relative; display:inline-block;}
.timeline-wave .swiper-slide .content .title:before{
  content:''; position:absolute; top:-1.75rem; left:50%; transform:translateX(-50%); 
  width:.75rem; height:.75rem; border-radius:50%; background:#000000; z-index:2; opacity:.7;
  border:2px solid #000000; transition: background .25s, border .25s, transform .25s, opacity .25;
}
.timeline-wave .swiper-slide-active .content .title:before{
  background:#00c24f; border-color:#00c24f; transform: scale(1.2);
  opacity: 1;
}


.section-contact{position:relative; overflow:hidden;}
.section-contact .pattern{
  position:absolute; top:0; left:-10rem; width:auto; max-width:100%;
  height:20rem; max-height:100%; opacity:.75;
}
.section-contact .form-container{
  background-color:#ffffff; padding:2rem; max-width:30rem;
  border:1px solid transparent; border-radius:.375rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.form-email .logo{display:flex; align-items:center;}
.form-email .logo .wrapper{height:100%; display:flex; align-items:center;}
.form-email .logo img{
  display:block; max-width:100%; width:3.4375rem; 
  max-height:100%; height:auto;
}
.form-email .logo .text{width:calc(100% - 3.4375rem);}
.section-contact input, textarea{background-color:rgb(240, 240, 240);}
.section-contact input{padding:.5rem;}
.section-contact .ss-stats{margin-bottom:.75rem;}
.section-contact .stat .icon{font-size:1.10625rem;}
.section-contact .stat .title{margin-left:.75rem; font-size:1rem;}