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

/* Animation */
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine {100% {left: 125%;}}


/* 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; margin-top:-5rem; 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:1.75rem; height:1.75rem; display:flex; border-radius:50%; 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;}


/* Breadcrumb 01 */
.breadcrumb-01{position:relative; z-index:2; height:18rem;}
.breadcrumb-01 .breadcrumb-background>.wrapper{position:relative;}
.breadcrumb-01 .breadcrumb-background>.wrapper .breadcrumb-pattern{
  position:absolute; top:-1.5rem; left:-1rem; bottom:0; z-index:2;
}
.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:45%; z-index:3;}
.breadcrumb-01 .wrapper{
  height:15rem; display:flex; justify-content:center;
  flex-direction:column; padding:.25rem .875rem;
}
/* .breadcrumb-01 .wrapper .title{margin-bottom:4rem;} */
.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{
 position:absolute; bottom:-2.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;  overflow:hidden;
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-01 .breadcrumb-background{
  position:absolute; top:0; width:55%; 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%}

.breadcrumb-01.style-02 .pattern.style-01,
.breadcrumb-01.style-02 .pattern.style-02 img{display:none;}
.breadcrumb-01.style-02 .link-wrapper{display:none;}
.breadcrumb-01.style-02 .wrapper{height:11rem; padding:.25rem 0rem .25rem 5rem; justify-content:center;}
.breadcrumb-01.style-02 .breadcrumb-background>.wrapper .breadcrumb-pattern{top:-5rem;}
.breadcrumb-01.style-02{height:12rem;}
.breadcrumb-01.style-02 .wrapper .title{margin-bottom:0;}
.breadcrumb-01.style-02 .text-container{width:60%;}
@media screen and (max-width:991.98px){
  .breadcrumb-01 .img-bg{background-position:center left;}
  .breadcrumb-01 .link-wrapper .link:last-child .menu{
      display:block; display:-webkit-box; text-overflow:ellipsis;
      -webkit-box-orient:vertical; -webkit-line-clamp:1; width:30rem; white-space:normal;
  }
}
@media screen and (max-width:767.98px){
  .breadcrumb-01{height:14rem;}
  .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;}
  .breadcrumb-01 .link-wrapper .link:last-child .menu{width:20rem;}
}
@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;}
  .breadcrumb-01.style-02 .wrapper{padding:.25rem 0rem .25rem 0;}
  .breadcrumb-01 .link-wrapper .link:last-child .menu{width:10rem;}
}
@media screen and (max-width:390.98px){
  .breadcrumb-01 .link-wrapper .link:nth-child(3) .menu{width:5rem;}
}


/* Breadcrumb 02 */
.breadcrumb-02{position:relative; z-index:2; height:17rem;}
.breadcrumb-02 .breadcrumb-background>.wrapper{position:relative; height:100%;}
.breadcrumb-02 .breadcrumb-background>.wrapper .breadcrumb-pattern{
  position:absolute; top:-1.5rem; left:-1rem; bottom:0; z-index:2;
}
.breadcrumb-02 .breadcrumb-background>.breadcrumb-pattern img{
  display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.breadcrumb-02 .breadcrumb-wrapper{display:flex;}
.breadcrumb-02 .text-container{position:relative; width:35%; z-index:3;}
.breadcrumb-02 .wrapper{
  height:15rem; display:flex; justify-content:flex-end;
  flex-direction:column; padding:.25rem 0rem;
}
.breadcrumb-02 .wrapper .title{margin-bottom:2.25rem;}
.breadcrumb-02 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-02 .links-container{border-radius:1000em;}
.breadcrumb-02 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1; max-width:9rem;
}
.breadcrumb-02 .link-wrapper .link:last-child .menu{font-weight:600!important;}
.breadcrumb-02 .link-wrapper .link .line{
  width:1.5rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-02 .link-wrapper .link .icon{margin:0 .5rem;}
.breadcrumb-02 .link-wrapper .link:last-child .icon{display:none;}
.breadcrumb-02 .breadcrumb-background{
  position:absolute; top:0; width:100%; right:0; height:100%;
}
.breadcrumb-02 .pattern{position:absolute;}
.breadcrumb-02 .pattern.style-01{top:0; left:0; z-index:1;}
.breadcrumb-02 .pattern.style-01 img{display:block; width:5rem; height:100%;}
.breadcrumb-02 .pattern.style-02{top:0; right:0; z-index:1;}
.breadcrumb-02 .pattern.style-02 img{display:block; width:5rem; height:100%;}
.breadcrumb-02 .pattern.style-03{bottom:1rem; left:1rem; z-index:1;}
.breadcrumb-02 .pattern.style-03 svg{display:block; width:4rem; height:100%}

.breadcrumb-02.style-02 .pattern.style-01,
.breadcrumb-02.style-02 .pattern.style-02 img{display:none;}
.breadcrumb-02.style-02 .link-wrapper{display:none;}
.breadcrumb-02.style-02 .wrapper{height:11rem; padding:.25rem 0rem .25rem 5rem; justify-content:center;}
.breadcrumb-02.style-02 .breadcrumb-background>.wrapper .breadcrumb-pattern{top:-5rem;}
.breadcrumb-02.style-02{height:12rem;}
.breadcrumb-02.style-02 .wrapper .title{margin-bottom:0;}
@media screen and (max-width:991.98px){
  .breadcrumb-02 .img-bg{background-position:center left;}
}
@media screen and (max-width:767.98px){
  .breadcrumb-02{height:auto;}
  .breadcrumb-02 .text-container{width:100%;}
  .breadcrumb-02 .wrapper{height:11rem; padding:.5rem 0;}
  .breadcrumb-02 .pattern.style-01 img, .breadcrumb-02 .pattern.style-02 img{width:3rem;}
  .breadcrumb-02 .pattern.style-03 svg{width:3.5rem;}
}
@media screen and (max-width:575.98px){
  .breadcrumb-02 .pattern.style-01 img, .breadcrumb-02 .pattern.style-02 img{width:2.5rem;}
  .breadcrumb-02 .pattern.style-03 svg{width:2.5rem;}
  .breadcrumb-02.style-02 .wrapper{padding:.25rem 0rem .25rem 0;}
}


/* Category Container */
.category-container .cate-header{display:flex; justify-content:space-between;}
.category-container .cate-list{
display:flex; justify-content:space-between; border-bottom:1px solid transparent; 
padding-bottom:.5rem; margin-bottom:.5rem;
}



/* Google Map */
#map-container .map-options{display:flex; flex-wrap:wrap; align-items:center;}
#map-container .map-options select{width:15rem; margin:.25rem 0; appearance:none;}
#map-container .map-options button{
  padding:.625rem .875rem .625rem .875rem; background:transparent; cursor:pointer;
  transition:background .25s; border:1px solid transparent; border-radius:.375rem;
}
#map-container .map-options.style-02 button{padding:.3125rem 1rem; font-size:1rem;}
#map-container .map-options.style-02 .icon{width:2.5rem; height:2.5rem;}


/* Pagination */
.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;
  border-radius:.75rem 0 .75rem 0; box-shadow:none;
  cursor:pointer; margin:0 .625rem; padding:0;
  text-align:center; transition: background .25s, color .25s, opacity .25s;
  border:1px solid transparent;
}


/* Intro */
.intro-01{
  display:block; position:relative; width:100%;
  height:100dvh; overflow:hidden;
}
.intro-01 .intro-container {
  position:relative; width:100%; height: calc(100% - 10rem);
}
.intro-01 .swiper{height:100%; position: relative;}
.intro-01{position:relative;}
.intro-01 .swiper-slide{position:relative; overflow:hidden;}

/* Default styles (applied to all devices unless overridden) */
.intro-01 .swiper-slide > .wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.intro-01 .intro-footer nav ul {
  flex-direction: column;
}
.intro-01 .intro-footer nav ul svg {
  display: none;
}
.intro-01 .swiper .swiper-slide .img-bg {
  background-size: contain;
  background-position: center !important;
  top: 0;
}
.intro-01 .swiper-pagination-bullets.with-3{
  bottom: 16rem;
}
.intro-01 .swiper-pagination-bullets.with-2{
  bottom: 13rem;
}
.intro-01 .swiper-pagination-bullets{
  bottom: 13rem;
}

/* Shared Styles by with-x class */
.intro-01 .intro-container.with-3 {
  height: calc(100% - 15rem) !important;
}
.intro-01 .intro-footer.with-3 {
  height: 15rem !important;
}
.intro-01 .intro-footer.with-3 .footer-content {
  margin-top: -.5rem !important;
}
.intro-01 .intro-footer.with-3 > .footer-bg {
  background-position-x: right;
  top: -12rem !important;
}

.intro-01 .intro-container.with-2 {
  height: calc(100% - 12rem) !important;
}
.intro-01 .intro-footer.with-2 {
  height: 12rem !important;
}
.intro-01 .intro-footer.with-2 .footer-content {
  margin-top: -1rem !important;
}
.intro-01 .intro-footer.with-2 > .footer-bg {
  background-position-x: right;
  top: -9.5rem !important;
}

.intro-01 .intro-container:not(.with-2):not(.with-3) {
  height: calc(100% - 9.2rem) !important;
}
.intro-01 .intro-footer:not(.with-2):not(.with-3) {
  height: 9.2rem !important;
}
.intro-01 .intro-footer:not(.with-2):not(.with-3) .footer-content {
  margin-top: -0.5rem !important;
}
.intro-01 .intro-footer:not(.with-2):not(.with-3) > .footer-bg {
  background-position-x: right;
  top: -7.5rem;
}

