/* =========================
GLOBAL FONT
========================= */

body,
h1,h2,h3,h4,h5,h6,
p,a,span,div,li,
button,input,textarea{
font-family:"Poppins",sans-serif !important;
}


/* =========================
MAIN BACKGROUND
========================= */

body.dark-scheme{
background:#e6f4ff;
}

#wrapper{
background:#e6f4ff;
}

.bg-dark{
background:#dff1ff;
}

.bg-dark-2{
background:#008ffb;
color:#fff;
}

.bg-white-section{
background:#ffffff !important;
color:#223035 !important;
}

.bg-white-section h2{
color:#223035;
}

.bg-white-section p{
color:#404040;
}

.text-light{
color:#ffffff !important;
}


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

.hero-title-clean{
font-size:45px;
font-weight:500;
letter-spacing:-1px;
line-height:1.2;
color:#ffffff;
}

@media (max-width:768px){
.hero-title-clean{
font-size:34px;
}
}


/* =========================
SERVICE RUNNER
========================= */

.service-runner{
background:red !important;
height:80px !important;
overflow:hidden;
display:flex;
align-items:center;
padding:0 !important;
}

.runner-wrapper{
width:100%;
overflow:hidden;
}

.runner-track{
display:flex;
align-items:center;
gap:50px;
white-space:nowrap;
animation:runner-scroll 30s linear infinite;
}

.runner-track span{
font-size:16px;
font-weight:600;
color:#fff;
line-height:80px;
position:relative;
padding-left:18px;
}

.runner-track span:before{
content:"";
position:absolute;
left:0;
top:50%;
transform:translateY(-50%);
width:8px;
height:8px;
background:#00c3ff;
border-radius:50%;
box-shadow:0 0 6px #00c3ff;
}

@keyframes runner-scroll{
from{ transform:translateX(0); }
to{ transform:translateX(-40%); }
}


/* =========================
WHY SECTION
========================= */

section.why-section{
background:#ffffff !important;
color:#000 !important;
padding:70px 0 !important;
}

.why-title{
font-size:34px !important;
font-weight:600 !important;
color:#000 !important;
margin-bottom:15px;
}

.why-text{
font-size:16px;
line-height:1.7;
color:#000 !important;
margin-bottom:20px;
}

