/*.sec01*/
.body{
    background: linear-gradient(183.04deg, #524DE2 22.7%, #6A65FF 132.51%);
}
.sec01{
	position: relative;
    height: 100vh;
    max-height: 1080px;
    display: flex;
    align-items: center;
}
.sec01 .container{
    position: relative;
    
}
.sec01 .cta .h1{
    font-size: 76px;
}
.sec01 .over{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


.s01p{
    padding-left: 50px;
    position: relative;
    transition:all 0.5s
}

.s01p figure{
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;

}
.s01p figure img{
    width: 100%;
}
.s01p .name{
color: #fff;

font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 32px;
}
.s01p .text{
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65)
}

/*sec11*/
.sec11{
    position: relative;
    background: #fff;
}
.sec11 .title1{
    font-weight: 500;
    color: #1B1741;
    margin-bottom: 110px;
}
.s11p{
    margin-top: 50px;
    position: relative;
    padding-left: 50px;
}
.s11p i{
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    background: #F0EFF6;
    width: 32px;
    height: 32px;
    color: rgba(127, 125, 148, 0.55);
}
.s11p .name{
    font-size: 18px;
    color: #95C11E;
    
}
.s11p .text{
    margin-top: 10px;
}



.sec51{
    background: linear-gradient(166.78deg, #28225C 5.02%, #171338 91.45%);
}




.sec5 .title{
    color: #95C11E;
    margin-bottom: 100px;
}

.s51p{
    max-height: 200px;
    position: relative;
    padding-top: 40px;
    position: relative;
    margin-top: 80px;
}
.s51p:after{
    content: "";
    left: -3px;
    top: -5px;
    position: absolute;
width: 8px;
height: 8px;

transition: all 0.5s;
background: #95C11E;
box-shadow: 0px 0px 8px rgba(149, 193, 30, 0.64);
transform: rotate(45deg);
}
.s51p:hover:after{
    background: #95C11E;
}

.horizontal1{
    position: relative;
    top: 80px;
    border: 1px solid rgba(127, 125, 148, 0.72);
}
.horizontal1:after{
    top: 0;
    content: "";
    position: absolute;
    left: -480px;
    width: 480px;
    border: 1px solid rgba(127, 125, 148, 0.72);
}
.horizontal1:before{
    top: 0;
    content: "";
    position: absolute;
    right: -480px;
    width: 480px;
    border: 1px solid rgba(127, 125, 148, 0.72);
}
.s51p .name{
    color: #fff;
    font-size: 24px;
}

.s51p .text{
    margin-top: 15px;
    font-size: 14px;

color: rgba(255, 255, 255, 0.55);

}
.illustration1{
    padding: 100px 70px;
    margin-top: 160px;
    background: url(../img/illustration2.jpg) 0 100% no-repeat;
    background-size: cover;
}
.illustration1 .name{
    font-size: 24px;
    color: #fff;
}
.illustration1 .text{
    color: #fff;
    margin-top: 25px;
}
.illustration1 .btn{
    margin-top: 30px;
    background: #fff;
    color: #000;
}
.illustration1 a.btn:hover{
        background-color: #fff;
}
a.btn:hover{
        background-color: #729514;
}



@media (min-width:1200px){
/* xl  desktop */
}
@media (min-width:992px) and (max-width:1199px) {
    .sec01{
        max-height: 800px
    }
    .sec01 .cta .h1{
        font-size: 60px;
    }
    .sec01 .s0p .name{
        font-size: 20px;
    }
    .sec01 .cta .btnarea{
        margin: 40px 0;
    }
    .sec51{
        overflow: hidden;
    }
    
   
}
@media (min-width:768px) and (max-width:991px) {
    .sec01 .cta .h1{
        font-size: 46px;
    }
    .sec01 .cta .btnarea{
        margin: 30px 0;
    }
    .s01p{
        margin-top: 30px;
    }
    .sec51{
        overflow: hidden;
    }
    .sec11 .title1{
        margin-bottom: 0;
    }
     .s51p .name{
        font-size: 18px;
    }
    .s51p{
        padding-left: 15px;
        padding-top: 0;
        margin-top: 30px;
    }
    .s51p:after{
        top: 15px;
    }
    .horizontal1{
        display: none;
    }
    .sec51 .btnarea{
        margin-top: 50px;
    }
        .illustration1{
        background-color: #6A65FF;
        padding: 40px;
        margin-top: 50px;
        background-position: 50%
    }
    .illustration1 .btnarea{
        margin-top: 0;
    }
}
@media (max-width:767px) {
/*   xs heraxos*/
    section{
        overflow: hidden;
    }
    .sec01 .cta{
        padding-top: 100px;
    }
    .sec01 .cta .h1{
        font-size: 24px;
    }
    
    .sec11 .title1{
        margin-bottom: 0;
    }
    
    
    .horizontal1{
        
        display: none;
    }
    .s51p .name{
        font-size: 18px;
    }
    .s11p{
        margin-top: 30px;
    }
    .s51p{
        padding-left: 15px;
        padding-top: 0;
        margin-top: 30px;
    }
    .s51p:after{
        top: 15px;
    }
    .sec5 .market{
        margin-top: 30px;
    }
    .illustration1{
        text-align: center;
        margin-top: 50px;
        padding: 15px;
    }
    .sec51 .btnarea{
        margin-top: 30px;
    }
    .illustration1 .btnarea{
        margin-top: 0;
    }
    
}