*{
    margin: 0;
    padding: 0;
    text-decoration: none!important;
    list-style: none;
    color: black;
    scroll-behavior: smooth;
}
html {
    width: 100%!important;
}
  
body{
    --main-color: #002678;
    --gold: #F78E25;
    --deepgold: #F78E25;
    --lightblue: #3BD4E1;
    --lighter-blue: #E9FCFF;
    --grey: #303C3D;
    --greyblue: #204066;
    --green: #12B48B;
}

select,
select option{
    font-size: 12px!important;
}

.main-btn{
    background-color: var(--greyblue);
    color: white;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
}

.main-btn:hover{
    background-color: var(--main-color);
    color: white;
    transform: scale(1.02);
    transition: all .3s ease;
}

.second-btn{
    padding: 10px;
    background-color: var(--gold);
    color: white;
    font-size: 12px;
    max-width: fit-content;
}

.second-btn:hover{
    background-color: var(--main-color);
    color: white;
}

.heading{
    font-weight: bold;
    color: var(--main-color);
}

.heading-2{
    font-weight: bold;
    color: #3F5A7B;
}

.mini-heading{
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #378754;
    /* border-bottom: 2px solid #378754; */
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase!important;
    font-style: none!important;
}

h5{
    font-family: "Poppins", Sans-serif;
    color: #303C3D;
    font-size: 22px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0.18px;
}
@media (max-width: 768px) {
    .mini-heading{
        font-size: 12px;
    }
}

@media (max-width: 728px) {
    .heading-2{
        font-size: 20px;
    }
    .mini-heading{
        font-size: 11px;
    }
}

@media (max-width: 500px) {
    .heading-2{
        font-size: 17px;
    }
}

.other-pages-heading{
    font-size: 38px;
    font-weight: bold;
    color: var(--grey);
}

.general-text{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: var(--grey);
    font-weight: 500;
}

a{
    color: var(--main-color);
}
a:hover{
    color: var(--gold);
    cursor: pointer;
}

p{
    font-size: 13px;
}

.hover:hover{
    cursor: pointer;
    transform: scale(1.02);
    transform-origin: center;
    transition: all .5s ease;
}

@media (max-width: 700px) {
    .general-text{
        font-size: 16px;
    }
    .other-pages-heading{
        font-size: 20px;
    }
    .form-label {
        font-size: 12px;
    }
}


@media (max-width: 420px) {
    .container{
        padding: 10px!important;
    }
    .heading{
    font-size: 18px;
    }
    .general-text{
        font-size: 12px;
    }
        
    p{
        font-size: 12px;
    }
}

/* USING GRID SYSTEM */
.using-grid{
    /* display: grid; */
    /* Center content horizontally and vertically */
    /* place-items: center;  */
    /* 4 equal-width columns */
    /* grid-template-columns: repeat(4, 1fr); */
    /* Spacing between grid items */
    /* grid-gap: 10px;  */
}
/* USING GRID SYSTEM ENDS */






/*+++++++++++++++++++++++++++++++++++++++ Simple application styling  ++++++++++++++++++++++++++*/
.application-section{
    /* background: radial-gradient(circle at center, rgba(240, 242, 245, 0.95), transparent); */
    margin: 40px 0;
}
.simple-application{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 20px 0;
}

.application-text{
    width: 49%;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: start;
}
.application-text h4{
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}
.application-text h2{
    font-weight: bold;
    color: #3F5A7B;
}
.application-text a{
    font-size: 13px;
    text-decoration: underline!important;
}

.application-box{
    width: 60%;
}
@media (max-width: 768px) {
    .simple-application{
        flex-direction: column;
        gap: 20px;
    }
    .application-text{
        width: 90%;
    }
    .application-text p{
        font-size: 14px;
    }
}
@media (max-width: 750px) {
    .application-box{
        width: 90%;
    }
}

@media (max-width: 420px) {
    .application-section{
        /* background: radial-gradient(circle at center, rgba(240, 242, 245, 0.95), transparent); */
        margin: 10px 0;
    }
    .application-text{
        width: 100%;
    }
    .application-box{
        width: 100%;
    }
}
/*+++++++++++++++++++++++++++++++++++++++ Simple application styling ends ++++++++++++++++++++++++++*/






/*+++++++++++++++++++++++++++++++++++++++++++++++++++ above-footer-section styling starts *+++++++++++++++++++++++++++++++++++++++++++++++++++*/
.above-footer-section{
    min-height: 400px;
    background-color: var(--lighter-blue);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}
.above-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.above-footer-left{
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.above-footer-left-links{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
form.above-footer-left-input-box{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 5px;
    background-color: white;
    color: grey!important;
}
form.above-footer-left-input-box input{
    width:80%;
    border: none!important;
    outline: none;
    font-size: 13px;
}
.above-footer-right{
    height: 360px;
    width: 50%;
    background-image: url('/images/svg/Group-23364.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 1px solid lightgray;
}


@media (max-width: 774px) {
    .above-footer-section{
        min-height: 600px;
        padding: 40px 20px;
    }
    .above-footer{
        flex-direction: column;
    }
    .above-footer-left{
        min-height: 200px;
        width: 100%;
        gap: 20px;
    }
    .above-footer-left-links a{
        font-size: 12px;
    }
    .above-footer-right{
        height: 200px!important;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
    }

}
@media (max-width: 500px) {
    .above-footer-section{
        padding: 5px;
    }
}
/**+++++++++++++++++++++++++++++++++++++++++++++++++++ above-footer-section styling ends *+++++++++++++++++++++++++++++++++++++++++++++++++++*/


/**+++++++++++++++++++++++++++++++++++++++++++++++++++ footer section styling *+++++++++++++++++++++++++++++++++++++++++++++++++++*/
footer{
    border-top: 10px solid lightblue;
    padding: 50px 20px;
    background-color: #303C3D;
}
footer a{
    font-size: 17px;
    font-weight: bold;
}

footer a{
    color: var(--deepgold);
}
footer p, footer h3 , footer span, footer i{
    color: white;
}
footer p{
    width: 75%;
    font-size: 13px;
}
.footer-container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 10px;
}
.footer-top-link , .middle-links{
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.middle-links{
    padding-top: 20px;
    padding-bottom: 10px;
    border-top: 3px solid white;
    border-bottom: 3px solid white;
}
.middle-link-more{
    display: flex;
    gap: 12px;
}


@media (max-width: 600px) {
    footer p{
        width: 100%;
        font-size: 12px;
    }

}
/**+++++++++++++++++++++++++++++++++++++++++++++++++++ footer section styling ends *+++++++++++++++++++++++++++++++++++++++++++++++++++*/