:root{
  --bs-border-radius:26px;
  --swiper-case-btn-size:72px;
  --swiper-pagination-bullet-inactive-color:#E8E0D5;
}

/* 针对1024px及以上设备 */
@media screen and (min-width: 1024px) {
  .swiper-index-banner .swiper-slide {
        height: clamp(400px, 44.6vw, 857px) !important;
      }
}
.swiper-button-prev::after{color: rgba(0, 0, 0, 0);background-image: url(/static/img/index/next-btn.svg) !important;background-repeat: no-repeat;background-position: center center;}
.swiper-button-next::after{color: rgba(0, 0, 0, 0);background-image: url(/static/img/index/prev-btn.svg) !important;background-repeat: no-repeat;background-position: center center; }
.swiper-index-banner .swiper-wrapper .swiper-slide .banner-btn{max-width: 320px;max-height: 97px;border-radius: 97px; display: flex;align-items: center;justify-content: space-between;}
.swiper-index-banner .swiper-wrapper .swiper-slide .banner-icon{background:rgba(255, 255, 255, 0.20);border-radius: 50%;}
.swiper-index-banner .swiper-wrapper .swiper-slide .banner-icon img{max-width: 46px;width: 100%;display: block;}
/* section one */
.section-overview h2.font-heading{position: relative;}
.section-overview .container-sm{max-width: 1242px;}
.section-overview h2.font-heading::before{position: absolute;content: ''; left: 0;right: unset; bottom: -20px;width: 2em;height: 2px;background-color:  var(--Brand-Blue, #005BAB);}
.section-overview{position: relative;overflow: hidden;  background-image: url(/static/img/index/section-overview-bgline.svg); background-repeat: no-repeat; background-position: right 0 bottom -20%;}
/* section two */
.section-highlights{background-color: var(--Grand-Grey);    background-image: url(/static/img/index/section-highlights-bgline.svg); background-repeat: no-repeat; background-position: left 2% bottom -10%;}
h2.font-heading{position: relative;}
h2.font-heading::before{position: absolute;content: ''; left: 0;right: 0;margin: auto; bottom: -20px;width: 2em;height: 2px;background-color:  var(--Brand-Blue, #005BAB);}
h2.font-heading.line-right::before{right: unset;}
h2.text-white.font-heading::before{background-color: #fff;}
.section-highlights .text-secondary{max-width: 740px;margin: auto;}
.section-highlights .rounded{box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;}
/* section three */
.section-case{background: var(--Grand-Turquoise, #2EA6A6);}
.section-case-list>div>span:first-child{position: relative;}
.section-case-list>div>span:last-child::before,.section-case-list>div>span:last-child::after{display: none;}
.section-case-list>div>span::after{position: absolute;content: '';width: 60px;height: 9px;top: 0;right: -30px;background-color:  var(--Grand-Turquoise);border-radius: 10px;z-index: 0;}
.section-case-list>div>span::before{position: absolute;content: '';width: 9px;height:40px ;top: 20px;right: -30px;background-color:  var(--Grand-Turquoise);border-radius: 10px;z-index: 0;}
.section-case-list>div{position: relative;}
.section-case-list>div::before{position: absolute;content: '';width: 1px;height: 229px;top: 0;right:0;bottom: 0;margin: auto;background-color:#E8E0D5;}
.section-case-list>div::after{position: absolute;content: '';width: 359px;height: 1px;left: 0;right:0;bottom: 0;margin: auto;background-color:#E8E0D5;}
.swiper-case{max-width: 1072px;}
.section-case .section-case-list{margin: auto;}
.section-case  .swiper-case-pagination-box{height: var(--swiper-case-btn-size);display: flex;align-items: stretch;justify-content: space-between;}
.section-case  .swiper-case-pagination-box>div,.section-team .swiper-button-team{position: relative;top: unset;bottom: unset;left: unset;right: unset;margin: auto;padding: 0; display: flex;justify-content: center;align-items: center;}
.section-case .swiper-pagination-case{max-width: calc(100% - 2*var(--swiper-case-btn-size));}
.section-case .swiper-button-case,.section-team .swiper-button-team{width: var(--swiper-case-btn-size);height: var(--swiper-case-btn-size);border-radius: var(--swiper-case-btn-size);background-color: #fff;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);color: var(--Grand-Gold);}
.section-case .swiper-button-case::after,.section-team .swiper-button-team::after{display: none;}
.section-case .swiper-button-case svg,.section-team .swiper-button-team svg{max-width: 18px;max-height: 36px;}
/* section four */
.section-team{background-color: var(--Grand-Navy);background-image: url('/static/img/index/index_scteam_bg.svg');background-repeat: no-repeat;background-position: right 1% bottom -20%;}
.section-team .container-sm{max-width: 1072px;}
.section-team .team-tab{display: flex;justify-content: space-between;}
.section-team .team-tab .nav-tabs{max-width: 250px;display: block;width: 100%;}
.section-team .team-tab .nav-tabs .nav-link{width: 100%;max-height: 83px;padding: 20px 0; border: 2px solid var(--White, #FFF);border-radius: 10px;margin-bottom: 20px;font-size: 30px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 3px;display: flex;justify-content: center;align-items: center;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);background-color: #fff;}
.section-team .team-tab .nav-tabs .nav-link.active{background-color: var(--Grand-Gold);color: #fff;}
.section-team .team-tab .tab-content{max-width: 720px;width: 100%;}
.section-team .team-tab .card{background: unset;border-radius: unset;color: #fff;border: unset;}
.section-team .team-tab .card-body{padding: 0;}
.section-team .team-tab h2.font-heading::before{right: unset;}
.section-team .team-tab .card-body .card-text{max-width: 686px;text-align: justify;}
.section-team .swiper-button-team{display: inline-flex;margin-right: 17px;}
/* section five */
.section-introduction{background-color: var(--Brand-Blue);background-image: url(/static/img/index/index_introduction_bg.svg);background-repeat: no-repeat;background-position: left  bottom -10%;}
.section-introduction .section-introduction-banner{background-image: url('/static/pic/index/s5_bg.webp');background-repeat: no-repeat;background-position: left center;}
.section-introduction-banner .row{min-height: clamp(300px,25vw,472px);}
.section-introduction .container-sm>.row>div{max-width: 597px;}
.section-introduction .container-sm{max-width: 1260px;}
/* section six */
.section-management_team .container{max-width: 1280px;}
.section-management_team .swiper-button-prev-management_team{left: -20px;}
.section-management_team .swiper-button-next-management_team{right: -20px;}
.swiper-button-prev-management_team,.swiper-button-next-management_team{width: 56px !important;height: 56px !important;border-radius: 56px;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.20);transform: translateY(-120%);} 
.related_organization .nav-tabs{max-width: 250px ;display: flex;flex-flow: column;width: 100%;}
.related_organization .nav-tabs .nav-item{display: flex;height: 80px;border-radius: 10px;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);overflow: hidden;}
.related_organization .nav-tabs .nav-link{width: 100%; display: block;font-size: 30px;font-weight: 700;letter-spacing: 3px;}
.related_organization .nav-tabs .nav-link.active{background-color: var(--Grand-Gold);color: #fff !important;}

/* 移動端樣式 */
@media screen and (max-width: 768px) {
  /* comm */
  img{max-width: 100%;}
  .navbar-brand .logo-brand{max-height: 26px;}
  .footer-logo img{max-width: 67.2vw;}
  .swiper-index-banner .swiper-wrapper .swiper-slide .banner-btn{max-width: 157px;height: 46px;font-size: 15px !important;transform: translateY(50%);}
  .swiper-index-banner .swiper-wrapper .swiper-slide .banner-icon img{max-width: 22px;}
  .swiper-index-banner .swiper-wrapper .swiper-slide{height: 100vw;display: flex;align-items: end;padding-left: 1rem;} 
  .swiper-index-banner{overflow: unset !important;overflow-x: hidden;}
  .swiper-index-banner .swiper-pagination{display: flex;justify-content: end;transform: translateY(-20px);padding-right: 20px;}
  .swiper-index-banner .swiper-pagination .swiper-pagination-bullet{max-width: 20px;height: 2px;}
/* section one */
.section-overview img.img-fluid,.section-overview .col-12.col-md-5 .col-auto{width: 100%;}
.bg-white.rounded .btn-more{max-width: 42vw;font-size: 18px !important;padding: 8px 10px;margin: auto;}
.btn-more svg{max-width: 15px;}
.btn-more{max-width: 42vw;font-size: 18px !important;margin: auto;max-height: 12.8vw;padding: unset;}
.section-highlights .section-highlights-list .d-flex{flex-flow: column;flex-direction: column-reverse;}
.section-highlights .section-highlights-list .d-flex div,.section-highlights .section-highlights-list .d-flex div img{width: 100%;}
.section-highlights .section-highlights-list .d-flex div:first-child{padding: 15px  17.5px!important;}
.section-highlights .section-highlights-list .d-flex div h3{font-size: 18px !important;}
.section-highlights .section-highlights-list .d-flex div p{font-size: 16px !important;}
.section-case .d-flex.align-items-stretch{flex-flow: column;}
.section-team .team-tab{flex-flow: column;}
/* .section-team .nav-tabs{} */


}