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


/* Banner 01 */
.banner-01{
  position:relative; overflow:hidden; width:100%; 
}
.banner-01 .swiper-slide .wrapper{
  position:relative; width:100%; min-height:37rem;
}
.banner-01 .swiper-slide .wrapper > .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:center;
}
.banner-01 .arrows{
  position:absolute; right:5rem; bottom:2.5rem; display:flex; 
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.banner-01 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
}
.banner-01 .arrows.style-02 > .arrow{border-radius:0;}
.banner-01 .arrows > .arrow:hover{opacity:.7}
.banner-01 .slideshow-pagination{
  position:absolute; bottom:2.5rem; width:clac(100% - 5rem); 
  border-radius:1000em; left:5rem; padding:.25rem 1rem;
  display:flex; flex-wrap:wrap; justify-content:center;
  align-items:center; transition: .3s opacity; z-index: 10;
}
.banner-01 .slideshow-pagination-item {display:flex; align-items:center;}
.banner-01 .slideshow-pagination-item .pagination-number{opacity:.5;}
.banner-01 .slideshow-pagination-item:hover, .slideshow-pagination-item:focus{cursor:pointer;}
.banner-01 .slideshow-pagination-item:last-of-type .pagination-separator{width:0;}
.banner-01 .slideshow-pagination-item.active .pagination-number {opacity:1;}
.banner-01 .slideshow-pagination-item.active .pagination-separator{width:8vw;}
.banner-01 .pagination-number{font-size:1.25rem; padding:0 .5rem; font-weight:500;}
.banner-01 .pagination-separator {
  display:block; position:relative; width:2.5rem; height:.125rem;
  transition:all .3s ease;
}
.banner-01 .pagination-separator-loader {
  position:absolute; top:0; left:0; transition:width 1s;
  width:0; height:100%;
}
.banner-01 .slideshow-pagination-item.active .pagination-separator-loader{width:100%;}
@media screen and (max-width:1299.98px){
  .banner-01 .swiper-slide .wrapper{min-height:35rem;}
}
@media screen and (max-width:1199.98px){
  .banner-01 .swiper-slide .wrapper{min-height:30rem;}
  .banner-01 .arrows, .banner-01 .slideshow-pagination{bottom:2rem;}
}
@media screen and (max-width:991.98px){
  .banner-01 .swiper-slide .wrapper{min-height:25rem;}
  .banner-01 .arrows > .arrow{font-size:1rem;}
  .banner-01 .pagination-number{font-size:1rem;}
}
@media screen and (max-width:767.98px){
  .banner-01 .swiper-slide .wrapper{min-height:18rem;}
  .banner-01 .arrows{right:2.5rem;}
  .banner-01 .slideshow-pagination{left:2.5rem;}
}
@media screen and (max-width:575.98px){
  .banner-01 .swiper-slide .wrapper{min-height:15rem;}
  .banner-01 .arrows > .arrow{font-size:.75rem;}
  .banner-01 .pagination-number{font-size:.75rem;}
}
@media screen and (max-width:490.98px){
  .banner-01 .swiper-slide .wrapper{min-height:11rem;}
  .banner-01 .arrows > .arrow{display:none;}
  .banner-01 .slideshow-pagination{
    transform:translateX(-50%); left:50%; width:calc(100% - 7rem);
  }
  .banner-01 .slideshow-pagination{bottom:.5rem;}
}
@media screen and (max-width:375.98px){
  .banner-01 .swiper-slide .wrapper{min-height:10rem;}
}
@media screen and (max-width:320.98px){
  .banner-01 .swiper-slide .wrapper{min-height:9rem;}
  .banner-01 .slideshow-pagination{bottom:2rem;}
}


/* Banner 02 */
.banner-02{
  position:relative; overflow:hidden; width:100%; 
}
.banner-02 .swiper-slide .wrapper{
  position:relative; min-height:37rem; width:100%;
}
.banner-02 .swiper-slide .wrapper > .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:center;
}
.banner-02 .arrows{
  position:absolute; right:5.9375rem; bottom:2.5rem; display:flex; 
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.banner-02 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
}
.banner-02 .arrows.style-02 > .arrow{border-radius:0;}
.banner-02 .arrows > .arrow:hover{opacity:.7}
.banner-02 .swiper-pagination-bullets{
  left:10rem; bottom:1.5rem;
  width:auto; padding: .125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
}
.banner-02 .swiper-pagination-bullet {
  background:none!important; border-radius:unset;
  opacity:1; margin:0 .3125rem!important ;
  padding:0; width:3rem; height:3px;
}
@media screen and (max-width:991.98px){
  nav.footer-02 .footer-header{flex-direction:column;}
}
@media screen and (max-width:767.98px){
  .section-12 .swiper-pagination-bullets{bottom:-1.5rem;}
}
@media screen and (max-width:1299.98px){
  .banner-02 .swiper-slide .wrapper{min-height:35rem;}
}
@media screen and (max-width:1199.98px){
  .banner-02 .swiper-slide .wrapper{min-height:30rem;}
  .banner-02 .arrows{bottom:2rem;}
}
@media screen and (max-width:991.98px){
  .banner-02 .swiper-slide .wrapper{min-height:25rem;}
  .banner-02 .arrows > .arrow{font-size:1rem;}
  .banner-02 .pagination-number{font-size:1rem;}
}
@media screen and (max-width:767.98px){
  .banner-02 .swiper-slide .wrapper{min-height:18rem;}
  .banner-02 .arrows{right:2.5rem;}
}
@media screen and (max-width:575.98px){
  .banner-02 .swiper-slide .wrapper{min-height:15rem;}
  .banner-02 .arrows > .arrow{font-size:.75rem;}
}
@media screen and (max-width:490.98px){
  .banner-02 .swiper-slide .wrapper{min-height:11rem;}
  .banner-02 .arrows > .arrow{display:none;}
}
@media screen and (max-width:375.98px){
  .banner-02 .swiper-slide .wrapper{min-height:10rem;}
}
@media screen and (max-width:320.98px){
  .banner-02 .swiper-slide .wrapper{min-height:9rem;}
}


/* Banner 03 */
.banner-03{
  position:relative; overflow:hidden; width:100%; 
}
.banner-03 .swiper-slide .wrapper{
  position:relative; min-height:37rem; width:100%;
}
.banner-03 .swiper-slide .wrapper > .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0;
  background-size:cover; background-repeat:no-repeat; background-position:center;
}
.banner-03 .arrows{
  position:absolute; right:5rem; bottom:2.5rem; display:flex; 
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.banner-03 .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:auto; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
}
.banner-03 .arrows.style-02 > .arrow{border-radius:.5rem;}
.banner-03 .arrows > .arrow:hover{opacity:.7}
.banner-03 .swiper-pagination-bullets{
  left:10rem; bottom:1.5rem;
  width:auto; padding: .125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
}
.banner-03 .swiper-pagination-bullet {
  background:none!important; border-radius:unset;
  opacity:1; margin:0 .3125rem!important ;
  padding:0; width:3rem; height:3px;
}
.banner-03 .swiper-pagination{opacity:0; pointer-events:none;}
.banner-03 .custom-pagination {
  display: flex; justify-content: center; gap:10px; z-index:5;
  position:absolute; bottom:2rem; left:12rem;
}
.banner-03 .page-number {
  background-color:white; color: #0073e6; padding:.25rem .25rem;
  border-radius:12px; cursor:pointer; font-family:sans-serif; 
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s;
  width:2.5rem; height:2.5rem; display:flex; align-items:center; justify-content:center;
}
.banner-03 .page-number.active {
  background-color: #2ec4b6;
  color: white;
}
@media screen and (max-width:1299.98px){
  .banner-03 .custom-pagination{left:5rem}
}
@media screen and (max-width:991.98px){
  nav.footer-02 .footer-header{flex-direction:column;}
}
@media screen and (max-width:767.98px){
  .section-12 .swiper-pagination-bullets{bottom:-1.5rem;}
}
@media screen and (max-width:1199.98px){
  .banner-03 .swiper-slide .wrapper{min-height:30rem;}
  .banner-03 .arrows{bottom:2rem;}
}
@media screen and (max-width:991.98px){
  .banner-03 .swiper-slide .wrapper{min-height:25rem;}
  .banner-03 .arrows > .arrow{font-size:1rem;}
  .banner-03 .pagination-number{font-size:1rem;}
}
@media screen and (max-width:767.98px){
  .banner-03 .swiper-slide .wrapper{min-height:18rem;}
  .banner-03 .arrows{right:2.5rem;}
  .banner-03 .page-number{width:2rem; height:2rem;}
}
@media screen and (max-width:575.98px){
  .banner-03 .swiper-slide .wrapper{min-height:15rem;}
  .banner-03 .arrows > .arrow{font-size:.75rem;}
}
@media screen and (max-width:490.98px){
  .banner-03 .swiper-slide .wrapper{min-height:11rem;}
  .banner-03 .arrows > .arrow{display:none;}
}
@media screen and (max-width:375.98px){
  .banner-03 .swiper-slide .wrapper{min-height:10rem;}
}
@media screen and (max-width:320.98px){
  .banner-03 .swiper-slide .wrapper{min-height:9rem;}
}

