/*///////////////////// FONTS /////////////////////////////////*/
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    @font-face {
        font-family: 'Tiempos';
        src: url('/fonts/tiempos_font/tiempos-headline-bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/fonts/tiempos_font/tiempos-headline-bold.woff') format('woff'), /* Pretty Modern Browsers */
            url('/fonts/tiempos_font/tiempos-headline-bold.woff2') format('woff2'), /* Very Modern Browsers */
            url('/fonts/tiempos_font/tiempos-headline-bold.ttf')  format('truetype'), /* Safari, Android, iOS */
            url('/fonts/tiempos_font/tiempos-headline-bold.svg#TiemposHeadline-Bold') format('svg'); /* Legacy iOS */
        font-style: normal;
        font-weight: 700;
        font-display: swap;
    }
    @font-face {
        font-family: 'Tiempos';
        src: url('/fonts/tiempos_font/tiempos-headline-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('/fonts/tiempos_font/tiempos-headline-regular.woff') format('woff'), /* Pretty Modern Browsers */
            url('/fonts/tiempos_font/tiempos-headline-regular.woff2') format('woff2'), /* Very Modern Browsers */
            url('/fonts/tiempos_font/tiempos-headline-regular.ttf')  format('truetype'), /* Safari, Android, iOS */
            url('/fonts/tiempos_font/tiempos-headline-regular.svg#TiemposHeadline-Regular') format('svg'); /* Legacy iOS */
        font-style: normal;
        font-weight: 500;
        font-display: swap;
    }
/*///////////////////// GLOBALS ///////////////////////////////*/
    * {
        margin: 0;
        padding: 0;
    }

    .text-muted {

        color: #6c757d !important;
    }

    html {
        scroll-behavior: auto !important;
    }

    body{
        color: #1B193C;
        background: #323051;
        font-family: Inter, sans-serif;
    }
    a{
        text-decoration: none;
    }

    ::selection {
        background: #4E5558;
        color: #e2e2e2;
    }

    h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, .pricing{
        font-family: Tiempos, sans-serif;
    }

    h1, .h1 {
        font-size: 3.6rem;
        font-weight: 700;
    }
    h2, .h2 {
        font-size: 1.9rem;
        font-weight: 700;
    }
    h3, .h3 {
        font-size: 1.5rem;
        font-weight: 700;
    }
    h4, .h4 {
        font-size: 1.8rem;
        font-weight: 700;
    }
    h5, .h5 {
        font-size: 1.1rem;
        font-weight: 700;
    }

    @media (min-width:62em) {
        h1, .h1 {
            font-size: 3.5rem;
            font-weight: 700;
        }
        h2, .h2 {
            font-size: 2.7rem;
            font-weight: 700;
        }
        h3, .h3 {
            font-size: 2rem;
            font-weight: 700;
        }
        h4, .h4 {
            font-size: 1.7rem;
            font-weight: 700;
        }
        h5, .h5 {
            font-size: 1.4rem;
            font-weight: 700;
        }
    }

    a {
        color: #222b2e;
        text-decoration: underline;
        transition: color .1s ease-in-out;
    }
    a:hover {
        color: #45b9ff;
        text-decoration: none;
    }

    .bg-chalk{
        background-color: #e2e2e2;
    }
    .bg-dark{
        background-color: #1b193e !important;
    }
    .bg-danger{
        background-color: #aa0046 !important;
    }

    .card{
        height: 100% !important;
        background-color: #e2e2e2;
        border-radius: 2rem;
    }
    .modal-content{
        height: 100% !important;
        background-color: #323051;
        color: #e2e2e2;
    }
    .modal-header{
        border-bottom: 1px solid #5f5e78;
    }
    .modal-footer{
        border-top: 1px solid #5f5e78;
    }
    .opacity{opacity: 1;transition: opacity .2s ease-in-out;text-decoration: none;}
    .opacity:hover{opacity: .7;}

    #content_box{
        min-height: 400px;
    }
/*///////////////////// TEXT & BUTTONS ////////////////////////*/
    .font-light{
        font-weight: 500 !important;
    }
    .text-brand{
        font-family: Tiempos, sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
    }
    .text-big{
        font-size: 1.3rem;
    }
    .text-dark{
        color: #1b193e;
    }
    .text-dark90{
        color: #384043;
    }
    .text-dark80{
        color: #4E5558;
    }
    .text-dark60{
        color: #7A8082;
    }
    .text-dark50{
        color: #909596;
    }
    .text-dark20{
        color: #D3D5D5;
    }
    .text-reset{
        font-family: Inter, sans-serif;
        font-size: 1.2rem !important;
        font-weight: 400 !important;
    }
    .h2_text-big{
        font-family: Inter, sans-serif;
        font-size: 1.6rem !important;
        font-weight: 400 !important;
    }

    .bg-dark90{
        background-color: #27244b;
    }
    .bg-dark80{
        background-color: #4E5558;
    }
    .bg-dark60{
        background-color: #7A8082;
    }
    .bg-dark50{
        background-color: #909596;
    }
    .bg-dark20{
        background-color: #D3D5D5;
    }

    .text-chalk{
        color: #e2e2e2;
    }
    .text-danger{
        color: #aa0046 !important;
    }
    .text-alert{
        color: #ff75ae !important;
    }
    .text-primary{
        color: #45b9ff !important;
    }
    .text-success{
        color: #52eb5c !important;
    }

    .link-chalk{
        color: #e2e2e2 !important;
        text-decoration: underline;
    }
    .link-chalk:hover{
        color: #45b9ff !important;
        text-decoration: none;
    }


    .btn-danger{
        background: #aa0046;
    }
    .btn-primary{
        background: #45b9ff;
    }
    .btn-success{
        background: #52eb5c;
    }
    .btn-warning{
        background: #f0ff31;
    }
    .btn-rounded{
        border-radius: 1.3rem !important;
    }

    .btn-dark {
        background: #AA0046;
        text-decoration: none;
        color: #e2e2e2;
        border: 1px solid #e20090;
        background-image: url(/images/btn.png);
        background-size: cover;
        background-position-y: center;
        background-position-x: center;
        border-radius: 1.3rem;
        transition: all 300ms ease-in-out;
    }
    .btn-dark:hover {
        border: 1px solid #B3004C;
        background: #AA0046;
        box-shadow: 0 5px 15px rgba(222, 3, 141, .6);
        color: #e2e2e2 !important;
    }
    .btn-dark:active{
        color: #1b193e;
        border: 2px solid #e2e2e2;
        background: #e2e2e2;
    }

    .btn-light{
        color: #222b2e;
        border: 2px solid #222b2e;
        background: #e2e2e2;
        padding: 12px 25px;
        font-size: 1.1rem;
    }
    .btn-light:hover{
        color: #e2e2e2;
        border: 2px solid #222b2e;
        background: #241462;
    }
    .btn-light:active{
        color: #222b2e;
        border: 2px solid #45b9ff;
        background: #e2e2e2;
    }

    .btn-dark-opa {
        padding: 3px 10px;
        background-color: #4E5558;
        color: #e2e2e2;
        transition: background-color .2s ease-in-out;
        border-radius: 5px;
        font-size: .9rem;
        text-decoration: none;
    }
    @media(min-width:62em) {
        .btn-dark-opa {
            padding: 5px 15px;
            font-size: 1rem;
        }
    }
    .btn-dark-opa:active {
        background-color: rgba(241,241,241,.1);
        color: #e2e2e2;
        transition: background-color .2s ease-in-out;
    }
    .btn-dark-opa:hover {
        background-color: rgba(241,241,241,.15);
        color: #e2e2e2;
        border-color: transparent;
    }

    .btn-light-opa {
        padding: 8px 16px;
        background-color: rgba(175,175,175,.6);
        color: #222b2e;
        transition: background-color .2s ease-in-out;
    }
    .btn-light-opa:active {
        padding: 8px 16px;
        background-color: rgba(175,175,175,.95);
        color: #222b2e;
        transition: background-color .2s ease-in-out;
    }
    .btn-light-opa:hover {
        background-color: rgba(175,175,175,.95);
        color: #222b2e;
        border-color: transparent;
    }
    .btn-close{
        background: transparent url("/images/icons/svg/x.svg") center/1em auto no-repeat;
    }
    .head-links{
        text-decoration: none;
    }
