@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;
}

::selection {
    background: #241BDC;
    color: #ffffff;
}

::-moz-selection { /* Firefox */
    background: #241BDC;
    color: #ffffff;
}


.btn {
    font-family: 'tn-medium' !important;
}
.hero-talk-btn{
    height: 102px;
}
.dark-text{
    color: #000000 !important;
}

.blue-text {
    color:#241BDC !important;
}
.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: #010202;
    position: fixed;
    top:24px;
    right: 12px;
    border-radius: 24px;
    z-index: 999;
    display: none;
}
.menu-box-mobile {
    width: 100% !important;
    height: 100vh;
    padding: 12px 20px;
    background: #010202;
    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-icon svg, .close-icon-mobile svg{
    border: 1px solid #404145;
    border-radius: 50%;
    padding: 16px;
    fill: #FFFFFF;
}
.close-icon:hover svg,
.close-icon-mobile:hover svg {
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    padding: 16px;
    fill: #000;
    background-color: #FFFFFF;
    transform: rotate(90deg);
    transition: transform 0.3s ease;
}
.close-icon svg,
.close-icon-mobile svg {
    transition: transform 0.3s ease;
}



.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;
}

.menu-link a,
.menu-link-mobile a,
.menu-footer-link a,
.menu-footer-link-mobile a {
    position: relative;
    text-decoration: none;
}

.menu-link a::after,
.menu-link-mobile a::after,
.menu-footer-link a::after,
.menu-footer-link-mobile a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: currentColor;
    transition: width 0.3s ease;
}

.menu-link a:hover::after,
.menu-link-mobile a:hover::after,
.menu-footer-link a:hover::after,
.menu-footer-link-mobile a:hover::after {
    width: 100%;
}

.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;
}
.alina-logo{
    width: 100px;
}

/* 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;
}


.header-btn {
    position: relative;
    overflow: hidden;
    transition: color 0.3s ease, border 0.3s ease;
}

/* Background layer */
.header-btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #000;
    z-index: -1;
    transition: width 0.3s ease;
}

/* Hover effect */
.header-btn:hover {
    color: #fff;
    border-color: #000;
}

.header-btn:hover::before {
    width: 100%;
}

.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;
}
.menu-box .menu-text {
    cursor: context-menu;
}




/* Pre Footer Section */
.pre-footer-row{
    display: flex;
    gap: 0;
    align-items: center;
    flex-direction: row;
}

.pre-footer-section {
    background-color: #FFFFFF;
    border-radius:30px;
    margin-top:1px;
    padding-top:120px;
    padding-bottom:120px;
}
.pre-footer-center-box {
    width: 70%;
    aspect-ratio: 1 / 1;
    background: #FFB62B;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
}

.left-col, .right-col {
    width: 30%;
    border-radius: 50%;
}
.pre-footer-title {
    font-size: 54px;
    line-height: 100%;
}

.pre-footer-para {
    font-size: 20px;
    font-family: 'tn-regular';
    line-height: 140%;
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 30px;
}

.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: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);
}
.pre-footer-row img{
    border-radius: 50%;
}


/* Footer */
.footer-section {
    padding-top: 80px;
    padding-bottom: 30px;
    color: #FFFFFF;
    font-family: 'tn-regular';
}
.quick-links {
    margin-right: 100px;
}
.quick-links .footer-link a, .services .footer-link a, .footer-end-row a, .footer-end-row .col-sm-6:first-child {
    opacity: .6;
}
.quick-links .footer-link a:hover, .services .footer-link a:hover, .footer-end-row a:hover{
    opacity: 1;
}

.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;
    display: flex;
    justify-content: space-between;
}
.email-input {
    width: 56%;
    padding: 12px 0px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #000000;
    color: #FFFFFF;
}
.email-input:focus,
.subscribe-btn:focus {
    outline: none;
    box-shadow: none; /* removes Bootstrap focus glow */
    border-bottom: 1px solid #fff;
}

.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;
}

/* Tablet view only (portrait + landscape) */
@media (max-width: 991px) {
    .container{
        width: 100% !important;
    }
    .pre-footer-row{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .pre-footer-center-box {
        width: 100%;
        padding: 40px;
    }
    .left-col, .right-col {
        width: 40%;
        border-radius: 50%;
    }
    .email-input {
        width: 70%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 100% !important;
    }
}



@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 !important;
    }
    .subscribe-btn span {
        display: none;
    }
    .subscribe-btn {
        background: #FFB62B;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .email-form {
        margin-top: 28px;
        display: flex;
    }
    .footer-end-row .col-sm-6{
        display: flex;
        justify-content: center !important;
    }
    .hero-talk-btn{
        height: 62px;
    }
    .footer-end-row {
        margin-top: 30px;
    }
    .pre-footer-title {
        font-size: 36px;
        line-height: 80%;
        margin-top: 20px;
    }
    .pre-footer-para {
        font-size: 16px;
    }
    .pre-footer-cta {
        margin-top: 16px;
        font-size: 16px;
    }
    .left-col, .right-col {
        width: 50% !important;
        border-radius: 50%;
    }
    .left-col img, .right-col img {
        width: 100% !important;
        border-radius: 50%;
    }
    .pre-footer-para{
        padding: 0;
        margin: 0;
    }
    .pre-footer-contact-arrow-icon {
        width: 34px;
    }
    .email-input {
        width: 85%;
    }
    .newsletter-text {
        margin-top: 0px;
    }
}
.white-text{
    color: white;
}