/* Banner 04 - popup home page */
.banner-04 {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 500px;
  border-radius: 15px;
}

.banner-04 .swiper-slide .wrapper {
  position: relative;
  width: 100%;
  min-height: 37rem;
}

.banner-04 .swiper-slide .wrapper>.img-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-04 .arrows {
  position: absolute;
  right: 5rem;
  bottom: 2.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  pointer-events: none;
}

.banner-04 .arrows>.arrow {
  position: relative;
  font-size: 1.25rem;
  border-radius: 50%;
  z-index: 3;
  width: 2.5rem;
  height: 2.5rem;
  transition: color .25s, opacity .25s;
  cursor: pointer;
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .5rem;
}

.banner-04 .arrows.style-02>.arrow {
  border-radius: 0;
}

.banner-04 .arrows>.arrow:hover {
  opacity: .7
}

.banner-04 .slideshow-pagination {
  position: absolute;
  bottom: 2.5rem;
  width: clac(100% - 5rem);
  border-radius: 1000em;
  left: 5rem;
  padding: .25rem 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: .3s opacity;
  z-index: 10;
}

.banner-04 .slideshow-pagination-item {
  display: flex;
  align-items: center;
}

.banner-04 .slideshow-pagination-item .pagination-number {
  opacity: .5;
}

.banner-04 .slideshow-pagination-item:hover,
.slideshow-pagination-item:focus {
  cursor: pointer;
}

.banner-04 .slideshow-pagination-item:last-of-type .pagination-separator {
  width: 0;
}

.banner-04 .slideshow-pagination-item.active .pagination-number {
  opacity: 1;
}

.banner-04 .slideshow-pagination-item.active .pagination-separator {
  width: 8vw;
}

.banner-04 .pagination-number {
  font-size: 1.25rem;
  padding: 0 .5rem;
  font-weight: 500;
}

.banner-04 .pagination-separator {
  display: block;
  position: relative;
  width: 2.5rem;
  height: .125rem;
  transition: all .3s ease;
}

.banner-04 .pagination-separator-loader {
  position: absolute;
  top: 0;
  left: 0;
  transition: width 1s;
  width: 0;
  height: 100%;
}

.banner-04 .slideshow-pagination-item.active .pagination-separator-loader {
  width: 100%;
}

/* Banner 04 - Swiper bullet pagination override */
.banner-04 .swiper-pagination.dot-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 15;
  gap: .5rem;
  pointer-events: auto;
}

/* Base bullet style */
.banner-04 .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #ffffff;
  opacity: 1;
  border-radius: 50%;
  transition: opacity .25s, transform .25s, background .25s, box-shadow .25s;
  position: relative;
  margin: 0 6px !important;
}

.banner-04 .swiper-pagination-bullet:hover,
.banner-04 .swiper-pagination-bullet:focus {
  opacity: .85;
}

.banner-04 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #034CBD;
}

@media screen and (max-width:767.98px){
  .banner-04 .swiper-pagination.dot-pagination{ bottom: 1rem; }
  .banner-04 .swiper-pagination-bullet{ width:10px; height:10px; }
  .banner-04 .swiper-pagination-bullet.swiper-pagination-bullet-active{ transform: scale(1.2); }
}

@media screen and (max-width:1299.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 35rem;
  }
}

@media screen and (max-width:1199.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 30rem;
  }

  .banner-04 .arrows,
  .banner-04 .slideshow-pagination {
    bottom: 2rem;
  }
}

@media screen and (max-width:991.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 25rem;
  }

  .banner-04 .arrows>.arrow {
    font-size: 1rem;
  }

  .banner-04 .pagination-number {
    font-size: 1rem;
  }
}

@media screen and (max-width:767.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 18rem;
  }

  .banner-04 .arrows {
    right: 2.5rem;
  }

  .banner-04 .slideshow-pagination {
    left: 2.5rem;
  }
}

@media screen and (max-width:575.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 15rem;
  }

  .banner-04 .arrows>.arrow {
    font-size: .75rem;
  }

  .banner-04 .pagination-number {
    font-size: .75rem;
  }
}

@media screen and (max-width:490.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 11rem;
  }

  .banner-04 .arrows>.arrow {
    display: none;
  }

  .banner-04 .slideshow-pagination {
    transform: translateX(-50%);
    left: 50%;
    width: calc(100% - 7rem);
  }

  .banner-04 .slideshow-pagination {
    bottom: .5rem;
  }
}

@media screen and (max-width:375.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 10rem;
  }
}

@media screen and (max-width:320.98px) {
  .banner-04 .swiper-slide .wrapper {
    min-height: 9rem;
  }

  .banner-04 .slideshow-pagination {
    bottom: 2rem;
  }
}


