.hero{

    min-height:100vh;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 8%;

    background:linear-gradient(135deg,#0b2d63,#1b6dd1);

    color:white;

    gap:60px;

}

.hero-content{

    position:relative;

    z-index:2;

    color:white;

    max-width:1200px;

    width:100%;

    text-align:left;

    padding-top:70px;

}

.hero-content h1{

    font-size:clamp(90px,8vw,120px);

    font-weight:800;

    line-height:1;

    letter-spacing:-2px;

    margin-bottom:20px;

}
.hero-content h2{

    font-size:clamp(56px,5vw,72px);

    font-weight:700;

    line-height:1.2;

    margin-bottom:35px;

}

.hero-content p{

    font-size:28px;

    line-height:1.8;

    margin-bottom:50px;

}

.hero-image{

    flex:1;

    display:flex;

    justify-content:center;

}

.hero-image img{

    width:100%;

    max-width:650px;

    border-radius:18px;

    box-shadow:0 25px 60px rgba(0,0,0,.3);

}


.button-area{

    display:flex;

    justify-content:flex-start;

    gap:20px;

}

.btn-main{

    background:white;

    color:#0b2d63;

    padding:16px 34px;

    text-decoration:none;

    border-radius:50px;

    font-weight:bold;

}

.btn-sub{

    border:2px solid white;

    color:white;

    padding:16px 34px;

    text-decoration:none;

    border-radius:50px;

}

.hero{

    position:relative;

    height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    overflow:hidden;

    background-image:url("../images/logo1.jpg");

    background-size:cover;

    background-position:center;

}


.hero-overlay{

    position:absolute;

    inset:0;

    background:rgba(5,25,60,.65);

    backdrop-filter:grayscale(100%);

}


.hero-content{

    position:relative;

    z-index:2;

    color:white;

    width:90%;

    max-width:1200px;

}


.hero-content h1{

    font-size:90px;

    letter-spacing:3px;

    margin-bottom:20px;

}


.hero-content h2{

    font-size:60px;

    margin-bottom:30px;

}


.hero-content p{

    font-size:24px;

    line-height:1.8;

    margin-bottom:45px;

}


.button-area{

    display:flex;

    justify-content:center;

    gap:20px;

}


.btn-main,
.btn-sub{

    padding:18px 45px;

    border-radius:8px;

    font-size:18px;

    text-decoration:none;

}