.why-img{
max-width:420px;
width:100%;
border-radius:8px;
box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.why-btn{
background:#2563eb;
color:#fff !important;
padding:10px 24px;
border-radius:20px;
text-decoration:none;
font-size:14px;
}

.why-btn:hover{
background:#1d4ed8;
}

.why-features{
margin-top:15px;
}

.why-item{
display:flex;
align-items:center;
gap:10px;
font-size:15px;
padding:6px 0;
}

.why-item i{
font-size:20px;
color:#2563eb;
}


/* =========================
SERVICES SECTION
========================= */

section.no-top{
background:#ffffff !important;
}

section.no-top .bg-dark{
background:#ffffff !important;
}

section.no-top h4,
section.no-top p,
section.no-top span,
section.no-top a,
section.no-top .text-light{
color:#000 !important;
}

section.no-top .hover-op-1{
background:#ffffff !important;
}

body section.no-top *{
color:#000 !important;
}


/* =========================
INDUSTRY SECTION CLEAN
========================= */

.industry-section-clean{
background:#ffffff !important;
padding:40px 0 15px !important;
text-align:center;
}

.industry-subtitle{
font-size:14px !important;
font-weight:600 !important;
color:#008ffb !important;
margin-bottom:6px !important;
}

.industry-title{
font-size:26px !important;
font-weight:600 !important;
color:#000 !important;
max-width:700px !important;
margin:auto !important;
line-height:1.4 !important;
}

.industry-cards-clean{
background:#ffffff !important;
padding:10px 0 40px !important;
}

.industry-card-clean{
background:#ffffff !important;
border-radius:8px !important;
overflow:hidden !important;
text-align:center !important;
box-shadow:0 6px 15px rgba(0,0,0,0.06) !important;
transition:all .25s ease !important;
}

.industry-card-clean img{
width:100% !important;
height:140px !important;
object-fit:cover !important;
}

.industry-card-clean h4{
font-size:16px !important;
font-weight:600 !important;
color:#000 !important;
padding:10px 0 12px !important;
margin:0 !important;
}

.industry-card-clean:hover{
transform:translateY(-3px) !important;
box-shadow:0 10px 25px rgba(0,0,0,0.12) !important;
}


/* =========================
CONTACT SECTION
========================= */

.contact-modern-section{
background:#ffffff !important;
padding:40px 0 !important;
}

.contact-modern-section h2{
color:#000 !important;
font-weight:600 !important;
margin-bottom:8px !important;
}

.contact-intro{
color:#555 !important;
font-size:14px !important;
margin-bottom:15px !important;
}


/* CONTACT CARD */

.contact-card{
display:flex !important;
align-items:center !important;
gap:10px !important;
background:#0041F0 !important;
padding:12px 14px !important;
border-radius:6px !important;
border:1px solid #0032c9 !important;
margin-bottom:12px !important;
}

.contact-card i{
font-size:20px !important;
color:#ffffff !important;
}

.contact-card strong{
display:block !important;
font-weight:600 !important;
color:#ffffff !important;
font-size:14px !important;
}

.contact-card p{
margin:0 !important;
color:#e6ecff !important;
font-size:13px !important;
}


/* CONTACT FORM */

.contact-form-modern{
background:#0041F0 !important;
padding:25px !important;
border-radius:8px !important;
border:1px solid #0032c9 !important;
box-shadow:0 6px 18px rgba(0,0,0,0.08) !important;
}

.contact-form-modern input,
.contact-form-modern textarea{
width:100% !important;
padding:11px 12px !important;
border-radius:5px !important;
border:1px solid #dfe5f2 !important;
background:#ffffff !important;
font-size:14px !important;
}

.contact-form-modern textarea{
min-height:90px !important;
}

.contact-form-modern input:focus,
.contact-form-modern textarea:focus{
border-color:#ff0000 !important;
outline:none !important;
}


/* CONTACT BUTTON */

.contact-form-modern .btn-main{
background:#ff0000 !important;
color:#ffffff !important;
font-weight:bold !important;
border-radius:6px !important;
padding:12px 30px !important;
display:inline-block !important;
transition:all .3s ease !important;
text-decoration:none !important;
}

.contact-form-modern .btn-main span{
color:#ffffff !important;
font-weight:bold !important;
}

.contact-form-modern .btn-main:hover{
background:#cc0000 !important;
}
/* ===============================
FOOTER CLEAN MODERN STYLE
=============================== */
/* CONTACT */

.contact-modern-section{
padding:50px 0 30px;
}

.contact-card{
display:flex;
gap:10px;
background:#0041F0;
color:#fff;
padding:14px;
border-radius:6px;
margin-bottom:10px;
}

.contact-card i{
font-size:20px;
}


/* FOOTER */

footer{
background:#ff7a1a;
color:#fff;
padding-top:50px;
font-family:"Poppins",sans-serif;
}

footer h5{
font-weight:bold;
margin-bottom:15px;
}

footer p,
footer a{
color:#fff;
font-weight:bold;
font-size:14px;
}

footer ul{
list-style:none;
padding:0;
}

footer ul li{
margin-bottom:6px;
}

footer .social-icons a{
display:inline-flex;
width:36px;
height:36px;
background:#fff;
color:#ff7a1a;
align-items:center;
justify-content:center;
border-radius:50%;
margin-right:6px;
}

.subfooter{
background:#e66700;
padding:12px 0;
margin-top:30px;
font-size:13px;
}

.subfooter a{
color:#fff;
font-weight:bold;
}
/* FIX SPACE UNDER FOOTER */

html, body{
margin:0 !important;
padding:0 !important;
height:100%;
}

#wrapper{
min-height:100vh;
display:flex;
flex-direction:column;
margin:0 !important;
padding:0 !important;
}

#content{
flex:1;
}

/* footer bottom fix */

footer{
margin-bottom:0 !important;
padding-bottom:0 !important;
}

/* remove template bottom gap */

.subfooter{
margin-bottom:0 !important;
}
.dark-scheme .fs-48,
.dark-scheme .fs-48 span.timer{
color:#000 !important;
}
.subtitle{
color:#000 !important;
}
header.smaller{
background:#007bff !important;
}
.relative.z-2,
.relative.z-2 h1,
.relative.z-2 h3,
.relative.z-2 p{
color:#fff !important;
}