/* Variables */
:root{
    --bradius:1.25rem;
}

/* Animation */
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}
.isotope-item{ width: calc(100% / 4); }
.isotope-item img{width:100%; padding:.5rem;}
@media screen and (max-width:767.98px){
    .isotope-item{ width: calc(100% / 3); }
}
@media screen and (max-width:575.98px){
    .isotope-item{ width: calc(100% / 2); }
}


/* Banner 01 */
.banner-01{position:relative;}
.banner-01 .img-bg{
    position:absolute; top:0; left:0; right:0; bottom:0; transition:opacity .25;
    background-size:cover; background-position:center; background-repeat:no-repeat;
}
.banner-01 .swiper-slide{position:relative; overflow:hidden;}
.banner-01 .swiper-slide > .wrapper{position:relative; width:100%;}
.banner-01 .swiper-slide .ss-img{padding:36% 0 0 0;}
.banner-01 .swiper-slide .text-wrapper, .banner-01 .swiper-slide .hero-wrapper{
    position:absolute; top:0; left:0; right:0; bottom:0;
    display:flex; align-items:center; justify-content:center; flex-direction:column;
}
.banner-01 .pattern{position:absolute; pointer-events:none;}
.banner-01 .pattern.style-01{bottom:0; right:0; z-index:1;}
.banner-01 .pattern.style-01 img{display:block; width:10rem; height:100%;}
.banner-01 .pattern.style-02{top:0; left:0; z-index:1;}
.banner-01 .pattern.style-02 img{display:block; width:5rem; height:100%;}
.banner-01 .pattern.style-03 img{display:block;}
.banner-01 .pattern.style-03{bottom:-.25rem; right:0; z-index:1;}
.banner-01 .pattern.style-04{bottom:-3.25rem; right:0; z-index:1;}
.banner-01 .pattern.style-04 svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:10rem;
}
.banner-01 .arrows{
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0;
    pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
    padding:0 2rem;
}
.banner-01 .swiper-pagination-bullet{opacity:1;}
.banner-01:hover .arrows{opacity:1;}
.banner-01 .arrows .arrow{
    width:2.75rem; height:2.75rem; display:flex; transition:opacity .25s;
    justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto;
}
.banner-01 .arrows .arrow:hover{opacity:.7;}
.banner-01 .arrows .arrow svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
@media screen and (max-width:991.98px){
    .banner-01 .swiper-slide .ss-img{padding:44% 0 0 0;}
}
@media screen and (max-width:767.98px){
    .banner-01 .swiper-slide .ss-img{padding:48% 0 0 0;}
    .banner-01 .pattern.style-04{bottom:-2rem; right:0;}
    .banner-01 .pattern.style-04 svg{height:8rem;}
}
@media screen and (max-width:575.98px){
    .banner-01 .pattern.style-02{
        top: 0; left: -1.25rem; z-index: 1;
    }
}

.banner-01 .swiper-slide .animate{opacity:0; transform:translateY(4rem); transition:all ease-in-out .75s;}
.banner-01 .swiper-slide .animate.fade-in{transform:translateY(0);}
.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;}
.loading .banner-01 .swiper-slide .animate.fade-in{opacity:0!important; transform:translateY(0)!important;}
.loading .banner-01 .swiper-slide .drop-shadow{opacity:0!important;}