/* Breadcrumb 01 */
.breadcrumb-01{
  position:relative; z-index:5;
}
.breadcrumb-01 .wrapper{
  height:14.5rem; display:flex; justify-content:center;
  align-items:center; flex-direction:column; padding:0 .875rem;
}
.breadcrumb-01.style-02 .pattern{display:none!important;}
.breadcrumb-01.size-02 .wrapper{height:11rem;}
.breadcrumb-01 .wrapper > *{position:relative;}
.breadcrumb-01 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-01 .wrapper .pattern{
  position:absolute; display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.breadcrumb-01 .wrapper .pattern.style-01{width:15rem; top:-6.9375rem; left:2rem; opacity:.3;}
.breadcrumb-01 .wrapper .pattern.style-02{width:7rem; top:3rem; left:16rem; opacity:.2;}
.breadcrumb-01 .wrapper .pattern.style-03{width:11rem; top:2rem; right:0rem; opacity:.8;}
.breadcrumb-01 .wrapper .pattern.style-04{width:7rem; top:8rem; right:15rem; opacity:.2;}

.breadcrumb-01 .links-container{padding:.25rem 1.25rem; border-radius:1000em;}
.breadcrumb-01 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-01 .link-wrapper .link .icon{display:flex; align-items:center; margin-top:-.125rem;}
.breadcrumb-01 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-01 .link-wrapper .link .icon svg, .breadcrumb-01 .link-wrapper .link .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.3125rem; 
}
.breadcrumb-01 .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-01 .link-wrapper .link:last-child .menu{font-weight:300!important;}
.breadcrumb-01 .link-wrapper .link .line{
  width:1rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-01 .link-wrapper .link:last-child .line{display:none;}


/* Breadcrumb 02 */
.breadcrumb-02{position:relative; padding:1rem 0 1rem 0;}
.breadcrumb-02 .links-container{overflow:hidden;}
.breadcrumb-02 .link-wrapper{display:flex; align-items:center; flex-wrap:wrap;}
.breadcrumb-02 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-02 .link-wrapper .link .menu{white-space:nowrap;}
.breadcrumb-02 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-02 .link-wrapper .link:last-child .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:normal;
  max-width:25rem;
}
.breadcrumb-02 .link-wrapper .link:last-child .menu{font-weight:400!important;}
.breadcrumb-02 .link-wrapper .link .line{
  width:1.5rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-02 .link-wrapper .link:last-child .line{display:none;}


/* Breadcrumb 03 */
.breadcrumb-03{
  position:relative; z-index:5;
}
.breadcrumb-03 .wrapper{
  position:relative; height:12rem; display:flex; justify-content:center;
  align-items:center; flex-direction:column; padding:0 .875rem;
  border-radius:0 0 1.5rem 1.5rem; overflow:hidden;
}
.breadcrumb-03 .wrapper > *{position:relative;}
.breadcrumb-03 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-03 .wrapper .pattern{
  position:absolute; display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.breadcrumb-03 .wrapper .pattern.style-01{width:15rem; top:-6.9375rem; left:2rem; opacity:.3;}
.breadcrumb-03 .wrapper .pattern.style-02{width:7rem; top:3rem; left:16rem; opacity:.2;}
.breadcrumb-03 .wrapper .pattern.style-03{width:11rem; top:2rem; right:0rem; opacity:.8;}
.breadcrumb-03 .wrapper .pattern.style-04{width:7rem; top:8rem; right:15rem; opacity:.1;}
.breadcrumb-03 .wrapper .pattern.style-05{width:100%; bottom:0; right:0; opacity: 0.15;}

.breadcrumb-03 .links-container{
  position:relative; z-index:5;
  padding:.25rem 1.25rem; border-radius:1000em;
}
.breadcrumb-03 .link-wrapper{display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}
.breadcrumb-03 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-03 .link-wrapper .link .icon{display:flex; align-items:center;}
.breadcrumb-03 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-03 .link-wrapper .link .icon svg, .breadcrumb-03 .link-wrapper .link .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.3125rem; 
}
.breadcrumb-03 .link-wrapper .link .menu{
  display:block; display:-webkit-box; text-overflow:ellipsis; overflow:hidden;
  -webkit-box-orient:vertical;  
}
.breadcrumb-03 .link-wrapper .link:last-child .menu{font-weight:300!important; max-width:9rem; -webkit-line-clamp:1;}
.breadcrumb-03 .link-wrapper .link .line{
  width:1rem; height:.125rem; margin:0 .5rem;
}
.breadcrumb-03 .link-wrapper .link:last-child .line{display:none;}



/* Breadcrumb Back Office 01 */
.breadcrumb-backend-01{
  position:relative; z-index:5; 
}
.breadcrumb-backend-01 .wrapper{
  height:9rem; display:flex; justify-content:center; transition:height .25s;
  align-items:start; flex-direction:column; padding:0 2rem;
}
/* .breadcrumb-backend-01.has-scrolled .wrapper{height:8rem;} */
.breadcrumb-backend-01.style-02 .pattern{display:none!important;}
.breadcrumb-backend-01.size-02 .wrapper{height:11rem;}
.breadcrumb-backend-01 .wrapper > *{position:relative;}
.breadcrumb-backend-01 .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.breadcrumb-backend-01 .wrapper .pattern{
  position:absolute; display:block; width:auto; max-width:100%; height:auto; max-height:100%;
}
.breadcrumb-backend-01 .wrapper .pattern.style-01{width:15rem; top:-6.9375rem; left:2rem; opacity:.3;}
.breadcrumb-backend-01 .wrapper .pattern.style-02{width:7rem; top:3rem; left:16rem; opacity:.2;}
.breadcrumb-backend-01 .wrapper .pattern.style-03{width:11rem; top:2rem; right:0rem; opacity:.8;}
.breadcrumb-backend-01 .wrapper .pattern.style-04{width:7rem; top:8rem; right:15rem; opacity:.2;}

.breadcrumb-backend-01 .links-container{padding:.25rem 0; border-radius:1000em;}
.breadcrumb-backend-01 .link-wrapper{display:flex; align-items:center;}
.breadcrumb-backend-01 .link-wrapper .link{display:flex; align-items:center;}
.breadcrumb-backend-01 .link-wrapper .link .icon{display:flex; align-items:center;}
.breadcrumb-backend-01 .link-wrapper .link:not(:first-child) .icon{display:none;}
.breadcrumb-backend-01 .link-wrapper .link .icon svg, .breadcrumb-01 .link-wrapper .link .icon img{
  display:block; max-width:100%; width:auto; max-height:100%; height:1.3125rem; 
}
.breadcrumb-backend-01 .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-backend-01 .link-wrapper .link:last-child .menu{font-weight:300!important;}
.breadcrumb-backend-01 .link-wrapper .link .line{width:1rem; height:.125rem; margin:0 .5rem;}
.breadcrumb-backend-01 .link-wrapper .link:last-child .line{display:none;}


/* Compesation Section */
.compensation-section .compensation-category{padding:.875rem 1rem; font-weight:500;}
.compensation-section .compesation-item{display:flex; align-items:center; padding:.5rem .25rem;}
.compensation-section .compesation-item .dot{
  width:.5rem; height:.5rem; border-radius:50%; z-index:2;
  position:relative; margin-right:.875rem; transition:background .25s;
}
.compensation-section .compesation-item .title{transition:color .25s;}
.compensation-section .compesation-item .line{
  content:''; position:absolute; width:.1rem; height:2.125rem;
  bottom:100%; left:20%; transform:translateX(-50%); z-index:1;
}
.compensation-section .compesation-item.has-submenu{display:block;}
.compensation-section .compesation-item>.wrapper{display:flex; align-items:center;}
.compensation-section .compesation-item.has-submenu .submenu{padding:.5rem 0 .5rem 1.875rem;}
.compensation-section .compesation-item:not(:first-child) .line{height:calc(100% + 5rem);}


/* Department */
.department-accordion .accordion-item .accordion-header{
  padding:1.75rem; display:flex; align-items:center; justify-content:space-between;
}
.department-accordion .accordion-item .accordion-body{display:none;}
.department-accordion .accordion-item{border-bottom:1px solid transparent;}
.department-accordion .accordion-item .accordion-list .dot{
  width:.5rem; height:.5rem; border-radius:50%; border:1px solid transparent;
}
.department-accordion .accordion-item .accordion-list{padding-left:20rem; padding-bottom:1rem;}
.department-accordion .accordion-item .accordion-header .btn-arrow{
  width:2rem; height:2rem; display:flex; align-items:center; justify-content:center;
  border:1px solid transparent; border-radius:50%; cursor:pointer;
}
.department-accordion .accordion-item .accordion-list-item{display:flex; align-items:center;}
.department-accordion .accordion-item .accordion-list-item .title{
  padding-left:.875rem; width:calc(100% - .5rem);
}

.department-accordion .accordion-item .accordion-header .dot{
   width:.5rem; height:.5rem; border-radius:50%; border:1px solid transparent;
}
.department-accordion .accordion-item .accordion-header .title{padding-left:.875rem;}
.department-accordion .accordion-item:last-child{border-bottom:0;}

@media screen and (max-width:991.98px){
  .department-accordion .accordion-item .accordion-list{padding-left:5rem;}
}
@media screen and (max-width:490.98px){
  .department-accordion .accordion-item .accordion-list{padding-left:2rem;}
}


/* E-book */
.ebook-container{
  border-radius:.375rem; box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 8px;
  border:1px solid transparent;  overflow:hidden;
}
.ebook-container canvas{border-radius:.375rem;}
.ebook-container .df-ui-controls{
  width:calc(100% + .5rem); bottom:0; border-radius:0; 
  justify-content:center; align-items:center; border-top:1px solid transparent!important;
}
.ebook-container .df-container > .df-ui-next, 
.ebook-container .df-container > .df-ui-prev{
  opacity:1; transition:opacity .25s;
}
.ebook-container .df-container > .df-ui-next:hover, 
.ebook-container .df-container > .df-ui-prev:hover{opacity:.8;}
.ebook-container .more-container > .df-ui-btn:first-child{border-radius:.3125rem .3125rem 0 0;}


/* Intro */
.intro-01 .intro-top{position:relative; padding:3rem 1.25rem 1.25rem 1.25rem;}
.intro-01 .pattern-01{
  position:absolute; top:0; left:1.25rem; display:block; 
  max-width:100%; width:auto; max-height:100%; height:7rem; 
}
.intro-01 .pattern-02{
  position:absolute; bottom:-1.5rem; left:17rem; display:block; 
  max-width:100%; width:auto; max-height:100%; height:7rem; 
}
.intro-01 .pattern-03{
  position:absolute; top:0; right:1.25rem; display:block; 
  max-width:100%; width:auto; max-height:100%; height:6rem; 
}
.intro-01 .pattern-04{
  position:absolute; bottom:-1.9375rem; right:17rem; display:block; 
  max-width:100%; width:auto; max-height:100%; height:8.25rem; 
}
.intro .banner-01 .swiper-slide .wrapper{min-height:unset;}
.intro-01 .intro-top>.wrapper{display:flex; align-items:center; justify-content:center;}
.intro-01 .intro-top>.wrapper .logo img{
  display:block; max-width:100%; width:auto; max-height:100%; height:4.75rem;
}
.intro-01 .intro-top>.wrapper .text-container{padding-left:1.25rem;}
.intro-01 .intro-bottom{padding:0 0 0 0; height:calc(100vh - 18rem);}
.intro-01 .intro-bottom>.wrapper{
  position:relative;
  padding:1.25rem 0 1.75rem 0; height:16.5rem;
}
.intro-01 .intro-bottom>.wrapper .img-bg{
  position:absolute; top:0; left:0; right:0; bottom:0;
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.intro-01 .intro-bottom .banner-01{height:calc(100% - 16.5rem);}
.intro-01 .intro-bottom .banner-01 .swiper-container{height:100%;}
.intro-01 .intro-footer{height:9rem;}
.intro-01 .intro-footer>.wrapper{
  display:flex;  align-items:center; flex-direction:column;
  justify-content:center; height:100%;
}
.intro-01 .intro-footer>.wrapper .social-options .social-wrapper .social{
  width:2.5rem; height:2.5rem; border-radius:50%; display:flex;
  align-items:center; justify-content:center;
}
.intro-01 .banner-01 .swiper-slide .wrapper{height:100%;}
.intro-01 .intro-footer>.wrapper .social-options .social-wrapper .social svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
.intro-01 .intro-footer>.wrapper>.wrapper{display:flex; align-items:center; justify-content:end;}
.intro-01 .intro-footer>.wrapper .social-wrapper{flex-wrap:wrap;}
.intro-01 .intro-footer .options{display:flex; align-items:center;}
.intro-01 .intro-footer>.wrapper .social-wrapper{display:flex; align-items:center;}
.intro-01 .intro-footer>.wrapper .social-wrapper .social{
  margin:.25rem .25rem; transition: opacity .25s; border:1px solid transparent;
}
@media screen and (max-width:1299.98px){
  .intro-01 .intro-top{padding:1.5rem 1.25rem 1.5rem 1.25rem;}
  .intro-01 .intro-bottom{padding:0 0 0 0; height:100%;}
  .intro-01 .intro-bottom>.wrapper{height:100%;}
}
@media screen and (max-width:991.98px){
   .intro-01 .ss-card-07 .pattern{height:8rem;}
}
@media screen and (max-width:767.98px){
   .intro-01 .intro-footer>.wrapper .social-options .social-wrapper .social{width:2rem; height:2rem;}
   .intro-01 .intro-footer>.wrapper .social-options .social-wrapper .social svg{height:.75rem;}
   .intro-01 .ss-card-07 .pattern-background{left:-8rem;}
}
@media screen and (max-width:767.98px){
   .intro-01 .intro-footer>.wrapper .social-wrapper{justify-content:center;}
   .intro-01 .intro-footer>.wrapper{padding:1rem 1rem;}
  .intro-01 .intro-footer{height:auto;}
}
@media screen and (max-width:490.98px){
   .intro-01 .intro-bottom .banner-01 .wrapper{min-height:10rem;}
}
@media screen and (max-width:390.98px){
   .intro-01 .intro-bottom .banner-01 .wrapper{min-height:10rem;}
}



/* Mission List */
.mission-lists{max-width:50rem; margin:0 auto;}
.mission-lists .mission-item{display:flex; align-items:center; padding:.875rem;}
.mission-lists .mission-item .number{
  position:relative; min-width:3.5rem; display:flex; align-items:center; justify-content:center;
}
.mission-lists .mission-item .number:before{
  content:''; position:absolute; top:.5rem; right:0; width:2px; height:1.75rem;
  background:#1D78E7;
}
.mission-lists .mission-item .text{padding-left:1rem;}

.mission-lists.style-02 .mission-item .number:before{display:none;}
.mission-lists.style-02 .mission-item{border-bottom:1px solid transparent; min-height:8.5rem;}
.mission-lists.style-02 .mission-item{border-color:#D8D8D8;}


/* Faq 01 */
.faq-01 .content table.table.table-download.table-02 tr{transition:border-radius .25s; cursor:pointer;}
.faq-01 .content.active table.table.table-download.table-02 tr{border-radius:var(--bradius) var(--bradius) 0  0;}
.faq-01 .content.active .table tr .arrow-icon{transform:translate(0, 0);}
.faq-01 .answer{display:none; padding:3rem 3rem; border-radius:0  0 var(--bradius) var(--bradius);}
@media screen and (max-width:575.98px){
  .faq-01 .answer{padding:1rem 1rem;}
}


/* Faq 02 */
.faq-02 .content table.table.table-05 tr{transition:border-radius .25s;}
.faq-02 .content.active .table tr .arrow-icon{transform:translate(0, 0);}
.faq-02 .content.active table.table.table-05 tr svg path{transition:fill .25s;}
.faq-02 .answer{display:none; padding:3rem 3rem;}
@media screen and (max-width:575.98px){
  .faq-02 .answer{padding:1rem 1rem;}
}


.faq-02.hilight .answer{border-radius:0 0 .75rem .75rem; margin-top:-.75rem;}


/* Faq 03 */
.faq-03 .content table.table.table-06 tr{transition:border-radius .25s;}
.faq-03 .content.active .table tr .arrow-icon{transform:translate(0, 0);}
.faq-03 .content.active table.table.table-06 tr svg path{transition:fill .25s;}
.faq-03 .answer{display:none; padding:1rem 1rem;}
@media screen and (max-width:575.98px){
  .faq-03 .answer{padding:1rem 1rem;}
}


/* Faq 04 */
.faq-04 .content table.table.table-06 tr{transition:border-radius .25s;}
.faq-04 .content.active .table tr .arrow-icon{transform:translate(0, 0);}
.faq-04 .content.active table.table.table-06 tr svg path{transition:fill .25s;}
.faq-04 .answer{display:none; padding:1rem 1rem;}
.faq-04 .law-file-lists .wrapper{display:flex; align-items:center;}
.faq-04 .law-file-lists .law-file-item{
  border:1px solid transparent; padding:.75rem; border-radius:.5rem;
  transition:background .25s, border .25s; display:block;
}
.faq-04 .law-file-lists .law-file-item .text-container{padding-left:.75rem;}
.faq-04 .law-file-lists .law-file-wrapper{
  display:flex; align-items:center; 
  justify-content:space-between; flex-wrap:wrap;
}
.faq-04 .law-file-lists .law-file-wrapper .law-stats, 
.faq-04 .law-file-lists .law-file-wrapper .law-stat{display:flex; align-items:center;}
.faq-04 .law-file-lists .law-file-wrapper .law-stat:not(:first-child){margin-left:1.25rem;}
@media screen and (max-width:575.98px){
  .faq-04 .answer{padding:1rem 1rem;}
}


/* Form Accordion */
.form-accordion > .content{margin-top:.5rem; }
.form-accordion .grids > .grid{margin-top:0;}
.form-accordion > .content.active{border-bottom:1px solid transparent;}
.form-accordion  > .content .text-container .title{font-weight:400;}
.form-accordion  > .content > .wrapper{
  display:flex; justify-content:space-between; transition:background .25s; cursor:pointer;
  padding:.75rem 1rem; border-radius:.375rem .375rem 0 0; border-bottom:1px solid transparent;
}
.form-accordion > .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
}
.form-accordion > .content.active .chevron-wrapper .icon{transform:rotate(180deg);}
.form-accordion .answer{
  position:relative; display:none; padding:1rem; max-height:32rem; overflow-y:auto;
  box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 8px; border-radius:0 0 .375rem .375rem;
  border:1px solid transparent;
}
.form-accordion > .content > .wrapper .text-container{display:flex; align-items:center;}
.form-accordion > .content > .wrapper .text-container .icon{
  width:1.375rem; height:1.375rem; display:flex; align-items:center;
}
.form-accordion > .content > .wrapper .text-container .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
@media screen and (max-width:991.98px){
  .form-accordion > .content .title{font-size:1rem;}
  .form-accordion > .content > .wrapper, .form-accordion .answer{padding:1rem;}
}


/* Used in conjunction with breacrumb */
.section-mt-nagative{margin-top:-5rem!important; height:calc(100% + 5rem);}


/* Section Line */
.section-line{position:relative;}
/* .section-line::before{
  content:''; position:absolute; width:.0625rem; background:#D2D1D1; top:-10rem; bottom:0; left:.0375rem;
  z-index:1; height:calc(100% + 120vh);
} */


/* Section 01 */
.section-01{position:relative; z-index:5;}
.section-01 .ss-box{position: relative; z-index:3;}
.section-01 .container{z-index:3;}
.section-01 .swiper{border-radius:1.5rem; overflow:hidden; z-index:3;}
.section-01 .img-bg{
  position:absolute; top:0; right:0; bottom:0; left:0; pointer-events:none;
  background-size:cover; background-position:left; background-repeat:no-repeat;
}
.section-01 .filter{
  position:absolute; top:0; left:0; right:0; height:calc(100% - 2rem); z-index:2;
  pointer-events:none;
}
.section-01 .box-content{border-radius:1rem; overflow:hidden; padding:5rem 3rem;}
.section-01 .swiper-pagination-bullets {
  border-radius: .9375rem;  left:50%; bottom:-2.75rem;
  width: auto;
  padding:.125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
}
.section-01 .swiper-pagination-bullet {
  background:none!important; width:1rem;
  height:1rem; opacity:1; margin:0 .3125rem!important ;
  padding:0; width:.625rem; height:.625rem;
}
.section-01 .swiper-pagination-bullet svg{
  display:block; width:.625rem; height:.625rem;
}
.section-01 .swiper-pagination-bullet svg path  {
  fill: transparent; stroke:#ffffff; transition:fill .25s, stroke .25s;
}
.section-01 .arrows{
  position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; max-width:100%; padding:0 2rem; opacity:1;
  pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
  padding:0 2rem 0 2rem; width:100%; z-index:3;
}
.section-01 .arrows .arrow{
  width:2rem; height:2rem; display:flex; border-radius:50%; transition:opacity .25s; position:relative;
  justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto; z-index:2;
}
.section-01 .arrows .arrow:hover{opacity:.7;}
.section-01 .arrows .arrow::before{
  content:''; width:2.5rem; height:2.5rem; position:absolute; z-index:1;
  opacity:.5; border-radius:50%;
}
.section-01 .pattern{
  position:absolute;  
  display:block; width:100%; max-width:100%; height:auto;
}
.section-01 .pattern.style-01{left:0; right:0; bottom:-28rem;}
.section-01 .pattern.style-02{top:0; right:0; z-index:2;}

.section-01 .swiper-pagination-bullet-active svg path{fill: #ffffff;}
.section-01 .filter-01{z-index:2; opacity:.95;}
.section-01 .swiper-slide{margin-bottom:0;}
@media screen and (max-width:1299.98px){
  .section-01 .arrows{padding:0 1rem 0 1rem;}
}
@media screen and (max-width:1199.98px){
  .section-01 .arrows{bottom:calc(-100% - 3.5rem);}
}
@media screen and (max-width:991.98px){
  .section-01{padding-bottom:4.5rem;}
  .section-01 .arrows{bottom:calc(-100% - 3.9375rem);}
  .section-01 .box-content{padding:4rem 2.5rem;}
}
@media screen and (max-width:767.98px){
  .section-01{padding-bottom:4rem;}
  .section-01.section-download .box-content{padding:4rem 2rem;}
}
@media screen and (max-width:490.98px){
  .section-01.section-download .box-content{padding:4rem 1.5rem;}
}


/* Section 02 */
.section-02 .menu-services .menu-wrapper{
  display:flex; flex-wrap:wrap; width:100%; justify-content:center;
}
.section-02 .menu-services .menu-item{
  width:calc(100% / 7); display:flex; justify-content:center; margin-top:1.3125rem;
  flex-direction: column; align-items:center; text-align:center; height:15rem;
}
.section-02 .menu-services .menu-item .title{position:relative;}
.section-02 .menu-services .menu-item .wrapper{
    position:relative; width:10rem; border-radius: 1.25rem; 
    height:100%; display: flex; justify-content: center; padding:1rem 1rem; transition:all .25s;
    flex-direction:column; align-items:center; 
}
.section-02 .menu-services .menu-item .wrapper .img-bg{
  content:''; position:absolute; top:0; right:0; left:0; bottom:0; border-radius:1.5rem;
  background-size:cover; background-position:center; opacity:0; transition:opacity .25s;
}
.section-02 .menu-services .menu-item .wrapper:hover .img-bg{opacity:.4;}
.section-02 .menu-services .menu-item .wrapper svg path{transition:fill .25s;}
.section-02 .menu-services .menu-item .wrapper:hover svg path{fill:#ffffff;}
.section-02 .menu-services .menu-item .wrapper:hover{
   background: linear-gradient(180deg, #44E3FF 0%, #034CBD 100%);
 
}
.section-02 .menu-services .menu-item .shadow-outer{box-shadow: 0px 4px 20px 0px #00000040;}
.section-02 .menu-services .menu-item .wrapper::after{
  content:''; position:absolute; width:2px; height:8rem; right:calc(100% + 1rem);
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 50%, rgba(217, 217, 217, 0) 100%);
  z-index:5;
}
.section-02 .menu-services .menu-item:nth-child(7) .wrapper::before,
.section-02 .menu-services .menu-item:nth-child(13) .wrapper::before{
  content:''; position:absolute; width:2px; height:8rem; left:calc(100% + 1rem);
  background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 50%, rgba(217, 217, 217, 0) 100%);
  z-index:5;
}
.section-02.mobile-arrows .arrows{
  position:absolute; top:0; left:0; right:0; bottom:0; display:flex; opacity:0;
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.section-02.mobile-arrows .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:none; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
}
.section-02.mobile-arrows .swiper-expand{
  position: relative; width:calc(100% + 12rem);
  margin:0 -6rem; padding:0 6rem;
}
.section-02.swiper-mobile .arrows{opacity:0;}
@media screen and (max-width:1599.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 6)}
}
@media screen and (max-width:1299.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 5)}
  .section-02 .menu-services .menu-item .wrapper::after{right:calc(100% + 2rem);}
}
@media screen and (max-width:1199.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 4)}
  .section-02 .menu-services .menu-item .wrapper::after{right:calc(100% + 2.5rem);}
}
@media screen and (max-width:991.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 3)}
  .section-02.swiper-mobile .menu-services .menu-item{width:100%;}
  .section-02.swiper-mobile .menu-services{overflow:hidden;}
  .section-02.swiper-mobile .menu-services{padding-bottom:2.875rem;}
  .section-02.swiper-mobile .arrows{
    position:absolute; left:0; bottom:0; right:0; pointer-events:none;
    display:flex; justify-content:center; z-index:2; opacity:1;
  }
  .section-02.swiper-mobile .arrows .arrow{
    pointer-events:all; width:2rem; height:2rem; border-radius:50%;
    display:flex; justify-content:center; align-items:center; margin:.25rem .5rem;
  }
}
@media screen and (max-width:767.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 2)}
  .section-02 .menu-services .menu-item .wrapper::after{right: calc(100% + 3.5rem);}
}
@media screen and (max-width:490.98px){
  .section-02 .menu-services .menu-item{width:calc(100% / 1)}
  .section-02 .menu-services .menu-item .wrapper::before{
    content:''; position:absolute; width:2px; height:8rem; left:calc(100% + 3rem);
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 50%, rgba(217, 217, 217, 0) 100%);
    z-index:5;
  }
  .section-02.mobile-arrows .arrows{opacity:1;}
  .section-02.mobile-arrows .arrows > .arrow{pointer-events:auto;}
}


