.impact-section{
background-image:url("https://webconvoy.com/public/websitenew/image/herosection.webp"); /* Your Image */
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position:relative;
overflow:hidden;
padding:140px 0 180px;
}

/* Dark Overlay */
.impact-section::before{
content:"";
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.impact-section .container{
position:relative;
z-index:2;
}

.impact-title{
color:#fff;
font-size:clamp(2rem,4vw,4rem);
font-weight:700;
margin-bottom:15px;
}

.impact-heading{
color:#1498ef;
font-size:clamp(2.2rem,5vw,4.5rem);
font-weight:700;
margin-bottom:30px;
}

.impact-text{
color:#c7c7c7;
font-size:1.1rem;
line-height:1.8;
max-width:700px;
margin:auto;
}

/* Bottom Curve */
.impact-section::after{
content:"";
position:absolute;
left:-5%;
bottom:-170px;
width:110%;
height:320px;
background:#fff;
border-radius:50%;
z-index:1;
}

/* Tablet */
@media(max-width:991px){
.impact-section{
padding:100px 0 140px;
}
}

/* Mobile */
@media(max-width:767px){
.impact-section{
padding:80px 0 90px;
}

.impact-heading{
font-size:2rem;
}

.impact-text{
font-size:1rem;
}

/* curve fix for mobile */
.impact-section::after{
bottom:-120px;
height:220px;
width:120%;
left:-10%;
border-radius:45%;
}
}

/* Small Mobile */
@media(max-width:575px){
.impact-section{
padding:70px 0 80px;
}

.impact-section::after{
bottom:-95px;
height:180px;
width:130%;
left:-15%;
border-radius:40%;
}
}

/* ==========================================
ON DEMAND SOLUTIONS
========================================== */

.on-demand-section{
background:#ffffff;
overflow:hidden;
}

.on-demand-section .small{
font-size:.9rem;
letter-spacing:.5px;
}

.on-demand-section h2{
color:#111;
line-height:1.15;
}

.on-demand-section p{
color:#6c757d;
}

/* ==========================================
CARD
========================================== */

.solution-card{
background:#ffffff;
border:1px solid #e8e8e8;
border-radius:22px;
padding:30px 22px;
text-align:center;
height:100%;
transition:all .35s ease;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.solution-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 35px rgba(0,0,0,.15);
border-color:#0d6efd;
background: #d6f2ff;
}

/* ==========================================
IMAGE
========================================== */

.solution-img{
width:110px;
height:110px;
object-fit:contain;
margin:0 auto 20px;
display:block;
transition:.35s;
}

.solution-card:hover .solution-img{
transform:scale(1.08);
}

/* ==========================================
TITLE
========================================== */

.solution-title{
font-size:1.15rem;
font-weight:700;
color:#111;
margin-bottom:15px;
line-height:1.4;
}

/* ==========================================
TEXT
========================================== */

.solution-text{
color:#666;
font-size:.95rem;
line-height:1.8;
margin-bottom:0;
}

/* ==========================================
LARGE DESKTOP
========================================== */

@media (min-width:1400px){
.solution-card{
padding:35px 24px;
}

.solution-img{
width:120px;
height:120px;
}
}

/* ==========================================
DESKTOP
========================================== */

@media (max-width:1199.98px){
.solution-card{
padding:28px 20px;
}

.solution-img{
width:100px;
height:100px;
}

.solution-title{
font-size:1.05rem;
}
}

/* ==========================================
TABLET
========================================== */

@media (max-width:991.98px){
.on-demand-section h2{
font-size:2.4rem;
}

.solution-card{
padding:25px 20px;
}

.solution-img{
width:90px;
height:90px;
}

.solution-title{
font-size:1rem;
}

.solution-text{
font-size:.9rem;
line-height:1.7;
}
}

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

@media (max-width:767.98px){
.on-demand-section{
padding-top:60px;
padding-bottom:60px;
}

.on-demand-section h2{
font-size:2rem;
}

.solution-card{
padding:22px 18px;
border-radius:18px;
}

.solution-img{
width:85px;
height:85px;
margin-bottom:18px;
}

.solution-title{
font-size:1rem;
margin-bottom:10px;
}

.solution-text{
font-size:.88rem;
}
}

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

@media (max-width:575.98px){
.on-demand-section h2{
font-size:1.75rem;
}

.solution-card{
padding:20px 16px;
}

.solution-img{
width:75px;
height:75px;
}

.solution-title{
font-size:.95rem;
}

.solution-text{
font-size:.85rem;
line-height:1.6;
}
}

/* ==========================================
WHY CHOOSE US
========================================== */

.why-choose-section{
background:#fff;
padding:80px 0;
}

.section-subtitle{
color:#0d8bff;
font-size:16px;
font-weight:700;
letter-spacing:.5px;
position:relative;
display:inline-block;
padding-bottom:10px;
}

.section-subtitle::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:35px;
height:2px;
background:#0d8bff;
}