/* Banner 02 */
.banner-02{position:relative;}
.banner-02 .img-bg{
    position:absolute; top:0; left:0; right:0; bottom:0;
    background-size:cover; background-position:center; background-repeat:no-repeat;
}
.banner-02::before{
    content:''; position:absolute; top:-1rem;
    right:1rem; height:2rem; width:20rem;
    transform: skewX(-25deg); z-index:2;
}
.banner-02::after{
  content:''; position:absolute; bottom:-1rem;
  left:1rem; height:2rem; width:20rem;
  transform: skewX(-25deg); z-index:2;
}
.banner-02 .swiper-slide{position:relative; overflow:hidden;}
.banner-02 .swiper-slide > .wrapper{position:relative; width:100%; height:26rem;}
.banner-02 .swiper-slide .ss-img{padding:36% 0 0 0;}
.banner-02 .swiper-slide .text-wrapper, .banner-01 .swiper-slide .hero-wrapper{
    position:absolute; top:0; left:0; right:0; bottom:0;
    display:flex; align-items:center; justify-content:center; flex-direction:column;
}
.banner-02 .pattern{position:absolute; pointer-events:none;}
.banner-02 .pattern.style-01{bottom:0; right:0; z-index:1;}
.banner-02 .pattern.style-01 img{display:block; width:10rem; height:100%;}
.banner-02 .pattern.style-02{top:0; left:0; z-index:1;}
.banner-02 .pattern.style-02 img{display:block; width:5rem; height:100%;}
.banner-02 .pattern.style-03 img{display:block;}
.banner-02 .pattern.style-03{bottom:-.25rem; right:0; z-index:1;}
.banner-02 .pattern.style-04{bottom:-3.25rem; right:0; z-index:1;}
.banner-02 .pattern.style-04 svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:10rem;
}
.banner-02 .arrows{
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0;
    pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
    padding:0 2rem;
}
.banner-02 .swiper-pagination-bullet{opacity:1;}
.banner-02:hover .arrows{opacity:1;}
.banner-02 .arrows .arrow{
    width:2.75rem; height:2.75rem; display:flex; transition:opacity .25s;
    justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto;
}
.banner-02 .swiper-slide .img-bg{
    transform:scale(1); transition-duration:14s; transition-delay:.6s;
}
.banner-02 .swiper-slide-active .img-bg{transform:scale(1.2);}
.banner-02 .arrows .arrow:hover{opacity:.7;}
.banner-02 .arrows .arrow svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
@media screen and (max-width:991.98px){
    .banner-02 .swiper-slide .ss-img{padding:44% 0 0 0;}
    .banner-02::before{height:1.5rem; width:12rem; top:-.5rem}
    .banner-02::after{height:1.5rem; width:12rem; bottom:-.5rem;}
  }
@media screen and (max-width:767.98px){
    .banner-02{margin-top:.75rem;}
    .banner-02 .swiper-slide .ss-img{padding:48% 0 0 0;}
    .banner-02 .pattern.style-04{bottom:-2rem; right:0;}
    .banner-02 .pattern.style-04 svg{height:8rem;}
    .banner-02::before{height:1.875rem; width:15rem; top:-1rem}
    .banner-02::after{height:1.875rem; width:15rem; bottom:-1rem;}
}
@media screen and (max-width:575.98px){
    .banner-02 .pattern.style-02{
        top: 0; left: -1.25rem; z-index: 1;
    }
}
@media screen and (max-width:390.98px){
    .banner-02 .swiper-slide > .wrapper{height:20rem;}
    .banner-02::before{height:1.5rem; width:12rem; top:-.5rem}
    .banner-02::after{height:1.5rem; width:12rem; bottom:-.5rem;}
}
@media screen and (max-width:320.98px){
  .banner-02{margin-top:0;}
  .banner-02 .swiper-slide > .wrapper{height:15rem;}
}


.isotope-toolbar{display:flex; justify-content:center;}
.isotope-toolbar-btn{
    transform:skewX(-20deg); background:transparent; cursor: pointer;
    border:1px solid transparent; padding:.375rem 1rem; transition:all .25s;
}
.isotope-toolbar-btn>p{transform:skewX(20deg);}