/*///////////////////// HEADER MENU STYLES ////////////////////*/
    .logo-fix{
        text-decoration: none;
        margin-bottom: 70px;
    }
    .navigation-ctas-link {
        display: block;
        color: #e2e2e2;
        padding: 5px 10px !important;
        border-bottom: 3px solid transparent;
        transition: all .2s ease-in-out;
        text-decoration: none;
        font-weight: 500;
        font-family: Inter, sans-serif;
        font-size: 1rem;
        margin: 0 10px;
    }
    .navigation-ctas-link:hover {
        border-bottom: 3px solid #AA0046;
        color: #fff;
    }
    .logo-image{
        height: 50px;
        width: 50px;
        margin-right: 10px;
    }
    .logo-small{
        width: 50px;
        height: 45px;
        background-color: #1b193c;
        padding: 0px 8px;
        border-radius: 50%;
    }
    .logo-container{
        width: 183px;
        margin: 0px auto;
    }
    .logo-text{
        font-family: Tiempos, sans-serif;
        color: #e2e2e2;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    
    .logo-ttyh{
        font-size: .8rem;
        color: #e2e2e2;
    }
    .burger{
      width: 30px;
      height: 30px;
    }

    .button-round {
        padding: 8px 16px 4px;
        font-size: .85rem;
        background-color: rgba(241, 241, 241, .1);
        border: 1px solid #e2e2e2;
        border-radius: 5rem;
        text-transform: uppercase;
        color: #e2e2e2;
        letter-spacing: .5px;
        transition: background-color .2s ease-in-out;
    }

    .button-round:active,
    .button-round:hover {
        color: #f1f1f1;
        text-decoration: none;
        background-color: rgba(241, 241, 241, .2);
    }

    .button-round__icon {
        position: relative;
        height: 15px;
        width: 15px;
        margin-right: 8px;
        top: -2px;
    }
    .login_btn_header{
        margin-left: 1rem;
        margin-top: 4px;
    }
    .login_btn_header a {
        padding: 0px 30px !important;
    }

    @media(min-width:62em) {
        .button-round__icon {
            height: 13px;
            width: 13px;
        }
        .button-round {
            padding: 5px 13px 3px;
            font-size: .7rem;
        }
        .logo-text{
            font-size: 2.4rem;
        }
        .login_btn_header{
            margin-left: 1.8rem;
            margin-top: 4px;
            margin-right: 10px;
        }
    }

    @media(min-width:75em) {
        .button-round__icon {
            height: 15px;
            width: 15px;
        }
        .button-round {
            padding: 8px 16px 4px;
            font-size: .85rem;
        }
    }

    .btn-burger:hover{
        color: #45b9ff;
    }
    .btn-burger > svg:hover{
        stroke: #45b9ff;
    }

    .google_text{
        line-height: 1.3rem;
        font-size: 1rem;
        text-decoration: none;
    }
    .gsg{
        max-height: 60px;
    }

    body.offcanvas-active{
        overflow:hidden;
    }

    .app-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #212435;
        z-index: 99;
    }

    @media(min-width:62em) {
        .app-header {
            position: absolute;
            background-color: transparent;
            top: 5px;
        }
    }

    @media(min-width:62em) {
        .app-header {
            position: absolute;
            background-color: transparent;
            top: 15px;
        }
    }

    .offcanvas-header{ display:none; }

    .screen-darken{
        height: 100%;
        width:0%;
        z-index: 30;
        position: fixed;
        top: 0;
        right: 0;
        opacity:0;
        visibility:hidden;
        background-color: rgba(34, 34, 34, 0.6);
        transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
    }

    .screen-darken.active{
        z-index:10; 
        transition:opacity .3s ease, width 0s;
        opacity:1;
        width:100%;
        visibility:visible;
    }

    /* ============ mobile view ============ */
    @media all and (max-width: 991px) {
        
        .offcanvas-header{ display:block; }

        .mobile-offcanvas{
            visibility: hidden;
            transform:translateX(-100%);
            border-radius:0; 
            display:block;
            position: fixed;
            top: 0; left:0;
            height: 100%;
            z-index: 1200;
            width:90%;
            overflow: auto;
            transition: visibility .3s ease-in-out, transform .3s ease-in-out;
            background-color: #1b193c;
        }

        .mobile-offcanvas.show{
            visibility: visible;
            transform: translateX(0);
        }
        .mobile-offcanvas .container, .mobile-offcanvas .container-fluid{
            display: block;
        }

    }
    @media all and (min-width: 992px) {
        .dropdown-menu li{ position: relative;  }
        .nav-item .submenu{ 
            display: none;
            position: absolute;
            left:100%; 
            margin-top: -55px;
        }
        .nav-item .submenu-left{ 
            right:100%; left:auto;
        }
        .dropdown-menu > li:hover > .submenu{ display: block; }
        .nav-item:hover > .dropdown-menu{ display: block; }
    }   
    /* ============ desktop view .end// ============ */
    .navbar-nav .nav-item .nav-link:after {
        margin-right: .5em;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .2em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .uppercase{
        text-transform: uppercase;
    }

    .nav-link, .dropdown-item {
        color: #e2e2e2 !important;
        font-weight: 500;
        padding: 5px 15px;
        font-family: Inter, sans-serif;
        margin: 0px 10px;
    }

    .nav-link {
        display: block;
        color: #e2e2e2;
        padding: 5px 10px !important;
        border-bottom: 3px solid transparent;
        transition: all .2s ease-in-out;
    }
    .nav-link:focus, .nav-link:hover {
        text-decoration: none;
        border-bottom: 3px solid #AA0046;
        color: #fff !important;
    }
    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }
    .nav-link.active{
        border-bottom: 2px solid #AA0046;
    }
    @media(max-width:1200px) {
        .nav-link {
            font-size: .9rem;
        }
    }
    @media(max-width:62em) {
        .nav-link {
            font-size: 1rem;
        }
    }

    .caret-right{
        background: url(/images/icons/svg/caret-right-white.svg);
        width: 18px;
        height: 18px;
        margin-top: 3px;
    }

    .dropdown-item:hover {
        text-decoration: none;
        background-color: #4E5558;
        border-radius: 5px;
    }

    .dropdown-menu li:hover {
        color: #45b9ff !important;
        background: transparent;
        text-decoration: none;
    }

    .dropdown-menu {
        position: absolute;
        z-index: 1000;
        display: none;
        padding: 10px 0 0 0;
        color: #fff;
        text-align: left;
        list-style: none;
        background-color: #323051;
        min-width: 300px;
    }

    .dropdown-item.active, .dropdown-item:active {
        text-decoration: none;
        background-color: #4E5558;
        border-radius: 5px;
    }

    .dropdown-padding{
        /*padding-bottom: 1rem!important;*/
        padding-right: 0 !important;
    }

    /* ============ small devices ============ */
    @media (max-width: 991px) {
        .dropdown-menu{
            margin-left:0.7rem;
            margin-right:0.7rem;
            margin-bottom: .5rem;
        }
        .dropdown-item {
            padding: 5px 10px;
            word-wrap: break-word;
            white-space: normal;
        }
        .navbar-nav {
            position: relative;
            margin-top: 15px;
        }
        .dropdown-padding{
            padding-bottom: 5px !important;
            padding-right: 0 !important;
        }
    }

    .navigation-ctas {
        display: flex!important;
        flex-wrap: wrap;
    }

    @media(min-width:62em) {
        .navigation-ctas {
            position: absolute;
            margin-bottom: 0;
            top: -50px;
            right: 0;
            display: unset;
            flex-wrap: none;
        }
    }

    .navigation-ctas .button-round {
        display: inline-block;
        margin-top: 15px;
    }

    @media(min-width:62em) {
        .navigation-ctas .button-round {
            margin-top: 0;
        }
    }

    .navigation-ctas .button-round:first-of-type {
        margin-right: 10px;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        /* display: none; <- Crashes Chrome on hover */
        -webkit-appearance: none;
        margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
    }

    input[type=number] {
        -moz-appearance:textfield; /* Firefox */
    }
    .mobile-header{
        box-shadow: 0px 5px 5px -1px rgba(0,0,0,0.30);
        background-color: #1b193c;
        position: fixed;
        z-index: 95;
    }

    .megamenu{
        left: 0px;
        right: 0px;
        background: #323051;
        padding: 15px;
        border-radius: 1rem;
        transition: all 0.3s ease;
    }
    .mega-links {
        padding-left: 0;
        line-height: 25px;
    }
    .mega-links li {
      list-style: none;
      display: flex;
    }
    .mega-links li a {
        color: #e2e2e2;
        font-family: Inter, sans-serif;
        font-size: 1.1rem;
        font-weight: 500;
        padding: 12px 15px;
        border-radius: 5px;
        transition: all 0.3s ease;
        text-decoration: none;
        display: block;
        margin: 6px 10px 6px 0;
        width: 100%;
    }
    .mega-links li a:hover {
      color: #fff;
      background: #1b193c;
    }

    .img-arr {
        width: 160px;
        height: auto;
        margin: 0px auto;
    }
    .img-arr img {
        width: 160px;
        height: auto;
    }
    .img-arrlogin {
        width: 130px;
        height: auto;
        margin: 0px auto;
    }
    .img-arrlogin img {
        width: 130px;
        height: auto;
        position: absolute;
    }

    .threecols{
        border-right: 0;
        columns: 1;
    }
    .fourcols{
        border-right: 0;
        columns: 1;
    }
    @media (min-width: 992px) {
        #navbar_main {
            margin-top: 30px;
            position: relative;
        }
        .navbar-nav {
            position: unset;
            margin-top: 5px;
        }
        .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
            position: unset;
        }
        .navigation-ctas {
            position: absolute;
            margin-bottom: 0;
            top: 10px;
            right: 15px;
            display: unset;
            flex-wrap: none;
        }
        .megamenu{
            left: 0px;
            right: 0px;
            width: 100%;
            background: #323051;
            padding: 25px 30px;
            border-radius: 1rem;
            box-shadow: 0 26px 40px rgba(0, 0, 0, 0.3);
            transition: all 0.3s ease;
        }
        .mega-links {
            border-right: 1px solid #696e6f;
        }
        .app-header {
            top: 25px;
        }
        .threecols{
            border-right: 0;
            columns: 3;
        }
        .fourcols{
            border-right: 0;
            columns: 4;
        }
    }
