/*# sourceMappingURL=style.css.map */body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
background:#f5f6f7;
color:#333;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 80px;
max-width: 1200px;
margin: auto;
}

.logo{
display:flex;
align-items:center;
gap:10px;
font-weight:600;
}

.circle1{
width:35px;
height:35px;
background:#1c4b66;
color:white;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:bold;
}

nav a{
margin:0 20px;
text-decoration:none;
color:#555;
font-size:14px;
}
nav a:hover{
    font-size: 20px;
    color: lightgreen;
}
.hero{
display:flex;
justify-content:space-between;
align-items:center;
padding:60px 80px;
max-width: 1200px;
margin: auto;
}

.left{
width:50%;
}

.tag{
background:#e7f0f6;
display:inline-flex;
align-items:center;
padding:6px 12px;
border-radius:20px;
font-size:13px;
margin-bottom:25px;
}

.new{
background:#1c4b66;
color:white;
padding:3px 10px;
border-radius:15px;
margin-right:10px;
}

h1{
font-size:70px;
color:#174c6b;
margin:0 0 20px 0;
line-height:1.1;
}

p{
color:#6b6b6b;
font-size:18px;
}

button{
margin-top:25px;
background:#174c6b;
color:white;
border:none;
padding:15px 35px;
border-radius:8px;
font-weight:600;
cursor:pointer;
}

.trusted{
margin-top:40px;
}

.logos{
display:flex;
gap:48px;
margin-top:10px;
}

.logos img{
height:30px;
}

.logos1{
    display:flex;
    gap: 20px;
    margin-top: 40px;
}

.right{
position:relative;
width:50%;
display:flex;
justify-content:center;
}

.circle-bg{
width:520px;
height:520px;
background:#dfe8f2;
border-radius:50%;
position:absolute;
top:20px;
}

.person1{
width:360px;
position:relative;
z-index:2;
width: 70%;
}

.card{
position:absolute;
bottom:-30px;
background:white;
padding:15px 40px;
border-radius:10px;
text-align:center;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
z-index: 3;
}

.card h3{
margin:0;
}

.card p{
margin:0;
font-size:14px;
color:#777;
}
.services{
display:flex;
justify-content:space-between;
padding:120px 120px;
background:#eef1f5;
max-width: 1200px;
margin: auto;
}

.services .left{
width:35%;
}

.services h2{
font-size:48px;
color:#333;
margin-bottom:20px;
}

.services p{
color:#7a7a7a;
font-size:18px;
}

.cards{
width:55%;
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}

.card1{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.card1 img{
width:40px;
margin-bottom:15px;
}

.card1 h3{
margin-bottom:10px;
}

.card1 p{
font-size:14px;
color:#777;
}

.stats{
background-image: url(./photo/BG.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color:white;
text-align:center;
padding:90px 20px;
}

.stats h2{
font-size:42px;
margin-bottom:10px;
}

.stats p{
opacity:0.9;
margin-bottom:50px;
}

.numbers{
display:flex;
justify-content:center;
gap: 40px;
margin-top: 30px;

}
.numbers hr{
    margin: 0;
    margin-top: 30px;
}

.numbers h3{
font-size:48px;
margin-bottom:10px;
}
.testimonial{
background:#eef2f6;
text-align:center;
padding:100px 20px;
max-width: 1400px;
margin: auto;
}

.testimonial h2{
font-size:40px;
margin-bottom:50px;
}

.test-cards{
display:flex;
justify-content:center;
gap:40px;
}

.test-card{
background:white;
padding:30px;
width:400px;
border-radius:10px;
box-shadow:0 10px 20px rgba(0,0,0,0.05);
}

.test-card p{
color:#777;
font-size:14px;
}

.test{
    display: flex;
    flex-direction: column;
}
.person{
display:flex;
align-items:center;
gap:15px;
margin-top:20px;
margin-left: 90px;
}

.person img{
width:40px;
border-radius:50%;
}


.questions{
display:flex;
justify-content:space-between;
align-items:center;
padding:100px 120px;
background:#f7f7f7;
max-width: 1400px;
margin: auto;
}

.q-left{
width:45%;
}

.q-left h2{
font-size:42px;
margin-bottom:20px;
}

.q-left p{
color:#777;
margin-bottom:20px;
}

.q-left button{
background:#0e4c6b;
color:white;
border:none;
padding:15px 30px;
border-radius:8px;
}

.q-right img{
width:300px;
border-radius:10px;
}



footer{
background:#0e4c6b;
color:white;
padding:80px 120px;
max-width: 1200px;
margin: auto;
}

.footer-top{
display:flex;
justify-content:space-between;
margin-bottom:60px;
}

.logo{
display:flex;
align-items:center;
gap:10px;
font-weight:bold;
}

.circle{
width:35px;
height:35px;
background:white;
color:#0e4c6b;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
}

.links{
display:flex;
gap:80px;
}

.links h4{
margin-bottom:15px;
}

.lis{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about-us{
    display: flex;
    justify-content: space-between;
}
.about-us div{
    display: flex;
    gap: 40px;
}