/*@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap'); */* {    margin: 0;    padding: 0;    box-sizing: border-box;    font-family: "Open Sans", Sans-serif;}a {    text-decoration: none;}li {    list-style: none;}h2 {    color: #000000;    font-family: "Open Sans", Sans-serif;    font-size: 42px;    font-weight: 500;    text-transform: uppercase;    text-align: center;}.section-a {    /* background-image: url("images/Premium-Banner-scaled.webp"); */    background-repeat: no-repeat;    background-size: cover;    min-height: 70vh;    background: #2b2a7f;    /* fallback colour. Make sure this is just one solid colour. */    /* background: -webkit-linear-gradient(rgba(57, 58, 65, 0.8), rgba(37, 16, 23, 0.8)), url("images/Premium-Banner-scaled.jpg"); */    /* background: -webkit-linear-gradient(rgba(29, 38, 113, 0.8), rgba(29, 2, 11, 0.8)), url("https://bit.ly/2rlzaXi"); */    background: -webkit-linear-gradient(rgb(0 0 0 / 16%), rgb(3 3 3 / 79%)), url(images/Premium-Banner-scaled.webp);    /* background: linear-gradient(45deg, #2b2a7f, #282752);   */    background-repeat: no-repeat;    background-attachment: fixed;    background-size: cover;}/* NAVBAR STYLING STARTS */.navbar {    display: flex;    align-items: center;    justify-content: space-between;    padding: 10px;    background-color: #2b2a7f;    color: black;    border-radius: 7px;}.nav-links a {    color: #fff;}/* LOGO */.logo {    font-size: 32px;}/* NAVBAR MENU */.menu {    display: flex;    gap: 1em;    font-size: 18px;}.menu li:hover {    background-color: #41408f;    border-radius: 5px;    transition: 0.3s ease;}.menu li {    padding: 5px 14px;}/* DROPDOWN MENU */.services {    position: relative;}.dropdown {    background-color: #41408f;    padding: 1em 0;    position: absolute;    /*WITH RESPECT TO PARENT*/    display: none;    border-radius: 8px;    top: 31px;}.dropdown li+li {    margin-top: 10px;}.dropdown li {    padding: 0.5em 1em;    width: 16em;    text-align: left;}.dropdown li:hover {    background-color: #171655;}.services:hover .dropdown {    display: block;}/* RESPONSIVE NAVBAR MENU STARTS *//* CHECKBOX HACK */input[type=checkbox] {    display: none;}/* HAMBURGER MENU */.hamburger {    display: none;    font-size: 24px;    user-select: none;    color: white;}/* header parts */.headercontainer {    background-color: #fdfdfd;    width: 65%;    margin: auto;}.top-header {    align-items: center;    display: flex;    color: #ffffff;    height: 135px;    justify-content: space-evenly;}.top-header-container {    width: 100%;    background-color: #2b2a7f;    display: flex;    gap: 4px;    flex-wrap: wrap;    justify-content: space-evenly;    color: #fdfdfd;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}.top-header-a {    padding: 20px;    text-align: center;}.hbtn {    background: #e40c0ccf;    border-radius: 5px;}.form-cont {    width: 65%;    margin: auto;    display: flex;    flex-direction: row;    align-items: center;    justify-content: space-between;    /* color: white; */    padding-bottom: 1rem;}.formdiv {    min-width: 40%;    /* margin: 50px auto; */    margin-top: 10px;    background-color: #fff;    padding: 20px;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);    border-radius: 8px;}.formdiv h3 {    background-color: #2b2a7f;    color: white;    font-family: "Open Sans";    padding: 9px 0;    text-transform: uppercase;    border-radius: 5px 5px 0 0;    margin-bottom: 8px;    text-align: center;    font-size: 1rem;}/* .contact-form {    margin-top: 20px;} */.form-input {    display: flex;    /* flex-direction: row; */    flex-wrap: nowrap;    justify-content: space-around;    align-items: center;}.form-input label {    width: 40%;}input,select {    width: 100%;    padding: 6px;    margin-bottom: 4px;    border: 1px solid #ccc;    border-radius: 2px;    box-sizing: border-box;}button {    width: 100%;    padding: 3px;    margin-bottom: 10px;    border-radius: 4px;    box-sizing: border-box;    border: none;    font-size: 1rem;    color: white;}button:hover {    color: rgba(255, 255, 255, 1);    box-shadow: 0 5px 15px rgb(122 172 255 / 74%);}.formdiv button {    background-color: #2b2a7f;}.formdiv input[type=submit] {    background-color: #2b2a7f;    color: white;}.contdiv {    color: white;    padding: 0 0 0 51px;    float: inline-end;    margin: 0px;    text-align: center;    /* background: linear-gradient(45deg, #00000033, transparent); */}.contdiv h2 {    color: #FFFFFF;    font-family: "Open Sans", Sans-serif;    font-size: 2rem;    font-weight: 700;}.contdivbtn a {    background: #e40c0ccf;    color: white !important;    font-size: xx-large;    padding: 10px;    border-radius: 7px;    margin-top: 10px;    display: inline-block;    /* width: 38%; */    text-align: center !important;    /* transition: all 1s; */}.contdivbtn a:hover {    box-shadow: 0 5px 15px rgb(200 226 241 / 92%);    border-radius: 0;}.contdivh2 {    color: yellow !important;}.contdivh2i {    font-style: italic;    font-size: x-large;    padding: 25px;}.contdivimag {    display: flex;    padding: 1rem;    flex-direction: row;    justify-content: center;    align-items: baseline;}/* .section-b{    width: 70%;    margin: auto;    display: flex;    background-color: #ffffff;    padding: 3rem 3rem;    gap: 2rem;    flex-direction: row;    align-items: center;    justify-content: space-around;}.sectbdiv{    background-color: #2b2a7f;    border-radius: 50%;    width: 20%;    height: 25vh;} */.section-b {    width: 70%;    margin: auto;    display: flex;    background-color: #ffffff;    padding: 3rem 3rem;    gap: 2rem;    flex-direction: row;    align-items: center;    justify-content: space-around;}.sectbdiv {    width: 300px;    height: 300px;    border-radius: 3%;    background-color: #2b2a7f;    display: flex;    text-align: center;    color: #ffffff;    font-size: medium;    align-items: center;    flex-direction: column;    justify-content: flex-start;    transition: all 1s;    padding: 1rem;    font-family: "Open Sans";}.sectbdiv span {    font-size: 1.2rem;}.sectbdiv p {    text-align: center;    color: #FFFFFF;    font-family: "Open Sans", Sans-serif;    font-size: 18px;    font-weight: 300;    text-align: justify;    /*letter-spacing: 1px;*/}.sectbdiv:hover {    background-color: #081823;    border-radius: 7%;}.section-c {    width: 65%;    margin: auto;    display: flex;	font-family: "Open Sans", Sans-serif;    background-color: #ffffff;    padding: 1rem 0rem;    gap: 1rem;    flex-direction: column;	text-align: justify;}.card-container {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 2rem;}.section-c h2 {    color: #171655;    font-family: "Open Sans", Sans-serif;    font-size: 42px;    font-weight: 500;    text-transform: uppercase;}.card {    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);    transition: 0.3s;    border-radius: 5px;    overflow: hidden;    /*background: #ededed;*/}.card:hover {    -ms-transform: scale(1.1);    /* IE 9 */    -webkit-transform: scale(1.1);    /* Safari 3-8 */    transform: scale(1.1);    background: #fff;}.card img {    width: 100%;    border-radius: 5px 5px 0 0;}.card .container {    padding: 2px 16px;}.card h4 {    color: #2D2C83;    font-family: "Open Sans", Sans-serif;    font-size: 20px;    font-weight: 700;    text-transform: uppercase;    text-align: center;    padding: 1rem;}.card p {    color: #171726;        font-family: "Open Sans", sans-serif;    font-size: 15px;    font-weight: 500;    line-height: 1.8;    text-align: justify;    letter-spacing: 0px;    padding-bottom: 1rem;}.section-d {    width: 70%;    margin: auto;    display: flex;    background-color: #ffffff;    padding: 3rem 3rem;    gap: 2rem;    align-items: flex-start;    justify-content: space-around;    align-content: center;    flex-direction: row;}.secdmainimage {    width: 100%;}.secdmainimage img {    width: 100%;}.section-d h3 {    color: #2D2C83;    font-family: "Open Sans", Sans-serif;    font-size: 24px;    font-weight: 600;    text-transform: uppercase;    letter-spacing: 1.1px;}.section-d h2 {    font-size: 1.5rem;    font-weight: bold;    /* padding: 1rem; */    text-align: left;    margin-top: 1rem;    margin-bottom: 1rem;}.section-d p {    font-size: 16px;    line-hei;line-height: 1.5;    pacing: 1px;	text-align: justify;}.section-e {    /* width: 70%; */    margin: auto;    display: flex;    flex-direction: row;    background-color: #f9f9f9;    flex-wrap: nowrap;    justify-content: center;    align-items: center;}.section-e .formdiv {    /* padding: 20px; */    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);    border-radius: 8px;}.secetext {    text-align: center;}.secetext h3 {    font-size: 2rem;    padding: 1rem;}.secetext h5 {    font-size: 2rem;    padding: 1rem;    color: #e40c0ccf;}.secetext h2 {    font-size: 1.5rem;    padding: 1rem;    color: rgb(82, 73, 73);}.section-f {    display: flex;    flex-direction: row;    align-content: center;    align-items: center;    justify-content: center;    padding-top: 1rem;    /*background: -webkit-linear-gradient(rgb(0 0 0 / 16%), rgba(3, 3, 3, 0)), url(images/Premium-Banner-footer.webp); */    /*background-size: cover;*/    /*background-repeat: no-repeat;*/    /*background-attachment: fixed;*/    /*background-size: cover;*/    padding-bottom: 10px;    background: black;}.section-f .secetext h3 {    color: orange;    font-size: xxx-large;    /*word-spacing: 33px; */}.section-f .secetext h2 {    color: rgb(248, 248, 248);    font-size: x-large;}.section-footer {    color: #fff;    background: #0a0a18;    display: flex;    flex-direction: row;    align-content: center;    justify-content: space-around;    align-items: center;    padding: 2rem;}.secfootermail {    display: flex;    color: white;    flex-direction: row;    align-items: center;    flex-wrap: nowrap;    justify-content: space-between;    gap: 2rem;}.secfootermail ul li {    list-style: disc;    line-height: 2rem;}.secfootermail ul li a {    letter-spacing: 0.5px;    color: white;}.secfootermail ul li img {    letter-spacing: 0.5px;    color: white;}.secfootermail .contdivimag {    display: flex;    padding: 1rem;    align-items: center;    flex-direction: column;}/* APPLYING MEDIA QUERIES */@media (min-width: 1300px) and (max-width:1500px) {    .top-header-container {        width: 100%;        background-color: #2b2a7f;        display: flex;    }    .top-headers {        font-weight: bold;    }    /* .top-header-a {        transition: all 1s;    }    .top-header-a:hover {        background: #db2835;        transition: ease-out;    } */    .top-header {        justify-content: space-between;    }    .headercontainer {        width: 100% !important;    }    .form-cont {        width: 97%;        display: flex;    }    .formdiv h3 {        background-color: #2b2a7f;    }    .formdiv button {        background-color: #2b2a7f;    }    .contdiv {        margin-top: 2rem;        padding: 1rem;    }    .contdiv h2 {        font-size: 1rem;        text-align: center !important;    }    .contdivbtn a:hover {        width: 20rem;        border-radius: 1rem;        border: none;        transition: ease-in;    }    .section-b {        width: 100%;    }}@media (min-width: 941px) and (max-width:1300px) {    .top-header-container {        width: 100%;        background-color: #2b2a7f;        display: flex;    } .menu{font-size: 13px;}   .top-headers {        font-weight: bold;    }    /* .top-header-a {        transition: all 1s;    }    .top-header-a:hover {        background: #db2835;        transition: ease-out;    } */    .top-header {        justify-content: space-between;    }    .headercontainer {        width: 100% !important;    }    .form-cont {        width: 97%;        display: flex;    }    .formdiv h3 {        background-color: #2b2a7f;    }    .formdiv button {        background-color: #2b2a7f;    }    .contdiv {        margin-top: 2rem;        padding: 1rem;    }    .contdiv h2 {        font-size: 1rem;        text-align: center !important;    }    .contdivbtn a:hover {        width: 20rem;        border-radius: 1rem;        border: none;        transition: ease-in;    }    .section-b {        width: 100%;        display: flex;    }    .section-c {        width: 97%;        display: flex;    }    .section-c h2 {        font-size: 2rem;    }    .section-d {        width: 100%;        display: flex;    }    .section-d h2 {        font-size: 24px;        text-align: center;        color: crimson;    }    .secdmaincontent h3 {        text-align: center;        font-size: 20px;    }    .section-d p {        font-size: none;        text-align: justify;        line-height: 1.5rem;        padding-bottom: 1rem;    }    .section-e {        width: 100%;        display: flex;        padding-bottom: 2rem;    }    .section-e .formdiv {        width: 50%;        display: flex;        flex-direction: column;    }    .section-f {        width: 100%;        display: flex;        flex-direction: column;    }    .section-f .secetext h3 {        color: rgb(235 236 255);    }    .secetext h5 {        font-size: 2rem;    }}@media (min-width: 700px) and (max-width:941px) {    body {        padding: 1rem;    }    .top-header-container {        display: none;    }    .top-headers {        font-weight: bold;    }    /* .top-header-a {        transition: all 1s;    }    .top-header-a:hover {        background: #db2835;        transition: ease-out;    } */    .top-header {        justify-content: space-between;    }    .menu .services::after {        content: ' >>';        color: #ccc;    }    .menu {        display: none;        position: absolute;        background-color: #171655;        right: 0;        left: 0;        text-align: left;        padding: 2rem 0;        width: 90%;        margin: auto;    }    .menu li:hover {        display: inline-block;        background-color: #e40c0ccf;        transition: 0.3s ease;        width: 100vb;    }    .menu li+li {        margin-top: 12px;    }    input[type=checkbox]:checked~.menu {        display: block;    }    .hamburger {        display: block;    }    .dropdown {        left: 1%;        top: 0px;        transform: translateX(35%);    }    .dropdown li:hover {        background-color: #171655;        text-align: initial;    }    .headercontainer {        width: 100% !important;    }    .form-cont {        width: 100%;        display: flex;        flex-direction: column;    }    .formdiv {        width: 100%;    }    .formdiv h3 {        background-color: #2b2a7f;    }    .formdiv button {        background-color: #2b2a7f;    }    .contdiv {        margin-top: 2rem;        padding: 1rem;    }    .contdiv h2 {        font-size: 1rem;        text-align: center !important;    }    .contdivbtn a:hover {        width: 20rem;        border-radius: 1rem;        border: none;        transition: ease-in;    }    .section-b {        width: 100%;        display: flex;        flex-direction: column;    }    .section-c {        width: 97%;        display: flex;        flex-direction: column;    }    .section-c h2 {        font-size: 2rem;    }    .section-d {        width: 100%;        display: flex;        flex-direction: column;    }    .section-d h2 {        font-size: 24px;        text-align: center;        color: crimson;    }    .secdmaincontent h3 {        text-align: center;        font-size: 20px;    }    .section-d p {        font-size: 16px;        text-align: justify;        line-height: 1.5rem;        padding-bottom: 1rem;    }    .section-e {        width: 100%;        display: flex;        flex-direction: column;        padding-bottom: 1rem;    }    .section-e .formdiv {        width: 100%;        display: flex;        flex-direction: column;    }    .section-f {        width: 100%;        display: flex;    }    .section-f .secetext h3 {        color: #eaeaf5;        word-spacing: normal;    }    .secetext h5 {        font-size: 1rem;    }    .section-footer .secfootermail {        width: 100%;        display: flex;    }}@media (max-width: 700px) {    body {        padding: 1rem;    }    .top-header-container {        width: 100%;        background-color: #2b2a7f;        display: flex;        flex-direction: row;        flex-wrap: wrap;    }    .top-headers {        font-weight: bold;    }    /* .top-header-a {        transition: all 1s;    }    .top-header-a:hover {        background: #db2835;        transition: ease-out;    } */    .top-header {        justify-content: space-around;    }    .menu .services::after {        content: ' >>';        color: #ccc;    }    .menu {        display: none;        position: absolute;        background-color: #171655;        right: 0;        left: 0;        text-align: left;        padding: 2rem 0;        width: 90%;        margin: auto;    }    .menu li:hover {        display: inline-block;        background-color: #e40c0ccf;        transition: 0.3s ease;        width: 100vb;    }    .menu li+li {        margin-top: 12px;    }    input[type=checkbox]:checked~.menu {        display: block;    }    .hamburger {        display: block;    }    .dropdown {        left: 1%;        top: 0px;        transform: translateX(35%);    }    .dropdown li:hover {        background-color: #171655;        text-align: initial;    }    .headercontainer {        width: 100% !important;    }    .form-cont {        width: 100%;        display: flex;        flex-direction: column;    }    .formdiv {        width: 100%;    }    .formdiv h3 {        background-color: #2b2a7f;    }    .formdiv button {        background-color: #2b2a7f;    }    .contdiv {        margin-top: 2rem;        padding: 1rem;    }    .contdiv h2 {        font-size: 1rem;        text-align: center !important;    }    .contdivbtn a:hover {        width: 20rem;        border-radius: 1rem;        border: none;        transition: ease-in;    }    .section-b {        width: 100%;        display: flex;        flex-direction: column;    }    .section-c {        width: 80%;        display: flex;        flex-direction: column;    }    .section-c h2 {        font-size: 2rem;    }    .section-d {        width: 100%;        display: flex;        flex-direction: column;    }    .section-d h2 {        font-size: 24px;        text-align: center;        color: crimson;    }    .secdmaincontent h3 {        text-align: center;        font-size: 20px;    }    .section-d p {        font-size: none;        text-align: justify;        line-height: 1.5rem;        padding-bottom: 1rem;    }    .section-e {        width: 100%;        display: flex;        flex-direction: column;        padding-bottom: 1rem;    }    .section-e .formdiv {        width: 100%;        display: flex;        flex-direction: column;    }    .section-f {        width: 100%;        display: flex;        flex-direction: column;    }    .section-f .secetext h3 {        font-size: 20px;        background: black;    }    .section-f .secetext h2 {        color: rgb(194, 230, 26);        font-size: 1rem;    }    .secetext h5 {        font-size: 1rem;    }    .section-footer .secfootermail {        width: 100%;        display: flex;        flex-direction: column;    }}/* cyrillic-ext */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}/* cyrillic */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}/* greek-ext */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');    unicode-range: U+1F00-1FFF;}/* greek */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}/* vietnamese */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}/* latin-ext */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}/* latin */@font-face {    font-family: "Open Sans";    font-style: normal;    font-weight: 400;    src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* Mobile Header Reordering */
@media (max-width: 700px) {
    .headercontainer {
        display: flex;
        flex-direction: column;
    }
    
    /* Forces the Logo/Menu bar to the top */
    .top-header {
        order: 1; 
    }
    
    /* Pushes the Contact Info bar below it */
    .top-headers {
        order: 2; 
    }
}