/* sec2 */
.sec2 .btn{border: 2px solid #122d5a;color: #122d5a;font-weight: bold;justify-content: space-between;display: flex;flex-direction: column;align-items: center;}
.sec2 .btn:hover{background-color: #122d5a; color: #fff; transition: all .3s;}
.sec2 .btn+span{display:flex;align-items:center}
.sec2 .main .txt{color: #fff;}

@media(max-width:1199px){
    .sec2 .main{background-color: #122d5a;}
    .sec2 .bg2{display: none;}
    .sec2 .main{padding: 4%;overflow: hidden;}
    .sec2 .main .item{display: flex;justify-content: space-between;align-items: center;box-shadow: 0 0 10px #fff;padding: 4%;border-radius: 10px;margin-bottom: 4%;}
    .sec2 .main .icon-group,.sec2 .item1 .icon{display: none;}    
    .sec2 .main .txt{width: 68%;}
    .sec2 .main .img{width: 30%;}
}
@media(max-width:767px){
    .sec2 .main .item{flex-wrap: wrap;}
    .sec2 .main .img{margin-bottom: 4%;width: 100%;}
    .sec2 .main .txt{width: 100%;}
}

@media(min-width:1200px){
    .sec2 .main svg{width: 100%;}
    .sec2 .main svg path{stroke-dashoffset:40;animation: dash 1s linear infinite;}
    @keyframes dash{
        to{
            stroke-dashoffset: 0;
        }
    }
    
    .sec2 .main-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .sec2 .main-box .item .txt{width: 34%;position: absolute;}
    .sec2 .main-box .item .txt h3{margin-bottom: 5%;}
    .sec2 .main-box .item .img{width: 31.6%;position: absolute;}
    .sec2 .main-box .item .icon-group{position: absolute;}
    .sec2 .main-box .item .icon{width: 250px;height: 250px;border: 4px solid #fdcb6e;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: relative;}
    .sec2 .main-box .item .icon-in{width: 220px;height: 220px;border: 4px solid #fdcb6e;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: #102e5a;}
    .sec2 .main-box .item .icon::before,.sec2 .main-box .item .icon::after{content: '';width: 150px;display: block;height: 0;border-top: 1px dashed #fdcb6e; position: absolute;}
    .sec2 .main-box .item .icon::before{transform: rotate(-114deg);left: -12%;bottom: -5%;}
    .sec2 .main-box .item .icon::after{transform: rotate(114deg);right: -12%;bottom: -5%;}
    .sec2 .main-box .item .num{width: 100px;height: 100px;background-color: #055627;color: #fff;transition: background-color .3s;text-align: center;line-height: 75px;font-size: 55px;border-radius: 50%;border: 13px solid #122d5a;margin: 50px auto 0;}
    .sec2 .main-box .item:hover .num{background-color: #ffd200;}

    .sec2 .main-box .item.item2 .img{left: 4%;top: 2%;}
    .sec2 .main-box .item.item2 .txt{right: 4%;top: 5%;}
    .sec2 .main-box .item.item2 .icon-group{left: 50%;transform: translateX(-50%);top: 3%;}
    
    .sec2 .main-box .item.item3 .img{right: 4%;top: 19%;width: 29%;}
    .sec2 .main-box .item.item3 .txt{left: 29%;top: 21.5%;}
    .sec2 .main-box .item.item3 .icon-group{left: 13%;top: 20%;transform: rotate(-7deg);}
    
    .sec2 .main-box .item.item4 .img{left: 4%;top: 35%;width: 24%;}
    .sec2 .main-box .item.item4 .txt{width:40%;top: 38%;left: 36%;}
    .sec2 .main-box .item.item4 .icon-group{right: 6%;transform: rotate(6deg);top: 36%;}
    
    .sec2 .main-box .item.item5 .img{width:22%;right: 4%;top: 51%;}
    .sec2 .main-box .item.item5 .txt{width:42%;left: 26%;top: 54%;}
    .sec2 .main-box .item.item5 .icon-group{left: 3.5%;transform: rotate(-5deg);top: 51%;}
    
    .sec2 .main-box .item.item6 .img{width: 28%;left: 4%;top: 71%;}
    .sec2 .main-box .item.item6 .txt{width:43%;right: 4%;top: 71%;}
    .sec2 .main-box .item.item6 .icon-group{left: 36%;top: 68%;}
    
    .sec2 .main-box .item.item7 .img{width: 24%;right: 4%;top: 84%;}
    .sec2 .main-box .item.item7 .txt{width:41%;left: 4%;top: 88%;}
    .sec2 .main-box .item.item7 .icon-group{left: 48.6%;top: 86%;}

    .sec2 .toRight{transform: translateX(-100%);transition: transform 1s;}
    .sec2 .toLeft{transform: translateX(100%);transition: transform 1s;}
}
/* sec3 */
.sec3 .item{border: 2px solid #96a7c9;height: 100%;transition: box-shadow .3s;}
.sec3 .item h3{margin-bottom: 2%;}
.sec3 .item .machine img{transition:transform .3s;}
.sec3 .item:hover{box-shadow: 0 1rem 3rem hsl(217deg 81% 21% / 50%) !important;}
.sec3 .item:hover .machine img{transform: scale(1.05);}
/* sec4 */
.sec4 p{color: #01296c;}
.sec4 .arrow img{animation: toDown 1s infinite}
@keyframes toDown{
    0{transform: translateY(0);}
    50%{transform:translateY(15px);}
    100%{transform:translateY(0);}
}
/* sec5 */
.sec5 .item{margin-bottom: 4%;}
@media(min-width:768px){
    .sec5 .item1{width: 60.8%;}
    .sec5 .item2{width: 39.2%;}
    
}
.sec5 .item h3{margin-bottom: 4%;}
.sec5 .item .common-btn{background-color: #fff;color: #18213e;}
.sec5 .item:hover .common-btn{background-color: #ffd200;}
.sec5 .item .img{overflow: hidden;}
.sec5 .item .img img{transition: transform 1s;}
.sec5 .item:hover .img img{transform: scale(1.1);}
@media(max-width:767px){
    .sec5 .item{margin-bottom:5%;overflow:hidden}
    .sec5 .item .img{position:absolute;top:50%;transform:translateY(-50%)}
    .sec5 .item .img img{height:100%;width:auto}
    .sec5 .item .txt{position:relative !important}
}
@media(max-width:375px){
    .sec5 .item .img{height:100%;width:100%}
    .sec5 .item .img img{width:100%;max-width:unset}
}
/* sec6 */
.sec6 .row>div{margin-bottom: 3%;}
.sec6 .card{height: 100%;border: 2px solid #01296c;transition: all .3s;}
.sec6 .card:hover{box-shadow: 0 1rem 3rem hsl(217deg 81% 21% / 50%);background-color: #01296c;color: #fff;}
.sec6 .card:hover .common-btn{background-color: #ffd200;color: #122d5a;}
.sec6 .card-body{text-align: center;display: flex;flex-direction: column;}
.sec6 .card h3{color: #17203d;}
/* sec7 */
.sec7 .card-img-overlay{display: flex;flex-direction: column;justify-content: space-between;color: #fff;padding: 0 4% 3%;}
@media(max-width:767px){
    .sec7 .card-img{position: absolute;bottom: 0;}
    .sec7 .card-img-overlay{position: relative;background-color: rgb(10 43 97 / 30%);padding: 4%;}
    .sec7 .card-text{margin-top: 4%;}
}
/* sec8 */
.sec8 .item{text-align: center;}
.sec8 .item .img{position: relative;margin-bottom: 7%;}
.sec8 .item .img .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
/* footer */
footer .bg{position: absolute;left: 0;top: 0;}

footer form{display: flex; flex-wrap: wrap;justify-content: space-between;}
footer form .item{width:49%;margin-bottom: 20px;}
footer form .item.long{width: 100%;}
footer form .item.input-group{min-height: 58px;}
footer form textarea.form-control{min-height: 100px;}
footer form input[type=submit]{background-color: #fdcb6e;border-color: #fdcb6e;font-weight:bold;color:#333}
footer form .form-floating>label{width: 100%;}

footer .f-menu{justify-content: space-between;}
footer .f-menu,footer .f-menu a{color: #fff;text-decoration: unset;}
footer .f-menu a:hover{text-decoration: underline;}
@media(max-width:768px){
    footer form .item{width: 100%;} 
}