#banner{
    background: transparent linear-gradient(263deg, #02D8FD 0%, #9B39B5 83%, #A232B2 100%) 0% 0% no-repeat padding-box;
    padding: 50px 0;
}

#banner .content{
    text-align: center
}

#banner h2{
    color: var(--white);
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

#banner p{
    font-size: 18px;
    color: var(--white);
    font-family: var(--museo);
    font-weight: 300;
}

#banner .btn{
    margin: 30px auto 0;
    display: block
}

#ic{
    padding: 50px 0;
}

#ic img{
    width: 100%;
    height: 568px;
    object-fit: cover;
    border-radius: 10px;
}

#ic .content{
    padding-left: 50px;
}

#ic .row{
    align-items: center;
}

#ic h2{
    font-size: 30px;
    color: #003347;
}

#ic p:first-of-type{
    font-size: 18px;
    font-family: var(--museo);
    color: var(--purple);
    font-weight: 300;
}

#ic ul{
    padding-left: 20px;
}

#ic li{
    margin-bottom: 15px;
}

#ic p{
    font-size: 18px;
}

#ic .btn{
    margin-top: 20px;
}

@media(max-width:1200px){
    #ic .content{
        padding: 0;
    }
}

#ci2{
    background-size: cover;
    background-repeat: none;
    padding: 50px 0;
}

#ci2 h2{
    font-size: 30px;
    color: var(--paleBlue);
}

#ci2 p:first-of-type{
    font-size: 18px;
    font-family: var(--museo);
    font-weight: 300
}

#ci2 .row{
    align-items: center;
}

#ci2 p{
    font-size: 18px;
    color: var(--white)
}

#ci2 .btn{
    margin-top: 20px;
}

#ci2 img{
    width: 100%;
    height: 568px;
    object-fit: cover;
}

#ci2 .content{
    padding-right: 50px;
}

@media(max-width:1200px){
    #ci2 .content{
        padding: 0;
    }
}