/* RESET */

*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#f8f9fc;
color:#333;
padding-top:90px;
}

/* CONTAINER */

.container{
width:90%;
max-width:1200px;
margin:auto;
}

/* HEADER */

header{
    background:white;
    padding:20px 0;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
    position: fixed;  
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;    
}
.header-content{
display:flex;
justify-content:space-between;
align-items:center;
}

/* LOGO */

.logo{
font-size:24px;
font-weight:bold;
color:#6C63FF;
}

/* BUTTON */

.demo-btn{
background: #194AA0;
color:white;
border:none;
padding:12px 24px;
border-radius:2px;
cursor:pointer;
font-weight:600;
transition:0.3s;
}

.demo-btn:hover{
background:#173E7A;
}

.footer-info p{
margin-bottom:8px;
color:#bbb;
}

.copyright{
text-align:center;
margin-top:30px;
font-size:14px;
color:#aaa;
}


.logo img{
height:45px;
width:auto;
display:block;
}

/* FOOTER MAIN */
.main-footer{
    background:#000532;
    padding:50px 20px;
    text-align:center;
    color:#ffffff;
}

/* FOOTER CONTAINER */
.footer-inner{
    max-width:900px;
    margin:auto;
}

/* LOGO */
.footer-logo img{
    width:250px;
    margin-bottom:20px;
}

/* TEXT */
.footer-text{
    font-size:14px;
    line-height:1.7;
    color:#dcdcdc;
    margin-bottom:20px;
}

/* LINKS */
.footer-links{
    font-size:14px;
}

.footer-links a{
    color:#ffffff;
    text-decoration:none;
    margin:0 8px;
    transition:0.3s;
}

.footer-links a:hover{
    text-decoration:underline;
}

.footer-links span{
    color:#ffffff;
}

/* RESPONSIVE */

/* Tablet */
@media (max-width:768px){

    .demo-btn {
    padding: 15px 7px;
}


.footer-logo img{
    width:200px;
}

.footer-text{
    font-size:13px;
}

}

/* Mobile */
@media (max-width:480px){
    .demo-btn {
    padding: 15px 7px;
}
.logo img {
    height: 41px;
}

.main-footer{
    padding:40px 15px;
}

.footer-logo img{
    width:200px;
}

.footer-text{
    font-size:12px;
    line-height:1.6;
}

.footer-links{
    font-size:12px;
}

}




/* hero section */

