/* sec2 */
.sec2 .top svg{animation: down 1s infinite;}
@keyframes down{
    0{transform:translateY(0)}
    50%{transform:translateY(15px)}
    100%{transform:translateY(0)}
}

@media(min-width:768px){
    .sec2 .item>div{ transition: transform 1s;}
    .sec2 .item p.num{left: 0;top:30px;}
    .sec2 .item .txt{padding-left: 5%;padding-top:10%;transform: translateX(100%);}
    .sec2 .item .img{transform: translateX(-100%);}
    .sec2 .item.flex-md-row-reverse{text-align: right;}
    .sec2 .item.flex-md-row-reverse p.num{right: 0;left: auto;}
    .sec2 .item.flex-md-row-reverse p.ftit{justify-content: right;}
    .sec2 .item.flex-md-row-reverse .txt{padding-right: 5%;padding-left: unset; transform: translateX(-100%);}
    .sec2 .item.flex-md-row-reverse .img{transform: translateX(100%);}
}

.sec2 .main .line{display: none;}
@media(min-width:992px){
    .sec2 .main .line{display:block;position: absolute;width: 21%;z-index: -1;}
    .sec2 .main .line svg{width: 100%;}
    .sec2 .main .line path{stroke-dashoffset: 40;animation: dash 1s linear infinite;}
    @keyframes dash{
        to{
            stroke-dashoffset: 0;
        }
    }
    .sec2 .main .line.line1{left: 45%;top: 7.8%;}
    .sec2 .main .line.line2{left: 35%;top: 19%;transform: scaleX(-1);}
    .sec2 .main .line.line3{left: 43%;top: 30%;}
    .sec2 .main .line.line4{left: 35%;top: 41%;transform: scaleX(-1);}
    .sec2 .main .line.line5{left: 43.5%;top: 52.2%;}
    .sec2 .main .line.line6{left: 36.2%;top: 63.2%;transform: scaleX(-1);}
    .sec2 .main .line.line7{left: 43.3%;top: 74.2%;}
    .sec2 .main .line.line8{left: 36.4%;top: 85.5%;transform: scaleX(-1);}
    
}
@media(max-width:767px){
    .sec2 .item .txt{padding: 0 5%;}
    .sec2 .item p.num{top: 0;right: 5%;line-height: 1;}
}
/* sec3 */
.sec3{padding: 0 4%;}
@media(max-width:767px){
    .sec3{padding: 7% 4%;} 
}
.sec3 .item{margin-bottom: 20px;}
.sec3 .item .card{transition: all .3s;}
.sec3 .item:hover .card{box-shadow: 0 0 30px hsl(52deg 100% 75% / 20%);transform: translateY(-20px);}
.sec3 .item .txt{padding: 15% 7%;}
/* sec4 */
@media(min-width:992px){
    .sec4{padding-bottom: 26%;}
    .sec4 .main{margin-top: 15%;}
    .sec4 .icon{position: absolute;background-color:#22354c}
    .sec4 .item{position: absolute;}
    .sec4 .item .item-icon{width: 6%;margin: 0 auto;}
    .sec4 .item:hover img{transform: translateY(5px);transition: transform .3s;}
    .sec4 .item:hover .item-icon ellipse{fill: #ffef81;}
    .sec4 .item:hover p.num{color: #ffef81;}
    
    .sec4 .item p.num{text-align: center;color: #415b75;}
    .sec4 .item p.text{min-width: 300px;}
    
    .sec4 .icon.icon1{width: 2.8%;left: 10.2%;top: 1.8%;}
    .sec4 .icon.icon2{width: 3.5%;left: 41.5%;top: 1.2%;}
    .sec4 .icon.icon3{width: 3.5%;left: 79.3%;top: 3%; transform: rotate(72deg);}
    .sec4 .icon.icon4{width: 2.7%;left: 85%;top:41.2%; transform: rotate(90deg);}
    .sec4 .icon.icon5{width: 3.5%;left: 54.8%;top:48%; transform: scaleX(-1)}
    .sec4 .icon.icon6{width: 3.5%;left: 20.5%;top:49.8%;}
    .sec4 .icon.icon7{width: 3%;left: 28%;top:93.7%;}
    .sec4 .icon.icon8{width: 2.5%;left: 66.5%;top:94.2%;}
    
    .sec4 .item.item1{width: 14.2%;left: 18.7%;top: -6%;}
    .sec4 .item.item2{width: 14%;left: 52.8%;bottom: 85%; display: flex;flex-direction: column-reverse;}
    .sec4 .item.item2 .txt{display: flex;gap: 20px; margin-left: 41%;}
    .sec4 .item.item3{width: 14%;left: 83%;top: 14%;}
    .sec4 .item.item3 .item-icon{transform: rotate(90deg);left: -16%;position: absolute;top: 20%;}
    .sec4 .item.item3 .txt{position: absolute;right: 100%; top: 20%;}
    .sec4 .item.item4{width: 14%;left: 64%;top: 41%;}
    .sec4 .item.item5{width: 14%;left: 34%;top: 40%;}
    .sec4 .item.item6{width: 14%;left: 8%;top: 61%;}
    .sec4 .item.item6 .item-icon{position: absolute;left: 21%;top: 95%;transform: rotate(19deg);}
    .sec4 .item.item6 .txt{position: absolute;left: -53%;width: 100%;bottom: -93%;}
    .sec4 .item.item7{width: 14%;left: 42%;top: 86%;}
    .sec4 .item.item8{width: 14%;left: 75%;top: 86%;}
    .sec4 .item.item8 p.text{min-width: unset;width: 170%;}   
}
@media(max-width:991px){
    .sec4 .bg{display: none;}
    .sec4 .main{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .sec4 .main .item{width: 49%; text-align: center;margin-bottom: 20px;}
    .sec4 .main .item p.num{color:#fff}
    .sec4 .main .icon{display: none;}
    .sec4 .main .item-icon{display: none;}
}
@media(max-width:575px){
    .sec4 .main .item{width: 100%;}
}

/* sec5 */
.sec5 .card-img{position:absolute;height:100%;width:100%}
.sec5 .card-img-overlay{position:relative}
.sec5 .card-text div{margin: 5% 0;}
@media(max-width:767px){
    .sec5 h2{padding: 5% 0;}  
    .sec5 .tit>div{position: unset;transform: unset;}
    .sec5 .tit::before{display: none;}
}
@media(min-width:768px){
    .sec5 .tit::before{-webkit-text-stroke: 2px #466898;transform: translateX(-10%);font-size:clamp(50px, 11vw, 200px);display:block}
}
@media(min-width:1200px){
    .sec5 .img{position:absolute;right: 0;padding-right: 0;}
    .sec5 .card-text div{margin: 15% 0;}
}
/* foot */
.foot form{display: flex; flex-wrap: wrap;justify-content: space-between;}
.foot form .item{width:49%;margin-bottom: 20px;}
.foot form .item.long{width: 100%;}
.foot form textarea.form-control{min-height: 100px;}
.foot form input[type=submit]{background-color: #fdcb6e;border-color: #fdcb6e;font-weight:bold;color:#333}
.foot form .form-floating>label{width: 100%;}
.foot .f-menu a{text-decoration: none;color: rgb(253 203 110 / 70%);}
.foot .f-menu .fs-5 a{color:#fdcb6e}
.foot .f-menu a:hover{text-decoration: underline;}
@media(max-width:768px){
    .foot form .item{width: 100%;} 
}
/* footer */
footer p a{color:#fff}
footer .social-icon .btn:hover{background-color: #77b917;}