/* Section 03 */
.section-03{position:relative; padding-bottom:5rem;}
.section-03 .filter{
  content:''; position:absolute; top:0; left:0; right:0; height:40rem;
  opacity:.95; z-index:2;
}
.section-03 .pattern-01{
  position:absolute; bottom:0; right:0; left:0; z-index:4;
  display:block; max-width:100%; width:100%; max-height:100%; height:auto;
}
.section-03 .filter{background:#E3E9FF;}
.section-03 .detail-options{
  display:flex; align-items:center; justify-content:space-between;
}
.section-03 .social-options{width:100%;}
.section-03 .pattern{
  position:absolute; display:block; width:100%;
  max-width:100%; height:auto; left:0; right:0;
  top:0; 
}
.section-03 .pattern.style-02{top:unset; bottom:0;}
.section-03 .body-content{position:relative; z-index:3;}
.section-03 .panel-left{position:relative; padding:2rem 1.5rem; z-index:5;}
.section-03 .panel-right{position:relative; padding-left:1.25rem; z-index:4;}
.section-03 .panel-right .pattern{
  position:absolute; display:block; max-width:100%; width:auto; max-height:100%;
  height:5.5rem; pointer-events:none;
}
.section-03 .social-options .social-wrapper .social{
  position:relative; width:2.5rem; height:2.5rem; border-radius:50%; display:flex;
  align-items:center; justify-content:center;
}
.section-03 .social-options .social-wrapper .social .copy-tooltip{
  position:absolute; bottom:calc(100% + 1rem); left:0; min-width:7rem; left:-50%; padding:.25rem;
  display:flex; justify-content:center; transform:translateX(-14%); border-radius:1000em;
}
.section-03 .social-options .social-wrapper .social.active .copy-tooltip{opacity:1;}
.section-03 .social-options .social-wrapper .social .copy-tooltip{opacity:0; transition:opacity .25s;}
.section-03 .social-options .social-wrapper .social .copy-tooltip>.wrapper{position:relative;}
.section-03 .social-options .social-wrapper .social .copy-tooltip>.wrapper::before{
  content:''; position:absolute; top:calc(100% - .125rem); transform:translateX(-50%) rotate(45deg); left:50%; 
  width:.75rem; height:.75rem; 
}
.section-03 .social-options .social-wrapper .social svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
.section-03 .panel-right .pattern.style-01{opacity:.2; top:-1.7rem;}
.section-03 .panel-right .pattern.style-02{opacity:.2; top:-3rem; left:13rem; height:11rem;}
.section-03 .social-options>.wrapper{display:flex; align-items:center; justify-content:end;}
.section-03 .social-options .social-wrapper{flex-wrap:wrap;}
.section-03  .options{display:flex; align-items:center;}
.section-03 .social-options .social-wrapper{display:flex; align-items:center;}
.section-03 .social-options .social-wrapper .social{
  margin:.25rem .25rem; transition: opacity .25s; border:1px solid transparent;
}
.section-03  .options .option svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:1rem;
}
.section-03 .youtube-player{width:100%; min-height:35rem;}

