@font-face {
    font-family: "ivy-presto";
    src: url('../../fonts/ivy/ivy-presto-display.otf');
}

@font-face {
    font-family: "ivy-presto-light";
    src: url('../../fonts/ivy/Ivy-Presto-Display-Light.otf');
}

@font-face {
    font-family: 'tn-bold';
    src: url('../../fonts/national/test-national-2-bold.otf');
}

@font-face {
    font-family: 'tn-medium';
    src: url('../../fonts/national/test-national-2-medium.otf');
}

@font-face {
    font-family: 'tn-regular';
    src: url('../../fonts/national/test-national-2-regular.otf');
}

@font-face {
    font-family: 'tn-condensed-bold';
    src: url('../../fonts/national/test-national-2-condensed-bold.otf');
}

@font-face {
    font-family: 'tn-condensed-medium';
    src: url('../../fonts/national/test-national-2-condensed-medium.otf');
}

@font-face {
    font-family: 'tn-condensed-regular';
    src: url('../../fonts/test-national-2-condensed-regular.otf');
}

body {
    background: #000000;
    overflow-x: hidden;
} 

.btn {
    font-family: 'tn-medium' !important;
}
.hero-talk-btn{
    height: 102px;
}

.blue-text {
    color:#241BDC;
}
.cyen-text {
    color: #25C4EF;
}
.red-text {
    color: #D63C22;
}
.orange-text {
    color: #FFB62B;
}

.secondary-heading {
    font-size: 72px;
}

a:link, a:visited, a:hover, a:active {
    text-decoration: none;
    color: #FFFFFF;
}


/* Navigation & Menu */

/* Menu Open Box */
.menu-container {
    width: 100vw;
    height: 100vh;
    background: transparent;
    z-index: 998;
    position: fixed;
    top: 24px;
    right: 24px;
    display: none;
}
.menu-box {
    width: 600px;
    padding: 12px 32px;
    background: #000000;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.menu-box-mobile {
    width: 100%;
    height: 100vh;
    padding: 12px 20px;
    background: #000000;
    position: fixed;
    top:0;
    right: 0px;
    border-radius: 0;
    z-index: 999;
    display: none;
}
.close-text {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 18px;
}
.close-text-mobile {
    color: #FFFFFF;
    font-family: 'tn-regular';
    font-size: 16px;
}
.menu-text {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
}
.menu-links-box {
    margin-top: 32px;
}
.menu-link {
    font-size: 40px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-link-mobile {
    font-size: 24px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.link {
    margin-top: 28px;
}
.menu-footer {
    margin-top: 32px;
    font-family: 'tn-regular';
    color: #FFFFFF;
}
.menu-footer-link {
    font-size: 24px;
}
.menu-footer-link-mobile {
    font-size: 16px;
}

/* header styling*/
.header {
    padding-top: 16px;
    background: #241BDC;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    padding-bottom: 16px;
    z-index: 998;
}
.header-right {
    text-align: end;
    color: #FFFFFF;
}
.header-btn {
    margin-right:16px !important;
    font-family: 'tn-condensed-medium';
    text-transform: uppercase;
}
.header-btn:hover {
    background:#000000;
    color:#FFFFFF;
    border: 1px solid #000000;
}
.btn-icon {
    height: 20px;
    margin-top: -4px;
}
.menu-text, .menu-text-mobile {
    font-family: 'tn-condensed-medium';
    font-size: 24px;
    color: #FFFFFF;
    text-transform: uppercase;
}
.menu-text:hover, .menu-icon:hover {
    cursor: pointer;
}
.close-text:hover, .close-icon {
    cursor: pointer;
}



/* Pre Footer Section */
.pre-footer-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:120px;
    padding-bottom:120px;
}
.pre-footer-center-box {
    width: 638px;
    height: 638px;
    background: #FFB62B;
    border-radius: 600px;
    margin: auto;
    padding-top: 140px;
}
.pre-footer-center-box-mobile {
    padding-top:44px;
    width: 330px;
    height: 330px;
    background: #FFB62B;
    border-radius: 300px;
    margin: auto;
}
#leftImg, #rightImg {
    margin-top: 151px;
}
.left-col {
    padding-right: 0px;
}
.right-col {
    padding-left: 0px;
}
.pre-footer-title {
    font-size: 90px;
    line-height: 100%;
}
.pre-footer-title-mobile {
    font-size: 52px;
    line-height: 100%;
}
.pre-footer-para {
    font-size: 28px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 30px;
}
.pre-footer-para-mobile {
    font-size: 16px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 16px;
    margin-bottom: 0;
}
.font-condensed {
    font-family: 'tn-condensed-medium';
}
.font-display {
    font-family: 'ivy-presto-light';
}
.pre-footer-cta {
    margin-top: 30px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 24px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta-mobile {
    margin-top: 16px;
    background: transparent;
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000 !important;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-medium';
}
.pre-footer-cta-mobile:hover{
    background: transparent;
    border: 1px solid #000000;
}
.pre-footer-cta:hover {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
}
.pre-footer-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.pre-footer-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}




/* Footer */
.footer-section {
    padding-top: 80px;
    padding-bottom: 30px;
    color: #FFFFFF;
    font-family: 'tn-regular';
}
.quick-links {
    margin-right: 100px;
}
.footer-title {
    font-size: 20px;
    font-family: 'tn-medium';
}
.footer-links {
    margin-top: 32px;
    font-family: 'tn-regular';
}
.footer-link {
    margin-top: 16px;
    font-size: 18px;
}
.newsletter-box {
    padding: 24px 24px;
    background-color: #333333;
    border-radius: 20px;

}
.subscribe-to-text {
    font-family: 'tn-medium';
    font-size: 20px;
    line-height: 100%;
}
.newsletter-text {
    font-family: 'ivy-presto-light';
    font-size: 80px;
    line-height: 72px;
    margin-top: 20px;
}
.email-form {
    margin-top: 28px;
}
.email-input {
    width: 250px;
    padding: 12px 16px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    color: #FFFFFF
}
.subscribe-btn {
    background: #FFB62B;
    text-transform: uppercase;
    color: #000000;
    font-size: 20px;
    padding-left: 24px;
    padding-right: 12px;
    font-family: 'tn-regular';
}
.subscribe-btn:hover {
    background: #FFB62B;
    color: #000000;
}
.subscribe-contact-arrow-icon {
    transition: transform 0.3s ease-in-out;
}
.subscribe-contact-arrow-icon.rotated {
    transform: rotate(45deg);
}

.footer-end-row {
    margin-top: 60px;
}



@media (max-width: 768px) {
    .menu-link-mobile.link{
        margin-top: 16px !important;
    }

    .pre-footer-section {
        background-color: #FFFFFF;
        border-radius:30px;
        margin-top:1px;
        padding-top:40px;
        padding-bottom:40px;
    }
    .newsletter-text {
        font-size: 50px;
    }
    .subscribe-btn span {
        display: none;
    }
    .subscribe-btn {
        background: #FFB62B;
        padding-left: 8px;
        padding-right: 8px;
    }
    .email-form {
        margin-top: 28px;
        display: flex;
    }
    .footer-end-row .col-sm-6{
        display: flex;
        justify-content: center !important;
    }
    .hero-talk-btn{
        height: 62px;
    }
}