@font-face {
      font-family: 'Biennale-Regular';
      src: url('../fonts/Biennale-Regular.otf') format('opentype');
      font-style: normal;
    }
    
     @font-face {
      font-family: 'Biennale-Bold';
      src: url('../fonts/Biennale-Bold (2).otf') format('opentype');
      font-style: normal;
    }

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family: 'Biennale-Regular';
}

/* ================= TOP STRIP ================= */

.top-strip{
    width:100%;
    height:10vh;
    background:#f4f4f4;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 0.8vh 5vw;
}

.top-strip img{
    height:7vh;
    width:auto;
}

.strip-btn{
    padding:0.8em 1.5em;
        font-size: 1.3rem;
    background:#0f2f2f;
    color:#fff;
    border:none;
    cursor:pointer;
}

/* ================= HERO SECTION ================= */

.hero{
    width:100%;
    height:92vh;
    position:relative;
    background:url("../../assets/images/1gilbert.png") center/cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
}

/* Overlay */
.hero::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.45);
}

/* Content */
.hero-content{
    position:relative;
    z-index:2;
    color:#fff;
    width:80%;
}

.hero-content h1{
        font-size: 4vw;
    margin-bottom:1rem;
    font-weight:700;
}

.hero-content p{
    font-size:2.3vw;
    margin-bottom:2rem;
}

.hero-btn{
    padding: 0.7em 2em;
    font-size: 2rem;
    background:#0f2f2f;
    color:#fff;
    border:2px solid #fff;
    cursor:pointer;
}

.top-strip{
    width:100%;
    height:10vh;
    background:#f4f4f4;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 0.8vh 5vw;
}

.top-strip1{
    width:100%;
    height:10vh;
    background:#e3e1d7;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 0.8vh 5vw;
}

.top-strip1 img{
    height:6vh;
    width:auto;
}

.strip-btn1{
    padding:0.8em 1.5em;
        font-size: 1.3rem;
    background:#0f2f2f;
    color:#fff;
    border:none;
    cursor:pointer;
}

/* ================= MOBILE ================= */

@media (max-width:768px){

    .top-strip{
        height: 10vh;
        padding:0 4vw;
    }

    .top-strip img{
                height: 6vh;
    }

    .strip-btn{
                font-size: 1.5rem;
        padding:0.7em 1.2em;
    }

    .hero{
        height:93vh;
        background:url("../../assets/images/11.png") center/cover no-repeat;
    }

    .hero-content{
        width:90%;
    }

    .hero-content h1{
                font-size: 10vw;
    }

    .hero-content p{
        font-size:7vw;
    }

    .hero-btn{
                font-size: 1.8rem;
        padding:0.9em 2em;
    }
}