.section-03 .arrows{
  position:absolute;  top:0; bottom:0; left:0; right:0; z-index:2; max-width:100%; padding:0; opacity:1;
  pointer-events:none; display:flex; align-items:center; justify-content:space-between; transition:opacity .25s;
  padding:0 2rem 0 2rem; width:100%;
}
.section-03 .arrows .arrow{
  width:2.5rem; height:2.5rem; display:flex; border-radius:50%; transition:opacity .25s; position:relative;
  justify-content:center; align-items:center; font-size:.75rem; pointer-events:auto; z-index:2;
}
.section-03 .arrows .arrow:hover{opacity:.7;}
.section-03 .arrows .arrow::before{
  content:''; width:2.75rem; height:2.75rem; position:absolute; z-index:1;
  opacity:.5; border-radius:50%;
}
.section-03 .arrows .arrow svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:.875rem;
}
@media screen and (max-width:991.98px){
  .section-03 .detail-options{flex-wrap:wrap;}
  .section-03 .detail-options .social-options{margin-top:.75rem;}
}
@media screen and (max-width:767.98px){
  .section-03 .social-options>.wrapper{justify-content:start;}
}

@media screen and (max-width:991.98px){
  .section-03 .swiper-slide.tab:not(.has-submenu){width:max-content;}
  .section-03 .swiper-slide.tab.has-menu{width:auto}
}


