.tit{position: relative;text-align: center;margin-bottom: 2%;}
.tit .ftit{font-size: clamp(2rem, 15vw, 120px);-webkit-text-stroke: 1px #11355e;color:transparent;opacity: .2;letter-spacing: 5px; line-height: 1;}
.tit h2{width:100%;position:absolute;top: 50%;transform: translateY(-50%);color: #1b459a;font-size: clamp(1.5rem, 6vw, 50px);font-weight: bold;}
.tit h2 span{color: #f6c43f;}

.common-btn:hover{animation-name:rubberBand;animation-duration: 1s;animation-fill-mode:both;animation-delay: 0s;}
@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

/* sec1 */
.sec1 .video{border-radius: 10px;overflow: hidden;}
.sec1 .video img{width: 100%; height: auto;}
.sec1 .main{display: flex;flex-direction: column;align-items: center;padding: 4% 2%;border-radius: 10px;}
.sec1 .main .svg{top: 10px;transform: translateY(-100%);}
.sec1 .carousel-item .position-relative{padding-top: 20%;}
.sec1 .carousel-item .img{transform: translate(-50%, -70%);width: 70%;left: 50%;max-width: 600px;}
.sec1 .main .big{text-align: center;margin-bottom:clamp(20px, 8%, 40px);}
.sec1 .main .big img{width: 100%;height: auto;}
.sec1 .main .big p{font-size: clamp(1.2em, 2vw, 35px);font-weight: bold;line-height: 2;color: #333;margin-top: 2%;margin-bottom: 0;}
.sec1 .main .big .btn{color: #fff;background-color: #193f7e;}
.sec1 .main .thumb{display: flex;gap: 10px;margin-bottom:clamp(20px, 8%, 40px);}
.sec1 .main .thumb img{width: 100%;height: auto;border-radius: 10px;}
.sec1 .carousel-inner{overflow: unset;}
.sec1 .carousel-indicators{position: unset;margin-left: unset;margin-right: unset;}
.sec1 .carousel-indicators [data-bs-target]{transition: opacity .3s;width: unset;height: unset;margin-right: unset;margin-left: unset;text-indent: unset;background-color: unset;}
.sec1 .carousel-indicators [data-bs-target]:hover{opacity: 1;}
.sec1 .carousel-control-next,.sec1 .carousel-control-prev{align-items: unset;justify-content: unset;}
.sec1 .carousel-control-next{justify-content: end;}
.sec1 .carousel-control-prev-icon{animation: control-prev 1s infinite;}
.sec1 .carousel-control-next-icon{animation: control-next 1s infinite;}
@keyframes control-prev{
    0% {transform:translateX(0)}
    50% {transform:translateX(50%)}
    100%{transform:translateX(0)}
}
@keyframes control-next{
    0% {transform:translateX(0)}
    50% {transform:translateX(-50%)}
    100%{transform:translateX(0)}
}
@media (min-width:768px){
    .sec1 .carousel-item .position-relative{padding-top: 4%;}
    .sec1 .carousel-item .img{transform: translate(-50%, -90%);}
}
/* sec2 */
.sec2{overflow: hidden;}
.sec2 .main{padding: 0 2%;margin-bottom: 8%; position: relative;}
.sec2 .img-item img{width: 100%;height: auto;border-radius: 10px;}
.sec2 .swiper-pagination-bullet{width: 70px;height: 8px;background-color: #fff;border-radius: 4px;}
.sec2 .sec2-thumb{position: absolute;bottom: 60px;width: 100%;left: 0;}
.sec2 .sec2-thumb .swiper-container{width: 200%;transform: translateX(-50%);left: 50%;}
.sec2 .sec2-thumb .swiper-slide{transform: scale(.8);transition: all .3s;overflow: hidden;}
.sec2 .sec2-thumb .item{background-color: #fff;border-radius: 10px;display: flex;align-items: center;padding: 10px 10px 10px 0;}
.sec2 .sec2-thumb .swiper-slide-active,.sec2 .sec2-thumb .swiper-slide-duplicate-active{transform: scale(1);transition: all .3s;}
.sec2 .sec2-thumb .item .img{width: 60%;}
.sec2 .sec2-thumb .item .img img{width: 100%; height: auto;}
.sec2 .sec2-thumb .item .txt{width: 40%;padding-left: 10px;}
.sec2 .sec2-thumb .item h3{font-weight: bold;margin-bottom: 20px;}
.sec2 .sec2-thumb .item a.btn{background-color: #193f7e;color: #fff;}

@media(max-width:576px){
    .sec2 .sec2-thumb .item{position: relative;}
    .sec2 .sec2-thumb .item .img{position: absolute;opacity: .3;left: 0;}
    .sec2 .sec2-thumb .item .txt{width: 100%;position: relative;}
}
@media(min-width:768px){
    .sec2 .main{max-width: 1400px !important;margin: 0 auto;padding-bottom: 20%;}
    .sec2 .swiper-pagination{display: none;}
    .sec2 .sec2-thumb{bottom: 10%;}
    .sec2 .sec2-thumb .item{box-shadow: 0 0 16px rgb(102 102 102 / 23%);transition: background-color .3s;}
    .sec2 .sec2-thumb .item:hover{background-color: #e8ebf2;}
    .sec2 .sec2-thumb .swiper-container{width: 150%;}
    .sec2 .sec2-thumb .swiper-slide{padding: 15px;cursor: pointer;}
}



/* sec3 */
.sec3{padding-bottom:4%}
.sec3 .main{margin: 0 auto;padding: 0 2%;}
.sec3 .item{background: linear-gradient(143deg, #fff, #e6edf8);margin-bottom: 7%;}
.sec3 .item h3{font-weight: bold;line-height: 2;font-size: 1.2rem;}
.sec3 .item h3 span{color: #178e79;font-size: 1.5em;}
.sec3 .item a.btn{background-color: #178e79;color: #fff;}
@media(min-width:768px){
    .sec3 .item:hover{background: linear-gradient(55deg, #31619e, #072854);}
    .sec3 .item:hover h3{color: #fff;}
    .sec3 .item:hover p{color: #fff;}
}

/* sec4 */
.sec4 .main{margin-bottom: 10%;}
.sec4 .item{text-align: center;}
.sec4 .big p.tit{color: #1b459a;font-weight: bold;margin-top: 5%;}
.sec4 .big p.desc{text-align: left;}
.sec4 .carousel-indicators [data-bs-target]{width: unset;height: unset;background-color: unset;text-indent: unset;border: unset;opacity:1;transform: scale(.9);}
.sec4 .item img{width: 100%; height: auto;}
.sec4 .thumb .item{background-color: #f1f3f5;border-radius: 10px; padding: 10px;}
.sec4 .carousel-indicators .active{transform: scale(1);}
.sec4 .carousel-indicators .active .item{background-color: #c6d0d9;}
.sec4 .thumb p{font-weight: bold;}
@media(min-width:768px){
    .sec4 .main{margin-bottom: 0;}
    .sec4 .big .item{position: relative;}
    .sec4 .big .item p.tit{position: absolute;width: 50%;text-align: center;bottom: 7%;transform: scale(1.5);text-shadow: 1px 1px #fff;}
    .sec4 .big .item p.desc{position: absolute;right: 5%;bottom: 10%;width: 45%;text-align: left;color: #fff;font-weight: normal;}
    .sec4 .carousel-indicators{justify-content: space-around;width:42%;margin-left:50%;margin-right: auto;flex-wrap:wrap;bottom:auto;top:50%;transform:translateY(-55%);row-gap: 30px;}
    .sec4 .carousel-indicators [data-bs-target]{width: 45%;}
    .sec4 .thumb .item{padding: 20px 20%;}
}
@media(max-width:767px){
    .sec4{padding: 0 2%;}
    .sec4 .carousel-indicators{position: unset;margin: unset;}
}

/* sec5 */
.sec5{color: #fff;text-align: center;overflow: hidden; padding: 0 2%;}
.sec5 .bg{border-radius: 10px;}
.sec5 .bg img{width: 100%; height: auto;}
.sec5 .tit .ftit{-webkit-text-stroke: 1px #8a8e95;font-size: clamp(2rem, 14vw, 120px);}
.sec5 .tit h2{color: #Fff;}
.sec5 .item{ position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 0 20px #333;}
.sec5 .item .bg{width: 100%;}
.sec5 .item .bg img{width: 100%; height: auto;}
.sec5 .item .txt{position: absolute;left: 0;top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 20px;}
.sec5 .item .txt h3{font-weight: bold;margin: 20% 0 10%; color: #fff;}

.sec5 .main{position: relative; padding-top: 170%;}
.sec5 .swiper-container{width: 200%;position: absolute;left: -50%;top: 4%;}
.sec5 .swiper-slide .item{transform: perspective(1000px) rotateY(45deg) scale(.85); transition: all .5s;}
.sec5 .swiper-slide.swiper-slide-prev .item{transform: perspective(1000px) rotateY(-45deg) scale(.85);}
.sec5 .swiper-slide.swiper-slide-active .item{transform:perspective(1000px) rotateY(0) scale(1);}
.sec5 .swiper-pagination{margin-top: 5%; position: unset;display: flex;flex-wrap: wrap;row-gap: 30px; justify-content: space-between;width: 50% !important;transform: translateX(50%);}
.sec5 .swiper-pagination-bullet{width: 32%;height: unset;margin: 0 !important;padding: 0 4px; opacity: .8;border-radius: unset;background: unset;}
.sec5 .swiper-pagination-bullet img{border-radius: 20px; width: 100%; height: auto;}
.sec5 .swiper-pagination-bullet-active{background: unset;}
.sec5 .swiper-button-next{animation: control-next 1s infinite;}
.sec5 .swiper-button-prev{animation: control-prev 1s infinite;}
.sec5 .swiper-button-next:after,.sec5 .swiper-button-prev:after{color: #fff;}


@media (max-width:576px){
    .sec5 .bg img{height: 100%; width: auto;}
    .sec5 .main{padding-top: 230%;}
    .sec5 .swiper-container{width: 300%;left: -100%;}
    .sec5 .swiper-pagination{width: 33% !important; transform: translateX(100%);}
}
@media(min-width:768px){
    .sec5{padding: 0;}
    .sec5 .main{max-width: 1200px; margin: 2% auto;padding-top: 40%;}
    .sec5 .swiper-container{width: 100%;left: 0;}
    .sec5 .swiper-pagination{display: none;}
}

/* sec6 */
.sec6{max-width: 1500px !important; padding: 0 2%; margin: 0 auto;}
.sec6 .tit{margin-bottom: 0;}
.sec6 .line img{width: 100%; height: auto;}
.sec6 .main .item{background-color: #f1f3f5; border-radius: 15px;padding:20px}
.sec6 .main .item::before{content: "RICHI";position: absolute;bottom: 0;left: 10px;font-size: clamp(20px, 16vw, 130px);line-height: .8; color: #e6eaf1;font-weight: bold;letter-spacing: .3vw;}
.sec6 .main .item p{color: #032565;font-weight: bold;}
.sec6 .main .item .btn{border:1px solid #032565;color: #032565;margin-bottom: 20px;}
.sec6 .main .item .img{text-align: right;position: relative;}

@media(max-width:768px){
    .sec6 .main .item::before{display:none}
}

/* sec7 */
.sec7{padding: 4% 2%;}
.sec7 .item{position: relative;margin-bottom: 5%;}
.sec7 .item .bg{overflow: hidden; border-radius: 10px;}
.sec7 .item .bg img{width: auto; height: 100%; max-width: unset;}
.sec7 .item .txt{position: absolute;color: #fff;left: 0;top: 0;width: 100%; height: 100%;padding: 10%;display: flex;flex-direction: column;justify-content: center;row-gap:20%}
.sec7 .item .txt p{font-size: clamp(1.2rem, 8vw, 60px);font-weight: bold;}
.sec7 .item .txt a.btn{background-color: #eeca28;border-radius:30px;color: #fff;}
.sec7 .item .txt h3{color: #fff;}

@media(min-width:720px){
    .sec7 .item .bg img{width: 100%; height: auto;}
}
@media(max-width:719px){
    .sec7 .item .txt{row-gap:5px}
}

/* sec8 */
.sec8{overflow: hidden;padding: 0 2%;}
.sec8 .tit{margin-bottom: 0;}
.sec8 .main{position: relative;}
.sec8 .main .bg{position: absolute;left: 0; top: 0;height: 100%;width: 100%;overflow: hidden;border-radius: 15px;}
.sec8 .main .bg img{height: 100%;width: auto;}
.sec8 .main .txt{color: #fff;padding: 20% 2% 10%;}
.sec8 .main .txt h3{font-weight: bold;opacity: .5; color: #fff;}
.sec8 .main .txt h3 span{font-size: 1.5em;}
.sec8 .swiper-sec8{padding-bottom: 50px;}
.sec8 .swiper-slide{width: 40%;}
.sec8 .swiper-pagination-bullet-active{background: #fff;}
.sec8 .swiper-pagination-bullet{background: #fff;}
.sec8 .swiper-button-next:after,.sec8 .swiper-button-prev:after{color: #fff;}

.sec8 .item{position: relative;margin-left: 10px;}
.sec8 .item img{border-radius: 15px;width: 100%; height: auto;}
.sec8 .item p{position: absolute;padding: 20px 10px;font-weight: bold;text-align: center;bottom: 0;}
.sec8 .item p span{font-size: 1.5em;}

/* sec9 */
.sec9{max-width: 1500px !important; padding: 0 6%;}


@media(min-width:768px){
    .sec8{padding:0}
    .sec8 .bg+div{max-width: 1200px;margin: 0 auto;}
    .sec8 .main .txt{padding: 10% 0 5%;}
    .sec8 .swiper-slide{width: 33%;}
    .sec8 .swiper-pagination{display: none;}
    .sec8 .swiper-sec8{padding-bottom: 5%;}
    .sec8 .swiper-button-prev{left: -20%;top: 60%;}
    .sec8 .swiper-button-next{right: -15%;top: 60%;}
    .sec8 .item img{border-radius:20px}
}
@media (min-width:528px){
    .sec8 .main .bg img{width: 100%; height: auto;}
}
@media(max-width:768px){
    .sec8 .item p{height:100%; margin-bottom:0; border-radius:10px; background:rgb(255 255 255 / 80%); width:100%; left:0}
}
/* sec9 */
.sec9{padding: 15% 2%;}
.sec9 h2{font-weight: bold;line-height: 1.5;}
.sec9 .main img{width: 100%;height: auto;}

@media (min-width:768px){
    .sec9{padding: 5% 0; max-width: 1400px;margin: 0 auto;}
}