/* Apple iPad Pro Portrait (7th Generation 2024) */
@media (min-width: 1024px) and (max-width: 1024px) and (orientation: portrait) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

  /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Pro Landscape (7th Generation 2024) */
@media (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Mini Landscape */
@media (min-width: 926px) and (max-width: 926px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Landscape */
@media (min-width: 767px) and (max-width: 767px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

  /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Pro 11 Landscape */
@media (min-width: 832px) and (max-width: 832px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

  /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Air 4 Landscape */
@media (min-width: 824px) and (max-width: 824px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

  /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
   .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
   .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
   .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Air Portrait (5th Generation 2022) */
@media (min-width: 820px) and (max-width: 820px) and (orientation: portrait) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Air Landscape (5th Generation 2022) */
@media (min-width: 1180px) and (max-width: 1180px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 11rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 11rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 10rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 11rem !important;
  }
  

}

/* Apple iPad Portrait (10th Generation 2022) */
@media (min-width: 810px) and (max-width: 810px) and (orientation: portrait) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Apple iPad Landscape (10th Generation 2022) */
@media (min-width: 1080px) and (max-width: 1080px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 11rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 11rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 10rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 11rem !important;
  }
  

}

/* Samsung Galaxy Tab S9 Ultra Portrait (2023) */
@media (min-width: 800px) and (max-width: 800px) and (orientation: portrait) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Samsung Galaxy Tab S9 Ultra Landscape (2023) */
@media (min-width: 1280px) and (max-width: 1280px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 11rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 11rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 10rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 11rem !important;
  }
  

}

/* Microsoft Surface Pro 9 Portrait (2022) */
@media (min-width: 900px) and (max-width: 900px) and (orientation: portrait) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 12rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 12rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 12rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -10rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }

}

/* Microsoft Surface Pro 9 Landscape (2022) */
@media (min-width: 1200px) and (max-width: 1200px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 11rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 11rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 10rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -8rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 11rem !important;
  }
  

}

/* Apple MacBook Pro (2024) */
@media (min-width: 2048px) and (max-width: 2048px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

  /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 13rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 13rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -13rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 15rem !important;
  }

  /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 13rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 13rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -13rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 15rem !important;
  }

  /* With-1 */
  .intro-01 .intro-footer {
    height: 13rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 13rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -13rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 15rem !important;
  }
  

}

/* Apple MacBook Pro (14-inch, 16-inch, 2021) */
@media (min-width: 1800px) and (max-width: 1800px) and (min-height: 1440px) and (max-height: 1440px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-1 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 11rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }
  

}

/* Apple MacBook Air (M2, 2022) */
@media (min-width: 1680px) and (max-width: 1680px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 11rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }
  

}

/* Dell XPS 15 (2022, Display 1920 x 1080)  */
@media (min-width: 1920px) and (max-width: 1920px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: cover !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 11rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -12rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }
  

}

/* Microsoft Surface Laptop 6 (2024)  */
@media (min-width: 2496px) and (max-width: 2496px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -16rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3 {
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 11rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -16rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 11rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 11rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -16rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }
  

}

/* Microsoft Surface Laptop 6 (2024)  */
@media (min-width: 2497px) and (orientation: landscape) {

  .intro-01 .swiper-slide .img-bg{
    background-size: contain !important; 
  }
  .intro-01 .intro-footer nav ul {
    flex-direction: row !important;
  }
  .intro-01 .intro-footer nav ul svg {
    display: block !important;
  }

   /* With-3 */
  .intro-01 .intro-footer.with-3 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-3 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-3 > .footer-bg{
    top: -21.5rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-3{
    bottom: 13rem !important;
  }

   /* With-2 */
  .intro-01 .intro-footer.with-2 {
    height: 10rem !important;
  }
  .intro-01 .intro-container.with-2 {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer.with-2 > .footer-bg{
    top: -21.5rem !important;
  }
  .intro-01 .swiper-pagination-bullets.with-2 {
    bottom: 13rem !important;
  }

   /* With-1 */
  .intro-01 .intro-footer {
    height: 10rem !important;
  }
  .intro-01 .intro-container {
    height: calc(100% - 10rem) !important;
  }
  .intro-01 .intro-footer > .footer-bg{
    top: -21.5rem !important;
  }
  .intro-01 .swiper-pagination-bullets {
    bottom: 13rem !important;
  }
  

}





.intro-01 .swiper-slide .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0; transition:opacity .25;
  background-size:cover; background-position:top; background-repeat:no-repeat;
}
.intro-01 .intro-footer{
  position:relative; display:flex; align-items: center;
  justify-content:center; height:10rem;
}
.intro-01 .intro-footer .pattern-01{
  position:absolute; max-width:100%; width:auto; max-height:100%;
  height:15rem; top:1rem; left:0; z-index:3;
}
.intro-01 .intro-footer .pattern-02{
  position:absolute; max-width:100%; width:auto; max-height:100%;
  height:15rem; top:-6rem; right:0; z-index:3;
}
.intro-01 .intro-footer>.footer-bg{
  position:absolute; top:-12rem; right:0; bottom:0; left:0; z-index:2;
  background-size:cover;
}
.intro-01 .intro-footer>.footer-content{z-index:3;}
.intro-01 .swiper .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;
}
.intro-01 .swiper-pagination-bullet{opacity:1; bottom:1rem;}
.intro-01:hover .arrows{opacity:1;}
.intro-01 .arrows .arrow{
  width:1.75rem; height:1.75rem; display:flex; border-radius:50%; transition:opacity .25s;
  justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto;
}
.intro-01 .arrows .arrow:hover{opacity:.7;}
.intro-01 .arrows .arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.intro-01 .swiper-pagination-bullets{bottom:1rem;}
.intro-01 .footer-content{margin-top:-.5rem; padding:1rem;}
.intro-01 .logo-container{display:flex; align-items:center; justify-content:center;}
.intro-01 .logo-container .logo{margin-right:.5rem;}
.intro-01 .logo-container .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; 
  height:4.5rem;
}
@media screen and (max-width:1299.98px){
  .intro-01 .footer-content{margin-top:-1rem;}
  .intro-01 .swiper-pagination-bullets{bottom:1.5rem;}
}
@media screen and (max-width:767.98px){
  .intro-01 .intro-footer .pattern-01{height:10rem; top:1rem;}
  .intro-01 .intro-footer .pattern-02{height:10rem; top:-6rem;}
}
@media screen and (max-width:575.98px){
  .intro-01 .intro-footer .pattern-01{display:none;}
  .intro-01 .intro-footer .pattern-02{height:10rem; top:-6rem;}
}
@media screen and (max-width:490.98px){
  .intro-01 .logo-container .logo img{height:3.5rem;}
  .intro-01 .intro-footer .pattern-02{height:8rem;}
}


/* Intro 02 */
.intro-02{
  display:block; position:relative; width:100%;
  height:100vh; overflow:hidden;
}
.intro-02 .intro-container{
  position:relative; width:100%; height:100dvh;
  padding:1rem; display:flex; align-items: center;
  justify-content: center; background-size: cover;
  background-position: center; flex-direction:column;
}


/* Section 01 */
.section-01{position:relative; border-bottom:1px solid transparent;;}
.section-01 .panels{width:100%; display: flex; flex-wrap: wrap;}
.section-01 .swiper-slide{width:auto!important; }
.section-01 .container{position:static;}
.section-01 .panel-left .wrapper{
 position:absolute; top:0; left:0; bottom:0; width:100%;
 padding-right:calc(100% - 22rem);
}
.section-01 .panel-right{
  position:relative; display:flex; max-width:64rem;  margin:0 0 0 auto;
  align-items:center; padding:1.5rem 0 1.5rem 0;
}
.section-01 .panel-right .arrows{
  display:flex; align-items:center; justify-content:flex-end; 
  padding-right:1.5rem; margin-top:.5rem;
}
.section-01 .panel-right .arrow{cursor:pointer;}
.section-01 .panel-right .arrow.swiper-button-disabled{opacity:.7; pointer-events:none;}
.section-01 .panel-right .arrow svg{display:block; max-width:100%; width:auto; height:.75rem; max-height:100%;}
.section-01 .panel-right .arrow svg path{transition:fill .25s;}
.section-01 .panel-right .swiper-pagination-custom,
.section-01 .panel-right .swiper-pagination-custom-fake{width:3rem; margin:0 1rem; text-align:center;}
.section-01 .panel-right .arrow-pagination{display:none;}
.section-01 .ss-card-02{margin:0 auto;}
.section-01 .swiper-pagination-lock{display:block!important;}
.section-01 .swiper-button-lock{display:block!important;}
@media screen and (max-width:1521.98px){
  .section-01 .panel-right{max-width:55rem;}
}
@media screen and (max-width:1365.98px){
  .section-01 .panel-right{max-width:55rem;}
}
@media screen and (max-width:1299.98px){
  .section-01 .panel-left .wrapper{padding-right:calc(100% - 21rem);}
  .section-01 .panel-right{max-width:50rem;}
  .section-01 .panel-right .arrow-pagination{display:flex;}
}
@media screen and (max-width:1199.98px){
  .section-01 .panel-right{ max-width:45rem;}
  .section-01 .panel-left .wrapper{padding-right:calc(100% - 15rem);}
}
@media screen and (max-width:991.98px){
  .section-01 .panel-right{ max-width:26rem;}
  .section-01 .panel-left .wrapper{padding-right:calc(100% - 21rem);}
}
@media screen and (max-width:767.98px){
  .section-01 .panels{flex-direction:column;}
  .section-01 .ss-card-01{height:auto;}
  .section-01 .ss-card-01 .ss-img{padding:13rem 0 0 0;}
  .section-01 .panel-left .wrapper{padding-right:0}
  .section-01 .panel-right{padding:15rem 0 1.5rem 0;}
   .section-01 .panel-right{ max-width:100%;}
}
@media screen and (max-width:575.98px){
  .section-01 .panels{flex-direction:column;}
  .section-01 .ss-card-01{height:auto;}
  .section-01 .ss-card-01 .ss-img{padding:13rem 0 0 0;}
  .section-01 .panel-left .wrapper{padding-right:0}
}







