/* Background / Color*/
.bg-blue{
    background: #16212F;
}
.bg-darkBlue{
    background: #1F2A48 !important;
}
.bg-blueGradient{
    background: linear-gradient(267.97deg, #45BCFF 0%, #2595FF 100%);
}
.bg-darkBlueGradient{
    background: linear-gradient(171.23deg, #16212F -32.18%, #3E4FAB 129.46%);
}
.bg-white{
    background: #FFFFFF;
}
.bg-lightblue{
    background: #DDEFFF;
}

/* Color */
.color-grey{
    color: #5E6980;
}
.color-white{
    color: white !important;
}
.color-blue{
    color: #2595FF !important;
}
.color-black{
    color: black !important;
}

/* min Height */
.min-height-1{
    min-height: 30px;
}
.min-height-2{
    min-height: 60px;
}
/* Height */
.h-40{
    height: 40%;
}
.h-100{
    height: 100%;
}
/* Width */
.w-10{
    width: 10%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.w-50{
    width: 50%;
}
.w-55{
    width: 55%;
}
.w-60{
    width: 60%;
}
.w-65{
    width: 65%;
}
.w-75{
    width: 75%;
}
.w-85 {
    width: 85%;
}
.w-95{
    width: 95%;
}


/* Padding */
.p-1{
    padding: 20px
}
.p-2{
    padding: 40px
}
.p-3{
    padding: 60px
}
.p-4{
    padding: 80px
}

.p-y-1{
    padding-top: 20px;
    padding-bottom: 20px;
}
.p-y-2{
    padding-top: 40px;
    padding-bottom: 40px;
}
.p-y-3{
    padding-top: 60px;
    padding-bottom: 60px;
}
.p-y-4{
    padding-top: 80px;
    padding-bottom: 80px;
}

.ps-1{
    padding-left: 20px;
}
.ps-2{
    padding-left: 40px;
}
.ps-3{
    padding-left: 60px;
}
.ps-4{
    padding-left: 80px;
}


.p-t-1{
    padding-top: 20px;
}
.p-t-2{
    padding-top: 40px;
}
.p-t-3{
    padding-top: 60px;
}
.p-t-4{
    padding-top: 80px;
}


.p-x-1{
    padding-left:20px;
    padding-right:20px;
}
.p-y-2{
    padding-top: 40px;
    padding-bottom: 40px;
}
.pt-1{
    padding-top: 20px;
}

.pb-1{
    padding-bottom: 20px;
}
.pt-2{
    padding-top: 40px;
}

/* Margin */
.m-0{
    margin: 0px;
}
.ml-1{
    margin-left: 20px;
}
.mx-1 {
    margin: 20px;
}
@media(max-width:786px) {
    .mx-md-1{
        margin: 20px;
    }
}
.ms-1{
    margin-left: 20px;
}
.m-lg-x {
    margin: 0px 20px;
}
.mt-2{
    margin-top: 40px;
}
.me-2{
    margin-right: 20px;
}
.mb-1{
    margin-bottom:20px;
}
.m-y-auto{
    margin: auto 0;
}

.me-1{
    margin-right: 20px;
}

.m-lg-x2{
    margin: 0px 40px;
}
@media(max-width: 786px){
    .m-lg-x {
        margin: auto;
    }
    .m-lg-x2 {
        margin: auto;
    }
}
/* Border radius */
.border-radius-1{
    border-radius: 20px;
}
/* Position */
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
.top-0{
    top: 0px;
}
.bottom-0{
    bottom: 0px;
}
.start-0{
    left: 0px;
}
.end-0{
    right: 0px;
}

/* Font style */
.font-normal{
    font-style: normal !important;
}
.fw-600{
    font-weight: 600;
}
.font-size-1{
    font-size: 14px !important;
}

/* Display */
@media(max-width: 992px){
    .desktop-display{
        display: none !important;
    }
    .mobile-display{
        display: inherit !important;
    }
    @media(max-width:786px){
        .d-md-block {
            display: block !important;
        }
    }
}
.mobile-display{
    display:none;
}
.d-block{
    display: block !important;
} 
.d-flex{
    display: flex;
}
.d-none{
    display: none !important;
}

.flex-direction-flex-end{
    flex-direction: flex-end;
}
.flex-direction-flex-start{
    flex-direction: flex-start;
}

/* Container */
.container-xl{
    max-width: 1350px;
}

/* Opacity */
.opacity-1{
    opacity: 25%;
}
.opacity-2{
    opacity: 50%;
}
.opacity-3{
    opacity: 75%;
}
.opacity-4{
    opacity: 100%;
}

/* Z-index */
.z-0{
    z-index: 0;
}
.z-1{
    z-index: 0;
}
.z-100{
    z-index: 100;
}