.container{
    overflow-y: scroll;
    display: flex;
    justify-content: center;
}

.bg-blue-900{
    /* background: linear-gradient(to right, #09025a, #090447 ) no-repeat; */
    background: #fff;
}
.w-full{
    width: 100%;
}

.h-full-screen{
    height: 100vh;
    max-height: 100vh;
}


/* ---------------------------------------------- paddings ---------------------------- */

.py-1{
    padding: 5px 0;
}

.py-2{
    padding: 10px 0;
}

.py-3{
    padding: 15px 0;
}

.py-4{
    padding: 20px 0;
}

.py-5{
    padding: 25px 0;
}

.py-6{
    padding: 30px 0;
}


.px-1{
    padding: 0 5px ;
}

.px-2{
    padding: 0 10px;
}

.px-3{
    padding: 0 15px;
}

.px-4{
    padding: 0 20px;
}

.px-5{
    padding: 0 25px;
}

.px-6{
    padding: 0 30px;
}


.-py-1{
    padding: -5px 0;
}

.-py-2{
    padding: -10px 0;
}

.-py-3{
    padding: -15px 0;
}

.-py-4{
    padding: -20px 0;
}

.-py-5{
    padding: -25px 0;
}

.-py-6{
    padding: -30px 0;
}

/* --------------------------------paddings end ---------------------------------------------- */


/* ---------------------------------------------borders------------------------------- */
.border-bottom-2-white{
    border-bottom: 2px solid #fff;
}

.border-bottom-4-white{
    border-bottom: 4px solid #fff;
}
/* ----------------------------------------borders ends------------------------------- */



/* ---------------------------------margins---------------------------------------- */
.my-1{
    margin: 5px 0;
}

.my-2{
    margin: 10px 0;
}

.my-3{
    margin: 15px 0;
}

.my-4{
    margin: 20px 0;
}

.my-5{
    margin: 25px 0;
}

.my-6{
    margin: 30px 0;
}

.-my-1{
    margin: -5px 0;
}

.-my-2{
    margin: -10px 0;
}

.-my-3{
    margin: -15px 0;
}

.-my-4{
    margin: -20px 0;
}

.-my-5{
    margin: -25px 0;
}

.-my-6{
    margin: -30px 0;
}


.mx-1{
    margin:0 5px;
}

.mx-2{
    margin:0 10px;
}

.mx-3{
    margin:0 15px;
}

.mx-4{
    margin:0 20px;
}

.mx-5{
    margin:0 25px;
}

.mx-6{
    margin:0 30px;
}

.-mx-1{
    margin: 0 -5px ;
}

.-mx-2{
    margin: 0 -10px ;
}

.-mx-3{
    margin: 0 -15px ;
}

.-mx-4{
    margin: 0 -20px ;
}

.-mx-5{
    margin: 0 -25px ;
}

.-mx-6{
    margin: 0 -30px ;
}

.ml-1{
    margin-left: 5px;
}
.ml-2{
    margin-left: 10px;
}
.ml-3{
    margin-left: 15px;
}
.ml-4{
    margin-left: 20px;
}
.ml-5{
    margin-left: 25px;
}



/* ---------------------------------margins end---------------------------------------- */