.section-01-minisite .swiper{max-width:64rem;}
.section-01-minisite .swiper-slide{width:calc(100% / 5)!important; }
.section-01-minisite{position: relative;}
.section-01-minisite .swiper-expand .arrows{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; padding:0 1rem;
  pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
}
.section-01-minisite .swiper-expand .arrows .arrow{
  width:1.75rem; height:1.75rem; display:flex; border-radius:50%; transition:opacity .25s;
  justify-content:center; align-items:center; pointer-events:auto;
}
.section-01-minisite .swiper-expand .arrows .arrow:hover{opacity:.7; cursor: pointer;}
.section-01-minisite .swiper-expand .arrows .arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.section-01-minisite .ss-card-02{margin:0 auto;}
@media screen and (max-width:1299.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 4.5)!important; }
  .section-01-minisite .swiper{max-width:57rem;}
}
@media screen and (max-width:1199.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 4)!important; }
  .section-01-minisite .swiper{max-width:51rem;}
}
@media screen and (max-width:991.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 3)!important; }
  .section-01-minisite .swiper{max-width:38rem;}
}
@media screen and (max-width:767.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 2)!important; }
  .section-01-minisite .swiper{max-width:25.5rem;}
}
@media screen and (max-width:575.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 1.5)!important; }
  .section-01-minisite .swiper{max-width:19rem; margin:0 auto;}
}
@media screen and (max-width:490.98px){
  .section-01-minisite .swiper-slide{width:calc(100% / 1)!important; }
  .section-01-minisite .swiper{max-width:19rem; margin:0 auto;}
}


/* Section 02 */
.section-02{position:relative;}
.section-02 .swiper-wrapper{min-height:21rem;}
.section-02 .arrows{
  display:flex; align-items:center; justify-content:flex-end; 
  padding-right:1.5rem; margin-top:.5rem;
}
.section-02 .arrow{cursor:pointer;}
.section-02 .arrow.disabled{opacity:.7; pointer-events: none;}
.section-02 .arrow.swiper-button-disabled{opacity:.7; pointer-events:none;}
.section-02 .arrow svg{display:block; width:auto; height:.75rem;}
.section-02 .arrow svg path{transition:fill .25s;}
.section-02 .swiper-pagination-custom,
.section-02 .swiper-pagination-custom-fake{min-width:3rem; margin:0 1rem; text-align:center;}
.section-02 .pattern{position:absolute; top:0; left:0; pointer-events:none;}
.section-02 .pattern svg{
  display:block; max-width:100%; width:auto; height:11rem; max-height:100%;
}
.section-02 .swiper-pagination-lock{display:block!important;}
.section-02 .swiper-button-lock{display:block!important;}
@media screen and (max-width:991.98px){
  .section-02 .swiper-wrapper{min-height:unset}
  .section-02 .swiper-footer{margin-top:1.5rem;}
}
@media screen and (max-width:767.98px){
  .section-02 .pattern{opacity:.6;}
  .section-02 .pattern svg{width:5rem;}
  .section-02  .content-wrapper.bg-right::before{display:none;}
  .section-02 .content-wrapper.bg-right{border-radius:1.25rem;}
}
@media screen and (max-width:575.98px){
  .section-02 .arrows{justify-content:center; padding-right:0;}
  .section-02 .swiper-footer .btns{display:flex; justify-content:center!important; margin-top:1rem;}
  .section-02 .swiper-pagination-custom{width:3rem;}
  .section-02 .arrow svg{height:1.125rem;}
}



/* Section 03 */
.section-03{padding-bottom:8rem;}
.section-03 .quote img{display:block; width:auto; height:2.25rem;}
.section-03 .img-group{position:relative; display:flex; justify-content:center; align-items:center; height:100%;}
.section-03 .img-group .wrapper{position:relative; display:block; width:100%; max-width:30rem;}
.section-03 .img-group .ss-card{position:relative; z-index:2;}
.section-03 .img-group .sub-card-01{position:absolute; top:-3rem; right:-8.5rem; width:100%; max-width:12rem;} 
.section-03 .img-group .sub-card-02{position:absolute; bottom:-6rem; right:-4rem; width:100%; max-width:12rem;} 
.section-03 .pattern-01{position:absolute; top:-2rem; left:-3rem; z-index:1;}
.section-03 .pattern-01 img{display:block; width:auto; height:8.5rem;}
.section-03 .pattern-02{position:absolute; bottom:-3rem; right:-8.25rem; z-index:1;}
.section-03 .pattern-02 img{display:block; width:auto; height:8.5rem;}
.section-03 .pattern{position:absolute; pointer-events:none;}
.section-03 .pattern svg{
  display:block; max-width:100%; width:auto; max-height:100%;
}
.section-03 .pattern.style-01{top:2rem; right:-.5rem; z-index:2;}
.section-03 .pattern.style-01 svg{height:8rem;}
.section-03 .pattern.style-02{bottom:-5rem; left:1rem; z-index:2;}
.section-03 .pattern.style-02 svg{height:8rem;}
.section-03 .ss-list.ss-list-01 li .text{font-size:1.25rem!important;}
@media screen and (max-width:1299.98px){
  .section-03 .img-group .wrapper{margin-left:-4rem;}
  .section-03 .quote{margin-top:unset!important;}
  .section-03 .pattern.style-01{right:0;}
  .section-03 .pattern.style-02{bottom:-4rem;}
}
@media screen and (max-width:1199.98px){
  .section-03 .img-group .wrapper{margin-left:-4rem;}
  .section-03 .quote{margin-top:unset!important;}
  .section-03 .pattern.style-01{right:-1.5rem;}
}
@media screen and (max-width:991.98px){
  .section-03 .img-group{justify-content:start;}
  .section-03 .quote img{height:2rem;}
  .section-03 .pattern.style-02 svg{height:6.5rem;}
  .section-03 .pattern.style-02{bottom:-5rem; left:-.5rem; z-index:2;}
  .section-03 .ss-list.ss-list-01 li .text{font-size:1.125rem!important;}
}
@media screen and (max-width:767.98px){
  .section-03 .img-group{justify-content:center; padding-top:1rem;}
  .section-03 .quote img{height:1.75rem;}
  .section-03 .ss-text-wrapper-01{padding-left:0; margin-top:3rem;}
  .section-03 .quote.child-2{margin-top:-1rem!important;}
  .section-03{padding-bottom:4rem;}
  .section-03 .img-group .wrapper{max-width:25rem;}
  .section-03 .img-group .sub-card-02{max-width:10rem;}
}
@media screen and (max-width:575.98px){
  .section-03 .img-group{justify-content:center; padding-top:1rem;}
  .section-03 .img-group .wrapper{max-width:25rem;}
  .section-03 .img-group .sub-card-02{max-width:10rem;}
}
@media screen and (max-width:490.98px){
  .section-03 .img-group .wrapper{max-width:15rem;}
  .section-03 .quote img{height:1.4375rem;}
  .section-03 .img-group .sub-card-02{max-width:7rem; bottom:-2rem;}
  .section-03 .ss-text-wrapper-01{margin-top:1rem;}
  .section-03 .pattern.style-01{top:-.5rem; right:3rem;}
  .section-03 .pattern.style-01 svg{height:6rem;}
  .section-03 .pattern.style-02{bottom:-3rem; left:1rem;}
  .section-03 .pattern.style-02 svg{height:5rem;}
  
}


/* Section 04 */
.section-04 path{stroke-width:0!important;}
.section-04 .statistic-box{
  border:1px solid transparent; width:max-content;
  padding:.625rem; border-radius:var(--bradius);
}
.section-04  .apexcharts-legend{display:none!important;}
.section-04 .chart-container{display:flex; flex-wrap:wrap;}
.section-04 .chart-data{
  display:flex; flex-direction:column-reverse;
  justify-content:center; width:calc(100% - 25rem);
}
.chart-analyze{padding:.5rem 0 0 0;}
.section-04 .series-value{min-width:4.5rem;}
.section-04 .chart-title{border-bottom:1px solid transparent;}
.section-04 .chart-title .wrapper{display:flex; align-items:center;}
.section-04 .chart-title .wrapper .dot{
  width:.625rem; height:.625rem; border:1px solid transparent;
  border-radius:50%; margin-right:.5rem;
}
.section-04 .chart-container .chart{width:25rem; height:25rem;}
.section-04 .chart-container canvas{width:100%!important; height:auto!important;}
@media screen and (max-width:1299.98px){
  .section-04 .chart-container .chart,
  .section-04 .chart-container canvas{width:18.75rem!important; height:18.75rem!important;}
  .section-04 .chart-data{width:calc(100% - 18.75rem);}
}
@media screen and (max-width:1199.98px){
  .section-04 .chart-container .chart,
  .section-04 .chart-container canvas{width:15rem!important; height:15rem!important;}
  .section-04 .chart-data{width:calc(100% - 15rem);}
}
@media screen and (max-width:991.98px){
  .section-04 .chart-container .chart,
  .section-04 .chart-container canvas{width:25rem!important; height:25rem!important;}
  .section-04 .chart-data{width:calc(100% - 25rem);}
  .section-04 .statistic-box{margin:0 auto;}
}
@media screen and (max-width:767.98px){
  .section-04 .chart-container .chart,
  .section-04 .chart-container canvas{width:20rem!important; height:20rem!important;}
  .section-04 .chart-data{width:calc(100% - 20rem);}
}
@media screen and (max-width:575.98px){
  .section-04 .chart-container .chart{width:100%!important;}
  .section-04 .chart-container canvas{width:100%!important; height:auto!important;}
  .section-04 .chart-data{padding-left:0; min-width:19rem;  margin:0 auto;}
  .section-04 .statistic-content{display:flex; flex-direction:column; align-items:center;}
}
@media screen and (max-width:490.98px){
  .section-04 .chart-container{margin-top:-1.75rem;}
}
@media screen and (max-width:390.98px){
  .section-04 .chart-data{min-width:100%;}
  .section-04 .statistic-box{display:inline-block; width:unset;}
  .section-04 .chart-container{margin-top:-2.5rem;}
}