.why-choose-section h2{
font-weight:700;
line-height:1.15;
color:#111;
}

.why-choose-section p{
color:#666;
line-height:1.8;
}

/* ==========================================
CARD
========================================== */

.choose-card{
background:#fff;
border-radius:24px;
padding:35px 25px;
text-align:center;
border:1px solid #ececec;
height:100%;
transition:.35s ease;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.choose-card:hover{
transform:translateY(-8px);
box-shadow:0 18px 35px rgba(0,0,0,.15);
border-color:#0d8bff;
background: #d6f2ff;
}

/* ==========================================
ICON
========================================== */

.choose-icon{
width:120px;
height:120px;
margin:0 auto 25px;
border-radius:50%;
background:#fff;
display:flex;
align-items:center;
justify-content:center;
transition:.35s ease;
}

.choose-icon img{
width:100px;
transition:.3s;
}

.choose-card:hover .choose-icon img{
transform:scale(1.08);
}

/* ==========================================
TITLE
========================================== */

.choose-title{
font-size:1.25rem;
font-weight:700;
color:#111;
margin-bottom:12px;
}

/* ==========================================
BLUE LINE
========================================== */

.choose-line{
width:40px;
height:2px;
background:#0d8bff;
margin:0 auto 15px;
}

/* ==========================================
TEXT
========================================== */

.choose-text{
color:#666;
font-size:.95rem;
line-height:1.8;
margin-bottom:0;
}

/* ==========================================
XL
========================================== */

@media (min-width:1200px){
.choose-card{
padding:35px 22px;
}
}

/* ==========================================
LG
========================================== */

@media (max-width:1199.98px){
.choose-icon{
width:105px;
height:105px;
}

.choose-icon img{
width:85px;
}
}

/* ==========================================
TABLET
========================================== */

@media (max-width:991.98px){
.why-choose-section{
text-align:center;
}

.section-subtitle::after{
left:50%;
transform:translateX(-50%);
}

.choose-card{
padding:30px 20px;
}

.choose-title{
font-size:1.1rem;
}

.choose-text{
font-size:.9rem;
}
}

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

@media (max-width:767.98px){
.why-choose-section{
padding:60px 0;
}

.why-choose-section h2{
font-size:2rem;
}

.choose-card{
padding:25px 18px;
border-radius:20px;
}

.choose-icon{
width:90px;
height:90px;
margin-bottom:18px;
}

.choose-icon img{
width:72px;
}

.choose-title{
font-size:1rem;
}

.choose-text{
font-size:.85rem;
line-height:1.7;
}
}

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

@media (max-width:575.98px){
.why-choose-section h2{
font-size:1.8rem;
}

.choose-card{
padding:22px 15px;
}

.choose-icon{
width:80px;
height:80px;
}

.choose-icon img{
width:65px;
}
}

.process-section{
padding:80px 0;
background:#fff;
}

.section-tag{
color:#0d8bff;
font-size:15px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.5px;
}

.section-line{
width:50px;
height:3px;
background:#0d8bff;
margin:15px 0 25px;
}

.process-title{
font-size:58px;
font-weight:700;
line-height:1.2;
color:#13214f;
margin-bottom:25px;
}

.process-text{
font-size:22px;
color:#666;
line-height:1.8;
max-width:520px;
}

.process-img{
width:100%;
max-width:650px;
border-radius:25px;
display:block;
margin:auto;
}

/* Laptop */

@media (max-width:1199px){
.process-title{
font-size:48px;
}

.process-text{
font-size:20px;
}
}

/* Tablet */

@media (max-width:991px){
.process-section{
text-align:center;
}

.section-line{
margin:15px auto 25px;
}

.process-title{
font-size:40px;
}

.process-text{
max-width:100%;
font-size:18px;
}

.process-img{
margin-top:20px;
}
}

/* Mobile */

@media (max-width:767px){
.process-section{
padding:60px 0;
}

.process-title{
font-size:32px;
}

.process-text{
font-size:16px;
}

.process-img{
max-width:100%;
}
}

/* Small Mobile */

@media (max-width:575px){
.process-title{
font-size:28px;
}

.section-tag{
font-size:13px;
}

.process-text{
font-size:15px;
}
}