/* Section 04 */
.section-04 .body{
  padding:2.5rem; border-radius:1.4375rem; margin-top:-1.75rem;
  position:relative; z-index:2; border:1px solid transparent;
}
@media screen and (max-width:490.98px){
  .section-04 .body{padding:2rem;}
  .section-04 .body table.table.table-download.table-02 tr > td.text-container{padding:1rem 1rem 1rem 1rem;}
  .section-04 table.table.table-download.table-02 tr > td.button-container{width:1rem;}
  .section-04 table.table.table-download.table-02 tr > td.text-container{width:calc(100% - 1rem);}
}


/* Section 05 */
.section-05{position:relative;}
.section-05 .swiper-pagination.swiper-pagination-bullets {
  border-radius:.9375rem; left:50%; bottom: -2.75rem;
  width:auto; padding: .125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
}
.section-05 .pattern{
  position:absolute; top:0; left:0; right:0; 
  display:block; max-width:100%; width:100%; max-height:100%; height:auto;
}

.section-05 .swiper-vertical .swiper-slide{height:auto; overflow:hidden;}
.section-05 .swiper-vertical .swiper-slide .ss-card,
.section-05 .swiper-vertical .swiper-slide .ss-img{height:100%;}

.section-05 .swiper-pagination .swiper-pagination-bullet{
  background:none!important; width:1rem; height:1rem; opacity:1; margin:0 .3125rem!important ;
  padding:0; width:.625rem; height:.625rem;
}

