.text-balance{
    text-wrap: balance;
}
body{

    background:#efefef;

    font-family:'Inter',sans-serif;

}


.hero-wrapper{

    margin:auto;

    background:white;

}


.hero{

    position:relative;

    overflow:visible;

}


.hero-image{

    width:100%;

    height:595px;

    object-fit:cover;

}


/*.hero-overlay{

    position:absolute;

    top:0;

    left:0;

    width:26%;

    height:100%;

    background:rgba(0,0,0,.65);

}*/
.hero-overlay{
    position:absolute;
    inset:0 auto 0 0;
    width:25%;
    background:linear-gradient(
        to bottom,
        rgba(0,0,0,.78) 0%,
        rgba(0,0,0,.55) 50%,
        rgba(0,0,0,0) 100%
    );
}


/*.hero-content{

    position:absolute;

    left:55px;

    top:55px;

    color:#fff;

}*/
.hero-content{
    position:absolute;
    top:50%;
    left:50px;
    transform:translateY(-50%);
    color:#fff;
}
@media (max-width:768px){

.hero-content{

    top:50%;

    left:25px;

    transform:translateY(-50%);

}

}


.hero-title{

    margin:0;

    line-height:.82;

}


.race{

    display:block;

    font-size:82px;

    letter-spacing:2px;

}


.to-wrapper{

    display:flex;

    align-items:center;

    gap:14px;

    margin:10px 20px;

}


.line{

    width:54px;

    height:2px;

    background:#d8c52d;

}


.to{

    font-size:34px;

    font-weight:700;

}


.hero-card{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    bottom:-36px;

    width:86%;

    background:#0b2241;

    border-radius:18px;

    padding:30px 15px;

    box-shadow:0 18px 40px rgba(0,0,0,.30);

}


.hero-card .col{

    border-right:1px solid white;

}


.hero-card .col:last-child{

    border-right:none;

}


.info-box{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:16px;

}


.info-box img{

    width:42px;

    height:42px;

    object-fit:contain;

}


.info-box h6{

    margin:0;

    font-size:12px;

    font-weight:700;

}


.info-box small{

    display:block;

    color:#d7d7d7;

    font-size:11px;

}


@media(max-width:992px){

.hero-overlay{

width:40%;

}

.hero-card{

position:relative;

bottom:0;

margin-top:20px;

width:100%;

transform:none;
left:0;

}

.hero-image{

height:auto;

}

.hero-content{

left:25px;

top:30px;

}

.race{

font-size:60px;

}
.nine{
    font-size: 5rem;
}
.ninety sup{

    font-size:30px;

    top:-45px;

    position:relative;

}

.hero-subtitle{

font-size:18px;

margin-top:30px;

}

.info-box{

flex-direction:column;

text-align:center;

}

.hero-card .col{

border-right:none;

border-bottom:1px solid rgba(255,255,255,.2);

padding:15px 0;

}

.hero-card .col:last-child{

border:none;

}

}
/*3 section*/
.pillar-line{
    width:130px;
    height:3px;
    background:#d8c52d;
}

.pillar-card{
    background:#081f3f;
    border-radius:18px;
}

.pillar-card .badge{
    font-size:12px;
    border-radius:4px;
}

.pillar-card h1{
    font-size:52px;
}

.pillar-card img{
    object-fit:contain;
}
.navy-bg{
    background:#0b2241;
}
@media (max-width: 991.98px) {

    .hero-overlay{
        width:40%;
    }

    .hero-content{
        left:25px;
        top:30px;
    }

    .hero-card{
        position:static;
        transform:none;
        width:100%;
        margin-top:1.5rem;
    }
}

@media (max-width: 767.98px) {

    .hero-overlay{
        width:55%;
    }

    .hero-content{
        left:15px;
        top:20px;
    }

    .hero-image{
        min-height:420px;
        object-fit:cover;
    }

    .info-box{
        justify-content:center;
        text-align:center;
    }
}
@media (max-width:991.98px){

.hero-image{
    height:500px;
}

.hero-overlay{
    width:34%;
}

.hero-content {
        left: 23px;
        top: 230px;
    }

.race{
    font-size:58px;
}

.to{
    font-size:28px;
}

.line{
    width:35px;
}

.nine{
    font-size:5rem;
}

.hero-subtitle{
    font-size:18px;
    margin-top:20px !important;
}

.hero-card{

    position:relative;

    width:100%;

    left:0;

    bottom:0;

    transform:none;

    margin-top:0;

    border-radius:0 0 18px 18px;

    padding:20px;

}

.hero-card .col{

    border:none;

}

.info-box{

    flex-direction:row;

    justify-content:flex-start;

    text-align:left;

    gap:12px;

}
}

@media (max-width:767.98px){

.hero{

    overflow:hidden;

}

.hero-image{

    height:360px;

    object-fit:cover;

}

.hero-overlay{

    width:52%;

}


.race{

    font-size:44px;

    letter-spacing:1px;

}

.to{

    font-size:22px;

}

.line{

    width:25px;

}

.nine{

    font-size:4rem;

}

.hero-subtitle{

    font-size:13px;

    margin-top:15px!important;

}

.hero-card{

    position:relative;

    width:100%;

    left:0;

    bottom:0;

    transform:none;

    border-radius:0;

    padding:15px;

}

.hero-card .row{

    row-gap:15px;

}

.hero-card .col{

    border:none;

}

.info-box{

    flex-direction:row;

    justify-content:flex-start;

    align-items:center;

    text-align:left;

    gap:12px;

}

.info-box img{

    width:32px;

}

.info-box h6{

    font-size:11px;

}

.info-box small{

    font-size:10px;

}
}