.block-content-01{position:relative; z-index:2;}
.block-content-01.padding-01{margin-top:5rem;}
.block-content-01 .block-header{
    padding:.5rem 2rem; width:calc(100% - 3rem); margin:0 0 0 auto;
    display:flex; align-items:center; position: relative; z-index:2;
}
.block-content-01 .block-body{padding:3rem;}
.logo-outer{ position:absolute;  top:-1.5rem; left:-4rem;}
.block-content-01 .logo {
    width:90px; height:90px;

    position:relative;
    padding: .3125rem; background:#ffffff;

    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 3px 5px #ffdfdf;
    transition: transform .25s;
    /* clip-path:polygon(50% 0,50% 0,100% 30%,100% 70%,50% 100%,50% 100%,0 70%,0 29%); */
    border-radius:50%;

}
.block-content-01 .logo.size-02{padding:1rem;}
.block-content-01 .logo.size-03{padding:.5rem;}
.block-content-01 .logo img {
    display: block;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    /* clip-path:polygon(50% 0,50% 0,100% 30%,100% 70%,50% 100%,50% 100%,0 70%,0 29%) */
}
.block-content-01 .logo-outer{
    filter: drop-shadow(-5.905px 6.792px 23px rgba(0,0,0,.1));
}
.ss-box-shadow {
    position: absolute;
    top: 0;
    bottom: 40%;
    left: -1rem;
    right: -1rem;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, #000, #000, #000, #000,
        #000, #000, #000, #000, #000, #000, #000, #000, #000,
        rgba(0,0,0,.75), rgba(0,0,0,.5), rgba(0,0,0,.25), rgba(0,0,0,0));
}
.ss-box-shadow::before {
    content: '';
    display: block;
    width: calc(100% - 2rem);
    height: 100%;
    margin: 0 1rem;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 15%);
}

.block-content-01 .arrows{
     z-index:1;
    pointer-events:none; display:flex; justify-content:flex-end; align-items:center;  transition:opacity .25s;
}

.block-content-01 .arrows .arrow{
    width:2.25rem; height:2.25rem; display:flex;  transition:opacity .25s;
    justify-content:center; align-items:center; pointer-events:auto; margin-left:.625rem;
}