.section-05 .swiper-vertical{position:relative; height:400px; overflow:hidden;}
.section-05 .swiper-vertical .swiper-pagination-02.swiper-pagination-bullets{
    border-radius:.9375rem; left:50%; bottom: -2.75rem;
  width:auto; padding: .125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
} 
 .section-05 .swiper-vertical .swiper-pagination-02.swiper-pagination-bullets .swiper-pagination-bullet {
 background:none!important; width:1rem; height:1rem; opacity:1; margin:0 .3125rem!important ;
  padding:0; width:.625rem; height:.625rem;
}
@media screen and (max-width:767.98px){
  .section-05 .swiper-pagination-bullets{bottom:-1.5rem;}
  .section-05 .swiper-vertical{margin-top:2.875rem;}
}


/* Section 06 */
.section-06 .swiper-slide .ss-card{transition:transform .25s; transform:scale(.89);}
.section-06 .swiper-slide.swiper-slide-active .ss-card{transform:scale(1);}
.section-06 .swiper-expand{
  position:relative; width: calc(100% + 12rem);
  margin: 0 -6rem; padding: 0 6rem;
}
.section-06 .swiper-expand .arrows{
  position: absolute; top:0; right:0;
  bottom:0; left:0; z-index:2; pointer-events:none;
  display:flex; align-items:center; justify-content: space-between;
  padding: 0 2rem;
}
.section-06 .swiper-expand .arrows .arrow{
  pointer-events:all; width:2.25rem; height:2.25rem;
  border-radius:50%; display:flex; justify-content:center;
  align-items:center; color: #ffffff; transition: background .25s, opacity .25s;
  background: rgba(0, 0, 0, 0.5);
}
.section-06 .swiper-expand .arrows .arrow:hover{opacity:.85;}
@media screen and (max-width:575.98px){
  .section-06 .swiper-expand{padding:0 8rem;}
  .section-06 .swiper-expand .arrows{padding:0 5.5rem;}
}


/* Section 07 */
.section-07 .content{padding:1.5rem 1rem; border-radius:0 0 1rem 1rem; overflow:hidden;}
.section-07 .content .wrapper .grids{position:relative; z-index:3;}
.section-07 .filter-01{opacity:.95; z-index:2;}
.section-07 .map-container{
  display:flex; justify-content:center; border-radius:1rem; overflow:hidden;
}
.section-07 .map-container iframe{border-radius:1.5rem;}
.section-07 .pattern{
  position:absolute; left:0; bottom:-11rem; 
  display:block; max-width:100%; width:100%; max-height:100%; height:100%;
}
.section-07 .pattern-02{
  position:absolute; top:0; left:0; right:0; 
  display:block; width:100%; height:auto; z-index:2;
}


/* Section 08 */
.section-08{position:relative;}
.section-08 .pattern-style-01{
  position:absolute; top:0; left:0; display:block; width:100%; height:100%;
}
.section-08 .pattern-style-02{
  position:absolute; left:0; bottom:0; display:block; width:100%; height:auto;
}
.section-08 .social-options{width:unset;}


/* Section 10 */
.section-10 .menu-services .menu-wrapper{
  display:flex; flex-wrap:wrap; width:100%; justify-content:center;
}
.section-10 .menu-services .menu-item{
  width:calc(100% / 7); display:flex; justify-content:center; margin-top:1.3125rem;
  flex-direction: column; align-items:center; text-align:center;
}
.section-10 .menu-services .menu-item .title{position:relative;}
.section-10 .menu-services .menu-item .wrapper{
    position:relative; width:12rem; height:12rem;
    height:100%; display: flex; justify-content: center; padding:1rem 1rem; transition:all .25s;
    flex-direction:column; align-items:center; 
}
.section-10 .menu-services .menu-item .wrapper:hover .img-bg{opacity:.4;}
.section-10 .menu-services .menu-item .wrapper svg path{transition:fill .25s;}
.section-10 .menu-services .menu-item .shadow-outer{box-shadow: 0px 4px 20px 0px #00000040;}

.section-10 .menu-services.template-3 .menu-item{border-radius:1.5rem; overflow:hidden;}
.section-10.mobile-arrows .arrows{
  position:absolute; top:0; left:0; right:0; bottom:0; display:flex; opacity:0;
  justify-content:space-between; align-items:center; z-index:2; pointer-events:none;
}
.section-10.mobile-arrows .arrows > .arrow{
  position:relative; font-size:1.25rem; border-radius:50%; z-index:3; width:2.5rem; height:2.5rem;
  transition:color .25s, opacity .25s; cursor:pointer; pointer-events:none; 
  display:flex; justify-content:center; align-items:center; margin:0 .5rem;
}
.section-10.mobile-arrows .swiper-expand{
  position: relative; width:calc(100% + 12rem);
  margin:0 -6rem; padding:0 6rem;
}
.section-10.swiper-mobile .arrows{opacity:0;}
@media screen and (max-width:1599.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 6)}
}
@media screen and (max-width:1299.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 5)}
  .section-10 .menu-services .menu-item .wrapper::after{right:calc(100% + 2rem);}
}
@media screen and (max-width:1199.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 4)}
  .section-10 .menu-services .menu-item .wrapper::after{right:calc(100% + 2.5rem);}
}
@media screen and (max-width:991.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 3)}
  .section-10.swiper-mobile .menu-services .menu-item{width:100%;}
  .section-10.swiper-mobile .menu-services{overflow:hidden;}
  .section-10.swiper-mobile .menu-services{padding-bottom:2.875rem;}
  .section-10.swiper-mobile .arrows{
    position:absolute; left:0; bottom:0; right:0; pointer-events:none;
    display:flex; justify-content:center; z-index:2; opacity:1;
  }
  .section-10.swiper-mobile .arrows .arrow{
    pointer-events:all; width:2rem; height:2rem; border-radius:50%;
    display:flex; justify-content:center; align-items:center; margin:.25rem .5rem;
  }
  .section-10.swiper-mobile .menu-services .menu-item .wrapper::after {
    content: ''; position:absolute; width:2px; height:8rem;
    right:calc(100% + 1rem); background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 50%, rgba(217, 217, 217, 0) 100%);
    z-index: 5;
}
  .section-10.swiper-mobile .menu-services .menu-item .wrapper::before{left: calc(100% + 1rem);}
}
@media screen and (max-width:767.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 2)}
  .section-10 .menu-services .menu-item .wrapper::after{right: calc(100% + 3.5rem);}
}
@media screen and (max-width:490.98px){
  .section-10 .menu-services .menu-item{width:calc(100% / 1)}
  .section-10 .menu-services .menu-item .wrapper::before{
    content:''; position:absolute; width:2px; height:8rem; left:calc(100% + 3rem);
    background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #D9D9D9 50%, rgba(217, 217, 217, 0) 100%);
    z-index:5;
  }
}


/* Section 11 */
.section-11{position:relative;}
.section-11 .img-bg{
  position:absolute; top:0; right:0; left:0; bottom:0;
  background-size:cover; background-position:center; 
}
.section-11 .background-overlay{
  position:absolute; top:0; right:0; left:0; bottom:0;
}


/* Section 12 */
.section-12{position:relative;}
.section-12 .swiper-pagination-bullets{
  left:50%; bottom:-1.5rem;
  width:auto; padding: .125rem .625rem; transform:translateX(-50%);
  display:flex; align-items:center;
}
.section-12 .swiper-pagination-bullet {
  background:none!important; border-radius:unset;
  opacity:1; margin:0 .3125rem!important ;
  padding:0; width:3rem; height:3px;
}
.section-12.template-3 .swiper-pagination-bullet{
  width:.5rem; height:.5rem; border-radius:50%; transition:width .25s ease;
}
.section-12.template-3 .swiper-pagination-bullet-active{width:.875rem; width:1.5rem; border-radius:.5rem;}
.section-12.template-3 .swiper-pagination-bullets{bottom:-.5rem;}
@media screen and (max-width:767.98px){
  .section-12 .swiper-pagination-bullets{bottom:-1.5rem;}
}


