@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

.sb-about-section{
padding:110px 20px;
background:#ffffff;
font-family:'Inter',sans-serif;
overflow:hidden;
}

.sb-about-container{
max-width:1400px;
margin:auto;
}

.sb-about-grid{
display:grid;
grid-template-columns:1.05fr .95fr;
align-items:center;
gap:80px;
}

.sb-about-content{
display:flex;
flex-direction:column;
}

.sb-about-badge{
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
background:rgba(166,206,57,.12);
color:#0c2555;
font-size:15px;
font-weight:800;
letter-spacing:1px;
text-transform:uppercase;
border-radius:60px;
width:max-content;
margin-bottom:30px;
border:1px solid rgba(166,206,57,.35);
}

.sb-about-content h2{
font-size:62px;
line-height:1.15;
font-weight:800;
color:#07193f;
margin-bottom:35px;
}

.sb-about-line{
width:95px;
height:6px;
background:#A6CE39;
border-radius:30px;
margin-bottom:35px;
}

.sb-about-content p{
font-size:21px;
line-height:1.95;
color:#5b6475;
margin-bottom:30px;
}

.sb-about-stats{
display:flex;
gap:20px;
margin-top:20px;
margin-bottom:45px;
flex-wrap:wrap;
}

.sb-about-box{
flex:1;
min-width:160px;
background:#fff;
border-radius:18px;
padding:25px;
box-shadow:0 15px 40px rgba(0,0,0,.08);
border-top:5px solid #A6CE39;
transition:.35s;
}

.sb-about-box:hover{
transform:translateY(-8px);
}

.sb-about-box h3{
font-size:40px;
font-weight:800;
color:#07193f;
margin-bottom:8px;
}

.sb-about-box span{
font-size:15px;
font-weight:600;
color:#6d7483;
}

.sb-about-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:14px;
padding:18px 36px;
background:#A6CE39;
color:#07193f;
font-size:17px;
font-weight:800;
text-decoration:none;
border-radius:60px;
transition:.35s;
width:max-content;
box-shadow:0 20px 45px rgba(166,206,57,.35);
}

.sb-about-btn i{
transition:.35s;
}

.sb-about-btn:hover{
transform:translateY(-4px);
background:#92bc28;
}

.sb-about-btn:hover i{
transform:translateX(7px);
}

.sb-about-image{
position:relative;
}

.sb-about-photo{
overflow:hidden;
border-radius:35px;
box-shadow:0 35px 70px rgba(0,0,0,.12);
}

.sb-about-photo img{
display:block;
width:100%;
height:760px;
object-fit:cover;
transition:.8s;
}

.sb-about-photo:hover img{
transform:scale(1.08);
}

.sb-floating-card{
position:absolute;
display:flex;
align-items:center;
gap:18px;
padding:22px;
background:#fff;
border-radius:20px;
box-shadow:0 20px 45px rgba(0,0,0,.12);
min-width:270px;
}

.sb-floating-card i{
width:65px;
height:65px;
display:flex;
align-items:center;
justify-content:center;
background:#A6CE39;
color:#07193f;
border-radius:18px;
font-size:28px;
flex-shrink:0;
}

.sb-floating-card strong{
display:block;
font-size:20px;
color:#07193f;
margin-bottom:6px;
}

.sb-floating-card span{
font-size:15px;
color:#6d7483;
}

.sb-card-one{
left:-45px;
top:80px;
}

.sb-card-two{
right:-40px;
bottom:70px;
}

@media(max-width:1200px){

.sb-about-grid{
grid-template-columns:1fr;
gap:60px;
}

.sb-about-image{
max-width:850px;
margin:auto;
}

.sb-card-one{
left:25px;
top:25px;
}

.sb-card-two{
right:25px;
bottom:25px;
}

}

@media(max-width:768px){

.sb-about-section{
padding:80px 18px;
}

.sb-about-grid{
gap:45px;
}

.sb-about-badge{
font-size:13px;
padding:12px 22px;
}

.sb-about-content h2{
font-size:42px;
text-align:center;
}

.sb-about-line{
margin:0 auto 30px;
}

.sb-about-content p{
font-size:17px;
line-height:1.85;
text-align:center;
}

.sb-about-stats{
justify-content:center;
}

.sb-about-box{
min-width:220px;
}

.sb-about-btn{
width:100%;
}

.sb-about-photo img{
height:500px;
}

.sb-floating-card{
position:relative;
left:auto;
right:auto;
top:auto;
bottom:auto;
margin-top:20px;
width:100%;
}

}

@media(max-width:480px){

.sb-about-section{
padding:60px 15px;
}

.sb-about-badge{
margin:auto;
margin-bottom:25px;
}

.sb-about-content h2{
font-size:32px;
line-height:1.3;
}

.sb-about-content p{
font-size:15px;
line-height:1.8;
}

.sb-about-photo{
border-radius:24px;
}

.sb-about-photo img{
height:330px;
}

.sb-about-box{
padding:20px;
min-width:100%;
}

.sb-about-box h3{
font-size:30px;
}

.sb-about-btn{
padding:17px;
font-size:15px;
}

.sb-floating-card{
padding:18px;
min-width:100%;
}

.sb-floating-card i{
width:55px;
height:55px;
font-size:22px;
}

.sb-floating-card strong{
font-size:17px;
}

.sb-floating-card span{
font-size:14px;
}

}

@media(max-width:360px){

.sb-about-content h2{
font-size:28px;
}

.sb-about-content p{
font-size:14px;
}

.sb-about-photo img{
height:280px;
}

.sb-about-btn{
font-size:14px;
}

}