.block-content-01 .arrows .arrow svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.block-content-01  .arrows .arrow{background:rgba(14, 58, 129, .5); color:#ffffff;}

@media screen and (max-width:991.98px){
    .block-content-01 .arrows .arrow{width:2.125rem; height:2.125rem;}
    .block-content-01 .logo{width:5.3125rem; height:5.3125rem;}
}
@media screen and (max-width:767.98px){
    .block-content-01 .arrows .arrow{width:2rem; height:2rem;}
    .block-content-01 .logo{width:4.75rem; height:4.75rem;}
    .block-content-01.padding-01{margin-top:4rem;}
    .logo-outer{top:-1rem;}
}
@media screen and (max-width:575.98px){
    .block-content-01 .logo{width:4.5rem; height:4.5rem;}
    .logo-outer{left:-3.5rem; top:-1rem;}
}
@media screen and (max-width:490.98px){
    .block-content-01 .arrows .arrow{width:1.875rem; height:1.875rem;}
    .block-content-01 .arrows .arrow svg{height:.5rem;}
    .block-content-01 .block-body{padding:2rem;}
    .block-content-01.padding-01{margin-top:3.5rem;}
    .block-content-01 .block-header h5{font-size:1rem; margin-left:0!important;}
}
@media screen and (max-width:390.98px){
    .block-content-01 .arrows .arrow{width:1.875rem; height:1.875rem;}
    .block-content-01 .arrows .arrow svg{height:.5rem;}
    .block-content-01 .block-body{padding:1.25rem;}
    .block-content-01.padding-01{margin-top:2.3125rem;}
}
@media screen and (max-width:330.98px){
    .block-content-01 .block-header{padding:.5rem 1rem; width:calc(calc(100% - 2rem));}
    .block-content-01 .logo{width:4rem; height:4rem;}
    .logo-outer{top:-.75rem; left:-2.5rem;}
    .block-content-01 .block-header h5{font-size:1rem; margin-left:1.25rem!important;}

}


/* Breadcrumb 01 */
.breadcrumb-01{position:relative; z-index:2; height:17rem;}
.breadcrumb-01 .breadcrumb-background>.wrapper{position:relative; height:100%;}

.breadcrumb-01 .breadcrumb-background>.breadcrumb-pattern img{
    display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.breadcrumb-01 .breadcrumb-wrapper{display:flex;}
.breadcrumb-01 .text-container{position:relative; width:35%; z-index:3;}
.breadcrumb-01 .breadcrumb-background{width:calc(100% - 35%);}
.breadcrumb-01 .wrapper{
    height:15rem; display:flex; justify-content:flex-end;
    flex-direction:column; padding:.25rem .875rem;
}
.breadcrumb-01 .wrapper .title{margin-bottom:2.25rem;}
.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{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:last-child .menu{
    display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
    -webkit-box-orient:vertical; -webkit-line-clamp:1; max-width:9rem;
  }
  .breadcrumb-01 .link-wrapper .link:not(:last-child) .menu{white-space:nowrap;}
.breadcrumb-01 .link-wrapper .link:last-child .menu{font-weight:600!important;}
.breadcrumb-01 .link-wrapper .link .line{
    width:1.5rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-01 .link-wrapper .link .icon{margin:0 .5rem;}
.breadcrumb-01 .link-wrapper .link:last-child .icon{display:none;}
.breadcrumb-background{
    position:absolute; top:0; width:65%; right:0; height:100%;
}
.breadcrumb-01 .pattern{position:absolute;}
.breadcrumb-01 .pattern.style-01{top:0; left:0; z-index:1;}
.breadcrumb-01 .pattern.style-01 img{display:block; width:5rem; height:100%;}
.breadcrumb-01 .pattern.style-02{top:0; right:0; z-index:1;}
.breadcrumb-01 .pattern.style-02 img{display:block; width:5rem; height:100%;}
.breadcrumb-01 .pattern.style-03{bottom:1rem; left:1rem; z-index:1;}
.breadcrumb-01 .pattern.style-03 svg{display:block; width:4rem; height:100%}
@media screen and (max-width:991.98px){
    .breadcrumb-01 .img-bg{background-position:center left;}
}
@media screen and (max-width:767.98px){
    .breadcrumb-01{height:auto;}
    .breadcrumb-01 .text-container{width:100%;}
    .breadcrumb-01 .wrapper{height:11rem;}
    .breadcrumb-01 .breadcrumb-background{width:70%;}
    .breadcrumb-01 .breadcrumb-background>.wrapper .breadcrumb-pattern{top:unset; left:0; bottom:-.3125rem;}
    .breadcrumb-01 .img-bg{background-position:unset;}
    .breadcrumb-01 .pattern.style-01 img, .breadcrumb-01 .pattern.style-02 img{width:3rem;}
    .breadcrumb-01 .pattern.style-03 svg{width:3.5rem;}
}
@media screen and (max-width:575.98px){
    .breadcrumb-01 .pattern.style-01 img, .breadcrumb-01 .pattern.style-02 img{width:2.5rem;}
    .breadcrumb-01 .pattern.style-03 svg{width:2.5rem;}
}

.paginate{display:flex; align-items: center;}
.paginate .pages{display:flex; align-items: center; margin: 0 .0625rem;}
.paginate .page{
    display:block; border:0; width:2rem; height:2rem;
    line-height:2rem; font-size:.9375rem; font-weight:500;
 box-shadow:none;
    cursor:pointer; margin:0 .625rem; padding:0;
    text-align:center; transition: background .25s, color .25s, opacity .25s;
    border:1px solid transparent;
}


/* Section 01 */
.section-01{position:relative; min-height:17rem; display:flex; align-items:center;}
.section-01 .pattern-skew{
    content:''; position:absolute; top:0; right:-7rem; bottom:0; width:0;
    background:#E6BE00;  transform:skewX(-20deg);
}
.section-01 .pattern-01{
    position:absolute; top:-1.5rem; right:-7rem; transform:rotate(40deg)!important;
    display:block;  width:auto; height:29rem;
}



/* Section 02 */
.section-02{position:relative;}
.section-02 .pattern{
    position:absolute; bottom:0; left:-200px; width:calc(100% + 200px);
    transform:rotate(180deg); opacity:.7;
}


.section-03{position:relative; min-height:28rem;}
.section-03 .pattern-03{
    position:absolute; left:0; top:8rem;
    opacity:.3;
}


.section-04{position:relative; min-height:28rem;}
.section-04 .pattern-04.aos-animate {
    position:absolute; right:-5rem; top:0;
    opacity:.5;
}
@media screen and (max-width:767.98px){
    .section-04 .pattern-04.aos-animate{right:-15rem;}
}
@media screen and (max-width:767.98px){
    .section-04 .pattern-04.aos-animate{right:-25rem;}
}


.section-05{position:relative;}
.section-05 .content-box{max-width:35rem; margin:0 auto;}
.section-05 .pattern-01{
    display:block; position:absolute; top:40rem; right:-7rem; z-index:1;
    max-width:100%; max-height:100%; height:15rem; pointer-events:none;
}
.section-05 .pattern-01.position-01{top:3rem;}
.section-05 .pattern-02{
    display:block; position:absolute; bottom:1rem; left:-1.875rem; z-index:1;
    max-width:100%; max-height:100%; height:15rem; pointer-events:none;
}
.section-05 .bird-01, .section-05 .bird-02 {
  top:-2.5rem; left:15rem; position:absolute;
  display:block; max-width:100%; width:auto;
  max-height:100%; height:15.5rem; z-index:2; pointer-events:none;
}
.section-05 .bird-02{top:-2rem; left:unset; right:10rem;}
@media screen and (max-width:1299.98px){
  .section-05 .bird-01{height:13.5rem; left:10rem;}
  .section-05 .bird-02{height:14rem; right:8rem;}
}
@media screen and (max-width:991.98px){
    .section-05 .content-box{max-width:100%; margin-top:1rem;}
    .section-05 .pattern-01.responsive-01,
    .section-05 .pattern-02.responsive-01{opacity:.5;}
    .section-05 .bird-01{left:5rem;}
    .section-05 .bird-02{right:3rem;}
}
@media screen and (max-width:767.98px){
    .section-05 .pattern-02{height:12rem;}
    .section-05 .bird-01{left:-2rem;}
    .section-05 .bird-02{height:10rem; right:-1rem;}
}
@media screen and (max-width:590.98px){
  .section-05 .bird-01{display:none;}
  .section-05 .pattern-01.responsive-01,
    .section-05 .pattern-02.responsive-01{opacity:.3;}
}
@media screen and (max-width:575.98px){
    .section-05 .pattern-02{left:-3rem;}
    .section-05 .bird-02{right:-4.5rem;}
}
@media screen and (max-width:390.98px){
  .section-05 .pattern-02{left:-3rem;}
  .section-05 .bird-02{right:-6.5rem;}
}



.section-pattern{position:relative;}
.section-pattern .container{z-index:3;}
.section-pattern .pattern{
    display:block; width:100%; height:30rem; pointer-events:none;
    position:absolute; bottom:0; left:0; right:0; opacity:.75;
}
.section-pattern .pattern-01:not(.position-01){
    display:block; width:100%; max-width:100%; max-height:100%; height:30rem; pointer-events:none;
    position:absolute; top:0; left:0; right:0; opacity:.8;
}
.section-pattern .pattern-02{
    display:block; width:100%; height:30rem; pointer-events:none;
    position:absolute; bottom:0; left:0; right:0; opacity:.2;
}
@media screen and (max-width:991.98px){
    .section-pattern .pattern, .section-pattern .pattern-01{height:auto;}
    .section-pattern .pattern-02{height:auto;}
}
@media screen and (max-width:767.98px){
    .section-pattern .pattern-01{height:15rem;}

}


@media screen and (max-width:575.98px){
  /* .section-team .grids{margin-top:unset!important; padding-top:unset!important;}
  .section-team .grids>.grid{margin-top:4.875rem;} */
}




/* Client 01 */
.client-01{position:relative;}
.client-01 .pattern-02{
    position:absolute; top:0; left:-200px; width:calc(100% + 400px); opacity:.7;
}
.client-01 .client > .wrapper{
    display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.client-01 .content-wrapper{padding:4rem; border:1px solid transparent;}
.client-01 .client .logo{
    width:6rem; height:6rem; border-radius:50%; padding:.3125rem; position: relative;
    display:flex; align-items:center; justify-content:center; box-shadow:-2px 9px 14px #cecece;
    transition:transform .25s;
}
/*
.client-01 .swiper-slide-active  .logo {
    transform: scale(1.1);
} */

.client-01 .client .logo img{
    display:block; max-width:100%; width:auto; max-height:100%; height:auto;
}
.client-01 .client .logo.size-02 img{height:4.5rem;}
.client-01 .swiper-pagination{position:relative!important; margin-top:1rem;}
.client-01 .swiper-pagination-bullets{bottom:0rem;}
.client-01 .swiper-pagination-bullet{width:.5625rem; height:.5625rem;}
.client-01 .swiper{position:relative;}
.client-01 .swiper-expand{
    position:relative; width:calc(100% + 5rem); margin:0 -2.5rem; padding:0 2.5rem;
}
.client-01 .swiper-expand .arrows{
    position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; margin-top:-5rem; opacity:0;
    pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
}
.client-01 .swiper-expand:hover .arrows{opacity:1;}
.client-01 .swiper-expand .arrows .arrow{
    width:2rem; height:2rem; display:flex;  transition:opacity .25s;
    justify-content:center; align-items:center; pointer-events:auto;
}
.client-01 .swiper-expand .arrows .arrow:hover{opacity:.7;}
.client-01 .swiper-expand .arrows .arrow svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}



@media screen and (max-width:991.98px){
    .client-01 .client .logo{width:5.5rem; height:5.5rem;}
    .client-01 .client .logo.size-02 img{height:3.875rem;}
}
@media screen and (max-width:490.98px){
    .client-01 .client .logo{width:5rem; height:5rem;}
    .client-01 .client .logo.size-02 img{height:3rem;}
    .client-01 .swiper-expand:hover .arrows{opacity:0;}
}
@media screen and (max-width:390.98px){
    .client-01 .client .logo{width:4.5rem; height:4.55rem;}
    .client-01 .client .logo.size-02 img{height:2.5rem;}
}



/* Faq 01 */
.faq-01{margin-top:1.5rem;}
.faq-01.style-02 > .content{border:1px solid transparent; border-radius:0!important;}
.faq-01.style-03 > .content{border:1px solid transparent; border-radius:.375rem!important;}
.faq-01.style-02 .answer, .faq-01.style-03 .answer{padding:1.5rem 0rem 2rem 0rem;}
.faq-01 > .content{
  border-bottom:1px solid transparent;
  transition:all .25s; overflow:hidden;
}
.faq-01 > .content.active{border-radius:.375rem .375rem .375rem .375rem; border-bottom:1px solid transparent;}
.faq-01 > .content .btn-collap{
   width: 1.625rem; height: 1.625rem; display:flex;
   cursor:pointer; border-radius:50%; align-items:center;
   justify-content:center; border: 1px solid transparent;
   margin-left: 1rem;
   transition: background .25s, transform .25s;
}
.faq-01 > .content.active .btn-collap{transform:rotate(-180deg);}
.faq-01  > .content > .wrapper{transition:background .25s; cursor:pointer; border-radius:.375rem .375rem 0 0;}
.faq-01 .question-icon{width:2rem; display:flex; justify-content:start;}
.faq-01 .content .wrapper .text{width:calc(100% - 2rem);}
.faq-01 > .content .wrapper > .title{padding-right:1rem;}
.faq-01 > .content > .wrapper{display:flex; align-items:center; justify-content:space-between;}
.faq-01 .date{display:flex; align-items:center; font-size:.875rem;}
.faq-01 .date > .icon{
  width:1rem; height:1rem; display:flex; justify-content:center; align-items:center;
  margin-right:.4375rem;
}
.faq-01 .date > .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.875rem;
}
.faq-01 > .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-01> .content > .wrapper .options{padding-left:1rem;}
.faq-01 > .content.active .chevron-wrapper .icon{transform:rotate(180deg);}
.faq-01 .answer{
  position:relative; display:none; border-top:1px solid transparent;
  padding:3rem 4rem 2rem 4rem; margin-top:-1rem;
}
.faq-01 > .content.active .answer::before{opacity:1}
.faq-01.style-03 > .content .show-active{opacity:0; position:absolute; transition:opacity .25s;}
.faq-01.style-03 > .content.active .show-active{opacity:1; position:relative;}
.faq-01.style-03 > .content .show-inactive{transition:opacity .25s;}
.faq-01.style-03 > .content.active .show-inactive{opacity:0; position:absolute; pointer-events:none;}
.faq-01.style-03 .answer-header{padding:1rem;}
@media screen and (max-width:991.98px){
  .faq-01 > .content .title{font-size:1rem;}
}
@media screen and (max-width:575.98px){
    .faq-01 .answer{padding:2rem 2rem 1rem 2rem;}
    .faq-01 .show-mobile .btns{margin-top:.5rem;}
}
@media screen and (max-width:375.98px){
    .faq-01 .answer .option:first-child{width:100%;}
    .faq-01 .answer .option:nth-child(2).ml-5{width:50%; margin-left:0!important;}
}


/* Sitemap 01 */
.sitemap-01{position:relative; width:100%; padding:2rem 0;}
.sitemap-01 .sitemap-grid{position:relative;}
.sitemap-01 .sitemap-grid:before{
    content:''; position:absolute; top:0; left:1rem;
    width:.0625rem; height:100%;
}
.sitemap-01 .pattern{position:absolute;}
.sitemap-01 .pattern.style-01{bottom:-1.025rem; right:1.8125rem;}
.sitemap-01 .pattern.style-02{bottom:-1rem; right:1.625rem;}
.sitemap-01 .pattern.style-03{bottom:.625rem; right:.5rem;}
.sitemap-01 .header-title{
  height:100%; display:flex; align-items:center;
}
.sitemap-01 .header-title > .icon{
  width:2rem; height:2rem; display:flex; justify-content:center;
  align-items:center; margin-right:.5rem;
}
.sitemap-01 .header-title > .icon img{
  display:block; max-width:100%; max-height:100%; width:auto; height:1.875rem;
}
.sitemap-01 > .pattern{position:absolute; top:0; left:0; display:block; width:100%; height:auto;}
.sitemap-01 .btn.btn-action{font-size:1.625rem;}
.sitemap-01 .sitemap-grids{position:relative; width:100%; display:flex; flex-wrap:wrap;}
.sitemap-01 .sitemap-grid{width:calc(100% / 2); padding:0 1rem;}
@media screen and (max-width:1199.98px){
  .sitemap-01 .sitemap-grid{width:50%;}
}
@media screen and (max-width:767.98px){
    .sitemap-01{padding:1rem 0;}
    .sitemap-01 .sitemap-grid{width:100%;}
}


/* Swiper 01 */
.swiper-01 .swiper-footer, .swiper-02 .swiper-footer,
.swiper-03 .swiper-footer{display:flex; align-items:center; margin-top:1.25rem;}


/* Link */
.link-option{display:flex; align-items:center;}
.link-option .icon, .link-option img{
  width:1.375rem; height:1.375rem; display:flex;
  justify-content:center; align-items:center;
}
.link-option a{width:calc(100% - 1.375rem);}


/* Tab Container */
.tab-container{position:relative; display:block; width:100%;}
.tab-container .tabs{position:relative; width:100%;}
.tab-container .tab{cursor:pointer;}
.tab-container .tab-contents{position:relative; width:100%;}
.tab-container .tab-content.active{display:block;}
.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 {
  position:relative; display:none; width:100%;
  padding:0; margin:0; transition: opacity 0.6s, transform 0.6s;
}

/* Tabs 01 */
.tabs.tabs-01 .tab{
  margin:.5rem .5rem 0 0; border:2px solid transparent; border-radius:1000em; width:max-content;
  padding:1rem 1rem; transition:background .25s, color .25s, border .25s; cursor:pointer;
  display:flex; align-items:center; justify-content:center; height:2.1875rem;
}
.tabs.tabs-01 .tab.style-02{position:relative; margin-left:1rem;}
.tabs.tabs-01 .tab.style-02::before{
    position:absolute; content:''; top:.25rem; right:-1rem;
    width:.05rem; height:calc(100% - .25rem);
}
@media screen and (max-width:991.98px){
    .tabs.tabs-01{margin:-.375rem -.375rem 0 0;}
    .tabs.tabs-01 .tab{margin:.375rem .375rem 0 0;}
}
@media screen and (max-width:767.98px){
    .tabs.tabs-01{margin:-.25rem -.25rem 0 0;}
    .tabs.tabs-01 .tab{margin:.25rem .25rem 0 0;}
}


/* Tabs 02 */
.tabs.tabs-02 .tab{
    margin:.5rem .5rem 0 0; border:2px solid transparent; border-radius:.375rem; width:100%;
    padding:.5rem 1rem; transition:background .25s, color .25s, border .25s; cursor:pointer;
    display:flex; align-items:center;
}
.tabs.tabs-02 .tab.line-clamp .title{
    display:block; display:-webkit-box; text-overflow:ellipsis;
    overflow:hidden; -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}
@media screen and (max-width:991.98px){
    .tabs.tabs-02{margin:-.375rem -.375rem 0 0;}
    .tabs.tabs-02 .tab{margin:.375rem .375rem 0 0; width:max-content!important; padding:.5rem 1rem;}
    .tabs.tabs-02 .tab.line-clamp .title{max-width:9rem;}
}
@media screen and (max-width:767.98px){
    .tabs.tabs-02{margin:-.25rem -.25rem 0 0;}
    .tabs.tabs-02 .tab{margin:.25rem .25rem 0 0;}
}


.swiper-tabs-04 .swiper-slide{margin-bottom:0!important;}


.search-no-result{display:flex; justify-content:center; align-items:center; margin-top:3rem;}
.search-no-result svg{
display:block; max-width:100%; width:auto; max-height:100%; height:18rem;
}
@media screen and (max-width:575.98px){
    .search-no-result svg{height:15rem;}
}


.videos-thumbs .swiper-slide {
    width: 9.375rem;
    height: 9.375rem;
    text-align: center;
    overflow: hidden;
    opacity: .85;
    cursor: pointer;
}
@media screen and (max-width:575.98px){
    .videos-thumbs .swiper-slide{width:8rem; height:8rem;}
}
@media screen and (max-width:490.98px){
    .videos-thumbs .swiper-slide{width:7.5rem; height:7.5rem;}
}
@media screen and (max-width:320.98px){
    .videos-thumbs .swiper-slide{width:6.5rem; height:6.5rem;}
}

@media screen and (max-width:490.98px){
    .project-detail .breadcrumb-01  .filter-01{
        background:linear-gradient(to right, rgba(255, 255, 255, 1) 11%,
        rgba(255, 255, 255, 1) 47%,rgba(255, 255, 255, 0.15) 90%,rgba(255, 255, 255, 0) 100%);
    }
}
@media screen and (max-width:390.98px){
    .project-detail .breadcrumb-01  .filter-01{
        background:linear-gradient(to right, rgba(255, 255, 255, 1) 11%,
        rgba(255, 255, 255, 1) 47%,rgba(255, 255, 255, 0.15) 95%,rgba(255, 255, 255, 0) 100%);
    }
}


.swiper-pagination-lock{display:block;}