.hero{
padding:20px 20px;

/* background image */
background-image:linear-gradient(
rgba(255,255,255,0.75),
rgba(255,255,255,0.75)
),url("../image/hero-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

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

/* LEFT CONTENT */

.hero-left{
flex:1;
min-width:300px;
}

/* .hero-left h1{
font-size:58px;
font-weight:700;
line-height:1.1;
margin-bottom:20px;
color:#222;
} */

.hero-left h1{
font-family: "Zalando Sans SemiExpanded", sans-serif;
font-weight:500;
font-style:normal;
font-size:48px;
line-height:52px;
letter-spacing:0;
color:#2b2b2b;
margin-bottom:20px;
}
.hero-left p{
font-size:18px;
color:#555;
line-height:1.7;
max-width:520px;
margin-bottom:40px;
}

/* STATS */

.hero-stats{
display:flex;
align-items:center;
gap:30px;
}

.stat h2{
font-size:36px;
color:#0b1b4d;
margin-bottom:5px;
}

.stat span{
font-size:14px;
color:#666;
letter-spacing:1px;
}

.stat-divider{
width:1px;
height:65px;
background:#194AA0;
}


/* FORM */

.hero-form{
flex:1;
min-width:320px;
max-width: 523px;
background:#ffffff;
padding:40px;
border-radius:10px;
border:1px solid #dfe3eb;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.hero-form h3{
text-align:center;
color:#1e4aa5;
margin-bottom:25px;
font-size:22px;
font-weight:700;
}

.hero-form form{
display:flex;
flex-direction:column;
gap:15px;
}

.hero-form input,
.hero-form select{
padding:14px;
border:1px solid #cfd6e3;
border-radius:5px;
font-size:14px;
width:100%;
}

.hero-form button{
background:#2c54a3;
color:#fff;
padding:14px;
border:none;
border-radius:5px;
font-size:16px;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.hero-form button:hover{
background:#1b3c82;
}

.form-note{
text-align:center;
font-size:13px;
color:#666;
margin-top:10px;
}


/* TABLET */

@media(max-width:992px){

.hero {
    padding: 60px 7px;
}
.hero-left h1{
font-size:44px;
    line-height: 44px;
}
.hero-container{
gap:40px;
}

}


/* MOBILE */

@media(max-width:768px){
.hero {
    padding: 60px 7px;
}
.hero-container{
flex-direction:column;
text-align:center;
}

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

.hero-left p{
margin:auto;
margin-bottom:30px;
}

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

.hero-form{
width:100%;
}

}
/* end hero section */

/* brand image section */
.client-logos{
background:#f2f5f8;
padding:40px 0;
}

.logoSwiper{
width:100%;
}

.swiper-slide{
display:flex;
justify-content:center;
align-items:center;
}

.swiper-slide img{
max-height:43px;
width:auto;
opacity:2;
transition:0.3s;
}

.swiper-slide img:hover{
opacity:1;
}

/* tablet */

@media (max-width:992px){

.swiper-slide img{
max-height:32px;
}

}

/* mobile */

@media (max-width:600px){

.swiper-slide img{
max-height:28px;
}

}
/* end brand image section */


/* why choose us */
/* SECTION */

.why-choose{
padding:30px 20px;
background:#ffffff;
}

.container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.section-header{
text-align:center;
margin-bottom:60px;
}

.section-header h2{
font-size:48px;
font-weight:600;
letter-spacing:1px;
margin-bottom:10px;
color:#2c2c2c;
}

.section-header p{
font-size:18px;
color:#555;
}

/* GRID */

.why-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

/* CARD */

.why-card{
background:#F6F6F6;
border:1px solid #CBD6E2;
border-radius:10px;
padding:35px;
transition:0.3s;
}

.why-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.06);
}

.why-icon{
font-size:40px;
margin-bottom:15px;
}

.why-card h3{
font-size:22px;
margin-bottom:12px;
color:#2c2c2c;
}

.why-card p{
font-size:16px;
color:#555;
line-height:1.6;
}

/* TABLET */

@media (max-width:992px){

.why-grid{
grid-template-columns:repeat(2,1fr);
}

.section-header h2{
font-size:38px;
}

}

/* MOBILE */

@media (max-width:600px){

.why-grid{
grid-template-columns:1fr;
}

.section-header h2{
font-size:30px;
}

.why-card{
padding:25px;
}

}
/* end why choose us */


/* service section */
/* SECTION */

.services-section{
padding:30px 20px;
background-image:linear-gradient(
rgba(255, 255, 255, 0.555),
rgba(255, 255, 255, 0.451)
),url("../image/service-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.container{
max-width:1200px;
margin:auto;
}

/* HEADER */

.section-header{
text-align:center;
margin-bottom:60px;
}

.section-header h2{
font-size:48px;
font-weight:600;
color:#2c2c2c;
margin-bottom:10px;
}

.section-header p{
font-size:18px;
color:#555;
}

/* GRID */

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

/* CARD */

.service-card{
background: #ffffff;
border:1px solid #CBD6E2;
border-radius:10px;
overflow:hidden;
transition:0.3s;
}

.service-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

/* IMAGE */
.service-img{
padding: 15px; 
}
.service-img img{
width:100%;
display:block;
border-radius: 4px;
}

/* CONTENT */

.service-content{
padding:25px;
}

.service-content h3{
font-size:26px;
color:#2c4f9e;
margin-bottom:10px;
}

.service-content p{
color:#555;
line-height:1.6;
margin-bottom:15px;
}

.service-content ul{
padding-left:18px;
}

.service-content ul li{
margin-bottom:8px;
color:#444;
}

/* BUTTON */

.service-btn{
text-align:center;
margin-top:40px;
}

.service-btn a{
background:#2c4f9e;
color:#fff;
padding:14px 40px;
border-radius:6px;
text-decoration:none;
font-weight:500;
display:inline-block;
transition:0.3s;
}

.service-btn a:hover{
background:#1f3c7a;
}

/* TABLET */

@media(max-width:992px){

.services-grid{
grid-template-columns:1fr;
}

.section-header h2{
font-size:36px;
}

}

/* MOBILE */

@media(max-width:600px){

.section-header h2{
font-size:28px;
}

.service-content h3{
font-size:22px;
}

.service-content{
padding:20px;
}

}
/* end service section  */

/* process section*/
/* SECTION */

.process-section{
padding:30px 20px;
background:#f7f7f7;
}

.container{
max-width:1200px;
margin:auto;
}

/* TITLE */

.process-title{
text-align:center;
font-size:48px;
font-weight:600;
margin-bottom:80px;
color:#2c2c2c;
}

/* WRAPPER */

.process-wrapper{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}

/* STEP */

.process-item{
flex:1;
min-width:220px;
text-align:left;
}

/* NUMBER */
.process-number{
position:relative;
display:inline-block;
font-size:72px;
font-weight:700;
color:transparent;
-webkit-text-stroke:2px #2f55a4;
margin-bottom:15px;
z-index:2;
}

/* light background circle */

.process-number::before{
content:"";
position:absolute;
width:95px;
height:95px;
background:#E9EEF7;
border-radius:50%;
top:-15px;
left:10px;
z-index:-2;
}

/* grey circle */

.process-number::after{
content:"";
position:absolute;
width:70px;
height:70px;
background:#D8DEE8;
border-radius:50%;
top:-5px;
left:30px;
z-index:-1;
}
/* TITLE */

.process-item h3{
font-size:24px;
color:#2f55a4;
margin-bottom:10px;
}

/* TEXT */

.process-item p{
color:#555;
line-height:1.6;
font-size:16px;
}

/* ARROW */

.process-arrow{
font-size:68px;
color:#2f55a4;
display:flex;
align-items:center;
}

/* TABLET */

@media (max-width:992px){

.process-wrapper{
flex-direction:column;
align-items:center;
text-align:center;
}

.process-arrow{
display:none;
}

.process-item{
max-width:500px;
}

.process-number{
font-size:52px;
}

.process-number::before{
width:70px;
height:70px;
}

.process-number::after{
width:50px;
height:50px;
}

}

/* MOBILE */

@media (max-width:600px){

.process-title{
font-size:32px;
margin-bottom:40px;
text-align:center;
}

.process-wrapper{
flex-direction:column;
align-items:center;
text-align:center;
gap:40px;
}

.process-item{
text-align:center;
max-width:320px;
margin:auto;
}

/* NUMBER */

.process-number{
font-size:52px;
display:inline-block;
}

/* center circles */

.process-number::before{
left:50%;
transform:translateX(-50%);
width:70px;
height:70px;
}

.process-number::after{
left:50%;
transform:translateX(-50%);
width:50px;
height:50px;
}

.process-item h3{
font-size:20px;
}

.process-item p{
font-size:15px;
}

}
/* end process section */

/* TESTIMONIAL section */
/* SECTION */

.testimonial-section{
padding:30px 20px;
background:#ffffff;
}

.container{
max-width:1200px;
margin:auto;
}

/* TITLE */

.testimonial-title{
text-align:center;
font-size:46px;
font-weight:500;
margin-bottom:60px;
color:#2c2c2c;
}

/* GRID */

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

/* CARD */

.testimonial-card{
background:#F6F6F6;
border:1px solid #CBD6E2;
border-radius:10px;
padding:40px;
}

/* TEXT */

.testimonial-text{
font-size:16px;
line-height:1.8;
color:#444;
margin-bottom:30px;
font-weight:400;
}

/* USER */

.testimonial-user{
display:flex;
align-items:center;
gap:15px;
}

.testimonial-user img{
width:45px;
height:45px;
border-radius:50%;
object-fit:cover;
}

.testimonial-user h4{
font-size:18px;
color:#2f55a4;
margin-bottom:2px;
}

.testimonial-user span{
font-size:14px;
color:#666;
}

/* TABLET */

@media (max-width:992px){

.testimonial-grid{
grid-template-columns:1fr;
}

.testimonial-title{
font-size:36px;
}

}

/* MOBILE */

@media (max-width:600px){

.testimonial-title{
font-size:28px;
}

.testimonial-card{
padding:25px;
}

}
/* end testimmonial section */

/* cta section */
/* SECTION */

.cta-section{
padding:30px 20px;
background-image:linear-gradient(
rgba(255,255,255,0.75),
rgba(255,255,255,0.75)
),url("../image/hero-bg.jpg");
background-size:cover;
background-position:center;
background-repeat:no-repeat;
}

.container{
max-width:1200px;
margin:auto;
}

/* LAYOUT */

.cta-wrapper{
display:flex;
align-items:center;
justify-content:space-between;
gap:60px;
flex-wrap:wrap;
}

/* LEFT */

.cta-left{
flex:1;
min-width:320px;
}

.cta-left h2 {
    font-size: 45px;
    line-height: 53px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #2c2c2c;
}

.cta-left p{
font-size:18px;
line-height:1.7;
color:#555;
max-width:520px;
}

/* FORM */

.cta-form{
flex:1;
max-width:450px;
background:#ffffff;
border:1px solid #CBD6E2;
border-radius:10px;
padding:35px;
}

.cta-form h3{
text-align:center;
color:#2f55a4;
font-size:24px;
margin-bottom:25px;
}

/* INPUT */

.cta-form form{
display:flex;
flex-direction:column;
gap:15px;
}

.cta-form input{
padding:14px;
border:1px solid #CBD6E2;
border-radius:4px;
font-size:15px;
}
.cta-form select{
padding:14px;
border:1px solid #CBD6E2;
border-radius:4px;
font-size:15px;
}
/* BUTTON */

.cta-form button{
margin-top:10px;
padding:14px;
background:#2f55a4;
color:#fff;
border:none;
border-radius:4px;
font-size:16px;
font-weight:500;
cursor:pointer;
}

.cta-form button:hover{
background:#244485;
}

/* NOTE */

.form-note{
text-align:center;
font-size:14px;
margin-top:15px;
color:#555;
}

/* TABLET */

@media (max-width:992px){

.cta-wrapper{
flex-direction:column;
text-align:center;
}

.cta-left h2{
font-size:42px;
line-height:48px;
}

.cta-left p{
margin:auto;
}

.cta-form{
width:100%;
max-width:500px;
}

}

/* MOBILE */

@media (max-width:600px){

.cta-left h2{
font-size:32px;
line-height:38px;
}

.cta-left p{
font-size:16px;
}

.cta-form{
padding:25px;
}


}
/* end cta section */

/* ===================== */
/* TABLET (≤992px) */
/* ===================== */

@media (max-width:992px){

/* HERO */

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

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

.hero-left p{
margin:auto;
}

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

/* GRID SECTIONS */

.why-grid,
.services-grid,
.testimonial-grid{
grid-template-columns:1fr;
}

/* PROCESS */

.process-wrapper{
flex-direction:column;
align-items:center;
text-align:center;
}

.process-arrow{
display:none;
}

/* CTA */

.cta-wrapper{
flex-direction:column;
text-align:center;
}

.cta-left p{
margin:auto;
}

.cta-form{
width:100%;
max-width:500px;
}

}


/* ===================== */
/* MOBILE (≤600px) */
/* ===================== */

@media (max-width:600px){

/* HERO */

.hero-left h1{
font-size:32px;
line-height:38px;
}

.hero-left p{
font-size:16px;
max-width:100%;
}

.hero-stats{
gap:15px;
flex-wrap:wrap;
}

/* SECTION PADDING */

.process-section,
.services-section,
.testimonial-section{
padding:50px 0px;
}
.cta-section{
padding:30px 0px;
}
/* TITLES */

.section-header h2,
.process-title,
.testimonial-title{
font-size:28px;
line-height:34px;
margin-bottom:30px;
}

/* CARDS */

.why-card,
.service-card,
.testimonial-card{
padding:20px;
}

/* SERVICE */

.service-content h3{
font-size:20px;
}

/* TESTIMONIAL */

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

/* CTA */

.cta-left h2{
font-size:30px;
line-height:36px;
}

.cta-left p{
font-size:15px;
}

.cta-form{
padding:20px;
}

.cta-form h3{
font-size:20px;
}

}
@media (max-width: 480px) {
    .logo img {
        height: 32px;
    }
}