@font-face {
    font-family: Inter;
    src: url('../fonts/Inter_Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

h1, h2, h3, h4, h5, h6, p, span, a, div, li, ul, ol, strong, em, small, i, b, label, input, textarea, button, td, th, caption {
    font-family: Inter;
}
.navigate{
    color: #000; border-bottom: 1px solid #eaeaea; font-size: clamp(14px, 32px,62px);
}
.email-link {
    transition: color 0.3s ease, transform 0.3s ease;
}
.email-link:hover {
    color: #ffffff !important;
    transform: scale(1.05);
}
.head {
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: clamp(24px, 4vw, 36px);
    font-style: normal;
    line-height: 1.1;
    letter-spacing: -0.02em;
    text-transform: none !important;
}

.f-26{
    font-size: clamp(14px, 18px, 26px);
}

.bg-blue{
    background-color: #A1E4FF !important;
}
.navbar-scrolled {
    backdrop-filter: blur(100px);
    background-color: rgba(0, 0, 0, 0.8) !important;
    transition: backdrop-filter 0.3s ease;
}

.nav-link{
    font-size: 1.1rem!important;
}

.second-block{
    z-index: 2;position: relative;margin-top: -80px;
}


.accordion-button {
    font-size: clamp(14px, 32px,62px);
    color: #000;
    background-color: #fff;
    transition: all 0.3s ease;
    border: none;
}

.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #000;
}

.accordion-item {
    background-color: #000;
    border: none;
}

.accordion-body {
    font-size: 26px;
    color: #fff;
    background-color: #000;
    border: none;
}



.mobile-active{
    display: none;
}
.mobile-disable{
    display: block !important;
}

.main-border-mdr{
    border-right: 1px solid #dcd3ce;
}
.txt-center{
    text-align: initial;
}

@media (max-height: 1000px) {
    .mt-auto.mb-auto {
        margin-top: 0 !important;
        margin-bottom: 2rem !important;
    }
}

@media (max-width: 912px) {
    .mobile-active{
        display: block;
    }
    .mobile-disable{
        display: none !important;
    }
    .main-row-block{
        height: auto;
    }
    .second-block{
       margin-top: -130px;
    }
    .main-border-mdr{
        border-right: 0px solid #dcd3ce;
    }
    .txt-center{
        text-align: center;
    }
}




.btn-group .btn.active {
    border-bottom-color: #000 !important;
    font-weight: 600;
}
.btn-group .btn:hover:not(.active) {
    border-bottom-color: #adb5bd;
}

.half-circle-right {
    position: relative;
    overflow: hidden;
    border-radius: 0;
}
.previous-button {
    padding: 10px 15px; background-color: #ebe6e1; box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); z-index: 2;  transition: all 0.3s ease;
    border: 1px solid #dcd3ce;
}

@media (max-width: 768px) {

}
audio{
    width: 100%;
}



.navbar-nav .nav-link {
    transition: color 0.3s ease;
    border-bottom: 2px solid transparent;
}

.navbar-nav .nav-item:hover {
    border-bottom: 2px solid #1f1f1f;
}

.navbar-nav .nav-link:hover {
    color: #000000 !important;
}