@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

.hero-slider{
background:#000;
color:#fff;
padding:110px 40px;
font-family:'Poppins',sans-serif;
overflow:hidden;
}

/* layout */

.hero-container{
max-width:1200px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
min-height:520px;
}

/* LEFT SECTION */

.hero-left{
flex:1;
}

.hero-left h1{
font-family:'Poppins',sans-serif;
font-weight:600;
color:#fff;
font-size:58px;
line-height:1.1;
margin-bottom:20px;
}

.hero-left p{
font-family:'Poppins',sans-serif;
font-weight:400;
font-size:16px;
line-height:24px;
color:rgb(229,231,235);
margin-bottom:16px;
}

/* BUTTON GROUP */

.hero-buttons{
display:flex;
gap:18px;
flex-wrap:wrap;
}

/* remove underline */

.hero-buttons a{
text-decoration:none !important;
border-bottom:none !important;
}

/* PRIMARY BUTTON */

.btn-gradient{
background:linear-gradient(90deg,#0556E5,#32C9FF);
padding:14px 32px;
border-radius:28px;
color:#fff !important;
font-weight:600;
display:inline-block;
}

/* SECOND BUTTON */

.btn-outline{
border:1px solid #32C9FF;
padding:14px 32px;
border-radius:28px;
color:#fff !important;
font-weight:500;
display:inline-block;
}

/* IMAGE SIDE */

.hero-right{
flex:1;
display:flex;
justify-content:center;
align-items:center;
}

.hero-right img{
width:100%;
max-width:640px;
height:auto;
object-fit:contain;
/*filter:drop-shadow(0 30px 50px rgba(0,0,0,.6))*/
/*drop-shadow(0 0 35px rgba(50,201,255,.35));*/
}

/* TABLET */

@media (max-width:1024px){

.hero-left h1{
font-size:44px;
}

.hero-right img{
max-width:500px;
}

}

/* MOBILE */

@media (max-width:768px){

.hero-container{
flex-direction:column;
text-align:center;
}

.hero-buttons{
justify-content:center;
}

.hero-right{
margin-top:40px;
}

.hero-right img{
max-width:360px;
}

.hero-left h1{
font-size:34px;
}

}