/*///////////////////// MODAL FIX FOR BOOTSTRAP 5 /////////////*/
    .modal-open{
        overflow: auto !important;
        padding-right: 0 !important;
    }
/*///////////////////// HEADERS ///////////////////////////////*/
    .head {
        color: #e2e2e2;
        background: rgb(37,20,100);
        background: linear-gradient(0deg, rgba(37,20,100,1) 0%, rgba(27,25,60,1) 50%);
        padding: 10rem 0 0;
    }
    .head-bottom-rounded {
        border-bottom-left-radius: 3rem;
        border-bottom-right-radius: 3rem;
    }
    .display-1{
        font-family: Tiempos, sans-serif;
        font-weight: 700;
    }

    @media (min-width:62em) {
        .head {
            padding: 13.5rem 0 0rem;
        }
    }

    .headers {
        padding: 10rem 0rem 10rem;
    }
    @media (min-width: 48em) {
        .headers {
            padding: 14rem 0 10rem;
        }
    }
    @media (min-width: 62em) {
        .headers {
            padding: 16rem 0rem 12rem;
        }
    }

    .bgs-gradient{
        background: linear-gradient(0deg, rgb(50 48 81) 0%, rgb(37 20 100) 50%);
    }
    .bg-gradient-grey{
        background:#e2e2e2;
        border-radius: 3rem;
        padding: 5rem 0;
    }
    .spacer {
        padding: 0 15px;
        max-height: 101px;
    }
    .star {
        width: 20px;
        height: 20px;
    }
    .gsg-text {
        color: #e2e2e2;
        font-size: .85rem;
        line-height: 1.1rem;
    }