/* Section 05 */
.section-05 .panels{width:100%; display:flex; flex-wrap:wrap;}
.section-05 .panel-left{width:17rem;}
.section-05 .panel-right {
  position: relative; width:calc(100% - 17rem); padding: 1.5rem 1.5rem;
}
.section-05 .arrows{
  display:flex; align-items:center; justify-content:flex-end; 
  padding-right:1.5rem; margin-top:.5rem;
}
.section-05 .arrow.disabled{opacity:.7; pointer-events:none;}
.section-05 .arrow{cursor:pointer;}
.section-05 .arrow.swiper-button-disabled{opacity:.7; pointer-events:none;}
.section-05 .arrow svg{display:block; width:auto; height:.75rem;}
.section-05 .arrow svg path{transition:fill .25s;}
.section-05 .swiper-pagination-custom, .section-05 .swiper-pagination-custom-fake{
  min-width:3rem; margin:0 1rem; text-align:center;
}
.section-05 .swiper-footer{margin-top:2rem;}
.section-05>.pattern{position:absolute; top:0; left:0; pointer-events:none;}
.section-05 .pattern.style-01 svg{
  display:block; max-width:100%; width:auto; height:11rem; max-height:100%;
}
.section-05 .pattern.style-02 svg{
  display:block; max-width:100%; width:auto; height:8rem; max-height:100%;
}
.section-05 .panel-right .content-wrapper{border:1px solid transparent;}
.section-05 .content-wrapper.bg-right::before{border-top:1px solid transparent; border-bottom:1px solid transparent;}
.section-05 .btn-absolute{position:absolute; bottom:2rem;}
.section-05 .swiper-pagination-lock{display:block!important;}
.section-05 .swiper-button-lock{display:block!important;}
@media screen and (max-width:767.98px){
  .section-05 .panel-left{width:100%;}
  .section-05 .panel-right{width:100%; padding:0; margin-top:1rem;}
  .section-05  .content-wrapper.bg-right::before{display:none;}
  .section-05 .swiper-slide.tab{width:max-content!important;}
  .section-05 .content-wrapper.bg-right{border-radius:1.25rem;}
  .section-05 .pattern.style-01{opacity:.4; top:-1rem;}
  .section-05 .pattern.style-01 svg{width:5rem;}
  .section-05 .pattern.style-02{opacity:.4; top:-1rem;}
  .section-05 .pattern.style-02 svg{width:5rem;}
  .section-05 .btn-absolute{position:relative; bottom:unset;}
}


/* Section 06 */
.section-06{position:relative; padding-bottom:2rem!important;}
.section-06 .container{position:static;}
.section-06 .panels{width:100%; display:flex; flex-wrap: wrap;}
.section-06 .panel-left{width:17rem;}
.section-06 .panel-left .wrapper{
  position: absolute; top:2rem; left:0; width:24rem; height:calc(100% - 5rem);
  border-radius:0 var(--bradius) var(--bradius) 0 ; overflow:hidden;
}
.section-06 .panel-left .swiper-01{height:100%;}
.section-06 .panel-right {
  position: relative; width: calc(100% - 17rem); padding: 1.5rem 1.5rem;
}
.section-06 .arrows{
  display:flex; align-items:center; justify-content:flex-end; 
  padding-right:1.5rem; margin-top:.5rem;
}
.section-06 .arrow{cursor:pointer;}
.section-06 .arrow.disabled{pointer-events:none; opacity:.7;}
.section-06 .arrow.swiper-button-disabled{opacity:.7; pointer-events:none;}
.section-06 .arrow svg{display:block; width:auto; height:.75rem;}
.section-06 .arrow svg path{transition:fill .25s;}
.section-06 .swiper-pagination-custom, .section-06 .swiper-pagination-custom-fake{
  min-width:3rem; margin:0 1rem; text-align:center;
}
.section-06 .swiper-footer{margin-top:2rem;}
.section-06 .swiper-slide-active .text-container{top:0; opacity:1;}
.section-06 .swiper-01 .swiper-pagination-bullet{opacity:1;}
.section-06 .pattern{position:absolute; top:1rem; right:0; pointer-events:none; z-index:3;}
.section-06 .pattern svg{
  display:block; max-width:100%; width:auto; height:8rem; max-height:100%;
}
.section-06 .swiper-pagination-lock{display:block!important;}
.section-06 .swiper-button-lock{display:block!important;}
@media screen and (max-width:1299.98px){
  .section-06 .panel-left .wrapper{width:22rem;}
}
@media screen and (max-width:1299.98px){
  .section-06 .panel-left .wrapper{width:21rem;}
}
@media screen and (max-width:767.98px){
  .section-06 .panel-left{width:100%;}
  .section-06 .panel-right{width:100%; padding:0; padding-top:15rem;}
  .section-06 .panel-left .wrapper{
      position: absolute; top:0rem; left:0; width:100%; height:15rem;
      border-radius:0 0 0 0 ; overflow:hidden;
  }
  .section-06 .pattern{top:15rem; opacity:.6;}
  .section-06 .pattern svg{width:5rem;}
}


.section-07{position: relative;}
.section-07 .swiper .arrows{
  position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; opacity:0; padding:0 1rem;
  pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
}
.section-07:hover .arrows{opacity:1;}
.section-07 .swiper .arrows .arrow{
  width:1.75rem; height:1.75rem; display:flex; border-radius:50%; transition:opacity .25s;
  justify-content:center; align-items:center; pointer-events:auto;
}
.section-07 .swiper .arrows .arrow:hover{opacity:.7;}
.section-07 .swiper .arrows .arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}


