h1,h2,h3,h4,h5,h6,span,a,p{
    color: #102057;
}

/* section{
    background: rgb(199,156,244);
    background: linear-gradient(135deg, rgba(199,156,244,1) 2%, rgba(246,208,230,1) 53%, rgba(248,241,189,1) 100%); 
} */
footer{
    background: rgb(161,135,215);
    background: linear-gradient(90deg, rgba(161,135,215,1) 2%, rgba(229,186,255,1) 53%, rgba(165,139,218,1) 100%);  
}
#why-us{
    background: rgb(237,220,255);
    background: linear-gradient(135deg, #dee6fd 2%, rgb(249, 252, 255) 53%, rgba(246, 243, 223, 1) 100%);
}
#packages{
    /* background: rgb(205,174,255);
    background: linear-gradient(90deg, rgba(205,174,255,1) 0%, rgba(255,250,216,1) 100%); */
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 60%, rgba(218,218,216,1) 100%);
}
#regis-form{
    background: rgb(237,229,253);
    /* background: linear-gradient(180deg, rgba(237,229,253,1) 0%, rgba(244,242,242,1) 100%); */
    background: linear-gradient(180deg, rgb(250 183 87 / 17%) 0%, rgba(244, 242, 242, 1) 100%);
}

#how-to-register{
    background: #fff;
    background: rgb(248, 241, 189);
    /* background: linear-gradient(135deg, rgba(199,156,244,1) 2%, rgba(246,208,230,1) 53%, rgba(248,241,189,1) 100%); */
    background: linear-gradient(135deg, rgb(255 255 255) 2%, rgb(232 217 195 / 32%) 53%, rgba(248, 241, 189, 1) 100%);
}

#form{
    background: #fff;
}
.bg-primary{
    background-color: #102057 !important;
}

.form-control{
    border-radius: 0;
    border-color: #CFC5B3;
}

.footer-logo{
    width:200px;
    left: -12px;
    bottom: 8px;
    position: absolute;
    z-index: 5;
}

.btn-primary{
    background-color: #102057;
    border-color: #102057;

}

@media screen and (max-width: 1024px) {
    .footer-logo{
        width: 150px;
        left: -12px;
        bottom: 31px;
        position: absolute;
        z-index: 5;
    }
}
@media screen and (max-width: 992px) {
    footer{
        font-size:9px;
    }
    .footer-logo{
        width: 120px;
        left: -12px;
        bottom: 44px;
        position: absolute;
        z-index: 5;
    }
}
@media screen and (max-width: 768px) {
    footer{
        font-size:12px;
    }
    .footer-logo{
        width: 120px;
        left: -12px;
        bottom: 44px;
        position: absolute;
        z-index: 5;
    }
    
}
@media screen and (max-width: 430px) {
    footer{
        font-size:12px;
    }
    .footer-logo{
        width: 120px;
        left: -12px;
        bottom: 175px;
        position: absolute;
        z-index: 5;
    }
    
}