.header {
    padding: var(--space-5) var(--space-24);
    background-color: var(--white);
}

/* .header-container {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-8);
} */

.header .navbar-brand {
    margin-right: 0;
}

.header .navbar-collapse {
    flex-grow: 0;
}

.header .navbar-nav {
    gap: var(--space-6);
}

.header-nav-link {
    color: var(--heading);
    text-decoration: none;
    font-size: var(--fs-14);
    font-family: var(--Josefin-semiBold);
    text-transform: uppercase;
}
.visit-webority{
    color: var(--text-1);
    font-size: var(--fs-14);
    font-family: var(--Josefin-semiBold);
    display: flex;
    gap: var(--space-2);
    align-items: center;
}

.logo {
    display: block;
    width: 186px;
    height: 32px;
    object-fit: contain;
}
.header-rightSection{
    display: flex;
    gap: 20px;
    align-items: center;
}
.icon-16{
    width: 16px;
}
.btn{
    border-radius: 97px;
    padding-left: 32px;
    padding-right: 4px;
    gap: var(--space-4);
    align-items: center;
    display: flex;
    font-family:var(--Josefin-semiBold); 
}
.btn-large{
    height: 55px;
    font-size: var(--fs-16);
}
.btn-medium{
    height: 45px;
    font-size: var(--fs-14);
}
.btn-primary{
    background-color: var(--primary);
    color: var(--white);   
}
.btn-secondary{
    background-color: var(--white);
    color: var(--primary);   
}
.btn-outline{
    background-color: var(--white);
    color: var(--primary);   
    border: 1px solid var(--primary);
}
.btn-large img{
    width: 47px;
}
.btn-medium img{
    width: 37px;
}
.btn.btn-primary:hover {
    color: var(--white);
    background-color: var(--button-pressed);
    border-color: transparent;
}
.btn.btn-secondary:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: transparent;
}
.btn.btn-outline:hover {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
}
.btn.btn-primary:active {
    color: var(--white);
    background-color: var(--button-hover);
    border-color: transparent;
}
.btn.btn-secondary:active {
    color: var(--white);
    background-color: var(--button-hover);
    border-color: transparent;
}
.btn.btn-outline:active {
    color: var(--white);
    background-color: var(--button-hover);
    border: 1px solid var(--primary);
}
.header-nav-link:hover,
.header-nav-link:active{
    color: var(--primary);
    padding-bottom: var(--space-16);
    border-bottom: 1px solid var(--primary);
}
.hero-section{
    position: relative;
    padding: 148px 0;
    
}
.hero-section::before{
    content: "";
    background-image: url('/images/hero-bg.webp');
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 1;
    top: 0;
}
.hero-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.hero-content h1{
    font-size: var(--fs-62);
    color: var(--heading);
    font-family: var(--Times-italic);
    margin-bottom: var(--space-32);
}
.hero-content p{
    font-size: var(--fs-20);
    color: var(--text-1);
    font-family: var(--Josefin-medium);
    margin-bottom: 0;
}
.section-padding{
    padding-top: clamp(5rem, 7vw, 7.5rem);
    padding-bottom: clamp(5rem, 7vw, 7.5rem);
    position: relative;
}
.wt-expect{
    background-color: var(--light-border);
}
.section-heading{
    font-size: var(--fs-48);
    color: var(--heading);
    font-family: var(--Times-italic);
    margin-bottom: var(--space-50);
    text-align: center;
}
.expect-card{
    padding: 30px;
    border-radius: 16px;
    background-color: var(--white);
}
.expect-card h3{
    font-size: var(--fs-16);
    color: var(--text-3);
    font-family:var(--Josefin-semiBold); 
    margin-bottom: var(--space-16);
    text-transform: uppercase;
    letter-spacing: 1.7px;
}
.expect-card span{
    font-size: var(--fs-32);
    color: var(--heading);
    font-family:var(--Times-Regular); 
    margin-bottom: var(--space-30);
    display: block;
}
.icon-60{
    width: 60px;
}