/* Section 14 */
.section-14 .box-content.template-3{padding:.875rem; border-radius:.875rem;}


/* Pagination */
.paginate{display:flex; align-items: center;}
.paginate .pages{display:flex; align-items: center; margin: 0 .0625rem;}
.paginate .page{
    display:block; border:0; width:2.25rem; height:2.25rem;
    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; border-radius:50%;
    text-align:center; transition: background .25s, color .25s, opacity .25s;
    border:1px solid transparent;
}


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

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


/* 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% / 4); 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;}
.sitemap-01 .compensation-section .compesation-item .dot::before{display:none;}

.sitemap-01 .compensation-section .compesation-item .title{font-weight:400;}
.sitemap-01 .compensation-lists{position:relative;}
.sitemap-01 .compensation-lists::before{
  content:''; position:absolute; top:0; left:.4375rem; width:.1rem; bottom:0;
}
.sitemap-01 .compensation-lists .submenu{position:relative;}
.sitemap-01 .compensation-lists .submenu .title{padding-left:1.25rem; display:block;}
.sitemap-01 .compensation-lists .dot-sub{
  width:.625rem; height:.625rem; border-radius:50%; border:1px solid transparent;
  position:absolute; margin-right:.875rem; transition: background .25s; top:1rem;
}

.sitemap-01 .compensation-section .compesation-item{position:relative;}
.sitemap-01 .compensation-section .compesation-item::before{
  content:''; position:absolute; top:0; left:.4375rem; bottom:0; width:.1rem;
  height:calc(100% + 1.125rem);
}
.sitemap-01 .compensation-section .compesation-item.no-line::before{display:none;}
.sitemap-01 .compensation-section .compesation-item::before{background:#c7dcff;}
/* .sitemap-01 .compensation-lists::before{background:#c7dcff;} */
@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%;}
}


/* Tab 01 */
.tabs-01 .tab .menu{
  position:relative; display:flex; align-items:center; padding:.875rem; 
  border-radius:.5rem; font-weight:400; overflow:hidden;
}
.tabs-01 .tab .menu .icon{display:flex; align-items:center; margin-right:1rem;}
.tabs-01 .tab .menu .dropdown-icon{
  position:absolute; top:1rem; right:2rem; transition:transform .25s;
}
.tabs-01 .tab .submenu{transition:color .25;}
.tabs-01 .tab.active .menu .dropdown-icon{transform:rotate(180deg);}

.tabs-01.template-3 .tab .menu{padding:.75rem 2rem; border-radius:1000em; transition:background .25s;}
.tabs.tabs-01.template-3 .tab .menu svg path{transition:fill .25s;}

/* Tab 02 */
.tabs-02{display:flex; justify-content:space-between;}
.tabs-02 .tab{height:7rem; border:1px solid transparent;}
.tabs-02 .tab .wrapper{display:flex; align-items:center;}
.tabs-02 .tab{width:calc(100% / 6 + 2rem)!important; padding:1rem; border-radius:2rem 2rem 0  0;}
/* .tabs-02 .tab:nth-child(2){margin:0 1rem;} */
.tabs-02 .tab .title{font-weight:400; font-size:1.125rem;}
.tabs-02 .tab .icon{
  width:2.5rem; height:2.5rem; display:flex; margin-right:1rem;
  align-items:center; justify-content:center;
}
.tabs-02 .tab .icon svg{
  display:block; max-width:100%; width:auto; max-height:100%; height:2.5rem;
}
@media screen and (max-width:991.98px){
  .tabs-02{flex-wrap:wrap;} 
  .tabs-02 .tab{width:calc(100% / 2)!important; height:auto;}
  .tabs-02 .tab:last-child{width:100%!important; border-radius:0 0 0 0; height:7rem;}
  .tabs-02 .tab:nth-child(3),  .tabs-02 .tab:nth-child(4) {border-radius:0 0 0 0;}
}
@media screen and (max-width:767.98px){
  .tabs-02{flex-wrap:wrap;}
  .tabs-02 .tab{width:100%!important;}
  .tabs-02 .tab:nth-child(1), .tabs-02 .tab:nth-child(2){height:auto;}
  .tabs-02 .tab:nth-child(2){margin:0 0;}
  .tabs-02 .tab:nth-child(2), .tabs-02 .tab:nth-child(3){border-radius:0 0 0  0; }
}


/* Tab 03 */
.tabs-03 .tab .menu{
  position:relative; display:flex; align-items:center; padding:.875rem; 
  font-weight:400; overflow:hidden;
}
.tabs-03 .tab:not(:first-child) .menu{border-top:1px solid transparent;}
.tabs-03 .tab .menu .menu-pattern{
  display:block; max-width:100%; width:4rem; max-height:100%; 
  position:absolute; left:0; top:0; bottom:0; height:100%; 
  transition:transform .25s; transform:translateX(-7rem);
}
.tabs-03 .tab .menu.active .menu-pattern,
.tabs-03 .tab .menu:hover .menu-pattern{transform:translateX(0);}
.tabs-03 .tab .menu .menu-pattern svg{display:block; height:100%;}
.tabs-03 .tab .menu .icon{
  display:flex; align-items:center; z-index:2; width:3rem; 
  height:3rem; justify-content:center;
}
.tabs-03 .tab .menu .icon svg{
  display:block; width:auto; height:2.25rem;
}
.tabs-03 .tab .menu .dropdown-icon{
  position:absolute; top:1rem; right:2rem; transition:transform .25s;
}
.tabs-03 .tab .submenu{transition:color .25;}
.tabs-03 .tab.active .menu .dropdown-icon{transform:rotate(180deg);}
.tabs-03 .tab .menu .text-container{padding-left:3rem;}


/* Tab Selector */
.tab-selector{margin: .5rem 0;}
.tab-selector .wrapper{display:flex;}
.tab-selector input[type="radio"], .tab-selector input[type="checkbox"]{display:none;}
.tab-selector .checkmark{
  width:1.25rem; height:1.25rem; transition:background .25s, border .25s;
  display:block; border-radius:.25rem; border:1px solid transparent; cursor:pointer;
}
.tab-selector input[type="radio"]:checked + .checkmark::after, 
.tab-selector input[type="checkbox"]:checked + .checkmark::after {
  content: ""; position:absolute; left:7px; top:10px; width:4px;
  height:10px; border: solid #ffffff; border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
@media screen and (max-width:991.98px){
  .tab-selector{margin:.5rem 1rem .5rem 0;}
}


/* Member Section */
.member-01 .main-content{width:calc(100% - 24.5rem); margin:0 0 0 auto;}
.member-01 .member-content-wrapper{padding:2rem;  max-height: calc(100vh - 18rem); overflow-y:auto;}
.member-01 .member-content-wrapper .ss-box{max-width:60rem; margin:0 0;}
.member-01 .member-content-wrapper .cancel-form{
  border:1px solid transparent; border-radius:.75rem; padding:1.5rem;
}
.member-01 .member-content-wrapper .upload-wrapper{display:flex;}
@media screen and (max-width:991.98px){
  .member-01 .main-content{width:100%; margin:unset;}
}
@media screen and (max-width:575.98px){
  .member-01 .main-content{width:100%; margin:unset;}
  .member-01 .member-content-wrapper .upload-wrapper{flex-direction:column;}
  .member-01 .member-content-wrapper .upload-wrapper .mr-6{display:none;}
  .member-01 .member-content-wrapper .upload-wrapper .text-container{text-align:center; margin-top:1rem;}
}