/*///////////////////// FORMS /////////////////////////////////*/
    
    #contact-us{
        background: #323051;
        color: #e2e2e2;
        padding: 7rem 0;
    }
    #contactForm{
        border-radius: 3rem;
        background-color: #1B193E;
    }
    .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #a4a3c0;
        opacity: 1; /* Firefox */
    }

    .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #fff;
    }

    .form-control::-ms-input-placeholder { /* Microsoft Edge */
        color: #fff;
    }
    .form-select{
        background-color: #5F5E78;
        border: 2px solid #5F5E78;
        border-radius: 0.5rem;
        padding: 0.9rem 1rem;
        color: #e2e2e2;
    }
    .form-select:focus {
        border-color: #45b9ff;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }
    .form-select:hover {
        border-color: #45b9ff;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }
    .form-select option:hover{
        background: rgba(175,175,175,.6);
    }
    .form-select-dark{
        background-color: #5F5E78;
        border: 2px solid #5F5E78;
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23e2e2e2' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
    }
    .form-select-dark:focus {
        border-color: #B90045;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }
    .form-select-dark:hover {
        border-color: #B90045;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }
    .form-select-dark option:hover{
        background: rgba(175,175,175,.6);
    }
    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus, 
    input:-webkit-autofill:active{
        -webkit-box-shadow: 0 0 0 30px #251464 inset !important;
    }

    /*Change text in autofill textbox*/
    input:-webkit-autofill{
        -webkit-text-fill-color: #e2e2e2 !important;
    }
    .form-control{
        border-radius: 0.5rem;
        color: #e2e2e2;
        padding: 0.9rem 1rem;
    }

    .form-control-dark{
        background-color: #5F5E78;
        border: 2px solid #5F5E78;
    }
    .form-control-dark:focus{
        color: #e2e2e2;
        background-color: #1B193E;
        border: 2px solid #B90045;
        box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }

    option:disabled {
        color: #aaa !important;
    }

    .form-floating > label {
        color: #e2e2e2;
    }
    .form-floating-dark > label {
        color: #e2e2e2;
    }
    .phone_input_img {
        background-color: #5F5E78 !important;
        border: 1px solid #5F5E78 !important;
        font-size: 1rem;
        color: #e2e2e2;
    }

    .input-phone-group::after {
      pointer-events: none;
      content: "";
      display: block;
      border: 5px solid transparent;
      border-top-color: #727683;
      position: absolute;
      left: 110px;
      right: auto;
      top: calc(50% - 2px);
    }
    .phone_input_select{
        appearance: none;
        background: #5F5E78;
        border: 1px solid transparent;
        border-radius: 0;
        color: #e2e2e2;
        display: block;
        font-size: 1rem;
        outline: 0;
        padding: .9rem 1.6rem;
        max-width: 100px;
    }
    .phone_input_select:focus{
        outline: none ! important;
    }

    .cb{
      width: 24px;
      height: 24px;
      background: #4E5558;
      border-radius: 5px;
      transition: all 0.2s linear;
      cursor: pointer;
      border: 0;
    }
    .cb_checked{
      background: url('/images/pcheck.png') #4E5558;
    }
/*///////////////////// CARDS /////////////////////////////////*/
    .card__icon {
        max-height: 120px;
        margin-bottom: 8px;
    }
/*///////////////////// HOME TUITION //////////////////////////*/
    .home-tuition{
        background-color: #1b193e;
    }
/*///////////////////// BLOGS /////////////////////////////////*/
    .latest-posts{
        padding: 75px 0;
    }
    .blog-card{
        border: 0;
    }
    .blog__image{
        height: 270px;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 15px;
        box-shadow: 0 2px 2px 0px rgb(0 0 0 / 30%);
    }
/*///////////////////// REVIEWS ///////////////////////////////*/
    .tick{
        margin-top: 17px;
    }
    .tick > img {
        width: 65px;
        height: 38px;
    }
    @media (min-width:62em) {
        .tick{
            margin-top: 17px;
        }
        .tick > img {
            width: 90px;
            height: 52px;
        }
    }

    .card-review{
        background-color: #1b193c;
        border-radius: 20px;
    }
    .item__text{
        font-size: .95rem;
    }
    .review__date, .item__position{
        color: #7A8082;
        font-size: .9rem;
    }
/*///////////////////// REVIEWS ///////////////////////////////*/
  .feedback{
    background-color: #323051;
    color: #e2e2e2;
    padding: 40px 0;
  }
  .slick-slider{
    width: 90% !important;
    margin: 0px auto !important;
  }
  .feedback .slick-next,
  .feedback .slick-prev {
      background: transparent;
      border: none;
      height: 40px;
      width: 40px;
      position: absolute;
      top: calc(55% - 20px);
      font-size: 0;
  }

  .feedback .slick-next::before,
  .feedback .slick-prev::before {
      border-left: 2px solid #7A8082;
      border-bottom: 2px solid #7A8082;
      content: "";
      height: 24px;
      position: absolute;
      top: 8px;
      transform-origin: 50% 50%;
      width: 24px;
  }

  .feedback .slick-prev {
      left: -25px;
  }

  .feedback .slick-prev::before {
      transform: rotate(45deg);
      left: 10px;
  }

  .feedback .slick-next {
      right: -25px;
  }

  .feedback .slick-next::before {
      transform: rotate(225deg);
      right: 10px;
  }

  @media (min-width:48em) {
      .feedback .slick-prev {
          left: 0;
      }
      .feedback .slick-next {
          right: 0;
      }
  }

  @media (min-width:50em) {
      .feedback .slick-prev {
          left: -30px;
      }
      .feedback .slick-next {
          right: -30px;
      }
  }

  @media (min-width:62em) {
      .feedback .slick-prev {
          left: -10px;
      }
      .feedback .slick-next {
          right: -10px;
      }
  }

  @media (min-width:68.75em) {
      .feedback .slick-prev {
          left: -30px;
      }
      .feedback .slick-next {
          right: -30px;
      }
  }

  @media (min-width:83.75em) {
      .feedback .slick-prev {
          left: -60px;
      }
      .feedback .slick-next {
          right: -60px;
      }
  }
/*///////////////////// SEARCH ////////////////////////////////*/

    .sticky-message {
        position: fixed;
        bottom: 0;
        z-index: 95;
        width: 100%;
        text-align: center;
        border-top-left-radius: 2rem;
        border-top-right-radius: 2rem;
    }
    #filter-search{
        padding: 12px 25px;
    }
    .sticky-search-icon{
        background-color: #222b2e !important;
        right: 10px;
        bottom: 0;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        padding: .5rem 1rem;
    }
/*///////////////////// FOOTER ////////////////////////////////*/
    .footer{
        background: rgba(27, 25, 60, 1);
        /* background: linear-gradient(0deg, rgba(27, 25, 60, 1) 0%, rgb(37, 20, 100) 50%); */
        color: #e2e2e2;
        padding-top: 50px;
        border-top-left-radius: 3rem;
        border-top-right-radius: 3rem;
    }
    .footer-bottom{
        color: #909596;
        font-size: 1rem;
        padding-top: 25px;
    }
    .footer-bottom a {
        transition: color .1s ease-in-out;
        text-decoration: none;
        color: #909596;
    }

  .footer-bottom a:hover {
      color: #45b9ff;
  }
  .featured{
    background-color: #1b193e;
    color: #e2e2e2;
    padding-top: 55px;
  }
  .co2{
      filter: grayscale(100%);
  }
  .co2:hover{
      filter: grayscale(0%);
  }
  .svg-inline--fa.fa-stack-2x {
    height: 2em;
    width: 1em !important;
  }

  .fa-stack { font-size: 1.2em; }
  .fa-stack        .fa-circle { opacity:0.5; }

  .fa-stack:hover  .fa-user-plus { color: white; }
  .fa-stack:hover  .fa-circle { opacity:0.9;color: #45b9ff !important; }


  .footer-panel__list-item {
      margin-bottom: .25em;
  }

  .footer-panel__list-item a {
      font-size: 1.1rem;
      transition: color .1s ease-in-out;
      text-decoration: none;
      color: #909596;
  }

  .footer-panel__list-item a:hover {
      color: #45b9ff;
  }

  .footer-panel__list {
        padding: 0;
        list-style: none;
        margin-bottom: 2rem;
    }

    @media (min-width:26.5625em) {
        .footer-panel__list {
            -webkit-columns: 2;
            columns: 2;
        }
    }

    @media (min-width:36em) {
        .footer-panel__list {
            -webkit-columns: 3;
            columns: 3;
        }
    }

    @media (min-width:62em) {
        .footer-panel__list {
            -webkit-columns: 2;
            columns: 2;
            -webkit-column-gap: 30px;
            column-gap: 30px;
        }
    }
  @media (min-width:62em) {
        .footer-panel__list--client {
            -webkit-columns: 1;
            columns: 1;
        }
    }

    .footer-panel__list_two {
        padding: 0;
        list-style: none;
        columns: 2;
    }


  .footer-panel__list_four {
        padding: 0;
        list-style: none;
        columns: 2;
    }

    @media (min-width:26.5625em) {
        .footer-panel__list_four {
            -webkit-columns: 2;
            columns: 2;
        }
        .footer-panel__list_two {
            -webkit-columns: 2;
            columns: 2;
        }
    }

    @media (min-width:36em) {
        .footer-panel__list_four {
            -webkit-columns: 4;
            columns: 4;
        }
        .footer-panel__list_two {
            -webkit-columns: 2;
            columns: 2;
        }
    }

    @media (min-width:62em) {
        .footer-panel__list_four {
            -webkit-columns: 4;
            columns: 4;
        }
        .footer-panel__list_two {
            -webkit-columns: 2;
            columns: 2;
        }
    }

    .fsoc-icon{
        width: 38px;
        height: 38px;
        display: flex;
        background: #555769;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        margin: 0px 5px;
    }

    .fsoc-icon img{
        height: 1.2rem;
        width: 1.2rem;
        filter: invert(1);
    }

    .fsoc-icon:hover{
        background: #45b9ff;
    }

    .logo-footer{
        width: 27px;
        height: 23px;
        filter: grayscale(1);
    }
/*///////////////////// FAQs //////////////////////////////////*/

    .list-group-item.active {
        border-color: #dfba82;
    }
    .list-group-item {
        position: relative;
        display: block;
        padding: 0.5rem 1rem;
        color: #e2e2e2;
        text-decoration: none;
        background-color: #1b193e;
        border: 1px solid rgba(255,255,255,.2);
        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        margin-bottom: 5px;
    }
    .list-group-item:hover{
        background-color: #384043;
        color: #e2e2e2;
    }

    .search_input {
      background: #323051;
      border: 1px solid transparent;
      color: #e2e2e2;
      display: block;
      font-size: 16px;
      line-height: 1.7;
      outline: 0;
      padding: 1.2rem 1.6rem;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
    }
    .search_input:focus {
      background: transparent;
      color: #e2e2e2;
    }
    .search_icon{
      background: #323051;
      font-size: 18px;
      border: none;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px;
    }
    .igsearch:after{
      content: none;
    }

    #search_content a {
      color: #45b9ff;
    }

    input::-webkit-calendar-picker-indicator {
      opacity: 0;
    }

    .autocomplete-suggestions {
        background: #384043;
        overflow: auto;
        border-radius: 2px;
        position: absolute;
        max-height: 300px;
        z-index: 9999;
        top: 54px;
        display: none;
        width: 89.5%;
        cursor: pointer;
        margin-left: 10.5%;
        border: 1px solid #45b9ff;
    }
    .autocomplete-suggestion{
        padding: 10px 20px;
    }
    .autocomplete-suggestion:hover{
        background: #1b193e;
        color: #e2e2e2;
    }

    .form-control:focus {
      border-color: #45b9ff;
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgb(69 85 255 / 25%);
    }

    .list-group-item.active {
      border-color: #45b9ff;
      background-color: #384043;
    }
    .q-body{
        background-color: #4E5558;
    }

    .faq__icon {
        background: #384043;
        border-radius: 50%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-size: 1.7rem;
        line-height: 1.7rem;
        text-align: center;
        padding: 1rem 0 1.3rem;
        height: 3.5rem;
        width: 3.5rem;
        margin-right: 3rem;
    }
/*///////////////////// TEACHERS LIST /////////////////////////*/
    .teacher-heading{
        font-size: 20px;
        border-bottom: 3px solid #384043;
        padding-bottom: 10px;
    }

    .teacher-avatar{
        width: 130px;
        height: 130px;
        margin:0px auto;
        opacity: 1;
    }
    .teacher-avatar:hover {
        opacity: .6;
    }
    .teacher-initials {
        display: flex;
        width: 80px;
        height: 80px;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        /*        background-color: #384043;*/
        background-color: #222b2e;
        border-radius: 50%;
        font-size: 1.8em;
        text-transform: uppercase;
    }
    .teacher-card-title{
        font-family: Tiempos, sans-serif;
        font-size: 1.9rem !important;
        font-weight: 700 !important;
        color: #e2e2e2;
    }

    .subject-info a {
        color: #e2e2e2;
        text-decoration: underline;
    }
    .subject-info a:hover {
        color: #e1008f;
    }
    #teacher-list{
        min-height: 515px;
    }
    .miles-marker{
        font-size: 16px;
        margin-top: 8px;
    }

    @media (min-width: 62em){
        .teacher-card-title{
            font-size: 1.6rem !important;
        }
    }
    .whyus-swoosh img {
        width: 100%;
        height: 14px;
    }
    .tc_price_display{
        background-color: #474476;
        padding: 8px;
        text-align: center;
        border-radius: 2rem;
        margin-top: 15px;
        font-family: 'tiempos';
        font-size: 1.1rem;
        letter-spacing: 2px;
    }
    .tc_subject_display{
        font-family: Inter, sans-serif;
        font-size: 1rem;
        font-weight: 300;
    }
    .tc_shadow_gradient{
        mask-image: none;
    }
    .tc_contract{
        height: auto;
    }
    @media (min-width: 62em){
        .tc_shadow_gradient{
            mask-image: linear-gradient(to top, transparent 35%, black 100%, black 10%, transparent 100%);
        }
        .tc_contract{
            height: 250px;
            overflow: hidden;
        }
    }

    .subject-link{
        color: #e2e2e2 !important;
        text-decoration: none;
    }
    .subject-link:hover{
        color: #45b9ff !important;
        text-decoration: none;
    }
/*///////////////////// SCROLLER //////////////////////////////*/
    .scroller_bg{
        background-color: #1b193e;
        /* background: linear-gradient(0deg, rgba(37, 20, 100, 1) 0%, rgba(27, 25, 60, 1) 95%); */
        color: #e2e2e2;
        border-radius: 3rem;
    }
    .scroller_bg > div {
        max-width: 1920px;
        padding: 60px 0px;
    }
    .c{
        position:relative;
        max-height:650px;  /*height to show an exact number of spans  - in this case span is 45px (40 height plus 5 margin as margins collapse) and we are showing 5 spans to start */
        float:left;
        width:100%;
        height:650px;
        overflow:hidden;
        border-radius: 26px;
    }
    .ts-container {
        position: relative;
        height: 43rem;
        width: 100%;
    }
    .tc__image {
        position: absolute;
        top: 40px;
        height: 100%;
        width: 100%;
        z-index: 9;
    }
    .card-home{
        position:absolute;
        top:0;
        left: -60px;
        overflow: hidden;
        animation: scroll 160s linear 1s infinite;
    }
    .card-home.paused {
        animation-play-state: paused;
    }
    .spanner {
        min-width: 1080px;
        height:95px;
        display:block;
        color:white;
        margin:5px;
        overflow: hidden;
    }
    .spanner > a > img {
        margin:5px;
        border-radius: 50%;
        border: 3px solid #222b2e;
    }
    .spanner > img {
        margin:5px;
        border-radius: 50%;
        border: 3px solid #222b2e;
    }
    @keyframes scroll {
        100% { top: -5000px; }  /* top is the number of spans (in this case 8) multiplied by span height (45px as described above)*/
    }

    .postcard {
        position: relative;
        height: 50rem;
        width: 100%;
    }
    @media (min-width: 62em){
        .card-home{
            left: 25px;
        }
        .postcard {
            height: 55rem;
        }
    }
    @media (min-width: 75em){
        .postcard {
            height: 65rem;
        }
    }
    .postcard-left {
        position: relative;
        height: 46.7rem;
        width: 100%;
    }
    .postcard-left__image {
        position: absolute;
        top: 60px;
        height: 100%;
        width: 100%;
        z-index: 9;
    }
    .cover {
        background-size: cover;
        background-position: center center;
    }
    @media (min-width: 62em){
        .postcard-left__image {
            width: 45%;
            left: 0;
        }
    }
    @media (min-width: 75em){
        .postcard-left__image {
            width: 50%;
            margin-top: 0px;
            margin-left: 90px;
        }
    }
    .postcard-left__solid {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
    }
    .postcard-left__solid__darker {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: rgb(34 43 46 / 75%);
    }
    .postcard-left__content {
        position: relative;
        padding: 25px 15px;
        z-index: 3;
        top: 44%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    @media (min-width: 62em){
        .postcard-left__content {
            padding: 25px 50px;
        }
        .postcard-left__solid__darker{
            background-color: rgb(34 43 46 / 35%);
        }
    }
    .teacher_showcase{
        padding: 95px 0;
    }
    .sc_circle{
        height: 70px;
    }
    .sc_circle > div > div > img{
        transform: rotate(-4deg);
        width: 290px;
        margin-left: -10px;
    }
    .best-text{
        font-size: 4rem !important;
    }
    @media (min-width:800px) {
        .sc_circle{
            height: 80px;
        }
    }
    .profile-picture {
        width: 90px;
        height: 90px;
        position: relative;
        overflow: hidden;
        border-radius: 50%; /* Makes the image circular */
        border: 3px solid #222b2e;
    }
    .profile-picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .accordion {
        --bs-accordion-color: #e2e2e2;
        --bs-accordion-bg: transparent;
        --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: 0;
        --bs-accordion-border-radius: 0;
        --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: var(--bs-body-color);
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
        --bs-accordion-btn-focus-border-color: #86b7fe;
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: #0c63e4;
        --bs-accordion-active-bg: #e7f1ff;
    }
    .accordion-body {
        padding: var(--bs-accordion-body-padding-y) 0;
    }
/*///////////////////// TUITION FEES //////////////////////////*/
    .feestick > img {
        width: 65px;
        height: auto;
        margin-left: 42px;
        margin-top: 10px;
    }
    @media (min-width:62em) {
        .feestick > img {
            width: 150px;
            height: auto;
            padding-left: 25px;
            margin-left: 0;
        }
    }
/*///////////////////// HIW ///////////////////////////////////*/
    .relative-flex-container-start {
    position: relative;
    display: flex;
    justify-content: start;
    min-height: 195px;
  }
  .no_hiw-container{
    font-size: 8rem !important;
    font-weight: 500 !important;
    font-family: Tiempos, sans-serif;
  }
  .no_hiw{
    position: absolute;
    margin-left: 70px;
  }
  .round-swoosh{
    margin-top: -10px;
  }
  .round-swoosh > img {
    width: 190px;
    height: auto;
    transform: rotate(-20deg);
  }
  .arrow-hiw{
    margin-left: 0px;
    margin-top: 38px;
  }
  .arrow-hiw > img {
    width: 190px;
    height: auto;
    transform: scaleY(-1);
    z-index: 0;
  }
  .tick-hiw{
    margin-top: -16px;
  }
  .tick-hiw > img {
    width: 100px;
    height: auto;
  }
  @media (min-width:62em) {
    .round-swoosh{
      margin-left: -58px;
      margin-top: -11px;
    }
    .round-swoosh > img {
      width: 165px;
      height: auto;
      transform: rotate(-20deg);
    }
    .no_hiw{
      position: absolute;
      margin-left: 0px;
      z-index: 1;
    }
    .arrow-hiw{
      margin-left: -50px;
      margin-top: 38px;
    }
    .arrow-hiw > img {
      width: 190px;
      height: auto;
      transform: scaleY(-1);
      z-index: 0;
    }
    .tick-hiw{
      margin-top: -16px;
    }
    .tick-hiw > img {
      width: 125px;
      height: auto;
    }
  }
/*///////////////////// FEEDBACK //////////////////////////////*/
    .grid-3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 -8px;
    }
    .grid-3__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: calc(100% - 16px);
        margin: 0 8px 16px;
    }
    @media (min-width: 48em) {
        .grid-3__item {
            width: calc(50% - 16px);
        }
    }
    @media (min-width: 75em) {
        .grid-3__item {
            width: calc(33.333% - 16px);
        }
    }
    .feedback-listing__items{
        margin-bottom: 80px;
    }
    .feedback-listing__heading{
        margin-bottom: 40px;
        text-align: center;
    }
    .feedback-item{
        background-color: #1b193e;
        padding: 2rem;
        border-radius: 20px;
        height: 100%;
    }

    .feedback-item__date{
        margin-bottom: 10px;
    }

    .rating.five span {
        display: inline-block;
    }
    .rating span {
        background: url(/images/icons/svg/star.svg) no-repeat 50% 50%/contain;
        display: none;
        height: 18px;
        width: 18px;
    }
    .feedback-item__text{
        margin-top: 20px;
        min-height: 200px;
    }
    .feedback-item__name{
        font: 700 1.5rem/1.33 "Tiempos",serif;
    }
    .feedback-item__position{
        color: #909596;
    }
/*///////////////////// LOCATION SUBJECTS HTML BLOCK //////////*/

    .location-html-block{
        background-color: #1b193e;
        color: #e2e2e2;
        padding-bottom: 60px;
    }
    .location-html-block h2 {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
/*///////////////////// BLOG //////////////////////////////////*/
    .share__social {
        list-style: none;
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0;
    }


    .search-container{
        padding: 2rem 1rem 2rem 1rem;
        background: rgb(33 43 46 / 65%);
        border-radius: 20px;
    }
    .search__drop{
        top: 83px;
        width: 100%;
        margin-left: 0;
    }
    .btn_search{
        width: 100%;
        font-size: 1rem;
        margin-top: 0px;
        padding: 0.9rem 2rem;
    }
    @media (min-width:62em) {
        .search-container{
            padding: 3rem 3rem 2rem 3rem;
            background: rgb(33 43 46 / 65%);
            border-radius: 20px;
        }
        .btn_search{
            width: 100%;
            font-size: 1rem;
            margin-top: 22px;
            padding: 0.9rem 2rem;
        }
    }
/*///////////////////// STAGES HTML  //////////////////////////*/
    .stages__title {
        max-width: 600px;
        opacity: .9;
        color: #f1f1f1;
        text-align: center;
        margin: 0px auto 2rem auto;
    }
    .stages__text {
        max-width: 730px;
        opacity: .8;
        color: #f1f1f1;
        text-align: center;
        margin: 0px auto 2.5rem auto;
    }
    .stages__text a {
        color: #e2e2e2;
        text-decoration: underline;
    }
    .stages__items {
        margin: 0 -1rem;
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .stages .item {
        background: #1b193e;
        margin: 0 1rem 2rem;
        padding: 1.5rem 2rem 1rem;
        border-radius: 2rem;
    }

    @media (min-width: 62em){
        .stages .item {
            width: calc(50% - 2.2rem);
        }
    }

    @media (min-width: 37.5em){
        .stages .item {
            padding: 3.1rem 3.9rem 1rem;
        }
    }

    .stages .item__title {
        color: #e2e2e2;
        font: 700 2rem/1.33 "Tiempos",serif;
        margin-bottom: 1.4rem;
        /*text-transform: uppercase;*/
    }

    @media (min-width: 48em){
        .stages .item__title {
            font-size: 2rem;
        }
    }

    .stages .item__text {
        color: #e2e2e2;
        font-size: 1rem;
        letter-spacing: .025em;
        line-height: 1.5;
    }

    .stages .item__text p {
        margin-bottom: 2.2rem;
    }
/*///////////////////// POPOVER ///////////////////////////////*/
    .popover-header{
        background-color: #474476;
        color: #e2e2e2;
    }
/*///////////////////// LOCATIONS  ////////////////////////////*/
    .filter-cloud {
        text-align: center;
    }
    .filter-cloud__item.active, .filter-cloud__item:active, .filter-cloud__item:focus, .filter-cloud__item:hover {
        color: #e2e2e2;
        background-color: #1b193e;
        border: 1px solid #45b9ff;
        text-decoration: none;
        outline: 0;
    }

    .filter-cloud__item {
        display: inline-block;
        background-color: #474572;
        border-radius: 10px;
        font-size: 0.9rem;
        padding: 1em 1.3em;
        margin: 0 .5rem 1.5rem;
        color: #e2e2e2;
        letter-spacing: .1em;
        border: 1px solid transparent;
        transition: all .2s ease-in-out;
        text-decoration: none;
    }
    .filter-cloud__item:first-letter{
        text-transform: capitalize
    }
/*///////////////////// ACCORDION /////////////////////////////*/
    .accordion-item{
        color: #e2e2e2;
        background-color: #323051;
        border: none;
    }
    .accordion-button{
        font-size: 1.6rem;
        background: #110f2f;
        color: #e2e2e2;
        box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #384043;
    }
    .accordion-button:not(.collapsed) {
        color: #e2e2e2;
        background-color: #535095;
        box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #45b9ff;
    }
    .accordion-body{
        padding: 1.5rem 1rem 3rem;
    }

    .accordion-button:not(.collapsed)::after {
        background: url("/images/chevron-blue.svg");
    }
    .accordion-button::after {
        background: url(/images/chevron-blue.svg);
    }
/*///////////////////// EXAM LIBRARY //////////////////////////*/
    .pphead {
      padding: 7rem 0 3rem;
      border-bottom-left-radius: 3rem;
      border-bottom-right-radius: 3rem;
      }
      .text-bigger{
        font-size: 1.4rem !important;
      }
    .paper-title {
      text-align: center;
      margin-bottom: 10px;
      font-size: 1.4rem;
    }
    .paper-btns-row {
      text-align: center;
      display: ruby;
    }
    .paper-btns-row > div {
      margin-bottom: 10px;
    }
    .link-card {
      max-width: 100px;
      margin-right: 10px;
    }
    .btn-light {
        border: 2px solid transparent;
        transition: all 0.2s linear;
    }
    .btn-light:hover {
        border: 2px solid #e1008f;
        filter: drop-shadow(0px 0px 8px rgba(255, 0, 143, 0.8));
    }
    .btn-light > svg > use {
      filter: brightness(0.5);
      transition: all 0.2s linear;
    }
    .btn-light:hover > svg > use {
      filter: brightness(1);
    }
    small{
      font-size: .8rem;
    }
    @media (min-width: 48em) {
      .pphead {
        padding: 13rem 0 4rem;
      }
      .paper-title {
        text-align: left;
        width: 280px;
        margin-right: 10px;
        margin-bottom: 0px;
        
      }
      .paper-row{
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }
      .paper-btns-row{
        display: flex;
        align-items: center;
      }
      .paper-btns-row > div {
        margin-bottom: 0px;
      }
    }
    .btn-dark-tall {
      height: 81px;
    }
    .link-card{
      border: 2px solid transparent;
      -webkit-filter: drop-shadow(0px 0px 0px rgba(255,255,255,0.80));
      transition: all 0.3s linear;
    }
    .link-card:hover{
      border: 2px solid #e1008f;
      -webkit-filter: drop-shadow(0px 0px 8px rgba(255, 0, 143, 0.8));
      background: white;
    }
    .link-card > a > img {
        border-radius: 30px;
    }
    .faq_search{
      height: 26px;
      filter: invert(.5);
    }

    .card-why{
            box-shadow: none;
            transition: all 300ms ease-in-out;
        }
        .card-why:hover{
            box-shadow: 0 2px 5px rgba(222, 3, 141, .6);
        }
        .card-footer {
            border-top: 0;
            background-color: transparent;
        }

        .check_icon{
            width: 2rem;
            margin-right: .6rem;
        }

        .exams{
        padding: 17px 28px;
        border-bottom: 1px solid #4e5558;
        color: #e2e2e2;
        position: relative;
        transition: all .2s ease-in-out;
    }
    .exams:hover {
        background: #251463;
        border-bottom: 1px solid #9bb7c0;
    }
    .exams a {
        color: #e2e2e2;
        text-decoration: none;
        transition: all .2s ease-in-out;
    }
    .exams a:hover {
        color: #fff;
    }
    .pdf{
      width: 36px;
      height: 36px;
      filter: invert(.8);
    }
    .share_dd{
      filter: invert(.9);
      width: 1.4rem;
      height: 1.4rem;
    }
/*///////////////////// CORPORATES //////////////////////////*/
    .card-contact {
        background-color: #323051;
    }

    .organisation{
        padding: 5rem 0;
        border-radius: 3rem;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
        border: 1px solid #52eb5c;
        background-color: #251464 !important;
    }

    select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, select:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px #251464 inset !important;
        -webkit-text-fill-color: #e2e2e2 !important;
    }