/* Section 08 */
.section-08{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.section-08 .container{z-index:2;}
.section-08 .block-left{position:relative; padding:2rem 1.25rem; border-radius:0 2rem 0 0rem;}
.section-08 .block-left.size-02{padding-bottom:12rem;}
.section-08 .content-block{padding:.875rem 0 .875rem 1.25rem;}
.section-08 .block-left::before{
content:'';  position:absolute; right:100%; top:0; width:15rem; height:100%; bottom:0; z-index: 2;
}
.section-08 .block-left.unset, .section-08 .block-left.unset::before{background:transparent!important;}
.section-08 .social-options>.wrapper{display:flex; align-items:center;}
.section-08 .social-options .social-wrapper{display:flex; align-items:center;}
.section-08 .social-options .social-wrapper .social{margin:0 .25rem; transition:opacity .25s;}
.section-08 .social-options .social-wrapper .social:hover{opacity:.85;}
.section-08  .options{display:flex; align-items:center;}
.section-08  .options .option{margin:0 .25rem; transition:opacity .25s}
.section-08  .options .option:hover{opacity:.85;}
.section-08 .detail-options{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.section-08 .detail-options.style-02{
  border-top:1px solid transparent; border-bottom:1px solid transparent;
  padding:1rem 0;
}
.section-08 .youtube-player{width:100%; min-height:35rem;}
.section-08 .youtube-player.size-02{width:100%; min-height:26.2625rem;}
.section-08 .flower-pattern{position:absolute;}
.section-08 .flower-pattern svg{display:block; max-width:100%; width:auto;}
.section-08 .flower-pattern.style-01{top:2rem; left:0;}
.section-08 .flower-pattern.style-01 svg{height:13rem;}
.section-08 .flower-pattern.style-02{bottom:2rem; right:0;}
.section-08 .flower-pattern.style-02 svg{height:13rem;}
.section-08 .options .option.style-02 svg circle{transition:fill .25s;}
.section-08 .options .option.style-02:hover svg g path{transition:fill .25s;}
.section-08 .swiper-pagination-custom{
  position:absolute; bottom:1rem; left:50%; z-index:2; width:100%; max-width:5rem;
  display:flex; align-items:center; justify-content:center; margin:0 auto;
  transform:translateX(-50%); border-radius:.5rem;
}
.section-08 .block-content{
  padding:2rem; min-height:25rem; display:flex; flex-direction:column;
  justify-content:center;
}
.section-08 .block-content .block-item{display:flex; flex-direction:column; align-items:center;}
.section-08 .block-content .block-item .icon{margin-bottom:1rem;}
.section-08 .block-content .block-item .icon svg{
  display:block; max-width:100%; max-height:100%; width:auto; height:5rem;
}
.section-08 .cate-show-mobile{display:none;}
.thumbnail-container .filter-03 { opacity: 0; }
.thumbnail-container .swiper-slide-active .filter-03 { opacity: 1; }
.preview-container .arrows {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 .5rem;
    pointer-events: none;
    z-index: 1;
}
.preview-container .arrows .arrow {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    pointer-events: auto;
    cursor: pointer;
    opacity: 0;
    text-align: center;
    line-height: 2.75rem;
    font-size: 1.125rem;
    transition: opacity .3s, transform .3s;
}
.preview-container:hover .arrow {
    opacity: .8;
    transform: translateX(0);
}

@media screen and (max-width:1199.98px){
  .section-08 .youtube-player{min-height:20rem;}
}
@media screen and (max-width:991.98px){
  .section-08 .detail-options{flex-direction:column; align-items:start;}
  .section-08 .social-options{margin-top:.625rem;}
  .section-08 .youtube-player{min-height:17rem;}
  .section-08 .block-left.size-02{padding-bottom:17.5rem;}
}
@media screen and (max-width:767.98px){
  .section-08 iframe.twitter{width:100%!important;}
  .section-08 .flower-pattern{opacity:.3;}
  .section-08 .content-block.size-02{padding-bottom:19rem;}
  .section-08 .block-left.size-02{padding-bottom:unset;}
  .section-08 .category-container:not(.cate-show-mobile){display:none;}
  .section-08 .category-container.cate-show-mobile{display:block;}
}
@media screen and (max-width:490.98px){
  .section-08 .youtube-player{min-height:14rem;}
  .section-08 .youtube-player.size-02{min-height:14rem;}
}


/* Section 09 */
.section-09{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.section-09 .swiper-tabs{position:relative;}
.section-09 .pattern:not(.pattern.card){position:absolute; left:0; top:calc(100% + 1rem); pointer-events:none;}
.section-09 .pattern:not(.pattern.card) svg{display:block; max-width:100%; width:auto; max-height:100%; height:20rem;}
.section-09.style-02 .pattern:not(.pattern.card){left:5rem; bottom:115rem;}
@media screen and (max-width:991.98px){
  .section-09 .swiper-tabs{overflow:hidden!important;}
  .section-09 .pattern:not(.pattern.card) svg{height:19rem;}
}
@media screen and (max-width:767.98px){
  .section-09 .pattern:not(.pattern.card){display:none;}
}


/* Section 10 */
.section-10{position:relative;}
.section-10 .arrows{
  display:flex; align-items:center; justify-content:flex-end; 
  padding-right:1.5rem; margin-top:.5rem;
}
.section-10 .container{z-index:2;}
.section-10 .arrow:hover{cursor:pointer;}
.section-10 .arrow.swiper-button-disabled{opacity:.7; pointer-events:none;}
.section-10 .arrow svg{display:block; max-width:100%; width:auto; height:1.75rem; max-height:100%;}
.section-10 .arrow svg path{transition:fill .25s;}
.section-10 .swiper-pagination-custom{min-width:3rem; margin:0 1rem; text-align:center;}
.section-10 .pattern{position:absolute; top:0; left:0; pointer-events:none;}
.section-10 .pattern svg{
  display:block; max-width:100%; width:auto; height:15rem; max-height:100%;
}
.section-10 .flower-pattern{
  position:absolute; left:0; opacity:.4;
  bottom:2rem;
}
.section-10 .flower-pattern svg{
  display:block; max-width:100%; width:auto; 
  max-height:100%; height:20rem; pointer-events:none;
}
.section-10 .gallery-pattern{
  position:absolute; bottom:0; left:-3rem; pointer-events:none;
}
.section-10 .gallery-pattern img{
  display:block; max-width:100%; width:auto; max-height:100%; height:21rem;
}
.section-10 .content-wrapper.bg-right{border:1px solid transparent!important;}
.section-10 .content-wrapper.bg-right::before{border-top:1px solid transparent; border-bottom:1px solid transparent;}
@media screen and (max-width:991.98px){
  .section-10 .swiper-wrapper{min-height:unset}
  .section-10 .swiper-footer{margin-top:1.5rem;}
}

@media screen and (max-width:767.98px){
  .section-10 .pattern{opacity:.6;}
  .section-10 .pattern svg{width:5rem;}
  .section-10  .content-wrapper.bg-right::before{display:none;}
  .section-10 .content-wrapper.bg-right{border-radius:1.25rem;}
}
@media screen and (max-width:575.98px){
  .section-10 .arrows{justify-content:center; padding-right:0;}
  .section-10 .swiper-footer .btns{display:flex; justify-content:center!important; margin-top:1rem;}
  .section-10 .swiper-pagination-custom{width:3rem;}
  .section-10 .arrow svg{height:1.125rem;}
}


/* Section 11 */
.section-11{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.section-11 .content-wrapper{
  border:1px solid transparent; border-right:0;
}
.section-11 .content-wrapper.bg-right::before{
  border-top:1px solid transparent; border-bottom:1px solid transparent;
  top:-.0625rem; bottom:-.0625rem;
}


/* Section 12 */
.section-12{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.section-12 .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover;
  background-position:center;
}
.section-12 .text-intro{
  display:block; max-width:100%; width:auto; max-height:100%; 
  height:4.25rem; margin:0 auto;
}
.section-12 .container{z-index:2;}
.section-12 .pattern{
  position:absolute; top:0; right:0; bottom:0; left:0; 
  display:block; max-width:100%; width:auto; max-height:100%;
  height:100%rem;
}


/* Section 13 */
.section-13{position:relative; border-radius:0 0 2rem 2rem; z-index:2; min-height:78rem;}
.section-13 .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover;
  background-position:center; z-index:2;
}
.section-13 .number-intro{
  display:block; max-width:100%; width:auto; max-height:100%; 
  height:4rem; 
}
.section-13 .text-intro{
  display:block; max-width:100%; width:auto; max-height:100%; 
  height:4.5rem; margin:2rem auto 0 auto;
}
.section-13 .container{z-index:3;}
.section-13 .circles{margin-top:3rem;}
.section-13 .circle-wrapper{display:flex; align-items:center;}
.section-13 .circle-wrapper .circle{position:relative; transition:transform .5s;}
.section-13 .circle-wrapper .circle:hover{transform:translateY(-1rem);}
.section-13 .text-container{position:absolute; top:50%; left:45%; transform:translate(-50%, -50%);}
.section-13 .text-container .title{white-space:nowrap; line-height:1.25; font-size:1.0625rem!important;}
.section-13 .ss-box{height:30rem;}
.section-13 .circle-wrapper .circle img.img-circle{
  display:block; max-width:100%; width:auto; max-height:100%; height:auto;
}
.section-13 .circle-wrapper .circle img.text{
  position:absolute; top:0; left:46%; transform:translateX(-50%); z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:3rem;
}
.section-13 .circle-wrapper .circle.circle-02{margin-bottom:-35%; margin-left:-4%;}
.section-13 .circle-wrapper .circle.circle-03{margin-bottom:-15%;}
.section-13 .circle-wrapper .circle.circle-03 img.text{top:-4%;}
.section-13 .circle-wrapper .circle.circle-04{margin-bottom:-42%;}
.section-13 .circle-wrapper .circle.circle-05{margin-bottom:-17%;}
.section-13 .circle-wrapper .circle.circle-06{margin-bottom:-5%; margin-left:4%;}
.section-13 .pattern-01, .section-13 .pattern-02{
  position:absolute; display:block; max-width:100%; width:auto; 
  max-height:100%; height:15.5rem; z-index: 2;
}
.section-13 .pattern-01{top:4rem; left:10rem;}
.section-13 .pattern-02{top:4rem; right:10rem;}
@media screen and (max-width:1299.98px){
  .section-13{min-height:72rem;}
  .section-13 .pattern-01{left:3rem;}
  .section-13 .pattern-02{right:3rem;}
}
@media screen and (max-width:1199.98px){
  .section-13{min-height:69rem;}
  .section-13 .pattern-01{left:1rem;}
  .section-13 .pattern-02{right:1rem;}
}
@media screen and (max-width:991.98px){
  .section-13{min-height:66rem;}
  .section-13 .pattern-01, .section-13 .pattern-02{height:12rem;}
  .section-13 .pattern-01{left:-1rem;}
  .section-13 .pattern-02{right:-1rem;}
  .section-13 .text-container .title{font-size:.875rem!important;}
  .section-13 .circle-wrapper .circle img.text{height:2.25rem;}
  .section-13 .ss-box{height:20rem;}
}
@media screen and (max-width:767.98px){
  .section-13{min-height:63rem;}
  .section-13 .text-intro{height:4rem;}
  .section-13 .text-container p.xs{font-size:.5rem!important;}
  .section-13 .text-container .title{font-size:.625rem!important;}
  .section-13 .circle-wrapper .circle img.text{height:1.5rem;}
  .section-13 .ss-box{height:15rem;}
  .section-13 .pattern-01{left:-5rem;}
  .section-13 .pattern-02{right:-5rem;}
}
@media screen and (max-width:575.98px){
  .section-13 .text-intro{height:3.5rem;}
  .section-13{min-height:55rem;}
  .section-13 .number-intro{height:3.25rem;}
  .section-13 .pattern-01{top:1rem; left:-10rem; height:13rem;}
  .section-13 .pattern-02{top:1rem; right:-10rem; height:13rem;}
}
@media screen and (max-width:490.98px){
  .section-13{min-height:53rem;}
  .section-13 .circle-wrapper .circle img.img-circle{
      max-width:calc(100% + .75rem); max-height:calc(100% + .75rem);
  }
  .section-13 .text-container{left:55%;}
  .section-13 .circle-wrapper .circle img.text{height:1.25rem; left:55%;}
  .section-13 .text-intro{height:3rem;}
  .section-13 .pattern-01{top:1rem; left:-8rem; height:10rem;}
  .section-13 .pattern-02{top:1rem; right:-8rem; height:10rem;}
}
@media screen and (max-width:390.98px){
  .section-13 .text-intro{height:2.75rem;}
  .section-13 .text-container{left:62%;}
 
  .section-13 .number-intro{height:2.25rem;}
  .section-13 .text-intro{height:2.25rem;}
  .section-13 .circle-wrapper .circle img.text{left:70%;}
  .section-13 .circle-wrapper .circle img.img-circle{
      max-width:calc(100% + 1.875rem); max-height:calc(100% + 1.875rem);
  }
  .section-13 .circle-wrapper .circle.circle-03 .text-container{left:78%;}
  .section-13 .circle-wrapper .circle.circle-06 {
      margin-bottom:-68%; margin-left:unset; margin-right:1rem;
  }
  .section-13 .text-container{left:70%;}
  .section-13 .circle-wrapper .circle.circle-05{
      margin-bottom:-17%; margin-right:-7%;
  }
  .section-13 .circle-wrapper .circle.circle-04{margin-bottom:-55%;}
  .section-13 .circle-wrapper .circle.circle-02 {
      margin-bottom: -55%; margin-left:-7%;
  }
  .section-13 .circle-wrapper .circle.circle-03 .text-container{left:73%;}
  .section-13 .circle-wrapper .circle.circle-02 .text-container{left:65%;}
}
@media screen and (max-width:375.98px){
  .section-13{min-height:43rem;}
  .section-13 .number-intro{height:2.25rem;}
  .section-13 .text-intro{height:2.25rem;}
  .section-13 .text-intro{margin:1rem auto 0 auto}
}
@media screen and (max-width:330.98px){
  .section-13 .number-intro{height:3rem;}
  .section-13 .text-intro{margin:1rem auto 0 auto;}
}
@media screen and (max-width:320.98px){
  .section-13{min-height:43rem;}
  .section-13 .number-intro{height:2.25rem;}
  .section-13 .text-intro{height:2.25rem;}
  .section-13 .pattern-01, .section-13 .pattern-02{opacity:.4!important;}
}


/* Section 14 */
.section-14{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.section-14 .content-block{padding:.875rem 0 .875rem 1.25rem; }
.section-14 table{width:100%;}
.section-14 table tr td:first-child{width:30%;}
.section-14 table tr td:last-child{width:70%;}
.section-14 ul{margin:0; padding-left:1.5rem;}
.section-14 ul li{margin:.5rem 0;}
.section-14 .content-wrapper{
  border:1px solid transparent; border-right:0;
}
.section-14 .content-wrapper.bg-right::before{
  border-top:1px solid transparent; border-bottom:1px solid transparent;
  top:-.0625rem; bottom:-.0625rem;
}
@media screen and (max-width:575.98px){
  .section-14 table tr td:first-child{width:40%;}
  .section-14 table tr td:last-child{width:60%;}
}


/* Section 15 */
.section-15{position:relative; z-index:2; border-radius:0 0 2rem 2rem;}
.section-15 .container{z-index:2;}
.section-15 .pattern-01{position:absolute; top:0; left:0;}
.section-15 .pattern-01{
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;
}
.section-15 .pattern-02{position:absolute; bottom:3rem; right:0;}
.section-15 .pattern-02{
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;
}
@media screen and (max-width:991.98px){
  .section-15 .pattern-01{height:13rem;}
  .section-15 .pattern-02{height:10rem;}
}
@media screen and (max-width:767.98px){
  .section-15 .pattern-01{height:10rem; opacity:.8;}
  .section-15 .pattern-02{bottom:12rem;}
}


/* Section 16 */
.section-16{position:relative; border-radius:0 0 2rem 2rem; z-index:3;}
.section-16 .container{z-index:3;}
.section-16 .pattern-01{
  position:absolute; right:0; bottom:-25rem; left:0; z-index:1;
  display:block; max-width:100%; width:100%; 
}
.section-16 .pattern-02{
  position:absolute; bottom:8rem; left:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:12rem;; 
}
.section-16 .pattern-03{
  position:absolute; bottom:8rem; right:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;; 
}
.section-16 .pattern-04{
  position:absolute; top:0; left:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:5rem;; 
}
.section-16 .pattern-04.size-02{height:3rem;}
@media screen and (max-width:991.98px){
  .section-16 .pattern-04{height:4rem;}
}
@media screen and (max-width:767.98px){
  .section-16 .pattern-04{height:3rem;}
}
@media screen and (max-width:575.98px){
  .section-16 .pattern-04{height:2.5rem;}
}


/* Section 17 */
.section-17{position:relative; border-radius:0 0 2rem 2rem; z-index:3;}
.section-17.padding-bottom-01{padding-bottom:12rem;}
.section-17 .content-block{padding:.5rem 1rem;}
.section-17 .container{z-index:3;}
.section-17 .pattern-01{
  position:absolute; right:0; bottom:-25rem; left:0; z-index:1;
  display:block; max-width:100%; width:100%; 
}
.section-17 .pattern-02{
  position:absolute; bottom:8rem; left:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:12rem;; 
}
.section-17 .pattern-02.position-01{bottom:1.5rem; z-index:3;}
.section-17 .pattern-03{
  position:absolute; bottom:8rem; right:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:15rem;; 
}
.section-17 .pattern-03.position-01{bottom:1.5rem;}
.section-17 .pattern-04{
  position:absolute; top:0; left:0; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:3.5rem;; 
}
.section-17 .pattern-05{
  position:absolute; bottom:0; left:0; right:0; z-index:1;
  display:block; max-width:100%; width:100%; max-height:100%; height:25rem;; 
}
.section-17 .pattern-06{
  position:absolute; top:10rem; left:3rem; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:14rem;; 
}
.section-17 .pattern-07{
  position:absolute; bottom:22rem; right:0rem; z-index:1;
  display:block; max-width:100%; width:auto; max-height:100%; height:12rem;; 
}
.section-17 .pattern-08{
  position:absolute; bottom:0; left:0; z-index:3; 
  display:block; max-width:100%; width:auto; max-height:100%; height:20rem;; 
}
.section-17.style-02 .pattern-01{bottom:-30rem;}
.section-17.style-02 .pattern-02{bottom:4rem;}
.section-17.style-02 .pattern-03{bottom:4rem;}
.section-17 .content-wrapper{
  border:1px solid transparent; border-right:0;
}
.section-17 .content-wrapper.bg-right::before{
  border-top:1px solid transparent; border-bottom:1px solid transparent;
  top:-.0625rem; bottom:-.0625rem;
}
@media screen and (max-width:991.98px){
  .section-17 .pattern-04{height:3rem;}
  .section-17 .pattern-06{left:0;}
  .section-17.style-02 .pattern-02{bottom:0;}
  .section-17.style-02 .pattern-03{bottom:0;}
  .section-17 .pattern-02.hide-tablet, .section-17 .pattern-03.hide-tablet{display:none;}
}
@media screen and (max-width:767.98px){
  .section-17 .pattern-04{height:2.5rem;}
  .section-17.style-02 .pattern-02{opacity:.4;}
  .section-17.style-02 .pattern-03{opacity:.4;}
  .section-17 .content-block{padding:.5rem 1rem .5rem 0;}
  .section-17 .pattern-02.hide-mobile, .section-17 .pattern-03.hide-mobile{display:none;}
}
@media screen and (max-width:575.98px){
  .section-17 .pattern-04{height:2rem;}
  .section-17 .content-block{padding:.5rem 1rem .5rem 1rem;}
}
@media screen and (max-width:490.98px){
  .section-17 .pattern-03.position-01.size-02{height:12rem;}
  .section-17 .pattern-02.position-01.size-02{height:8rem;}
}


/* Section 18 */
.section-18 .swiper-inner{padding:0 0 0 3rem;}
.section-18 .arrows{
  position:absolute;  right:0; bottom:0; z-index:1; opacity:1;
  pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
  padding:0 2rem 1rem 2rem; width:100%;  max-width:634px;
}
.section-18 .swiper-pagination{position:relative; width:max-content; bottom:unset; pointer-events:auto;}
.section-18 .swiper-pagination-bullet{opacity:1;}
.section-18:hover .arrows{opacity:1;}
.section-18 .arrows .arrow{
  width:1.75rem; height:1.75rem; display:flex; border-radius:50%; transition:opacity .25s;
  justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto;
}
.section-18 .arrows .arrow:hover{opacity:.7;}
.section-18 .arrows .arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.section-18 .arrows.style-02{top:0; bottom:0; left:0; right:0; max-width:100%; padding:0;}
.section-18 .ss-card.main-card  .ss-img{padding:54% 0 0 0;}
.section-18 .ss-card.main-card{padding-right:.5rem;}
@media screen and (max-width:1299.98px){
  .section-18 .arrows{max-width:554px;}
}
@media screen and (max-width:1199.98px){
  .section-18 .arrows{max-width:480px; padding:0 2rem 1rem 2rem;}
}
@media screen and (max-width:991.98px){
  .section-18 .arrows{max-width:368px; padding:0 1.5rem;}
}
@media screen and (max-width:767.98px){
  .section-18 .arrows{position:relative; margin:0 auto; margin-top:1.5rem;}
  .section-18 .swiper-inner{padding:0 0 0 0;}
  .section-18 .arrows.style-02{max-width:5rem;}
}


/* Section 19 */
.section-19{position:relative;}
.section-19 .container{z-index:3;}
.section-19 .pattern-01{
  display:block; max-width:100%; width:auto; 
  max-height:100%; height:12rem; position:absolute;
  top:2rem; left:0; 
}
.section-19 .pattern-02{
  display:block; max-width:100%; width:auto; 
  max-height:100%; height:12rem; position:absolute;
  bottom:5rem; right:0; 
}
@media screen and (max-width:1199.98px){
  .section-19 .pattern-01, .section-19 .pattern-02{opacity:.5;}
}


.section-expand-01{position:relative;}
.section-expand-01::before{
  content:''; position:absolute; top:0; left:100%; bottom:0; width:15rem;
}
.section-expand-01::after{
  content:''; position:absolute; top:0; right:100%; bottom:0; width:15rem;
}
.section-expand-01 .pattern-01{
  position:absolute; right:-8rem; bottom:2rem;
  display:block; max-width:100%; max-height:100%; 
  width:auto; height:15rem; 
}






/* Client 01 */
.client-01, .client-vertical-01{position:relative; border-radius:0 0 2rem 2rem; z-index:2;}
.client-01 .client > .wrapper, .client-vertical-01 .client > .wrapper{
    display:flex; justify-content:center; align-items:center; flex-direction:column;
}
.client-01 .content-wrapper, .client-vertical-01 .content-wrapper{padding:4rem; border:1px solid transparent;}
.client-01 .client .logo, .client-vertical-01 .client .logo{
    width:6rem; height:6rem; border-radius:50%; padding:.3125rem;
    display:flex; align-items:center; justify-content:center; box-shadow:-2px 9px 14px #cecece;
}
.client-01 .client .logo img, .client-vertical-01 .client .logo img{
    display:block; max-width:100%; width:auto; max-height:100%; height:auto;
}
.client-01 .client .logo.size-02 img, .client-vertical-01 .client .logo.size-02 img{height:4rem;}
.client-01 .swiper-pagination, .client-vertical-01 .swiper-pagination{position:relative!important; margin-top:1rem;}
.client-01 .swiper-pagination-bullets, .client-vertical-01 .swiper-pagination-bullets{bottom:0rem;}
.client-01 .swiper-pagination-bullet, .client-vertical-01 .swiper-pagination-bullet{width:.5625rem; height:.5625rem;}
.client-01 .swiper, .client-vertical-01 .swiper{position:relative;}
.client-01 .swiper-expand, .client-vertical-01 .swiper-expand{
    position:relative; width:calc(100% + 5rem); margin:0 -2.5rem; padding:0 2.5rem;
}
.client-01 .swiper-expand .arrows, .client-vertical-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, .client-vertical-01 .swiper-expand:hover .arrows{opacity:1;}
.client-01 .swiper-expand .arrows .arrow, .client-vertical-01 .swiper-expand .arrows .arrow{
    width:1.75rem; height:1.75rem; display:flex; border-radius:50%; transition:opacity .25s;
    justify-content:center; align-items:center; pointer-events:auto;
}
.client-01 .swiper-expand .arrows .arrow:hover, .client-vertical-01 .swiper-expand .arrows .arrow:hover{opacity:.7;}
.client-01 .swiper-expand .arrows .arrow svg, .client-vertical-01 .swiper-expand .arrows .arrow svg{
    display:block; max-width:100%; width:auto; max-height:100%; height:.625rem;
}
.client-01 .pattern, .client-vertical-01 .pattern{position:absolute; top:-1rem; left:-4rem; pointer-events:none; z-index:3;}
.client-01 .pattern.style-01 svg, .client-vertical-01 .pattern.style-01 svg{
    display:block; max-width:100%; width:auto; height:4rem; max-height:100%;
}
.client-01 .pattern.style-02, .client-vertical-01 .pattern.style-02{
    top:unset; left:unset; right:-1rem; bottom:-1rem;
}
@media screen and (max-width:991.98px){
    .client-01 .client .logo, .client-vertical-01 .client .logo{width:5.5rem; height:5.5rem;}
    .client-01 .client .logo.size-02 img, .client-vertical-01 .client .logo.size-02 img{height:3.875rem;}
}
@media screen and (max-width:490.98px){
    .client-01 .client .logo, .client-vertical-01 .client .logo{width:5rem; height:5rem;}
    .client-01 .client .logo.size-02 img, .client-vertical-01 .client .logo.size-02 img{height:3rem;}
    .client-01 .swiper-expand:hover .arrows, .client-vertical-01 .swiper-expand:hover .arrows{opacity:0;}
    .client-01 .content-wrapper, .client-vertical-01 .content-wrapper{padding:1rem;}
}
@media screen and (max-width:390.98px){
    .client-01 .client .logo, .client-vertical-01 .client .logo{width:4.5rem; height:4.55rem;}
    .client-01 .client .logo.size-02 img, .client-vertical-01 .client .logo.size-02 img{height:2.5rem;}
}

.client-vertical-01 .swiper {
    height: 160px;
    max-width: 50rem;
    margin: auto;
}
.client-vertical-01 .swiper .swiper-slide {
    width: 100% !important;
}
.client-vertical-01 .swiper-pagination {
    position: absolute !important;
    width: auto;
    margin-top: 0;
}
.client-vertical-01 .swiper-pagination-bullet {
    margin: 0.354rem !important;
}
@media screen and (max-width: 767px) {
    .client-vertical-01 .swiper {
        height: 180px;
    }
}

/* Chart 02 */
.chart-container-02{display:flex; align-items:center; padding-right:1.5rem;}
.chart-container-02 .chart-poll{width:13rem; height:13rem;}
.chart-container-02 .chart-data{width:calc(100% - 13rem);}
.chart-container-02 .chart-data .list-item{display:flex; align-items:center;}
.chart-container-02 .chart-data .list-item .dot{
  width:.75rem; height:.75rem; border-radius:50%;
}
.chart-container-02 .chart-data .list-item .title{padding-left:.5rem;}
@media screen and (max-width:1199.98px){
  .chart-container-02{padding-right:0;}
}
@media screen and (max-width:390.98px){
  .chart-container-02{margin-left:-1.5rem;}
  .chart-container-02 .chart-poll{width:10rem; height:10rem;}
  .chart-container-02 .chart-data{width:calc(100% - 10rem);}
  .chart-container-02 .chart-data .list-item .dot{width:.5rem; height:.5rem;}
  .rating-option.result{min-width:7rem;}
  .rating-option{padding:.625rem;}
}



/* Chart 03 */
.chart-container-03{
  display: flex; flex-direction: column; align-items: center;
}
.chart-container-03 .chart-poll-02{width:18.75rem; height:18.75rem;}
.chart-container-03 .chart-poll-02 canvas{width:100%!important; height:100%!important;}
.chart-container-03 .labels {width:50%;}
.chart-container-03 .labels:first-child{ margin-right:2rem;}
.chart-container-03 .labels p{white-space:nowrap;}
.chart-container-03 .label {
  width:100%; display:flex; align-items:center;
  margin:.375rem 0;
}
.chart-container-03 .label > .dot{
  display: block; width:.75rem; height:.75rem;
  border-radius:50%; margin:0 .5rem 0 0;
}
@media screen and (max-width:767.98px){
  .chart-container-03 .chart-poll-02{width:20rem; height:20rem;}
}
@media screen and (max-width:490.98px){
  .chart-container-03{margin-top:-1.75rem;}
  .chart-container-03 .chart-data{margin-top:-1.5rem;}
  .chart-container-03 .labels{width:100%;}
  .chart-container-03 .d-flex{flex-wrap:wrap;}
  .chart-container-03 .chart-poll-02{width:20rem; height:20rem;}
  .chart-container-03 .chart-poll-02 canvas{padding:2rem!important}
}



/* Contact 01 */
.contact-01{position:relative;}
.contact-01 .container{z-index:3;}
.contact-01 .pattern-01{
  display:block; max-width:100%; width:auto;
  max-height:100%; height:15rem; 
  position:absolute; top:3rem; left:0;
}
.contact-01 .pattern-02{
  display:block; max-width:100%; width:auto;
  max-height:100%; height:13rem; 
  position:absolute; top:20rem; right:0;
}
.contact-01 .hotline .wrapper{display:flex; align-items:center;}
.contact-01 .hotline .icon{
width:2.5rem; height:2.5rem; border:2px solid transparent; margin-bottom:.75rem;
display:flex; align-items:center; justify-content:center;
border-radius:50%; transition:background .25s; cursor:pointer;
}
.contact-01 .hotline .icon svg{
display:block; max-width:100%; width:auto; max-height:100%; height:1.25rem;
transition:fill .25s;
}
.contact-01 .ss-stats .stat .title{white-space:normal;}
.contact-01 .ss-img{padding:55% 0 0 0;}

@media screen and (max-width:1199.8px){
  .contact-01 .ss-img{padding:60% 0 0 0;}
}
@media screen and (max-width:991.98px){
  .contact-01 .pattern-02{top:30rem}
}
@media screen and (max-width:767.98px){
  .contact-01 .pattern-01{height:12rem;}
  .contact-01 .pattern-02{height:10rem;}
}
@media screen and (max-width:575.98px){
  .contact-01 .pattern-01, .contact-01 .pattern-02{display:none;}
}

/* Contact 02 */
.contact-02 .sub-office{position:relative;}
.contact-02 .sub-office img{
  display:block; max-width:100%; max-height:100%;
  width:auto; height:45rem;
}
.contact-02 ul{position:absolute; right:0; bottom:0; list-style:none;}
.contact-02 ul li{position:relative; margin:.5rem; padding-left:1.75rem;}
.contact-02 ul li::before{
  content:''; position:absolute; top:.125rem; left:0;
  width:1.25rem; height:1.25rem;
}
.contact-02 .stat .title{white-space:normal; padding-left:.25rem;}
@media screen and (max-width:1199.98px){
  .contact-02 ul{position: relative;}
}
@media screen and (max-width:991.98px){
  .contact-02 ul{position:absolute;}
}
@media screen and (max-width:575.98px){
  .contact-02 .sub-office img{height:35rem;}
  .contact-02 ul{transform:scale(.8);}
}
@media screen and (max-width:490.98px){
  .contact-02 .sub-office img{height:35rem;}
  .contact-02 ul{bottom:-3rem; right:-1rem;}
}
@media screen and (max-width:475.98px){
  .contact-02 .sub-office img{height:25rem;}
  .contact-02 ul{transform:scale(.6); bottom:-5rem; }
}
@media screen and (max-width:390.98px){
  .contact-02 ul{right:-4.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.style-02 .answer, .faq-01.style-03.answer-padding .answer{padding:1.5rem 1rem 2rem 1rem;}
.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;}
.faq-01.style-04 .answer{margin-top:1rem; padding:1rem 1rem 1rem 1rem;}
.faq-01.style-04 > .content > .wrapper{border-bottom:1px solid transparent; padding:1rem 0;}
.faq-01.style-04 > .content .wrapper > .title{padding-right:0; width:calc(100% - 1.625rem);}
.faq-01.style-05 .answer{padding:3rem 1rem 2rem 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;}
}


/* Upload Container */
.upload-container{
  display:flex; justify-content:center; flex-direction:column;
  align-items:center; border:2px dashed transparent; padding:2.25rem;
  border-radius:.375rem;
}
.upload-container.style-02{position:relative; padding:0 0 0 1rem; height:3.25rem; align-items:start;}
.upload-container.style-02 .upload-btn{position:absolute; top:-.0875rem; right:-.0875rem; bottom:-.0875rem;}
.upload-container.style-03{width:15rem; height:15rem; position:relative; max-width:100%; overflow:hidden;}
.upload-container.style-03 input{
  position:absolute; top:0; left:0; right:0; bottom:0; opacity:0;
  cursor: pointer;
}
.upload-container.style-03 #preview{position:absolute; top:0; left:0; right:0; bottom:0; pointer-events:none;}
.upload-container.style-03 #preview img{width:100%; height:100%; opacity: .5;}


/* 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;}
.sitemap-01 .ss-list li:hover svg {width: 40px; height: 40px; transform: rotate(219deg);}
.sitemap-01 .ss-list li svg, .sitemap .ss-list li .title{transition: 0.3s all;}
.sitemap-01 .ss-list li:hover .title{text-indent: 0.3rem;}
.sitemap-01 .ss-list li.sub-cate:hover .icon svg {width:13px; height:auto;}
@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%;}
}


/* Sitemap 02 */
.sitemap-02{position:relative; width:100%; padding:2rem 0;}
.sitemap-02 .sitemap-grid{position:relative;}
.sitemap-02 .sitemap-grid:before{
  content:''; position:absolute; top:0; left:1rem;
  width:.0625rem; height:100%; 
}
.sitemap-02 .pattern{position:absolute;}
.sitemap-02 .pattern.style-01{bottom:-1.025rem; right:1.8125rem;}
.sitemap-02 .pattern.style-02{bottom:-1rem; right:1.625rem;}
.sitemap-02 .pattern.style-03{bottom:.625rem; right:.5rem;}
.sitemap-02 .header-title{
height:100%; display:flex; align-items:center;
}
.sitemap-02 .header-title > .icon{
width:2rem; height:2rem; display:flex; justify-content:center; 
align-items:center; margin-right:.5rem;
}
.sitemap-02 .header-title > .icon img{
display:block; max-width:100%; max-height:100%; width:auto; height:1.875rem;
}
.sitemap-02 > .pattern{position:absolute; top:0; left:0; display:block; width:100%; height:auto;}
.sitemap-02 .btn.btn-action{font-size:1.625rem;}
.sitemap-02 .sitemap-grids{position:relative; width:100%; display:flex; flex-wrap:wrap; overflow:hidden;}
.sitemap-02 .sitemap-grid{width:calc(100% / 3); padding:0 1rem;}
.sitemap-02 .ss-list li:hover svg {width: 40px; height: 40px; transform: rotate(219deg);}
.sitemap-02 .ss-list li svg, .sitemap .ss-list li .title{transition: 0.3s all;}
.sitemap-02 .ss-list li:hover .title{text-indent: 0.3rem;}
.sitemap-02 .ss-list li.sub-cate:hover .icon svg {width:13px; height:auto;}
.sitemap-02 .ss-list.style-01{padding-left:1.625rem;}
.sitemap-02 .ss-list.style-01 .ss-title-04:not(.sub-cate .ss-title-04){position:relative; z-index:2;}
.sitemap-02 .ss-list.style-01 .ss-title-04:not(.sub-cate .ss-title-04)::before{
  content:''; position:absolute; width:1.5rem; height:.0625rem; transform:translateY(-50%); top:50%;
  background:#0E3A81; right:100%;
}
.sitemap-02 .ss-list.style-01 .ss-title-04:not(.sub-cate .ss-title-04)::after{
  content:''; position:absolute; width:.0625rem; height:50rem; transform:translateY(-100%); top:calc(50% + .0125rem);
  background:#0E3A81; right:calc(100% + 1.5rem);
}
.sitemap-02 .ss-list.style-01 .ss-title-04.size-02:not(.sub-cate .ss-title-04)::after{height:5rem;}
.sitemap-02 .ss-list.style-01 li.sub-cate{padding:.3125rem 0 .3125rem 3.5rem;}
.sitemap-02 .ss-list.style-01 li.sub-cate .ss-title-04{position:relative;}
.sitemap-02 .ss-list.style-01 li.sub-cate .ss-title-04::before{
 content:''; position:absolute; width:1.5rem; height:.0625rem; transform:translateY(-50%); top:50%;
 background:#0E3A81; right:100%;
}
.sitemap-02 .ss-list.style-01 li.sub-cate .ss-title-04::after{
  content:''; position:absolute; width:.0625rem; height:5rem; transform:translateY(-100%); top:calc(50% + .0125rem);
  background:#0E3A81; right:calc(100% + 1.5rem);
}
.sitemap-02 .ss-list.style-01 li.sub-cate .ss-title-04>*{
  position:relative; padding-left:.9375rem; font-size:.875rem; line-height:1.25;
}
.sitemap-02 .ss-list.style-01 li.sub-cate .ss-title-04>*::before{
  content:''; position:absolute; transform:translateY(-50%); top:50%; left:0;
  width:.3125rem; height:.3125rem; border-radius:50%; background:#0E3A81;
}
@media screen and (max-width:1199.98px){
.sitemap-02 .sitemap-grid{width:50%;}
}
@media screen and (max-width:767.98px){
  .sitemap-02{padding:1rem 0;}
  .sitemap-02 .sitemap-grid{width:100%;}
}





.swiper-tabs-06{height:4rem;}



/* 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 */
.tabs.side-bg::before{
 content:'';  position:absolute; top:-.0625rem; bottom:-.0625rem; left:100%; width:100%;  
 border-top:1px solid transparent; border-bottom:1px solid transparent;
}
.tabs.side-bg::after{
  content:'';  position:absolute; top:-.0625rem; bottom:-.0625rem; right:100%; width:100%;  
  border-top:1px solid transparent; border-bottom:1px solid transparent;
}

/* 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;}
}


/* Tabs 03 */
.tabs.tabs-03 .tab{
  margin:.5rem .5rem 0 0; border:1px 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-03 .tab .icon{
  width:1.375rem; height:1.375rem; margin-right:.3125rem;
  display:flex; align-items:center; 
}
.tabs.tabs-03 .tab .icon svg{
  display:block; max-width:100%; max-height:100%;
  width:auto; height:1rem;
}
@media screen and (max-width:991.98px){
  .tabs.tabs-03{margin:-.375rem -.375rem 0 0;}
  .tabs.tabs-03 .tab{margin:.375rem .375rem 0 0;}
}
@media screen and (max-width:767.98px){
  .tabs.tabs-03{margin:-.25rem -.25rem 0 0;}
  .tabs.tabs-03 .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;
}
.search-no-result svg.size-02{height:8rem;}
@media screen and (max-width:575.98px){
  .search-no-result svg{height:15rem;}
  .search-no-result svg.size-02{height:5rem;}
}


/* QA */
.qa-container .block-content{position:relative;  z-index:2;}
.qa-container .block-content.sub{position:relative; padding-left:4.5rem;}
.qa-container .block-content.sub::after{
  content:''; position:absolute; right:calc(100% - 5rem); top:-.75rem; z-index:-1;
  width:3rem; height:3rem; border:1px solid transparent; border-radius:.375rem;
  border-top:0; border-right:0;
}
.qa-container .block-header{
  border:1px solid transparent; padding:.7rem 1rem;
  border-radius:.5rem .5rem 0 0;
}
.qa-container .block-body{
  border:1px solid transparent; padding:.7rem 1rem;
  border-top:0; border-bottom:0;
}
.qa-container .block-footer{
  border:1px solid transparent; padding:.5rem 1rem .7rem 1rem;
  border-radius:0 0 .5rem .5rem; border-top:0; 
}
.qa-container .block-header .options, .qa-container .block-header .option,
.qa-container .block-header .option .icon{
  display:flex; align-items:center; flex-wrap:wrap;
  font-size:.75rem;
}
.qa-container .block-footer{display:flex; align-items:center; justify-content:space-between;}
@media screen and (max-width:490.98px){
  .qa-container .btn p,  .qa-container .btn span{font-size:.875rem!important;}
  .qa-container .block-content.sub{padding-left:0;}
}
@media screen and (max-width:390.98px){
  .qa-container .btn p,  .qa-container .btn span{font-size:.75rem!important;}
}