*{
margin:0;
padding:0;
box-sizing:border-box;
 font-family: "Red Hat Text", sans-serif;
}

body{
line-height:1.6;
color:#222;
}

/* .container{
width:90%;
max-width:1200px;
margin:auto;
} */
.top-announcement-bar{
    position:relative;
    width:100%;
    /* background:linear-gradient(
        90deg,
        #0f172a 0%,
        #0e6bbb 50%,
        #0f172a 100%
    ); */
    background-color: #fff;
    overflow:hidden;
    z-index:999;
    border-bottom: 1px solid #e1e1e1;
}

.top-announcement-bar::before{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    top:-150px;
    left:20%;
    background: rgba(9, 33, 91, 0.15);
  border-radius: 50%;
  filter: blur(50px);
}

.announcement-content{
    max-width:1600px;
    margin:auto;
    min-height: 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding: 0 120px;
}

.announcement-text{
    display:flex;
    align-items:center;
    gap:12px;

    color:#0e6bbb;

    font-size:13px;
    font-weight:500;

    letter-spacing:.2px;
    font-family: "Red Hat Text", sans-serif;
}

.rocket-icon{
    font-size:18px;

    animation:rocketFloat 2s ease-in-out infinite;
}

@keyframes rocketFloat{

    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-4px);
    }

}

.announcement-btn{
    display:flex;
    align-items:center;
    gap:10px;
    /* padding: 4px 18px;
    background: rgba(255,255,255,.12);
    backdrop-filter: blur(10px);
    border: 1px solid #0e6bbb;
    border-radius: 4px; */
    color: #0e6bbb;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:.35s ease;
    font-family: "Manrope", sans-serif;
}

.announcement-btn svg{
    width:16px;
    height:16px;
}

.announcement-btn:hover{
    background:#fff;
    color:#0e6bbb;

    transform:translateY(-2px);
}

@media(max-width:768px){

    .announcement-content{
        flex-direction:column;
        gap:10px;

       padding: 0px 20px;
    }

    .announcement-text{
        text-align:center;
        font-size:13px;
        line-height:1.6;
        display: none;
    }

    .announcement-btn{
        font-size:13px;
        padding:9px 16px;
    }

}
header{
background:#fff;
/* padding: 15px 0; */
position:sticky;
top:0;
z-index:999;
box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.nav-container{
/* display:flex;
justify-content:space-between;
align-items:center; */
padding: 10px 0;
}

nav ul{
display:flex;
gap:25px;
list-style:none;
margin-bottom: 0;
padding: 0;
}

nav a{
text-decoration:none;
color:#222;
 font-family: "Manrope", sans-serif;
 font-weight: 600;
}
.nvsec{
    display: flex !important;
}
@media (max-width: 1199px){
    .nomobile{
        display: none;
    }
    .nvsec{
        display: none !important;
    }
    .toggleformobile{
        display: flex !important;
    }
}
@media (max-width: 1400px){
    nav a{
        font-size: 14px;
    }
}
.toggleformobile{
    /* margin-right: 5px; */
    display: none;
}
.togglebtn{
    padding: 0 !important;
    margin: 0 !important;
}
.togglebtn::before{
    content: '\F3C6';
    font-family: 'Bootstrap-Icons';
    font-size: 33px;
}
.logo {
  display: flex;
  align-items: center;
}
.logo img{
    width: 100%;
    height: auto;
    max-width: 150px;
}
@media (max-width: 1199px){
    .logo img{
    max-width: 120px;
}
}
.btn{
background:#0066ff;
color:#fff;
padding:12px 25px;
text-decoration:none;
border-radius:6px;
display:inline-block;
margin:5px;
}
.btn.proposal-btn {
  font-family: "Red Hat Text", sans-serif;
  font-weight: 600;
  border: 1px solid #0e6bbb;
  background-color: #0e6bbb;
  color: #fff;
}
.btn.proposal-btn:hover {
border: 1px solid #0e6bbb;
  background-color: #fff;
  color: #0e6bbb;
}
.btn-outline{
background:transparent;
border:2px solid #0066ff;
color:#0066ff;
}
@media (max-width: 768px){
    .btn.proposal-btn {
  font-size: 12px;
  align-items: center;
  display: flex;
  height: 30px;
}
}
/* ----------- */
/* .hero{
padding:120px 0;
text-align:center;
color:#fff;
position: relative;
width: 100%;
}
.c-hero-video {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
  object-fit: cover;
}
.hero h1{
font-size:60px;
margin-bottom:20px;
font-family: "Red Hat Text", sans-serif;
position: relative;
}

.hero p{
max-width:800px;
margin:auto;
font-family: "Red Hat Text", sans-serif;
position: relative;
}
.hero-btns {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 40px;
}
.hero-btns .fcvs {
  position: relative;
  color: #fff !important;
  text-decoration: none;
  border: 1px solid #fff;
  padding: 6px 14px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #ffffff30;
  font-family: "Manrope", sans-serif;
} */

.hero{
    position:relative;
    /* min-height:100vh; */
    padding:90px 0;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
}

.c-hero-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.hero-overlay{
    position:absolute;
    inset:0;
    /* background:linear-gradient(
        90deg,
        rgba(0,15,50,.90) 0%,
        rgba(0,15,50,.70) 45%,
        rgba(0,15,50,.30) 100%
    ); */
}

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

.hero-slider{
    position:relative;
      min-height: 200px;
}

.hero-slide{
    position:absolute;
    width:100%;
    opacity:0;
    transform:translateY(40px);
    transition:.8s ease;
    pointer-events:none;
    text-align:center;
}

.hero-slide.active{
    opacity:1;
    transform:translateY(0);
    pointer-events:auto;
}

.hero-slide h1{
    font-size: 45px;
  font-weight: 700;
    line-height:1.1;
    /* max-width:800px; */
    margin-bottom:25px;
    font-family: "Manrope", sans-serif;
    display: inline-block;
  background-color: #ffffff59;
  padding: 10px 20px;
  border-radius: 8px;
}

.hero-slide p{
    /* max-width:600px; */
    font-size: 16px;
    line-height:1.8;
    margin-bottom:35px;
    font-family: "Red Hat Text", sans-serif;
}
.hero-slide span{
    color:#0D2F77;
}
.hero-btns{
    display:flex;
    gap:15px;
    text-align: center;
  justify-content: center;
}
.hero-slide .homeero{
    text-align: center !important;
     justify-content: center;
}
.fcvs{
    background:#0E6BBB;
    color:#fff;
    text-decoration:none;
    padding: 4px 18px;
    border-radius:6px;
    font-weight:600;
     font-family: "Manrope", sans-serif;
}

.btn-outline{
    background:transparent;
    border:1px solid #fff;
}

.hero-dots{
    display:flex;
    gap:10px;
    margin-top:40px;
    margin-bottom:50px;
    justify-content: center;
}

.dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:rgba(255,255,255,.3);
    cursor:pointer;
    transition:.3s;
}

.dot.active{
    background:#00AEEF;
}
.states-con p{
    margin-bottom:0;
}
.states-con {
  border-right: 1px solid #fff;
}
.states-con:last-child {
  border-right: none;
}
@media(max-width:768px){

.hero-slide h1{
    font-size:20px;
    margin-bottom: 8px;
}

.hero-slide p{
    font-size:12px;
     margin-bottom: 8px !important;  
}

.hero-btns{
    flex-wrap:wrap;
    margin-top: 10px !important;
}

.hero-dots {
  margin-top: 0px;
  margin-bottom: 8px;
}
.stats-grid {
  margin-top: 20px !important;
  gap: 10px !important;
  padding: 10px 0 !important;
}
.states-con:nth-child(2){
    border-right: 0;
}
}
/* --------------- */
.section{
padding:80px 0;
}

.section h2{
text-align:center;
margin-bottom:40px;
font-size:40px;
}

.gray{
background:#f7f9fc;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
}

.card{
background:#fff;
padding:30px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:50px;
text-align:center;
position: relative;
background: #9d9d9d6b;
padding: 25px 0;
border-radius: 8px;
}

.stats-grid h3{
font-size: 30px;
font-family: "Manrope", sans-serif;
}

.process-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}

.logo-slider{
display:flex;
justify-content:center;
gap:30px;
flex-wrap:wrap;
}

.cta{
background:#0066ff;
color:#fff;
text-align:center;
padding:100px 0;
}

.contact-form{
display:grid;
gap:20px;
max-width:700px;
margin:auto;
}

.contact-form input,
.contact-form textarea{
padding:15px;
border:1px solid #ddd;
border-radius:6px;
}

footer{
background:#111;
color:#fff;
padding:60px 0;
}

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

.copyright{
text-align:center;
margin-top:30px;
}

.testimonial{
display:none;
text-align:center;
font-size:20px;
}

.testimonial.active{
display:block;
}
/* ------------Mega menu */

.has-mega-menu, .has-solution-menu, .has-industries-menu{
    position:static;
    display: flex;
  align-items: end;
}
.has-mega-menu::after{
    content:'\F282';
    font-family: 'Bootstrap-Icons';
    font-size: 12px;
    display: inline-block;
    margin-left: 4px;
  font-weight: 700;
  color: #0e6bbb;

}
.has-solution-menu::after{
     content:'\F282';
    font-family: 'Bootstrap-Icons';
    font-size: 12px;
    display: inline-block;
   margin-left: 4px;
  font-weight: 700;
  color: #0e6bbb;
}
.has-industries-menu::after{
     content:'\F282';
    font-family: 'Bootstrap-Icons';
    font-size: 12px;
    display: inline-block;
    margin-left: 4px;
  font-weight: 700;
  color: #0e6bbb;
}
.mega-menu{
    position:absolute;
    left:0;
    top:100%;

    width:100%;
    background:#fff;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

    z-index:999;
}

.has-mega-menu:hover .mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.mega-container{
    max-width:1600px;
    margin:auto;
    height: 100%;
    display:grid;
    /* grid-template-columns:280px 1fr; */
    grid-template-columns:1fr;
    min-height:100px;
}

.mega-tabs{
    background:#eaf3ff;
    padding: 10px 10px;
  border-right: 1px solid #eee;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}
.mega-tabs img{
     width:50px;
    height:50px;
    object-fit:contain;
    flex-shrink:0;
}
.mega-tab-content{
    display:flex;
    flex-direction:column;
}

.mega-tab-title{
    font-size:17px;
    font-weight:600;
    color:#1a1a1a;
    line-height:1.3;
}

.mega-tab-desc{
    font-size:12px;
    color:#6c757d;
    margin-top:4px;
    line-height:1.4;
}

.mega-tab{
    width:100%;
    padding:18px 35px;
    border:none;
    background:none;
    text-align:left;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
    font-family: "Manrope", sans-serif;
    display: flex;
  gap: 8px;
  align-items: center;
}

.mega-tab:hover{
    background:#fff;
    color:#0e6bbb;
}

.mega-content{
    padding:15px;
    overflow-y: auto;
  height: 700px;
}

.mega-panel{
    display:none;
}

.mega-panel.active{
    display:block;
}

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

.service-card{
    background:#f7faff;
    border-radius: 4px;
    padding:15px;
    text-decoration:none;
    color:#222;
    transition:.3s;
}

.service-card:hover{
    transform:translateY(-5px);
}
.service-card img{
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.service-card h4{
    font-size: 15px;
    margin-bottom: 0px;
    font-family: "Manrope", sans-serif;
    color: #0d6aba;
    font-weight: 600;
}

.service-card p{
    color:#000;
    line-height:1.7;
    font-family: "Red Hat Text", sans-serif;
    margin-bottom: 0;
}

.mega-featured{
    margin-top:20px;
    border-radius:4px;
    overflow:hidden;
    position:relative;
}


.mega-featured video{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}
.mega-featured img{
    width:100%;
    /* height:280px; */
    object-fit:contain;
    display:block;
}
.featured-content{
    position:absolute;
    left:30px;
    bottom:30px;

    color:#fff;
}

.featured-content h3{
    font-size:32px;
    margin-bottom:10px;
    color: #0e6bbb;
}
.featured-content p{
    color: #000
}
/* --- */

.has-solution-menu{
    position:static;
}

.solution-mega-menu{
    position:absolute;
    top:100%;
    left:0;

    width:100%;
    background: #eaf3ff;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    z-index:999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    /* box-shadow:0 25px 80px rgba(0,0,0,.08); */
}

.has-solution-menu:hover .solution-mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.solution-container{
    /* max-width:1600px;
    margin:auto;

    display:grid;
    grid-template-columns:2fr 1fr;
    grid-template-columns:1fr;
    gap:50px;

    padding:10px; */
}

.solution-left h2{
    font-size:28px;
    color:#0e6bbb;
    margin-bottom:15px;
    font-family: "Manrope", sans-serif;
}

.solution-left > p{
    color:#666;
    line-height:1.8;
    max-width:700px;
    margin-bottom:35px;
    font-size: 15px;
    font-family: "Red Hat Text", sans-serif;
}

.solution-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
    padding: 10px;
}

.solution-card{
    width: 100%;
  padding: 18px 35px;
  border: none;
  background: none;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: .3s;
  font-family: "Manrope", sans-serif;
  display: flex;
  gap: 8px;
  align-items: center;
}

.solution-card:hover{
    /* transform:translateY(-5px); */
    background:#fff;
}

.solution-icon{
    /* width: 44px;
    height: 44px;
    border-radius:4px;
    background:#0e6bbb;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center; */
    margin-bottom:18px;
}

.solution-icon img{
     width: 50px;
    height: 50px;
    /* margin-bottom: 18px; */
}

.solution-card h4{
    font-size:18px;
    margin-bottom:10px;
    font-family: "Manrope", sans-serif;
}

.solution-card p{
    color:#666;
    line-height:1.7;
    font-size:14px;
    font-family: "Red Hat Text", sans-serif;
}
.solution-mega-menu .solution-grid .solution-card .solution-icon{
    width: 50px;
  height: 50px;
  border-radius: 4px;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}
/* Right Banner */

.solution-banner{
    position:relative;
    overflow:hidden;
    border-radius:4px;
    height:100%;
    min-height:350px;
}

.solution-banner video{
    width:100%;
    height:100%;
    object-fit:cover;
    min-height:350px;
}
.solution-right {
  height: 575px;
}
.solution-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.75),
        rgba(0,0,0,.15)
    );

    padding:40px;

    display:flex;
    flex-direction:column;
    /* justify-content:flex-end; */
}

.solution-overlay span{
    color:#fff;
    opacity:.8;
    margin-bottom:15px;
}

.solution-overlay h3{
    color:#fff;
    font-size:32px;
    line-height:1.3;
    margin-bottom:25px;
    font-family: "Manrope", sans-serif;
}

.solution-btn{
    width:max-content;
    padding:4px 18px;
    background:#fff;
    color:#0e6bbb;
    border-radius:4px;
    text-decoration:none;
    font-weight:600;
    font-family: "Red Hat Text", sans-serif;
}
@media(max-width:1200px){

.solution-container{
    grid-template-columns:1fr;
}

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

}

@media(max-width:768px){

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

.solution-container{
    padding:30px;
}

.solution-left h2{
    font-size:28px;
}

.solution-overlay h3{
    font-size:16px;
}

}
/* ----- */

.has-industries-menu{
    position:static;
}

.industries-mega-menu{
    position:absolute;
    left:0;
    top:100%;

    width:100%;
    background:#eaf3ff;

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:.35s ease;

    z-index:999;
  padding: 10px 10px;
  display: flex;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
}

.has-industries-menu:hover .industries-mega-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.industries-container{
    /* max-width:1600px; */
    width: 100%;
    margin:auto;

    display:grid;
    grid-template-columns: 1fr;
    gap: 50px;
}

.industries-header h2{
    font-size:38px;
    color:#0e6bbb;
    margin-bottom:15px;
    font-family: "Manrope", sans-serif;
}

.industries-header p{
    color:#666;
    line-height:1.8;
    max-width:700px;
    margin-bottom:35px;
    font-family: "Red Hat Text", sans-serif;
    margin: 0 auto;
}

.industries-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:20px;
}

.industry-card{
    /* background:#f8fbff; */
    border-radius:4px;
    padding:18px 35px;
    text-decoration:none;
    transition:.3s;
    border:1px solid #edf2f9;
    display: flex;
  align-items: center;
  gap: 8px;
}

.industry-card:hover{
    /* transform:translateY(-6px); */
    background:#eef5ff;
}

.industry-card img{
    width:48px;
    height:48px;
    margin-bottom:0px;
}

.industry-card h4{
    font-size: 17px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.3;
  margin-bottom: 0;
}

.industry-card span{
    font-size: 12px;
  color: #6c757d;
  margin-top: 4px;
  line-height: 1.4;
}

/* Right Side */

.industry-feature{
    position:relative;
    overflow:hidden;
    border-radius:4px;
    min-height:520px;
}

.industry-feature video{
    width:100%;
    height:100%;
    object-fit:cover;
   min-height: 557px;
}

.industry-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.8),
        rgba(0,0,0,.15)
    );

    padding:40px;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}

.industry-overlay span{
    color:#fff;
    opacity:.8;
    margin-bottom:15px;
}

.industry-overlay h3{
    color:#fff;
    font-size:32px;
    line-height:1.3;
    margin-bottom:25px;
}

.industry-stats{
    display:flex;
    gap:40px;
    margin-bottom:30px;
}

.industry-stats h4{
    color:#fff;
    font-size:28px;
}

.industry-stats p{
    color:rgba(255,255,255,.8);
}

.industry-btn{
    width:max-content;

    padding:14px 28px;

    background:#fff;
    color:#0e6bbb;

    border-radius:50px;

    text-decoration:none;
    font-weight:600;
}
@media(max-width:1200px){

.industries-container{
    grid-template-columns:1fr;
}

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

}

@media(max-width:768px){

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

.industries-container{
    padding:30px;
}

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

.industry-overlay h3{
    font-size:24px;
}

.industry-stats{
    gap:20px;
}
}
/* ------------wheel */
.labo-wheel-section{
    width:100%;
    min-height:100vh;
    background:#eef4fb;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0px 8%;
    gap:50px;
    overflow:hidden;
    background-image: url('../images/header-grid.svg');
    background-size: cover;
    background-position: center;
}

.wheel-left{
    width:40%;
}

.section-tag{
    color: #0e6bbb;
    font-weight:700;
    letter-spacing:2px;
    font-family: "Manrope", sans-serif;
}

.wheel-left h1{
    font-size: 32px;
  line-height: 1.05;
  color: #081322;
  margin: 20px 0;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
}

.wheel-left p{
    font-size: 18px;
  line-height: 1.7;
  color: #444;
  max-width: 700px;
  font-family: "Red Hat Text", sans-serif;
}
.wheel-left .active{
    color: red;
}
.proposal-form{
    display:flex;
    margin-top:40px;
}

.proposal-form input{
    flex:1;
    height: 40px;
  border: none;
  padding: 0 25px;
  font-size: 14px;
  font-family: "Red Hat Text", sans-serif;
  border-radius: 4px 0 0 4px;
}

.proposal-form button{
    width: 180px;
  border: none;
  background: #081322;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  font-family: "Red Hat Text", sans-serif;
  border-radius: 0 4px 4px 0;
}

.wheel-right{
    width:60%;
    position:relative;
}

.service-wheel{
    width:500px;
    height:500px;
    border-radius:50%;
    position:relative;
    margin: auto;
    /* background: #ffffff94; */
    background: #fff;
  z-index: 0;
}

.wheel-center{
    position:absolute;
    width:180px;
    height:180px;
    background:#fff;
    border-radius:50%;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:10;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    box-shadow:0 0 25px rgba(0,0,0,.08);
}

.wheel-center h4{
    font-size:34px;
    color:#0d6efd;
}
.wheel-center img{
  width: 125px;
  margin-bottom: 6px;
}
.wheel-center span{
    font-size: 12px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
}
.percentme{
    color: #0e6bbb;
    font-size: 12px;
    font-weight:600;
    font-family: "Manrope", sans-serif;

}
.wheel-item{
    position:absolute;
    width:220px;
    height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font-size:24px;
    font-weight:700;
    cursor:pointer;
    transition:.5s;
}
.wheel-item img{
    margin-right: 8px;
}
.marketing{
    top:0;
    left:140px;
    background:#2f80ed;
    border-radius:50%;
}

.development{
    top:144px;
    right:0;
    background:#35d07f;
    border-radius:50%;
}

.design{
    bottom:0;
    left:140px;
    background:#b140c9;
    border-radius: 50%;
}

.it{
    top:144px;
    left:0;
    background:#4fc4cf;
    border-radius:50%;
}

.wheel-item.active{
    transform:scale(1.08);
    box-shadow:0 15px 40px rgba(0,0,0,.25);
    z-index: 9;
    border-radius: 0 50% 50% 50%;
}

.service-info{
    position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  /* width: 297px; */
  width: 234px;
  z-index: 99;
  text-align: start;
  background-color: #fff;
  padding: 12px;
  border-radius: 8px;
  align-items: center;
  display: flex;
}

.service-info h3{
    font-size: 26px;
    margin-bottom: 4px;
    color: #0e6bbb;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}

.service-info p{
    font-size:13px;
    line-height:1.4;
    font-family: "Red Hat Text", sans-serif;
    margin-bottom: 0;
}
.wheel-item{
    position:absolute;
    width:300px;
    height:300px;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    flex-direction: column;
}

.wheel-item span{
    position:absolute;
    left:50%;
    top:50%;
    transform-origin:0 120px;
    color:#fff;
    font-size:20px;
    font-weight:700;
    white-space:pre;
}
@media (max-width: 768px){
    .labo-wheel-section {
  min-height: 100%;
}
}
/* ------------------trusted company */
.trusted-companies-section{
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}

.tcs-section-heading{
    text-align:center;
    margin-bottom: 30px;
}

.tcs-section-heading span{
    display:inline-block;
    color:#0e6bbb;
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:40px;
    font-family: "Manrope", sans-serif;
    position: relative;
}
.tcs-section-heading span img{
 width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;

}
.tcs-section-heading h2{
    font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.logo-slider{
    position:relative;
    width:100%;
    overflow:hidden;
}

.logo-track{
    display:flex;
    align-items:center;
    gap:25px;
    width:max-content;
    animation: logoScroll 30s linear infinite;
}

.logo-slider:hover .logo-track{
    animation-play-state:paused;
}

.logo-item{
    width:180px;
    height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    border:1px solid #edf2f7;
    border-radius:12px;

    background:#fff;

    transition:.4s;
}

.logo-item:hover{
    transform:translateY(-5px);
}

.logo-item img{
    max-width:100%;
    max-height:50px;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:.75;
    transition:.4s;
}

.logo-item:hover img{
    filter:none;
    opacity:1;
}

@keyframes logoScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

.logo-slider::before,
.logo-slider::after{
    content:"";
    position:absolute;
    top:0;
    width:150px;
    height:100%;
    z-index:2;
}

.logo-slider::before{
    left:0;
    background:linear-gradient(
        to right,
        #ffffff,
        transparent
    );
}

.logo-slider::after{
    right:0;
    background:linear-gradient(
        to left,
        #ffffff,
        transparent
    );
}
/* ----------Static counter */
/* .labo-stats-section{
    padding:120px 0;
    background:
    linear-gradient(
    135deg,
    #081322,
    #11284b
    );
    position:relative;
    overflow:hidden;
}

.labo-stats-section::before{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    background:
    radial-gradient(
    rgba(255,255,255,.08),
    transparent
    );
    top:-250px;
    right:-200px;
}

.stats-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 70px;
}

.stats-heading span{
    color:#4da3ff;
    text-transform:uppercase;
    font-size:14px;
    letter-spacing:2px;
    font-weight:700;
}

.stats-heading h2{
    color:#fff;
    font-size:52px;
    margin:15px 0;
    font-weight:800;
}

.stats-heading p{
    color:rgba(255,255,255,.75);
    font-size:18px;
    line-height:1.8;
}

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

.stat-card{
    background:
    rgba(255,255,255,.05);

    backdrop-filter:blur(10px);

    border:1px solid
    rgba(255,255,255,.08);

    border-radius:20px;

    padding:40px;

    text-align:center;

    transition:.4s;
}

.stat-card:hover{
    transform:translateY(-8px);
}

.stat-icon{
    width:80px;
    height:80px;
    margin:0 auto 25px;

    border-radius:50%;

    background:
    linear-gradient(
    135deg,
    #2f80ed,
    #56ccf2
    );

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:30px;
}

.stat-card h3{
    color:#fff;
    font-size:52px;
    font-weight:800;
    margin-bottom:10px;
}

.stat-card p{
    color:rgba(255,255,255,.75);
    font-size:18px;
    margin:0;
}

@media(max-width:991px){

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

}

@media(max-width:767px){

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

.stats-heading h2{
    font-size:36px;
}

} */

/* ------------Services Section */
.labo-services-section{
    padding:70px 0;
    background:#f7faff;
}

.services-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 40px;
}

.services-header span{
    display:inline-block;
    color:#0e6bbb;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom: 40px;
    position: relative;
    font-family: "Manrope", sans-serif;
}
.services-header span img{
 width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;

}
.services-header h2{
    /* font-size:40px;
    line-height:1.1;
    color:#081322;
    margin-bottom:20px;
    font-weight:800;
    font-family: "Manrope", sans-serif; */
    font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.lm{
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    font-size: 13px;
}
.services-header p{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

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

.service-card-os{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:4px;
    min-height:430px;
    padding: 15px;
    border:1px solid #edf2f7;
    display: flex;
}
.service-cover{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s;
}
.service-video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
.service-video{
    /* position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    opacity:0;

    transition:.5s ease;

    transform:scale(1.1);

    z-index:1; */
}

.service-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
    180deg,
    rgba(8,19,34,.2),
    rgba(8,19,34,.9)
    );

    opacity:0;

    transition:.5s ease;

    z-index:2;
}

.service-content{
    position:relative;
    z-index:3;
    margin-top: auto;
    transition:.4s ease;
}
.service-content h3{
    font-size: 20px;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
  color: #0e6bbb;
  background: #fff9;
  padding: 10px;
  border-radius: 4px;
  font-weight: 300;
  text-align: center;
}
.service-content p{
    color:#fff;
    line-height:1.3;
    font-family: "Red Hat Text", sans-serif;
    margin-bottom: 0;
    border-radius: 4px;
    font-size: 15px;
}
.service-card-os:hover .service-video{
    opacity:1;
    transform:scale(1);
}

.service-card-os:hover .service-overlay{
    opacity:1;
}

.service-card-os:hover h3,
.service-card-os:hover p,
.service-card-os:hover a{
    color:#fff;
}

.service-card-os:hover .service-icon{
    background: transparent;
    color:#2563eb;
}

@media(max-width:1200px){

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

}

@media(max-width:768px){

.services-header h2{
    font-size:20px;
}

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

}
.service-icon img{
    width: 35px;
  height: 35px;
  margin-bottom: 10px;
}
/* -------------Case study section */
.labo-case-studies-section{
    padding:70px 0;
    background:#fff;
}

.case-studies-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 35px;
}

.case-studies-header span{
    display:inline-block;
    font-size:14px;
    font-weight:700;
    color:#0e6bbb;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:40px;
    position: relative;
    font-family: "Manrope", sans-serif;
}
.case-studies-header span img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;
}
.case-studies-header h2{
  font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.case-studies-header p{
    font-size:18px;
    color:#6b7280;
    line-height:1.8;
}

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

.case-study-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    border:1px solid #edf2f7;

    opacity:0;
    transform:translateY(60px);

    transition:
    transform .6s ease,
    opacity .6s ease;
}

.case-study-card.show{
    opacity:1;
    transform:translateY(0);
}

.case-image{
    position:relative;
    overflow:hidden;
    height:250px;
}

.case-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s ease;
}

.case-study-card:hover .case-image img{
    transform:scale(1.08);
}

.case-category{
    position:absolute;
    left:20px;
    top:20px;
    font-family: "Red Hat Text", sans-serif;
    background:#0e6bbb;
    color:#fff;

      padding: 4px 12px;

    border-radius:4px;

    font-size:13px;
    font-weight:600;
}

.case-content{
    padding:15px;
    background: #f7faff;
}

.industry-tag{
    display: inline-block;
  background: #eef5ff;
  color: #2563eb;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.case-content h3{
   font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.case-content p{
   color: #6b7280;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.case-results{
    display:flex;
    gap:15px;
    margin-bottom:15px;
}

.result-box{
    flex:1;
    background:#fff;
    padding:5px;
    border-radius:4px;
    text-align:center;
    border: 1px dashed #0e6bbb;
}

.result-box strong{
   display: block;
  font-size: 20px;
  color: #0e6bbb;
  margin-bottom: -8px;
  font-family: "Red Hat Text", sans-serif;
}

.result-box span{
    font-size:13px;
    color:#64748b;
    font-family: "Red Hat Text", sans-serif;
}

.case-btn{
   display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: #0d2f77;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
  transition: .3s;
  font-size: 13px;
   font-family: "Manrope", sans-serif;
}

.case-btn:hover{
    background:#0e6bbb;
}

@media(max-width:1200px){

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

}

@media(max-width:768px){

.case-studies-grid{
    grid-template-columns:1fr;
}

.case-studies-header h2{
    font-size:20px;
}

}
/* ------------why labo */
.labo-why-section{
    padding: 40px 0 70px;
    background:#ffffff;
}

.why-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 40px;
}

.why-header span{
    display:inline-block;
    color:#0e6bbb;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:40px;
    position: relative;
    font-family: "Manrope", sans-serif;
}
.why-header span img{
 width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;

}
.why-header h2{
  font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.why-header p{
    font-size:15px;
    line-height:1.8;
    color:#64748b;
    font-family: "Red Hat Text", sans-serif;
}

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

.why-card{
    background:#fff;
    border:1px solid #edf2f7;
    border-radius: 4px;
  padding: 15px;
    transition:.4s ease;
    position: relative;
}

.why-card:hover{
    transform:translateY(-8px);
}
.why-card:hover .why-icon{
    background:
    linear-gradient( 135deg, #0d2f77, #0e6bbb );
}
.why-icon{
    width:70px;
    height:70px;

    background:
    linear-gradient( 135deg, #0e6bbb, #0d2f77 );

    border-radius:4px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#fff;
    font-size:28px;

    margin-bottom:25px;
}
.why-icon img{
    width:40px;
}
.why-card h3{
  font-size: 20px;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}

.why-card p{
    color: #64748b;
  line-height: 1.4;
  margin: 0;
  font-family: "Red Hat Text", sans-serif;
  font-size: 15px;
}

@media(max-width:991px){

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

}

@media(max-width:767px){

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

    .why-header h2{
        font-size:20px;
    }

}
/* -----------industry stats section  */
.labo-industries-section{
    padding: 70px 0 100px;
  background: #081322;
  overflow: hidden;
  background-image: url('../images/header-grid.svg');
  background-size: cover;
  background-position: center;
}

.industries-header{
    text-align:center;
    max-width:850px;
    margin:0 auto 40px;
}

.industries-header span{
    color: #4da3ff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
}
.industries-header span img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;
}
.industries-header h2{
    font-size: 30px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.industries-header p{
    color:rgba(255,255,255,.75);
    font-size: 15px;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
}

.industries-slider{
    /* overflow:hidden; */
    position:relative;
    width: 100%;
}

.industries-track{
    display:flex;
    gap:30px;
    width:max-content;
    animation:laboIndustriesSlide 40s linear infinite;
     align-items:stretch;
}

.industry-cards{
    /* width:380px; */
    height:460px;
    border-radius:4px;
    overflow:hidden;
    position:relative;
    flex-shrink:0;
    flex:0 0 340px;
}

.industry-cards img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.8s ease;
}

.industry-overlay{
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.9),
        rgba(0,0,0,.15)
    );

    display:flex;
    flex-direction:column;
    justify-content:flex-end;

    padding:15px;
}

.industry-overlay h3{
  color: #fff;
  font-size: 28px;
  margin-bottom: 12px;
  font-weight: 300;
  font-family: "Manrope", sans-serif;
  border-bottom: 1px dashed #fff;
  padding-bottom: 12px;
}

.industry-overlay p{
    color: rgba(255,255,255,.85);
  line-height: 1.4;
  font-family: "Red Hat Text", sans-serif;
  font-size: 15px;
  margin-bottom: 0;
}

.industry-cards:hover img{
    transform:scale(1.08);
}

.industries-slider:hover .industries-track{
    animation-play-state:paused;
}

@keyframes laboIndustriesSlide{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}
/* -------------Testimonial Section  */
.labo-testimonials-section{
    padding:70px 0 40px;
    background:#f8fbff;
    position:relative;
}

.testimonial-heading{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:40px;
}

.testimonial-heading span{
   display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.testimonial-heading span img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;
}
.testimonial-heading h2{
  font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.testimonial-heading p{
    color:#64748b;
    font-size:18px;
    line-height:1.8;
}

.testimonial-slider{
    position:relative;
    max-width:700px;
    margin:auto;
    min-height: 260px;
}

.testimonial-card{
    position:absolute;
    width:100%;
    background:#fff;
    padding: 25px;
    border-radius: 4px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    opacity:0;
    transform:translateY(30px);
    transition:.6s ease;
}

.testimonial-card.active{
    opacity:1;
    transform:translateY(0);
    position:relative;
}

.testimonial-rating{
    color:#fbbf24;
    font-size:24px;
    margin-bottom:10px;
}

.testimonial-text{
   font-size: 17px;
  line-height: 1.4;
  color: #081322;
  margin-bottom: 20px;
  font-family: "Red Hat Text", sans-serif;
}

.testimonial-client{
    display:flex;
    align-items:center;
    gap:18px;
}

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

.testimonial-client h4{
     margin: 0;
  font-size: 18px;
  color: #0e6bbb;
  font-family: "Manrope", sans-serif;
  font-weight: 700;
}

.testimonial-client span{
      color: #64748b;
  font-size: 14px;
  font-family: "Red Hat Text", sans-serif;
}

.testimonial-dots{
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:40px;
}

.dot{
    width:14px;
    height:14px;
    border-radius:50%;
    background:#cbd5e1;
    cursor:pointer;
    transition:.3s;
}

.dot.active{
    background:#2563eb;
    transform:scale(1.2);
}

@media(max-width:768px){

    .testimonial-heading h2{
        font-size:20px;
    }

    .testimonial-card{
        padding:30px;
    }

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

}
/* -------------Blogs */
.labo-blog-section{
    padding:70px 0 40px;
    background:#fff;
    position:relative;
    overflow:hidden;
}

.labo-blog-section::before{
    content:'';
    position:absolute;
    top:-200px;
    right:-200px;
    width:500px;
    height:500px;
    background:radial-gradient(
        rgba(0,123,255,.08),
        transparent 70%
    );
}

.blog-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:70px;
}

.section-tag{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 40px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.blog-header .section-tag img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -50px;
}
.blog-header h2{
  font-size: 30px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.blog-header p{
    color:#6c757d;
    font-size:18px;
    line-height:1.8;
}

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

.blog-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    opacity:0;
    transform:translateY(60px);
}

.blog-card.show{
    opacity:1;
    transform:translateY(0);
}

.blog-card:hover{
    /* transform:translateY(-12px); */
    box-shadow:
    0 20px 45px rgba(0,0,0,.12);
}

.blog-image{
    position:relative;
    overflow:hidden;
}

.blog-image img{
    width:100%;
    height:260px;
    object-fit:cover;
    transition:.5s;
}

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

.blog-category{
    position:absolute;
    top: 15px;
  left: 15px;
    background: #0e6bbb;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
    font-size:13px;
    font-weight:600;
    font-family: "Red Hat Text", sans-serif;
}

.blog-content{
    padding: 15px;
}

.blog-date{
   color: #0e6bbb;
  font-size: 14px;
  font-weight: 600;
  font-family: "Red Hat Text", sans-serif;
}

.blog-content h3{
  font-size: 20px;
  line-height: 1.4;
  margin: 15px 0;
  color: #081120;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.blog-content p{
    color: #6c757d;
  line-height: 1.4;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.blog-btn{
    color:#0d2f77;
    font-weight:500;
    text-decoration:none;
    font-family: "Red Hat Text", sans-serif;
}

.blog-btn:hover{
    color:#081120;
}

.blog-footer{
    text-align:center;
    margin-top:30px;
}

.view-all-blog-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 12px;
    background:#0d2f77;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    transition:.3s;
    font-family: "Red Hat Text", sans-serif;
}

.view-all-blog-btn:hover{
    background:#0e6bbb;
}

@media(max-width:991px){

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

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

@media(max-width:768px){

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

    .blog-header h2{
        font-size:20px;
    }
}
/* ------conatct form */

.labo-contact-section{
    position:relative;
    padding:120px 0;
    overflow:hidden;

    /* background:
    linear-gradient(
    135deg,
    #061426 0%,
    #0c2340 100%
    ); */
    background: #0c2340;
    background-image: url('../images/header-grid.svg');
    background-size: cover;
    background-position: center;
}

.contact-bg-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(120px);
}

.shape-1{
    width:450px;
    height:450px;
    background:#0066ff40;
    top:-120px;
    left:-120px;
}

.shape-2{
    width:500px;
    height:500px;
    background:#00d4ff25;
    right:-150px;
    bottom:-150px;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.contact-content{
    color:#fff;
}

.contact-tag{
    display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 20px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.contact-tag img {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -20px;
  left: -20px;
  rotate: -90deg;
}
.contact-content h2{
    font-size: 40px;
  line-height: 1.1;
  color: #0e6bbb;
  margin-bottom: 20px;
  font-weight: 800;
  font-family: "Manrope", sans-serif;
}

.contact-content p{
    font-size: 16px;
  line-height: 1.4;
  color: rgba(255,255,255,.75);
  font-family: "Red Hat Text", sans-serif;
}

.contact-features{
    margin-top:40px;
}

.feature-item{
    display:flex;
    gap:10px;
    margin-bottom:28px;
}

.feature-item img{
    width: 40px;
  height: 40px;
}

.feature-item h4{
    margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.feature-item p{
    font-size: 13px;
  margin: 0;
  font-family: "Red Hat Text", sans-serif;
}

.contact-stats{
    display:flex;
    gap:25px;
    margin-top:40px;
}

.stat-box{
    background: rgba(255,255,255,.08);
  backdrop-filter: blur(15px);
  padding: 12px 20px;
  border-radius: 4px;
}

.stat-box h3{
    color:#4da3ff;
    font-size:34px;
    margin-bottom:5px;
    font-family: "Red Hat Text", sans-serif;
}

.stat-box span{
    color:#fff;
  font-family: "Manrope", sans-serif;
}

/* FORM */

.contact-form-card{
    background:
    rgba(255,255,255,.08);

    backdrop-filter:
    blur(20px);

    padding:40px;
    border-radius:4px;

    border:
    1px solid rgba(255,255,255,.1);

    box-shadow:
    0 25px 60px rgba(0,0,0,.25);
}

.contact-form-card h3{
    color:#fff;
    font-size: 30px;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.contact-form-card p{
    color:rgba(255,255,255,.7);
    margin-bottom:30px;
    font-family: "Red Hat Text", sans-serif;
  font-size: 15px
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.input-group{
    margin-bottom:18px;
}

.input-group label{
    display:block;
    color:#fff;
    margin-bottom:8px;
    font-size: 13px;
  font-family: "Red Hat Text", sans-serif;
}

.input-group input,
.input-group select,
.input-group textarea{

    width:100%;
    padding: 8px 14px;
    border:none;
    border-radius:4px !important;
    background: rgba(255,255,255,.08);
    color:#fff;
    outline:none;
    font-size:13px;
    font-family: "Red Hat Text", sans-serif;
}

.input-group input::placeholder,
.input-group textarea::placeholder{
    color:rgba(255,255,255,.55);
}
.input-group select option{
    color: #000;
  background: #0e6bbb54;
  font-family: "Red Hat Text", sans-serif;
}
.submit-btn{
   width: 100%;
  border: none;
  padding: 18px;
  border-radius: 4px;
  background: linear-gradient( 135deg, #0d2f77, #0e6bbb );
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  cursor: pointer;
  transition: .4s;
  padding: 10px 10px;
  font-family: "Manrope", sans-serif;
}

.submit-btn:hover{
    transform:translateY(-3px);
}

@media(max-width:991px){

    .contact-wrapper{
        grid-template-columns:1fr;
    }

    .contact-content h2{
        font-size:42px;
    }
}

@media(max-width:768px){

    .form-row{
        grid-template-columns:1fr;
    }

    .contact-content h2{
        font-size:20px;
    }
}
/* ------------Footer */

.labo-footer{
    position:relative;
    background:#061426;
    color:#fff;
    overflow:hidden;
    padding-top:70px;
    padding-bottom:0;
}

.footer-bg{
    position:absolute;
    inset:0;

    background: url('../images/footerback.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    opacity:1.05;
}

.footer-cta{
    position:relative;
    z-index:2;
    background: linear-gradient( 135deg, #0e6bbb94, #00a2ff94 );
    border-radius: 30px 30px 0 0;
    padding: 25px 122px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:0px;
}

.footer-cta h2{
    font-size: 36px;
  margin-bottom: 8px;
    color: #fff;
    font-family: "Manrope", sans-serif;
}

.footer-cta p{
    opacity:.9;
    margin-bottom: 0;
    font-family: "Red Hat Text", sans-serif;
}

.footer-cta-btn{
    background: #fff;
  color: #0e6bbb;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  font-family: "Red Hat Text", sans-serif;
}

.footer-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:
    2fr 1fr 1fr 1fr 1fr 1.2fr;

    gap:50px;
}

.footer-logo img{
    height:40px;
}

.footer-company p{
    margin: 16px 0;
    color:#9eb0c5;
    line-height:1.6;
    font-family: "Red Hat Text", sans-serif;
    font-size: 15px;
}

.footer-social{
    display:flex;
    gap:15px;
}

.footer-social a{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #0e6bbb;
  border-radius: 4px;
    color:#fff;
    text-decoration:none;
}

.footer-title{
    font-size:20px;
    font-weight:500;
    margin-bottom:20px;
    font-family: "Manrope", sans-serif;
}

.footer-links,
.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li,
.footer-contact li{
    margin-bottom:14px;
    font-family: "Manrope", sans-serif;
  font-size: 15px;
  color: #9eb0c5;
  display: flex;
}
.footer-contact li a{
    text-decoration: none;
    color: #9eb0c5;
}
.footer-links a{
    color:#9eb0c5;
    text-decoration:none;
    font-family: "Red Hat Text", sans-serif;
    font-size: 15px;
}

.footer-contact i{
    margin-right:10px;
    color: #fff;
  font-size: 18px;
}

.footer-partners{
    margin-top:20px;
    padding-top:40px;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex;
    justify-content:center;
    gap:40px;
    flex-wrap:wrap;
}

.footer-partners img{
    opacity: .9;
  width: 120px;
}

.footer-bottom{
    margin-top: 4px;
    padding: 12px 0;

    border-top:1px solid rgba(255,255,255,.08);

    display:flex;
    justify-content:space-between;
    align-items:center;
      position: relative;
}
.footer-bottom p{
    margin-bottom:0;
    font-family: "Red Hat Text", sans-serif;
    font-size: 13px;
}
.footer-bottom-links{
    display:flex;
    gap:25px;
}

.footer-bottom-links a{
    color:#9eb0c5;
    text-decoration:none;
    font-family: "Red Hat Text", sans-serif;
     font-size: 13px;
}

@media(max-width:991px){

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

    .footer-cta{
        flex-direction:column;
        text-align:center;
        gap:20px;
    }
}

@media(max-width:768px){

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

    .accordion-content{
        display:none;
    }

    .accordion-content.active{
        display:block;
    }

    .accordion-title{
        cursor:pointer;
        display:flex;
        justify-content:space-between;
    }

    .footer-bottom{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }
}
.footer-partners{
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    background: #fff;
}

.footer-partners::before,
.footer-partners::after{
    content: "";
    position: absolute;
    top: 0;
    width: 120px;
    height: 100%;
    z-index: 2;
}

.footer-partners::before{
    left: 0;
    background: linear-gradient(
        to right,
        #061426,
        transparent
    );
}

.footer-partners::after{
    right: 0;
    background: linear-gradient(
        to left,
        #061426,
        transparent
    );
}

.footer-partners-track{
    display: flex;
    align-items: center;
    gap: 80px;
    width: max-content;
    animation: footerLogoSlider 30s linear infinite;
}

.footer-partners:hover .footer-partners-track{
    animation-play-state: paused;
}

.footer-partners-track img{
    height: 35px;
  width: auto;
  object-fit: contain;
  /* filter: grayscale(100%);
  opacity: .7; */
  transition: .4s ease;
}

.footer-partners-track img:hover{
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.08);
}

@keyframes footerLogoSlider{

    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(-50%);
    }

}

@media(max-width:768px){

    .footer-partners-track{
        gap: 40px;
    }

    .footer-partners-track img{
        height: 20px;
    }

}
/* -----------------About US */

.about-hero{
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
    color:#fff;
    text-align:center;
    padding: 70px 0;
}
.universal-section-tag {
  display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.about-hero h1{
    font-size: 40px;
    max-width:850px;
    margin:auto;
    font-family: "Manrope", sans-serif;
    font-weight: 800;
    padding: 10px 20px;
    border-radius: 8px;
}

.about-hero p{
    max-width:700px;
    margin:25px auto 0;
    line-height:1.8;
    font-family: "Red Hat Text", sans-serif;
}

.section-tag{
    color:#0e6bbb;
    font-weight:600;
    font-family: "Manrope", sans-serif;
}

.overview-grid,
.mission-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
    align-items:center;
}

.overview-image img{
    width:100%;
    border-radius: 4px;
}

.about-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}
@media (max-width: 768px){
    .about-stats-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}
.why-grid, .about-services-grid, .team-grid {
  grid-template-columns: repeat(2,1fr) !important;
}
}
.stat-card{
    background:#fff;
    text-align:center;
    padding:40px;
    border-radius:4px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.stat-card h3{
    font-size: 30px;
  color: #0e6bbb;
}

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

.why-card,
.about-service-card,
.team-card,
.mission-card{
    background:#fff;
    border-radius:4px;
    padding:35px;
    text-align:center;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    height: 100%;
}
.about-services-grid h3{
    margin-bottom: 0;
    font-size: 20px;
}
.mission-card h3{
    font-size: 20px;
  color: #0e6bbb;
  font-weight: 500;
}
.mission-card p{
    font-size: 15px;
}
.why-card i{
    font-size:40px;
    color:#0e6bbb;
}

.team-card img{
    width:120px;
    height:120px;
    border-radius:50%;
    object-fit:cover;
    margin-bottom:15px;
}
.team-card h4{
   font-size: 18px;
  color: #0e6bbb;
}
.about-cta{
    background:#0066ff;
    text-align:center;
    color:#fff;
}

.cta-btn{
    display:inline-block;
    margin-top:20px;
    padding:15px 35px;
    background:#fff;
    color:#0066ff;
    border-radius:50px;
    text-decoration:none;
}

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:.8s ease;
    margin: 70px 0;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

@media(max-width:991px){

    .overview-grid,
    .mission-grid,
    .why-grid,
    .services-grid,
    .team-grid,
    .stats-grid{
        grid-template-columns:1fr 1fr;
    }

    .about-hero h1{
        font-size:48px;
    }

}

@media(max-width:768px){

    .overview-grid,
    .mission-grid,
    .why-grid,
    .services-grid,
    .team-grid,
    .stats-grid{
        grid-template-columns:1fr;
    }

    .about-hero h1{
        font-size:36px;
    }

}
.overview-content span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.overview-content h2{
    font-size: 35px;
    font-family: "Manrope", sans-serif;
}
.overview-content p{
    font-size: 15px;
     font-family: "Red Hat Text", sans-serif;
}
p{
     font-family: "Red Hat Text", sans-serif;
}
/* ---------------Services */

.services-hero{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    /* background:
    radial-gradient(circle at top left,#0d47ff 0%,transparent 35%),
    radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%),
    linear-gradient(135deg,#061426,#081b31,#0d2d56); */
    background-image: url(../../assets/images/dm.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-hero1{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/dev.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-hero2{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/uiux1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.services-hero3{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/it1.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.services-hero .container{
    /* max-width:1400px; */
    width:100%;
    padding:0 20px;
}

.services-hero-content{
    position:relative;
    z-index:5;
    max-width:850px;
    text-align:center;
    margin:auto;
}

.hero-subtitle{
    display:inline-block;
    color:#0e6bbb;
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    margin-bottom:25px;
    text-transform:uppercase;
    font-family: "Manrope", sans-serif;
}

.services-hero h1{
    color: #fff;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.services-hero p{
    color: rgba(255,255,255,.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.services-hero-btns{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:45px;
    flex-wrap:wrap;
}

.primary-btn,
.secondary-btn{
   padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.primary-btn{
    background:#fff;
    color:#081b31;
}

.primary-btn:hover{
    transform:translateY(-5px);
}

.secondary-btn{
    border:1px solid rgba(255,255,255,.3);
    backdrop-filter:blur(12px);
    background:rgba(255,255,255,.08);
    color:#fff;
}

.secondary-btn:hover{
    background:#fff;
    color:#081b31;
}

.hero-stats{
    display:flex;
    justify-content:center;
    gap:60px;
    margin-top:70px;
    flex-wrap:wrap;
}

.hero-stat h3{
    color:#fff;
    font-size:42px;
    margin-bottom:8px;
}

.hero-stat span{
    color:rgba(255,255,255,.7);
    font-size:14px;
    text-transform:uppercase;
    letter-spacing:1px;
}

/* Floating Shapes */

.services-hero-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    animation:float 10s infinite ease-in-out;
}

.shape-1{
    width:300px;
    height:300px;
    background:#0066ff;
    top:10%;
    left:-80px;
}

.shape-2{
    width:250px;
    height:250px;
    background:#00bfff;
    bottom:10%;
    right:-50px;
    animation-delay:2s;
}

.shape-3{
    width:180px;
    height:180px;
    background:#4da3ff;
    top:50%;
    right:20%;
    animation-delay:4s;
}

@keyframes float{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-40px);
    }

    100%{
        transform:translateY(0);
    }

}

/* Entrance Animation */

.services-hero-content{
    animation:heroFade 1s ease;
}

@keyframes heroFade{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

@media(max-width:991px){

    .services-hero h1{
        font-size:52px;
    }

    .services-hero p{
        font-size:18px;
    }

}

@media(max-width:768px){

    .services-hero{
        min-height:auto;
        padding:140px 0 100px;
    }

    .services-hero h1{
        font-size:38px;
    }

    .hero-stats{
        gap:30px;
    }

}
/* --- */
.labo-services-overview{
    padding:50px 0;
    /* background:#f7f9fc; */
}

.services-section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 50px;
}

.section-tag{
    display:inline-block;
    color:#0e6bbb;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
}

.services-section-heading h2{
    font-size:30px;
    line-height:1.2;
    color:#081b31;
    margin-bottom:20px;
    font-family: "Manrope", sans-serif;
}

.services-section-heading p{
    color:#5d6778;
    font-size:18px;
    line-height:1.8;
}

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

.service-overview-card{
    position:relative;
    background:#fff;
    padding: 20px;
  border-radius: 4px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s ease;
}
.service-overview-card video{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:4px;
    position: absolute;
  z-index: 0;
}
.service-overview-card:hover{
    /* transform:translateY(-12px); */
}

.service-overview-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #0e6bbb,
        #00c6ff
    );
}

.service-icon{
    width:60px;
    height:60px;
    border-radius:4px;
    background:linear-gradient(
        135deg,
        #0e6bbb,
        #00c6ff
    );
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:30px;
    z-index: 9;
  position: relative;
}

.service-icon i{
    color:#fff;
    font-size:25px;
}
.service-overview-card .service-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient( 180deg, rgba(8,19,34,.2), rgba(8,19,34,.9) );
  opacity: 0;
  transition: .5s ease;
  z-index: 0;
}
.service-overview-card:hover .service-overlay {
  opacity: 1;
}
.service-overview-card h3{
    font-size: 25px;
  margin-bottom: 18px;
  color: #fff;
  font-family: "Manrope", sans-serif;
  z-index: 9;
  position: relative;
  border-bottom: 1px solid #fff;
  padding-bottom: 18px;
  font-weight: 600;
}

.service-overview-card p{
    color:#fff;
    line-height:1.8;
    margin-bottom:25px;
    font-size: 14px;
    z-index: 9;
  position: relative;
}

.service-overview-card ul{
    list-style:none;
    padding:0;
    margin:0 0 25px;
}

.service-overview-card ul li{
   position: relative;
  padding-left: 24px;
  margin-bottom: 12px;
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
}

.service-overview-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0e6bbb;
    font-weight:700;
    font-size: 13px;
}

.service-overview-card a{
    text-decoration:none;
    color:#0e6bbb;
    font-weight:600;
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-family: "Manrope", sans-serif;
  font-size: 15px;
  z-index: 9;
  position: relative;
}

.service-overview-card a i{
    transition:.3s;
}

.service-overview-card:hover a i{
    transform:translateX(5px);
}

@media(max-width:1200px){

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

}

@media(max-width:768px){

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

    .section-heading h2{
    font-size:36px;
    }
    .service-icon {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    }
    .service-icon i {
    color: #fff;
    font-size: 15px;
    }
    .service-overview-card {

    padding: 10px;
}
.service-overview-card ul li::before {
  font-size: 10px;
}
.service-overview-card ul li {
  font-size: 12px;
}
.service-overview-card a {
  font-size: 13px;
}
.subsec-overview-content li {
  font-size: 12px !important;
}
.services-grid {
  gap: 10px !important;
}
.ss-service-card h3 {
  font-size: 15px;
}
.why-box h3 {
  font-size: 15px !important;
}
.why-box {
  padding: 15px !important;
}
.why-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}


}
/* -----------------Sub services page */

.digital-hero{
position:relative;
padding:180px 0 120px;
background:
linear-gradient(135deg,#061426,#081b31,#0d2d56);
overflow:hidden;
}

.digital-hero::before{
content:"";
position:absolute;
width:600px;
height:600px;
background:#0e6bbb;
filter:blur(180px);
top:-200px;
right:-200px;
opacity:.25;
}

.digital-hero::after{
content:"";
position:absolute;
width:500px;
height:500px;
background:#00c6ff;
filter:blur(180px);
bottom:-250px;
left:-200px;
opacity:.25;
}

.hero-content{
position: relative;
  z-index: 2;
  text-align: left;
  max-width: 700px;
  margin: 0 auto 0 0;
}

.hero-content span{
display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.hero-content h1{
color: #fff;
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.hero-content p{
color: rgba(255,255,255,.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.hero-btns{
margin-top:40px;
display:flex;
justify-content:left;
gap:20px;
flex-wrap:wrap;
}

.hero-btns a{
 padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.primary-btn{
background:#fff;
color:#081b31;
}

.secondary-btn{
border:1px solid rgba(255,255,255,.3);
background:rgba(255,255,255,.1);
backdrop-filter:blur(10px);
color:#fff;
}

.hero-btns a:hover{
transform:translateY(-5px);
}
.subsec-overview-content h2{
   font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}


.subsec{
padding:40px 0;
}

.section-heading{
text-align:center;
max-width:850px;
margin:auto auto 30px;
}

.section-heading span{
color:#0e6bbb;
font-size:14px;
font-weight:700;
letter-spacing:2px;
}

.section-heading h2{
/* font-size:50px;
margin:15px 0; */
}

.section-heading p{
color:#667085;
}



.overview-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.overview-grid img{
width:100%;
border-radius:4px;
}

.subsec-overview-content ul{
margin-top:20px;
list-style:none;
padding: 0;
}

.subsec-overview-content li{
margin-bottom:15px;
font-size: 15px;
}

.subsec-overview-content li i{
color:#0e6bbb;
margin-right:10px;
}



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

.ss-service-card{
background:#fff;
padding: 20px;
border-radius:4px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
transition:.4s;
}

.ss-service-card:hover{
/* transform:translateY(-10px); */
}

.ss-service-icon{
width: 50px;
  height: 50px;
  border-radius: 4px;
/* background:linear-gradient( 135deg, #0d2f77, #0e6bbb ); */
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.ss-service-icon i{
color:#fff;
font-size:20px;
}

.ss-service-card h3{
font-size: 20px;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.ss-service-icon img{
    width: 50px;
  height: 50px;

}


.why-section{
background:#f7f9fc;
margin-top: 40px;
  padding-top: 30px;
   padding-bottom: 60px;
}

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

.why-box{
background:#fff;
padding:35px;
border-radius:4px;
text-align:center;
box-shadow:0 10px 25px rgba(0,0,0,.06);
}

.why-box img{
    width: 50px;
    height: 50px;
margin-bottom:10px;
}
.why-box h3{
    font-size: 20px;
}


.process-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:20px;
}

.process-box{
background:#fff;
border:1px solid #eef2f6;
padding:30px;
border-radius: 4px;
text-align:center;
}

.process-box span{
font-size:40px;
font-weight:700;
color: #0e6bbb;
font-family: "Manrope", sans-serif;
}
.process-box h3{
    font-size: 20px;
}


.industry-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.subsec-industry-card{
background:#081b31;
color:#fff;
padding:35px;
border-radius:4px;
text-align:center;
}
.subsec-industry-card:hover{
    background:#0e6bbb;
}


.stats-section{
background:#0e6bbb;
color:#fff;
}

.ss-stats-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
text-align:center;
}

.ss-stats-box h3{
font-size:30px;
color:#fff;
}

.ss-stats-box p{
color:#cbd5e1;
margin-bottom: 0;
}
.ss-stats-box {
  padding: 20px 0;
  border-right: 1px solid #fff;
}
.ss-stats-box:first-child{
    border-left: 1px solid #fff;
}


.faq-item{
border-bottom:1px solid #e5e7eb;
padding:20px 0;
}

.faq-question{
display:flex;
justify-content:space-between;
cursor:pointer;
font-weight:600;
}

.faq-answer{
display:none;
padding-top:15px;
color:#667085;
}

.faq-item.active .faq-answer{
display:block;
}



.cta-section{
background:
linear-gradient(135deg,#0e6bbb,#0056d6);
color:#fff;
text-align:center;
}

.cta-section h2{
font-size:52px;
margin-bottom:20px;
}

.cta-section p{
max-width:700px;
margin:auto;
}

.cta-btn{
display:inline-block;
margin-top:35px;
padding:18px 40px;
background:#fff;
color:#081b31;
border-radius:50px;
text-decoration:none;
font-weight:700;
}

@media(max-width:991px){

.services-grid,
.why-grid,
.industry-grid,
.process-grid,
.stats-grid,
.overview-grid{
grid-template-columns:1fr 1fr;
}

.hero-content h1{
font-size:48px;
}

}

@media(max-width:768px){

.services-grid,
.why-grid,
.industry-grid,
.process-grid,
.stats-grid,
.overview-grid{
grid-template-columns:1fr;
}

.hero-content h1{
font-size:36px;
}

.section-heading h2{
font-size:34px;
}
.ss-service-card {
  background: #fff;
  padding: 15px !important;
}
.ss-service-card h3 {
  font-size: 15px !important;
  margin-bottom: 4px;
}
.ss-service-card p{
    margin-bottom: 0;
}
.why-grid {
  gap: 10px;
}
.process-grid {
  gap: 10px !important;
}
.process-box {
  padding: 15px;
}
.process-box span {
  font-size: 20px;
}
.process-box h3 {
  font-size: 15px;
}
.industry-grid {    
  gap: 10px;
}
.subsec-industry-card {
  padding: 15px;
}
.ss-stats-grid {
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
}
.ss-stats-box{
     border-right: 0;
}
.ss-stats-box:first-child {
  border-bottom: 1px solid #fff;
  border-left: 0;
 
}
.ss-stats-box:last-child {
  border-top: 1px solid #fff;
  border-left: 0;
 
}
.ss-stats-box {
  padding: 10px 0;
}
.ss-stats-box h3 {
  font-size: 20px;
}
.faq-question {
  font-size: 15px;
}
.faq-answer {
  font-size: 12px;
}
}
/* --------------Solutions */
.solutions-intro, .solutions-grid-section, .why-labo-solutions, .solution-framework, .business-outcomes, .solutions-stats {
    padding:40px 0 0;
}

.sol-section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 4px;
}

.sol-section-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.sol-section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.sol-section-heading p{
    color:#667085;
    font-size:15px;
}

/* 
HERO SECTION
 */

.solutions-hero{
    position:relative;
    /* min-height:90vh; */
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    /* background:
    linear-gradient(
    135deg,
    #061426,
    #081b31,
    #0d2d56
    ); */
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
    padding: 70px 0;
}

.solutions-hero::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:#0a84ff;
    filter:blur(180px);
    opacity:.2;
    top:-250px;
    right:-150px;
}

.solutions-hero::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:#00c6ff;
    filter:blur(180px);
    opacity:.15;
    bottom:-250px;
    left:-150px;
}
/* Floating Shapes */

.solutions-hero-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(80px);
    animation:float 10s infinite ease-in-out;
}

.solutions-hero-shape.shape-1{
    width:300px;
    height:300px;
    background:#0066ff;
    top:10%;
    left:-80px;
}

.solutions-hero-shape.shape-2{
    width:250px;
    height:250px;
    background:#00bfff;
    bottom:10%;
    right:-50px;
    animation-delay:2s;
}

.solutions-hero-shape.shape-3{
    width:180px;
    height:180px;
    background:#4da3ff;
    top:50%;
    right:20%;
    animation-delay:4s;
}

@keyframes float{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-40px);
    }

    100%{
        transform:translateY(0);
    }

}
.solutions-hero-content{
    text-align:center;
    position:relative;
    z-index:2;
    max-width:900px;
    margin: 0 auto;
}

.solutions-hero-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.solutions-hero-content h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.solutions-hero-content p{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.solutions-hero-btns{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}

.solutions-hero-btns.primary-btn,
.solutions-hero-btns.secondary-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: 0.4s;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.primary-btn{
    background:#fff;
    color:#081b31;
}

.secondary-btn{
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
    backdrop-filter:blur(12px);
}

.primary-btn:hover,
.secondary-btn:hover{
    transform:translateY(-5px);
}

/* 
SOLUTIONS GRID
 */

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

.s-solution-card{
    background:#fff;
    padding:40px;
    border-radius:4px;
    box-shadow:
    0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    position:relative;
    overflow:hidden;
    margin-top: 0;
    margin-bottom: 0;
}

.s-solution-card:hover{
    transform:translateY(-10px);
}

.s-solution-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:
    linear-gradient(
    90deg,
    #0a84ff,
    #00c6ff
    );
}
.solimg{
    position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.solution-icon{
    width: 70px;
  height: 70px;
  border-radius: 4px;
    background:
    linear-gradient(
    135deg,
    #0a84ff,
    #00c6ff
    );
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.solution-icon i{
    color:#fff;
    font-size:34px;
}

.s-solution-card h3{
   font-size: 25px;
  margin-bottom: 18px;
  color: #0e6bbb;
  font-family: "Manrope", sans-serif;
  z-index: 9;
  position: relative;
  padding-bottom: 10px;
  font-weight: 600;
  background-color: #ffffff7a;
  text-align: center;
  padding-top: 10px;
  border-radius: 4px;
}

.s-solution-card p{
    color: #fff;
  margin-bottom: 25px;
  z-index: 1;
  position: relative;
}

.s-solution-card a{
    color: #0e6bbb;
  font-weight: 600;
  text-decoration: none;
  position: relative;
}

/* 
WHY LABO
 */

.why-labo-solutions{
    background:#f7f9fc;
}

.sol-why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.sol-why-card{
    background: #fff;
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  margin-top: 10px;
  margin-bottom: 30px;
}

.sol-why-card h3{
    margin-bottom:10px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.sol-why-card p{
    font-size: 15px;
    margin-bottom: 0;
}
/* 
FRAMEWORK
 */

.framework-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.framework-grid div{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    border:1px solid #edf2f7;
}

.framework-grid span{
    font-size:45px;
    font-weight:700;
    color:#0a84ff;
    display:block;
    margin-bottom:15px;
}

/* 
OUTCOMES
 */

.business-outcomes{
    background:#081b31;
    color:#fff;
}

.business-outcomes .section-heading h2{
    color:#fff;
}

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

.outcomes-grid div{
    background:rgba(255,255,255,.08);
    padding:35px;
    border-radius:20px;
    text-align:center;
    backdrop-filter:blur(10px);
}

/* 
STATS
 */

.solutions-stats{
    background:#f7f9fc;
}

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

.solstats-grid div{
    background:#fff;
    padding:40px;
    border-radius:25px;
    text-align:center;
    box-shadow:
    0 10px 25px rgba(0,0,0,.06);
}

.solstats-grid h3{
    font-size:55px;
    color:#0a84ff;
    margin-bottom:10px;
}

.solstats-grid p{
    color:#667085;
}

/* 
ANIMATION
 */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:.8s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

/* 
RESPONSIVE
 */

@media(max-width:1200px){

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

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

}

@media(max-width:991px){

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

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

    .solutions-hero-content h1{
        font-size:52px;
    }

}

@media(max-width:768px){

    section{
        padding:80px 0;
    }

    .solutions-grid,
    .stats-grid,
    .why-grid,
    .framework-grid,
    .outcomes-grid{
        grid-template-columns:1fr 1fr;
    }

    .solutions-hero-content h1{
        font-size:20px;
        margin-bottom: 8px;
    }

    .section-heading h2{
        font-size:34px;
    }
    .solutions-hero-btns {
        margin-top: 8px;
    }
    .sol-section-heading span {
        font-size: 10px;
    }
    
    .sol-section-heading h2 {
        font-size: 20px;
    }
    .solutions-grid {
        gap: 10px
    }
    .s-solution-card {
        padding: 15px;
    }
    .s-solution-card h3 {
        font-size: 15px;
        margin-bottom: 8px;
    }
    .s-solution-card p {
        margin-bottom: 8px;
    }
    .s-solution-card a {
       font-size: 15px;
    }
    .why-labo-solutions {
        margin-bottom: 40px;
    }
    .sol-why-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .sol-why-card {
        padding: 15px;
        margin-bottom: 0px;
        margin-top: 0;
    }
    .sol-why-card h3 {
        font-size: 15px;
    }
    }
/* ---------------Sub solution */
/* 
GLOBAL
 */


.lead-overview, .lead-services, .lead-benefits, .lead-process, .lead-cta{
    padding: 40px 0;
}

.ssol-section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 40px;
}

.ssol-section-heading span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.ssol-section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}.ssol-section-heading .ssh{
    color: #FFF;
}
/* 
HERO
 */

.lead-hero{
    position: relative;
  /* min-height: 90vh; */
  background-image: url('../images/lead_generation1.png');
      background-size: 110%;
      background-repeat: no-repeat;
      background-position: 50% 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* background: linear-gradient( 135deg, #061426, #081b31, #0d2d56 ); */
  /* background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56); */
  padding: 100px 0;
}
.lead-her-bg{
    position: relative;
    background-image: url('../images/brand_growth.png');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
}
.lead-hero-dts{
    position: relative;
    background-image: url('../images/digital-transformation-solutions.png');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
}
.lead-hero-ma{
    position: relative;
    background-image: url('../images/marketing_automation.png');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
}
.lead-hero-bi{
    position: relative;
    background-image: url('../images/business_intelligence.png');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
}
.lead-hero-css{
    position: relative;
    background-image: url('../images/customer_software_solution.png');
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 100px 0;
}
.lead-hero::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    border-radius:50%;
    background:#0a84ff;
    filter:blur(180px);
    opacity:.2;
    top:-200px;
    right:-150px;
}

.lead-hero::after{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    border-radius:50%;
    background:#00c6ff;
    filter:blur(180px);
    opacity:.15;
    left:-200px;
    bottom:-200px;
}

.lead-hero-content{
  text-align: left;
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto 0 0;
}

.lead-hero-content span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.lead-hero-content h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.lead-hero-content p{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.lead-hero-btns{
    display:flex;
    justify-content:left;
    gap:20px;
    margin-top:40px;
    flex-wrap:wrap;
}

.lead-hero-btns.primary-btn,
.lead-hero-btns.secondary-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.primary-btn{
    background:#fff;
    color:#081b31;
}

.secondary-btn{
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
}

.primary-btn:hover,
.secondary-btn:hover{
    transform:translateY(-5px);
}

/* 
OVERVIEW
 */

.overview-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
    align-items:center;
}
.overview-grid .subsec-overview-content p{
    font-size: 15px;
}
.subsol-overview-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.subsol-overview-content h2{
   font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.subsol-overview-content p{
    color:#667085;
    margin-bottom:25px;
    font-size: 15px;
}

.subsol-overview-content ul{
    list-style:none;
      padding: 0;
}

.subsol-overview-content li{
    margin-bottom: 15px;
  padding-left: 22px;
  position: relative;
  font-size: 15px;
}

.subsol-overview-content li::before{
    content:"✓";
    color:#0a84ff;
    position:absolute;
    left:0;
}

.overview-image img{
    width:100%;
    border-radius:4px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.12);
}

/* 
SERVICES
 */

.lead-services{
    background:#f8fbff;
}

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

.ssol-service-card{
    background:#fff;
    padding:15px;
    border-radius:4px;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}

.ssol-service-card:hover{
    transform:translateY(-10px);
}

.ssol-service-card h3{
    margin-bottom:10px;
    color:#081b31;
}

.ssol-service-card p{
    color:#667085;
}

/* 
BENEFITS
 */

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

.benefit-card{
    background:#fff;
    border-radius:4px;
    padding:40px;
    text-align:center;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    margin: 0;
}

.benefit-card:hover{
    transform:translateY(-10px);
}

.benefit-card h3{
    font-size: 20px;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.benefit-card p{
    font-size: 15px;
}
/* 
PROCESS
 */

.lead-process{
    background:#081b31;
}

.lead-process .section-heading h2,
.lead-process .section-heading span{
    color:#fff;
}

.process-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

.ssol-process-box{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    padding:20px;
    border-radius:4px;
    text-align:center;
    /* color:#fff; */
    margin: 0;
}

.ssol-process-box span{
    display:block;
    font-size:30px;
    font-weight:500;
    color:#0e6bbb;
    margin-bottom:10px;
     font-family: "Manrope", sans-serif;
}
.ssol-process-box h3{
    color: #fff;
    font-size: 20px;
}
/* 
STATS
 */

.ssol-lead-stats{
    /* background:#f8fbff; */
}

.ssol-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.ssol-stat-box{
    background:#fff;
    padding:40px;
    border-radius:4px;
    text-align:center;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    margin: 70px 0 70px 0;
}

.ssol-stat-box h3{
    font-size:30px;
    color:#0a84ff;
}

.ssol-stat-box p{
    color:#667085;
      font-size:15px;
}

/* 
CTA
 */

.lead-cta{
    background:
    linear-gradient(
    135deg,
    #081b31,
    #0a84ff
    );
    text-align:center;
    margin-bottom: 70px;
}

.lead-cta h2{
    color:#fff;
    font-size:30px;
}

.lead-cta p{
    color:#dbe8ff;
    max-width:700px;
    margin:20px auto 35px;
    font-size: 15px;
}

.cta-btn{
    display:inline-block;
    padding:4px 12px;
    border-radius:4px;
    background:#fff;
    color:#081b31;
    text-decoration:none;
    font-weight:500;
    transition:.4s;
}

.cta-btn:hover{
    transform:translateY(-5px);
}

/* 
ANIMATION
 */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:.8s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

/* 
RESPONSIVE
 */

@media(max-width:1200px){

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

}

@media(max-width:991px){

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

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

    .lead-hero-content h1{
        font-size:52px;
    }

}

@media(max-width:768px){

    section{
        padding:80px 0;
    }

    .services-grid,
    .benefits-grid,
    .stats-grid,
    .process-grid{
        grid-template-columns:1fr 1fr;
    }

    .lead-hero-content h1{
        font-size:38px;
    }

    .overview-content h2,
    .section-heading h2,
    .lead-cta h2{
        font-size:32px;
    }

}
.ssol-service-icon{
width: 50px;
  height: 50px;
  border-radius: 4px;
/* background:linear-gradient( 135deg, #0d2f77, #0e6bbb ); */
display:flex;
align-items:center;
justify-content:center;
margin-bottom:25px;
}

.ssol-service-icon i{
color:#fff;
font-size:20px;
}

.ssol-service-card h3{
font-size: 20px;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.ssol-service-icon img{
    width: 50px;
  height: 50px;

}
/* ---------------Case Studies */
/*
GLOBAL
 */


.client-overview, .challenge-section, .strategy-section, .results-section, .before-after, .client-testimonial, .related-case-studies {
    padding:70px 0;
}
.client-overview{
    background-image: url(../images/header-grid.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.section-heading span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.section-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.cso-section-heading{
     text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}
.cso-section-heading span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.cso-section-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.csm-section-heading{
      text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}
.csm-section-heading span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.csm-section-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
/*
HERO
 */

.case-study-hero{
    position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle at left top, rgb(13, 71, 255) 0%, transparent 35%), 
  radial-gradient(circle at right bottom, 
  rgb(0, 191, 255) 0%, transparent 35%), 
  linear-gradient(135deg, rgb(6, 20, 38), rgb(8, 27, 49), rgb(13, 45, 86));
  padding: 70px 0px;
  
   
}

.case-study-hero::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:#0a84ff;
    filter:blur(180px);
    opacity:.15;
    top:-250px;
    right:-250px;
}

.case-study-content{
    position:relative;
    z-index:2;
    max-width:900px;
    text-align: center;
    margin: 0 auto;
}

.case-study-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.case-study-content h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.case-study-content p{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.case-meta{
    margin-top:10px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.case-meta div{
    padding:25px;
    border-radius:4px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
}

.case-meta strong{
    display:block;
    color:#fff;
    margin-bottom:8px;
    font-family: "Manrope", sans-serif;
}

.case-meta span{
    color:#b6d6ff;
}

/*
CLIENT OVERVIEW
 */

.overview-grid{
    display:grid;
    grid-template-columns: 1.5fr 1fr;
    gap:60px;
    align-items:center;
    
}

.overview-grid h2{
    font-size: 30px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.overview-grid p{
    color:#667085;
    font-size: 15px;
}

.overview-stats{
    display:grid;
    gap:20px;
    position: relative;
    width: 100%;
  height: 494px;
  border-radius: 999px;
  background: aliceblue;
  animation:laboRotate 20s linear infinite;
}
.overview-stats p{
    font-size: 11px;
      margin-bottom: 0;
}
.overview-stats div{
    background:#fff;
    padding:15px;
    border-radius:4px;
    border: 1px solid #e1e1e1;
    box-shadow:
    0 15px 35px rgba(0,0,0,.08);
    margin: 0;
   
}

.overview-stats h3{
    color:#fff;
    font-size:30px;
    font-family: "Manrope", sans-serif;
    rotate: -45deg;
}
.overview-stats p{
    rotate: -45deg;
  position: absolute;
  width: inherit;
  margin-top: 24px;
  color: #fff;
}
.overstats{
 width: 200px;
  height: 200px;
   margin: auto;
   rotate: 45deg;
   position: relative;
   
}
.overstats:nth-child(1){
    position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 20% 0 20% 100%;
  justify-content: center;
  background-color: #b140c9;
}

.overstats:nth-child(2){
    position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 100% 20% 0 20%;
  justify-content: center;
  background-color: #35d07f;
}
.overstats:nth-child(3){
    position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 20% 100% 20% 0; 
  justify-content: center;
  background-color: #2f80ed;
}
.overstats:nth-child(4){
    position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  border-radius: 0 20% 100% 20%;
  justify-content: center;
  background-color: #4fc4cf;
}
.overstats:nth-child(1):hover {
  left: 12px;
}
.overstats:nth-child(2):hover {
  top: 12px;
}
.overstats:nth-child(3):hover {
  right: 12px;
}
.overstats:nth-child(4):hover {
  bottom: 12px;
}
/*
CHALLENGE
 */

.challenge-section{
    background:#f7f9fc;
}

.challenge-box{
    background:#fff;
    padding: 25px;
  border-radius: 4px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    text-align: center;
    margin: 0;
}

.challenge-box p{
    font-size:15px;
    color:#667085;
    margin-bottom: 0;
}

/*
STRATEGY
 */

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

.strategy-card{
    background:#fff;
    padding: 25px;
    border-radius:4px;
    text-align:center;
    font-weight:600;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    margin: 0;
    font-family: "Manrope", sans-serif;
    display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}

.strategy-card:hover{
    transform:translateY(-10px);
    background:#0e6bbb;
    color:#fff;
}
.strategy-card img{
  background-color: #fff;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 12px;
}
.strategy-card p{
    font-size: 15px;
    color: #707070;
    font-weight: 400;
}
.strategy-card:hover p{
    color: #fff;
}
/*
RESULTS
 */

.results-section{
    background:#081b31;
}

.results-section .section-heading h2,
.results-section .section-heading span{
    color:#fff;
}

.results-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.result-card{
    padding:40px;
    border-radius:4px;
    text-align:center;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    margin: 0;
}

.result-card h3{
    font-size:30px;
    color:#0e6bbb;
    font-family: "Manrope", sans-serif;
}

.result-card p{
    color:#fff;
    margin-bottom: 0;
    font-family: "Manrope", sans-serif;
}

/*
BEFORE AFTER
 */

.comparison-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}

.before-box,
.after-box{
    padding:25px;
    border-radius:4px;
    margin: 0;
}

.before-box{
    background:#fff5f5;
}

.after-box{
    background:#eefbf3;
}

.before-box h3{
    color: #ef4444;
  font-family: "Manrope", sans-serif;
  font-size: 25px;
}

.after-box h3{
    color:#22c55e;
}
.before-box h3, .after-box h3{
    border-bottom: 3px dotted #e0dfdf;
  padding-bottom: 10px;
}
.before-box ul,
.after-box ul{
    margin-top:20px;
    padding: 0 0 0 16px;
    margin-bottom: 0;
}

.before-box li,
.after-box li{
    margin-bottom:15px;
      font-size: 15px;
}
.before-box li:last-child,
.after-box li:last-child{
    margin-bottom:0px;
}
/*
TESTIMONIAL
 */

.client-testimonial{
    background:#edf4ff;
    text-align:center;
    background-image: url(../images/header-grid.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.client-testimonial img{
   width: 150px;
  position: absolute;
  bottom: 0;
  right: 120px;
}
.client-testimonial blockquote{
    max-width:900px;
    margin:auto;
    font-size:30px;
    font-weight:600;
    line-height:1.5;
    font-family: "Manrope", sans-serif;
}

.client-testimonial h4{
   margin-top: 30px;
  color: #0e6bbb;
  font-size: 20px;
}

/*
RELATED
 */

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

.related-card{
    background:#fff;
    padding:15px;
    border-radius:4px;
    text-align:center;
    font-weight:600;
    box-shadow:
    0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    cursor:pointer;
    margin: 0;
}

.related-card:hover{
    transform:translateY(-10px);
}
.related-card img{
    width: 100%;
}
.related-content {
  padding: 15px;
}
.related-content span{
    display: inline-block;
  background: #eef5ff;
  color: #2563eb;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}
.related-content h3 {
  font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}
.related-content p {
  color: #6b7280;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
  font-family: "Red Hat Text", sans-serif;
  font-weight: 400;
}
.vcs{
    display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: #0d2f77;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
  transition: .3s;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
}
/*
CTA
 */

.case-study-cta{
    text-align:center;
    background:
    linear-gradient(
    135deg,
    #081b31,
    #0a84ff
    );
}

.case-study-cta h2{
    color:#fff;
    font-size:52px;
}

.case-study-cta p{
    color:#dbe8ff;
    max-width:700px;
    margin:20px auto 35px;
}

.cta-btn{
    display:inline-block;
    padding:18px 40px;
    border-radius:50px;
    text-decoration:none;
    background:#fff;
    color:#081b31;
    font-weight:600;
    transition:.4s;
}

.cta-btn:hover{
    transform:translateY(-5px);
}

/*
REVEAL
 */

.reveal{
    opacity:0;
    transform:translateY(60px);
    transition:.8s ease;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

/*
RESPONSIVE
 */

@media(max-width:1200px){

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

}

@media(max-width:991px){

    .overview-grid,
    .comparison-grid{
        grid-template-columns:1fr;
    }

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

    .case-study-content h1{
        font-size:52px;
    }

}

@media(max-width:768px){

    section{
        padding:8px 0;
    }

    .case-meta,
    .strategy-grid,
    .results-grid,
    .related-grid{
        grid-template-columns:1fr;
    }

    .case-study-content h1{
        font-size:38px;
    }

    .section-heading h2,
    .case-study-cta h2{
        font-size:32px;
    }

    .client-testimonial blockquote{
        font-size:24px;
    }

}

/* 
   CASE STUDIES OVERVIEW
 */

.case-studies-overview{
    padding:70px 0;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.case-studies-overview .section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.case-studies-overview .section-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.case-studies-overview .section-heading h2{
    font-size: 30px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.case-studies-overview .section-heading p{
   color: #667085;
  font-size: 15px;
}

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

.case-study-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s ease;
    transform:translateY(40px);
    opacity:0;
}

.case-study-card.show{
    transform:translateY(0);
    opacity:1;
}

.case-study-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.case-image{
    position:relative;
    overflow:hidden;
    height:250px;
}

.case-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s ease;
}

.case-study-card:hover .case-image img{
    transform:scale(1.08);
}

.case-content{
    padding:15px;
}

.case-content span{
    display: inline-block;
  background: #eef5ff;
  color: #2563eb;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.case-content h3{
    font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.case-content p{
    color: #6b7280;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.case-results{
    display:flex;
    gap:15px;
    margin-bottom:25px;
}

.case-results div{
    flex: 1;
  background: #fff;
  padding: 5px;
  border-radius: 4px;
  text-align: center;
  border: 1px dashed #0e6bbb;
}

.case-results strong{
    display: block;
  font-size: 20px;
  color: #0e6bbb;
  margin-bottom: -8px;
  font-family: "Red Hat Text", sans-serif;
}

.case-results small{
    font-size: 13px;
  color: #64748b;
  font-family: "Red Hat Text", sans-serif;
}

.case-btn{
    display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: #0d2f77;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-weight: 600;
  transition: .3s;
  font-size: 13px;
  font-family: "Manrope", sans-serif;
}

.case-btn:hover{
    gap:15px;
}

.case-btn::after{
    content:"→";
}

/* 
   RESPONSIVE
 */

@media(max-width:1200px){

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

}

@media(max-width:768px){

    .case-studies-overview{
        padding:70px 0;
    }

    .case-studies-grid{
        grid-template-columns:1fr;
    }

    .case-studies-overview .section-heading h2{
        font-size:34px;
    }

    .case-content{
        padding:25px;
    }

}
.case-study-benefits {
  padding: 70px 0;
}
/* ------------subcase */

.seo-case-section-heading{
text-align:center;
margin-bottom:60px;
}

.seo-case-section-heading span{
color:#2563eb;
font-weight:600;
letter-spacing:2px;
}

.seo-case-section-heading h2{
font-size:42px;
margin-top:10px;
}

/* HERO */

.seo-case-hero-section{
position:relative;
background:url('https://6a48f1a01e75414caa981a2e.imgix.net/sandbox/scott-graham-5fNmWej4tAA-unsplash.jpg') center/cover;
padding:70px 0;
color:#fff;
}

.seo-case-hero-overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.75);
}

.seo-case-hero-content{
position: relative;
  z-index: 2;
  max-width: 900px;
  text-align: center;
  margin: 0 auto;
}

.seo-case-tag{
display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.seo-case-hero-content h1{
color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.seo-case-hero-content p{
color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.seo-case-meta-wrapper{
display:flex;
gap:20px;
margin-top:40px;
flex-wrap:wrap;
justify-content: center;
}

.seo-case-meta-card{
background:rgba(255,255,255,.08);
backdrop-filter:blur(10px);
padding:12px 23px;
border-radius:4px;
}

.seo-case-meta-card strong{
display:block;
margin-bottom:-2px;
font-size: 15px;
font-family: "Manrope", sans-serif;
}
.seo-case-meta-card span{
    font-size: 12px;
    font-family: "Manrope", sans-serif;
}
/* OVERVIEW */

.seo-case-overview-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
}

.seo-case-overview-content span{
color:#2563eb;
font-weight:600;
}

.seo-case-overview-content h2{
font-size:42px;
margin:15px 0;
}

.seo-case-overview-image img{
border-radius:20px;
}

/* CHALLENGE */

.seo-case-challenge-box{
background:#f5f8ff;
padding:40px;
border-left:5px solid #2563eb;
border-radius:15px;
}

/* STRATEGY */

.seo-case-strategy-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.seo-case-strategy-card{
padding:35px;
text-align:center;
border-radius:20px;
background:#fff;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.4s;
}

.seo-case-strategy-card:hover{
transform:translateY(-10px);
}

.seo-case-strategy-card i{
font-size:40px;
color:#2563eb;
margin-bottom:15px;
}

/* RESULTS */

.seo-case-results-section{
background:#08142a;
}

.seo-case-results-section h2,
.seo-case-results-section span{
color:#fff;
}

.seo-case-results-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
}

.seo-case-result-card{
background:#fff;
padding:40px;
border-radius:20px;
text-align:center;
}

.seo-case-result-card h3{
font-size:50px;
color:#2563eb;
}

/* COMPARISON */

.seo-case-comparison-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
}

.seo-case-before-box,
.seo-case-after-box{
padding:40px;
border-radius:20px;
}

.seo-case-before-box{
background:#fff3f3;
}

.seo-case-after-box{
background:#effdf3;
}

.seo-case-before-box h3,
.seo-case-after-box h3{
margin-bottom:20px;
}

/* TESTIMONIAL */

.seo-case-testimonial-card{
text-align:center;
max-width:800px;
margin:auto;
}

.seo-case-testimonial-card i{
font-size:60px;
color:#2563eb;
}

.seo-case-testimonial-card blockquote{
font-size:30px;
margin:20px 0;
font-weight:500;
}

/* CTA */

.seo-case-cta-section{
background:#2563eb;
color:#fff;
text-align:center;
}

.seo-case-cta-section h2{
font-size:50px;
}

.seo-case-cta-btn{
display:inline-block;
margin-top:25px;
padding:16px 35px;
background:#fff;
color:#2563eb;
text-decoration:none;
border-radius:50px;
font-weight:600;
}

@media(max-width:991px){

.seo-case-overview-grid,
.seo-case-comparison-grid{
grid-template-columns:1fr;
}

.seo-case-results-grid,
.seo-case-strategy-grid{
grid-template-columns:1fr 1fr;
}

.seo-case-hero-content h1{
font-size:45px;
}
}

@media(max-width:768px){

.seo-case-results-grid,
.seo-case-strategy-grid{
grid-template-columns:1fr;
}

.seo-case-hero-content h1{
font-size:20px;
}

.seo-case-section-heading h2{
font-size:30px;
}
}
/* -------------blog */

.labo-blog-hero{
   position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle at left top, rgb(13, 71, 255) 0%, transparent 35%), radial-gradient(circle at right bottom, rgb(0, 191, 255) 0%, transparent 35%), linear-gradient(135deg, rgb(6, 20, 38), rgb(8, 27, 49), rgb(13, 45, 86));
  padding: 70px 0px;
}

.labo-blog-hero-content{
    max-width:900px;
    margin:auto;
    position:relative;
    z-index:2;
    text-align: center;
}

.labo-blog-tag{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-blog-hero h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
  text-align: center;
}

.labo-blog-hero p{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}

.labo-blog-hero-btns{
    display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.labo-primary-btn,
.labo-secondary-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.labo-primary-btn{
    background:#0e6bbb;
    color:#fff;
}

.labo-primary-btn:hover{
    transform:translateY(-4px);
}

.labo-secondary-btn{
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
}

.labo-featured-article{
    padding:40px 0;
}

.labo-featured-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    /* align-items:center; */
}

.labo-featured-image img{
    width:100%;
    border-radius:4px;
}

.labo-featured-content span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-featured-content h2{
   font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-featured-content p{
    color:#666;
    line-height: 1.8;
  font-size: 15px;
    
}

.labo-featured-content ul{
    margin:25px 0;
    padding-left:20px;
}

.labo-featured-content li{
    margin-bottom:10px;
    font-size: 15px;
    color: #666;
}
.labo-featured-content li::marker{
    color: #0e6bbb;
}
@media(max-width:991px){

    .labo-featured-wrapper{
        grid-template-columns:1fr;
    }

    .labo-blog-hero h1{
        font-size:20px;
    }

    .labo-blog-hero-btns{
        flex-direction:column;
        align-items:center;
    }

}

.labo-blog-categories{
    padding:40px 0;
    background:#f8fafc;
}

.labo-section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.labo-section-heading span{
    display:inline-block;
    color:#2563eb;
    font-size:14px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.labo-section-heading h2{
    font-size:48px;
    margin-bottom:20px;
    color:#111827;
}

.labo-section-heading p{
    color:#64748b;
    line-height:1.8;
}

.labo-categories-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.labo-category-card{
    position:relative;
    background:#fff;
    padding: 15px;
  border-radius: 4px;
    text-decoration:none;
    overflow:hidden;
    transition:.4s ease;
    border:1px solid #e5e7eb;
}
.labo-category-card img{
    width: 100%;
    object-fit: cover;
}
.labo-category-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#2563eb;
    transform:scaleX(0);
    transform-origin:left;
    transition:.4s;
}

.labo-category-card:hover::before{
    transform:scaleX(1);
}

.labo-category-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.labo-category-icon{
    width:70px;
    height:70px;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #2563eb,
        #4f46e5
    );
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.labo-category-icon i{
    color:#fff;
    font-size:30px;
}

.labo-category-card h3{
    font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  margin-top: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.labo-category-card p{
   color: #6b7280;
  line-height: 1.4;
  margin-bottom: 0;
  font-size: 15px;
}

.labo-category-wide{
    grid-column:span 3;
    text-align:center;
}

.labo-category-wide .labo-category-icon{
    margin:0 auto 25px;
}

@media(max-width:991px){

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

    .labo-category-wide{
        grid-column:span 2;
    }

}

@media(max-width:768px){

    .labo-section-heading h2{
        font-size:34px;
    }

    .labo-categories-grid{
        grid-template-columns:1fr;
    }

    .labo-category-wide{
        grid-column:span 1;
    }

}


.labo-latest-articles{
    padding:40px 0;
    background:#fff;
}

.labo-section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.labo-section-heading span{
    color:#2563eb;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
}

.labo-section-heading h2{
    font-size:48px;
    /* margin:15px 0; */
    color:#111827;
}

.labo-section-heading p{
    color:#64748b;
    line-height:1.8;
}

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

.labo-article-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    transition:.4s ease;
}

.labo-article-card:hover{
    /* transform:translateY(-10px); */
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.labo-article-image{
    position:relative;
    overflow:hidden;
}

.labo-article-image img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.5s;
}

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

.labo-category-tag{
    position: absolute;
  top: 15px;
  left: 15px;
  background: #0e6bbb;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  font-family: "Red Hat Text", sans-serif;
}

.labo-article-content{
    padding:15px;
}

.labo-article-content h3{
    font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  margin-top: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
}

.labo-article-content p{
     color: #6b7280;
  line-height: 1.4;
  margin-bottom: 10px;
  font-size: 15px;
}

.labo-article-content a{
    text-decoration: none;
  color: #0e6bbb;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  z-index: 9;
  position: relative;
}

.labo-articles-btn{
    text-align:center;
    margin-top:50px;
}

.labo-view-all-btn{
    display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  background: #0d2f77;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  transition: .3s;
  font-family: "Red Hat Text", sans-serif;
}

.labo-view-all-btn:hover{
    transform:translateY(-4px);
}

@media(max-width:991px){

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

}

@media(max-width:768px){

    .labo-section-heading h2{
        font-size:34px;
    }

    .labo-articles-grid{
        grid-template-columns:1fr;
    }

}

/* 
POPULAR RESOURCES
 */

.labo-resources-section{
    padding:40px 0;
    background:#f8fafc;
}

.labo-section-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 60px;
}

.labo-section-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-section-heading p{
    color: #666;
  line-height: 1.8;
  font-size: 15px;
}

.labo-resources-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.labo-resource-card{
    background:#fff;
    padding:15px;
    border-radius:4px;
    text-align:center;
    transition:.4s;
    border:1px solid #e2e8f0;
}

.labo-resource-card:hover{
    /* transform:translateY(-10px); */
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.labo-resource-icon{
    width:80px;
    height:80px;
    margin:auto;
    /* border-radius:50%;
    background:#eff6ff; */
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:35px;
    margin-bottom:20px;
}
.labo-resource-icon img{
    padding: 8px;
}
.labo-resource-card h3{
    font-size:22px;
    margin-bottom:15px;
}

.labo-resource-card p{
    color:#64748b;
    line-height:1.7;
    margin-bottom:20px;
}

.labo-download-btn{
  background: #0e6bbb;
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  font-family: "Red Hat Text", sans-serif;
}

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

/* 
STATISTICS
 */

.labo-blog-stats{
    padding:40px 0;
    background:
    linear-gradient(
    135deg,
    #0f172a,
    #1e293b
    );
    border-bottom: 1px dashed #fff;
}

.labo-stats-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.labo-stat-card{
    text-align:center;
   padding: 20px;
  border-radius: 4px;
    background:
    rgba(255,255,255,.05);

    backdrop-filter:blur(10px);

    border:
    1px solid rgba(255,255,255,.1);
}

.labo-stat-card h3{
    font-size:30px;
    color:#fff;
    margin-bottom:10px;
    font-family: "Manrope", sans-serif;
}

.labo-stat-card p{
    color:#cbd5e1;
    font-size:15px;
    margin-bottom: 0;
}

/* Animation Classes */

.labo-resource-hidden{
    opacity:0;
    transform:translateY(50px);
}

.labo-resource-show{
    opacity:1;
    transform:translateY(0);
    transition:.8s ease;
}

/* Responsive */

@media(max-width:1200px){

    .labo-resources-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:991px){

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

}

@media(max-width:768px){

    .labo-resources-grid{
        grid-template-columns:1fr;
    }

    .labo-stats-grid{
        grid-template-columns:1fr;
    }

    .labo-section-heading h2{
        font-size:34px;
    }

    .labo-stat-card h3{
        font-size:42px;
    }

}

.labo-newsletter-section{
    padding:40px 0;
    background:
    linear-gradient(
    135deg,
    #0f172a,
    #1e293b
    );
    overflow:hidden;
    position:relative;
    margin-bottom: 70px;
}

.labo-newsletter-section::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:
    rgba(37,99,235,.15);
    border-radius:50%;
    top:-200px;
    right:-200px;
    filter:blur(100px);
}

.labo-newsletter-wrapper{
    display:grid;
    grid-template-columns:1fr 450px;
    gap:60px;
    align-items:center;
}

.labo-newsletter-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-newsletter-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-newsletter-content p{
    color:#cbd5e1;
    line-height:1.6;
    margin-bottom:35px;
    font-size: 15px;
}

.labo-newsletter-benefits{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
}

.labo-benefit-item{
    color:#cbd5e1;
    font-weight:500;
    font-size: 15px;
}

.labo-newsletter-form-box{
    background:
    rgba(255,255,255,.08);

    backdrop-filter:blur(15px);

    border:
    1px solid rgba(255,255,255,.1);

    border-radius:4px;
    padding:25px;
}

.labo-newsletter-form-box h3{
    color:#fff;
    margin-bottom:25px;
    font-size:20px;
    font-family: "Manrope", sans-serif;
    text-align: center;
}

.labo-input-group input{
    width:100%;
    height:40px;
    border:none;
    outline:none;
    border-radius:4px;
    padding:0 20px;
    font-size:16px;
    margin-bottom:20px;
}

.labo-newsletter-form-box button{
    /* width:100%; */
    height:30px;
    padding: 4px 12px;
    border:none;
    border-radius:4px;
    background:#2563eb;
    color:#fff;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.4s;
    margin: 0 auto;

}
#laboNewsletterForm {
  text-align: center;
}
.labo-newsletter-form-box button:hover{
    background:#1d4ed8;
    transform:translateY(-3px);
}

.labo-newsletter-note{
    margin-top:20px;
    text-align:center;
    color:#94a3b8;
    font-size:14px;
}

#laboNewsletterMessage{
    text-align:center;
    margin-top:15px;
    color:#22c55e;
    font-weight:600;
}

@media(max-width:991px){

    .labo-newsletter-wrapper{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .labo-newsletter-content h2{
        font-size:36px;
    }

    .labo-newsletter-benefits{
        grid-template-columns:1fr;
    }

    .labo-newsletter-form-box{
        padding:30px;
    }

}
/* ------------Blog details */
.lbs-labo-blog-image, .lbs-labo-blog-intro, .lbs-labo-blog-content, .lbs-labo-takeaways, .lbs-labo-blog-faq, .lbs-labo-related-posts, .lbs-labo-blog-cta{
    padding:40px 0;
}
.lbs-labo-blog-image{
    position: sticky;
    top: 100px;
}
.lbs-labo-blog-hero-content{
      max-width: 900px;
  margin: auto;
  position: relative;
  z-index: 2;
  text-align: center;
}
.lbs-labo-blog-intro h2, .lbs-labo-content-block h2, .lbs-labo-related-posts h2{
    font-size: 30px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}
.lbs-labo-blog-intro p, .lbs-labo-content-block p, .lbs-labo-related-posts p{
    font-size: 15px;
}
.lbs-labo-takeaways{
    padding: 40px 30px;
    border-radius: 4px;
}
.lbs-labo-takeaways h2, .lbs-labo-blog-faq h2{
     font-size: 30px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}
.lbs-labo-blog-hero-content p{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}
.lbs-labo-blog-hero{
    text-align:center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: radial-gradient(circle at left top, rgb(13, 71, 255) 0%, transparent 35%), radial-gradient(circle at right bottom, rgb(0, 191, 255) 0%, transparent 35%), linear-gradient(135deg, rgb(6, 20, 38), rgb(8, 27, 49), rgb(13, 45, 86));
    padding: 70px 0px
}

.lbs-labo-blog-hero span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.lbs-labo-blog-hero .mlspan{
    display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 0 !important;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
  background-color: #ffffff94;
  padding: 0px 6px;
  border-radius: 4px;
  margin-left: 2px;
}
.lbs-labo-blog-hero h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
  text-align: center;
}

.lbs-labo-blog-meta{
    display:flex;
    justify-content:center;
    gap:40px;
    margin-top:40px;
    flex-wrap:wrap;
}
.lbs-labo-blog-meta .metadel strong{
    color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500 !important;
  margin: auto;
  font-family: "Red Hat Text", sans-serif;
}
.lbs-labo-blog-meta div{
    text-align:center;
}

.lbs-labo-blog-image img{
    width:100%;
    border-radius:4px;
}

.lbs-labo-content-block{
    margin-bottom:50px;
}

.lbs-labo-content-block h2{
    margin-bottom:15px;
    color:#0f172a;
}

.lbs-labo-takeaways{
    background:#f8fafc;
}

.lbs-labo-takeaways ul{
    padding-left:20px;
}

.lbs-labo-takeaways li{
    margin-bottom:15px;
}

.lbs-faq-item{
    border:1px solid #e5e7eb;
    margin-bottom:15px;
    border-radius:4px;
    overflow:hidden;
}

.lbs-faq-btn{
    width:100%;
    padding:15px;
    border:none;
   background: #0e6bbb;
  text-align: left;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.lbs-faq-content{
    display:none;
    padding:15px;
    background:#f8fafc;
}
.lbs-faq-content p{
    margin-bottom: 0;
}
.lbs-related-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.lbs-related-card{
   padding: 15px;
  border-radius: 4px;
  background: #f8fafc;
  transition: .4s;
}

.lbs-related-card:hover{
    transform:translateY(-8px);
}
.lbs-related-card img{
    width: 100%;
    border-radius: 4px;
}
.lbs-related-card .blg-relart-link{
    text-decoration: none;
    font-size: 20px;
  line-height: 1.3;
  color: #081322;
  margin-bottom: 15px;
  margin-top: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  margin-top: 15px;
  display: block;
  text-align: center;
}
.lbs-labo-blog-cta{
    text-align:center;
    background:#0f172a;
    color:#fff;
    margin-bottom: 70px;
    border-radius: 4px; 
}

.lbs-cta-btn{
    display:inline-block;
    margin-top:20px;
    background:#2563eb;
    color:#fff;
    text-decoration:none;
    padding:15px 35px;
    border-radius:8px;
}

@media(max-width:768px){

    .lbs-labo-blog-hero h1{
        font-size:20px;
    }

    .lbs-related-grid{
        grid-template-columns:1fr;
    }

}

/* --------------------Resources */
.labo-resources-overview-section{
    padding:40px 0;
    background:#f8fafc;
    overflow:hidden;
}

.labo-resources-overview-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:80px;
    align-items:center;
}

.labo-resources-overview-tag{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.labo-resources-overview-title{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-resources-overview-text{
    font-size:15px;
    line-height:1.4;
    color:#64748b;
    margin-bottom:20px;
}

.labo-resources-overview-btns{
    display:flex;
    gap:15px;
    margin-top:35px;
    flex-wrap:wrap;
}

.labo-resources-primary-btn{
    padding: 8px 16px;
  background: #0e6bbb;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    transition:.4s;
}

.labo-resources-primary-btn:hover{
    transform:translateY(-4px);
}

.labo-resources-secondary-btn{
    padding: 8px 16px;
  border: 2px solid #0e6bbb;
  color: #0e6bbb;
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
    transition:.4s;
}

.labo-resources-secondary-btn:hover{
    background:#2563eb;
    color:#fff;
}

/* Visual Side */

.labo-resources-overview-visual{
    position:relative;
    height:500px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.labo-resource-circle{
    width: 220px;
  height: 220px;
    border-radius:50%;
    background:linear-gradient( 135deg, #052874, #0e6bbb);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:40px;
    font-weight:700;
    box-shadow:0 20px 50px rgba(37,99,235,.25);
    z-index: 1;
    border: 6px double #fff;
}
.labo-resource-circle span{
    font-family: "Manrope", sans-serif;
    font-size: 24px;
    display: flex;
    line-height: 20px;
    align-items: center;
}
.labo-resource-circle span strong{
    font-weight: 300 !important;
    margin-left: 5px;
}
.labo-resource-floating-card{
    position:absolute;
    background:#fff;
    padding:25px;
    border-radius:50%;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    min-width: 180px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.labo-resource-floating-card h4{
    font-size: 20px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 3px;
  font-family: "Manrope", sans-serif;
}

.labo-resource-floating-card p{
    color: #64748b;
  font-size: 13px;
  margin-bottom: 0;
}

.card-one{
    top:8px;
    left:30px;
    border-radius: 50% 50% 0 50%;
}

.card-two{
    top:55px;
    right:0;
    border-radius: 50% 50% 50% 0;
}

.card-three{
    bottom: 0px;
  left: 50px;
    border-radius: 50% 0 50% 50%;
}

@media(max-width:991px){

    .labo-resources-overview-wrapper{
        grid-template-columns:1fr;
    }

    .labo-resources-overview-title{
        font-size:40px;
    }

    .labo-resources-overview-visual{
        height:400px;
    }

}

@media(max-width:576px){

    .labo-resources-overview-title{
        font-size:32px;
    }

    .labo-resource-circle{
        width:180px;
        height:180px;
        font-size:30px;
    }

    .labo-resource-floating-card{
        min-width:140px;
        padding:15px;
    }

}

.labo-featured-resource-section{
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}

.labo-featured-resource-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:80px;
    align-items:center;
}

.labo-featured-resource-tag{
    display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.labo-featured-resource-title{
    font-size: 25px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-featured-resource-description{
    font-size: 15px;
  line-height: 1.4;
  color: #fff;
  margin-bottom: 35px;
}

.labo-resource-features{
    display:grid;
    gap:18px;
    margin-bottom:40px;
}

.labo-resource-feature-item{
    display:flex;
    align-items:center;
    gap:12px;
    font-weight:500;
    color:#334155;
}
.labo-resource-feature-item span{
    color: #fff;
    font-size: 15px;
}
.labo-resource-feature-item i{
    color:#10b981;
    font-size:20px;
}
.labo-featured-resource-content {
  background-color: #ffffff36;
  padding: 25px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.12);  /* translucent */
  backdrop-filter: blur(12px);            /* blur behind it */
  -webkit-backdrop-filter: blur(12px);    /* Safari */
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.35);
}
.labo-resource-download-btn{
    display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  background: #0e6bbb;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: 600;
  transition: .4s;
  font-size: 15px;
}

.labo-resource-download-btn:hover{
    transform:translateY(-5px);
}

/* Visual */

.labo-featured-resource-visual{
    position:relative;
    height:500px;
    display:flex;
    justify-content:center;
    align-items:center;
}

.labo-resource-book{
    width:280px;
    height:380px;
    perspective:1000px;
}

.labo-resource-book-cover{
    width:100%;
    height:100%;
    background:linear-gradient(
    135deg,
    #0f172a,
    #2563eb,
    #0ea5e9);
    border-radius:18px;
    padding:40px 30px;
    color:#fff;
    display:flex;
    flex-direction:column;
    justify-content:center;
    box-shadow:
    0 25px 60px rgba(37,99,235,.3);
}

.labo-resource-book-cover span{
    font-size:14px;
    letter-spacing:2px;
    color:#bfdbfe;
}

.labo-resource-book-cover h3{
    margin:15px 0;
    font-size:32px;
    line-height:1.3;
}

.labo-resource-book-cover p{
    color:#cbd5e1;
}

.labo-resource-badge{
    position:absolute;
    background:#fff;
    padding:12px 20px;
    border-radius:50px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    font-weight:600;
}

.badge-one{
    top:50px;
    left:30px;
}

.badge-two{
    top:140px;
    right:20px;
}

.badge-three{
    bottom:60px;
    left:50px;
}

@media(max-width:991px){

    .labo-featured-resource-wrapper{
        grid-template-columns:1fr;
    }

    .labo-featured-resource-title{
        font-size:40px;
    }

}

@media(max-width:576px){

    .labo-featured-resource-title{
        font-size:32px;
    }

    .labo-resource-book{
        width:220px;
        height:320px;
    }

    .labo-resource-book-cover h3{
        font-size:24px;
    }

}
.labo-resources-grid-section{
    padding:100px 0;
    background:#f8fafc;
}

.labo-resources-heading{
    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:60px;
}

.labo-resources-heading span{
    display:inline-block;
    color:#2563eb;
    font-size:13px;
    font-weight:600;
    letter-spacing:2px;
    margin-bottom:15px;
}

.labo-resources-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color:#081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-resources-heading p{
    font-size: 15px;
  line-height: 1.4;
  color: #64748b;
  margin-bottom: 20px;
}

.labo-resources-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
}

.labo-resource-card{
    background:#fff;
   border-radius: 4px;
  padding: 15px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.4s;
    display:flex;
    flex-direction:column;
}

.labo-resource-card:hover{
    transform:translateY(-8px);
}

.labo-resource-icon{
   width: 100px;
  height: 100px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    margin-bottom:20px;
}
.labo-resource-icon img{
    width: 100%;
}
.labo-resource-card h3{
    font-size: 20px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-resource-card p{
   font-size: 15px;
  line-height: 1.4;
  color: #64748b;
  margin-bottom: 20px;
}

.labo-resource-card ul{
    list-style:none;
    padding:0;
    margin:0 0 30px;
    text-align: initial;
}

.labo-resource-card ul li{
    padding: 10px 0;
  color: #0e6bbb;
  border-bottom: 1px solid #e5e7eb;
  font-size: 15px; 
}

.labo-resource-card ul li:last-child{
    border:none;
}

.labo-resource-btn{
    margin-top:auto;
    display:inline-block;
    text-decoration:none;
    background: #0e6bbb;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
    font-weight:600;
    transition:.3s;
}

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

@media(max-width:768px){

    .labo-resources-heading h2{
        font-size:32px;
    }

    .labo-resource-card{
        padding:25px;
    }

}
/* --------------Guid */
.guide-hero-section{
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

/* .guide-hero-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    right:-200px;
    top:-150px;
} */

.guide-hero-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:60px;
}

.guide-hero-category{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.guide-hero-title{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
}

.guide-hero-description{
    max-width: 700px;
  margin: 25px auto 25px;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
}

.guide-hero-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-bottom:40px;
}

.guide-feature-item{
    color:#fff;
    font-size:16px;
    font-weight:500;
}

.guide-hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    justify-content: center;
}
.guide-download-btn, .guide-read-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}
.guide-download-btn{
    background:#0e6bbb;
    color:#fff;;
    text-decoration:none;
    transition:.3s;
}

.guide-download-btn:hover{
    background:#0b5ed7;
    transform:translateY(-3px);
}

.guide-read-btn{
    border:1px solid rgba(255,255,255,.3);
    color:#fff;;
    text-decoration:none;
    transition:.3s;
}

.guide-read-btn:hover{
    background:#fff;
    color:#071a3d;
}

.guide-hero-image img{
    width:100%;
    display:block;
    border-radius:4px;
    box-shadow:0 20px 50px rgba(0,0,0,.25);
}

@media(max-width:991px){

    .guide-hero-wrapper{
        grid-template-columns:1fr;
        text-align:center;
    }

    .guide-hero-title{
        font-size:20px;
    }

    .guide-hero-features{
        grid-template-columns:1fr;
    }

    .guide-hero-buttons{
        justify-content:center;
    }

}
.guide-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:40px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.guide-sidebar-box{
    position:sticky;
    top:120px;
    background:#fff;
    border-radius:4px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.guide-sidebar-box h3{
    margin-bottom:20px;
    font-size:22px;
}

.guide-sidebar-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.guide-sidebar-box ul li{
    margin-bottom:12px;
}
.guide-sidebar-box ul li img{
    width: 25px;
    margin-right: 8px;
}
.guide-sidebar-box ul li a{
    text-decoration:none;
    color:#222;
    font-weight:500;
    transition:.3s;
}

.guide-sidebar-box ul li a:hover{
    color:#0d6efd;
    padding-left:5px;
}

.guide-content{
    background:#fff;
    border-radius:4px;
    padding:40px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);
}

.guide-content section{
    margin-bottom:80px;
}

.guide-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 6px;
  font-family: "Manrope", sans-serif;
}

.guide-content p{
    line-height: 1.5;
  color: #555;
  font-size: 15px;
}
.guide-content img:first-child{
    margin-top: 0;
}
.guide-content img{
    width:100%;
    border-radius:4px;
    margin:25px 0;
}

.guide-content ul{
    padding-left:20px;
}

.guide-content ul li{
    margin-bottom:12px;
}

html{
    /* scroll-behavior:smooth; */
}

@media(max-width:991px){

    .guide-layout{
        grid-template-columns:1fr;
    }

    .guide-sidebar-box{
        position:relative;
        top:auto;
    }

}
.resources-faq-section{
    padding:40px 0 70px;
    background:#f8fafc;
}

.resources-faq-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 36px;
}

.resources-faq-heading span{
    display:inline-block;
    padding:8px 18px;
    background:#e0f2fe;
    color:#0ea5e9;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
}

.resources-faq-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.resources-faq-heading p{
    color:#64748b;
    font-size:18px;
    line-height:1.8;
}

.resources-faq-wrapper{
    /* max-width:900px; */
    margin:auto;
}

.resources-faq-item{
    background:#fff;
    border-radius:4px;
    margin-bottom:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
    border:1px solid #e2e8f0;
    transition:.3s;
}

.resources-faq-item:hover{
    transform:translateY(-4px);
}

.resources-faq-question{
    width:100%;
    border:none;
    background:none;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 30px;
    cursor:pointer;
    text-align:left;
}

.resources-faq-question span{
    font-size: 18px;
  font-weight: 600;
  color: #0e6bbb;
  font-family: "Manrope", sans-serif;
}

.faq-icon{
    font-style:normal;
    font-size:30px;
    color:#0ea5e9;
    transition:.4s;
}

.resources-faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.resources-faq-answer p{
    padding:0 30px 25px;
    margin:0;
    color:#64748b;
    line-height:1.4;
    font-size:15px;
}

.resources-faq-item.active .resources-faq-answer{
    max-height:300px;
}

.resources-faq-item.active .faq-icon{
    transform:rotate(45deg);
}

@media(max-width:768px){

    .resources-faq-section{
        padding:70px 0;
    }

    .resources-faq-heading h2{
        font-size:32px;
    }

    .resources-faq-question{
        padding:20px;
    }

    .resources-faq-question span{
        font-size:18px;
        width:90%;
    }

    .resources-faq-answer p{
        padding:0 20px 20px;
    }

}
/* ---------------Career */
/* 
   CAREER HERO
 */

.career-hero{
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.career-hero-content{
    max-width:850px;
    margin:auto;
}

.career-hero-content span{
   display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.career-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
}

.career-hero-content p{
   max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
}

.career-hero-btns{
    margin-top:35px;
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

/* 
   BUTTONS
 */

.career-cta-btn,
.job-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:4px 16px;
    border-radius:4px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
}
.career-primary-btn,
.career-secondary-btn
{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}
.career-primary-btn{
    background:#0e6bbb;
    color:#fff;
}

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

.career-secondary-btn{
    border:1px solid rgba(255,255,255,.3);
    color:#fff;
}

.career-secondary-btn:hover{
    background:#fff;
    color:#0f172a;
}

/* 
   COMMON SECTION
 */

.career-section-heading{
    text-align:center;
    margin-bottom:40px;
}

.career-section-heading span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.career-section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 6px;
  font-family: "Manrope", sans-serif;
}

.career-why,
.career-culture,
.career-benefits,
.career-jobs,
.career-process,
.career-testimonials{
    padding:100px 0;
}

/* 
   WHY JOIN US
 */

.career-why-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.career-why-card{
    background:#fff;
    padding:0px;
    border-radius:4px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
    text-align:center;
    position: relative;
     overflow: hidden;
}
.career-why-card img{
    width: 100%;

}
.career-why-card h3{
    margin-bottom:15px;
    margin-top: 15px;
    font-size: 20px;
  line-height: 1.2;
  color: #0e6bbb;
  font-family: "Manrope", sans-serif;
}

.career-why-card p{
    color:#64748b;
    line-height: 1.4;
  font-size: 15px;
}

/* 
   CULTURE
 */

.career-culture{
    background:#f8fafc;
}

.career-culture-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.career-culture-content span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.career-culture-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.career-culture-content p{
    font-size: 15px;
  line-height: 1.4;
  color: #64748b;
  margin-bottom: 20px;
}

.career-culture-content ul{
    margin-top:25px;
    padding-left:20px;
}

.career-culture-content li{
    margin-bottom:12px;
    font-size: 15px;
}

.career-culture-image img{
    width:100%;
    border-radius:4px;
}

/* 
   BENEFITS
 */

.career-benefits-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.benefit-card{
   padding: 30px;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  font-weight: 600;
  background: #0e6bbb24;
   font-family: "Manrope", sans-serif;
}

/* 
   JOBS
 */

.career-jobs{
    background:#f8fafc;
}

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

.job-card{
    background:#fff;
    padding:35px;
    border-radius:4px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.job-card h3{
    margin-bottom:20px;
}

.job-card p{
    margin-bottom:10px;
    color:#64748b;
}

.job-card a{
    margin-top:20px;
    background:#274584;
    color:#fff;
    font-size: 15px;
}

.job-card a:hover{
    background:#1d4ed8;
}

/* 
   PROCESS
 */

.career-process-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;
}

.career-process-grid div{
    background:#fff;
    text-align:center;
    padding:35px 20px;
    border-radius:4px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
}

.career-process-grid span{
    font-size:40px;
    font-weight:700;
    color:#2563eb;
}

.career-process-grid h3{
    margin-top:15px;
    font-size: 20px;
}

/* 
   TESTIMONIAL
 */

.career-testimonials{
    background:#f8fafc;
}

.career-testimonial-card{
    max-width:900px;
    margin:auto;
    text-align:center;
    background:#fff;
    padding:50px;
    border-radius:4px;
    box-shadow:0 10px 40px rgba(0,0,0,.08);
}

.career-testimonial-card blockquote{
    font-size:20px;
    line-height:1.8;
    color:#0f172a;
    margin-bottom:20px;
}

.career-testimonial-card h4{
    color:#0e6bbb;
}

/* 
   CTA
 */

.career-cta{
    padding:120px 0;
    text-align:center;
    background:linear-gradient(
    135deg,
    #2563eb,
    #1d4ed8);
    color:#fff;
}

.career-cta h2{
    font-size:48px;
    margin-bottom:20px;
}

.career-cta p{
    max-width:650px;
    margin:auto;
    line-height:1.8;
    margin-bottom:35px;
}

.career-cta-btn{
    background:#fff;
    color:#2563eb;
}

.career-cta-btn:hover{
    transform:translateY(-3px);
}

/* 
   SCROLL ANIMATION
 */

.career-why-card,
.benefit-card,
.job-card,
.career-process-grid div,
.career-testimonial-card{
    opacity:0;
    transform:translateY(30px);
    transition:.6s ease;
}

.career-why-card.show,
.benefit-card.show,
.job-card.show,
.career-process-grid div.show,
.career-testimonial-card.show{
    opacity:1;
    transform:translateY(0);
}

/* 
   RESPONSIVE
 */

@media(max-width:991px){

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

    .career-culture-grid,
    .career-jobs-grid{
        grid-template-columns:1fr;
    }

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

    .career-hero-content h1{
        font-size:45px;
    }

}

@media(max-width:768px){

    .career-hero{
        padding:90px 0;
    }

    .career-hero-content h1{
        font-size:20px;
    }

    .section-heading h2{
        font-size:20px;
    }

    .career-why-grid,
    .career-benefits-grid,
    .career-process-grid{
        grid-template-columns:1fr;
    }

    .career-cta h2{
        font-size:34px;
    }

}
/* -----------------Testimonials */
.client-reviews{
    padding:40px 0;
    background:#f8fafc;
}
.client-reviews .section-heading{
    margin-bottom: 10px;
}
.client-reviews .section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.testimonialsSwiper{
    padding:90px 10px 70px;
}

.review-card{
    background:#fff;
    padding:35px;
    border-radius:4px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    border:1px solid #e2e8f0;
    height:100%;
    transition:.4s ease;
    min-height: 333px;
    position: relative;
}
.swiper-button-next, .swiper-button-prev{
    top: 43%;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 20px !important;
}
.review-card:hover{
    transform:translateY(-10px);
}
.review-card img{
 width: 100px;
  position: absolute;
  top: -50px;
  background: #fff;
  border-radius: 50%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.review-stars{
    color: #fbbf24;
  font-size: 22px;
  margin-bottom: 4px;
  text-align: center;
  margin-top: 22px;
}

.review-card p{
   line-height: 1.8;
  color: #64748b;
  margin-bottom: 25px;
  font-size: 15px;
}

.review-card h4{
    color:#0f172a;
    margin-bottom:6px;
    font-size: 20px;
    font-family: "Manrope", sans-serif;
}

.review-card span{
      color: #0e6bbb;
  font-size: 13px
}

.swiper-button-next,
.swiper-button-prev{
    color:#2563eb;
}

.swiper-pagination-bullet-active{
    background:#2563eb;
}

@media(max-width:768px){

    .client-reviews{
        padding:70px 0;
    }

}

.video-testimonials{
    padding:40px 0;
    background:#ffffff;
    position:relative;
}

.video-testimonials .section-heading{
    text-align:center;
    margin-bottom:40px;
}

.video-testimonials .section-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.video-testimonials .section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

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

.video-card{
    background:#fff;
    border-radius:4px;
    overflow:hidden;
    border:1px solid #e2e8f0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s ease;
    cursor:pointer;
}

.video-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(37,99,235,.15);
}

.video-placeholder{
    position:relative;
    overflow:hidden;
    border-radius:20px;
}

.video-placeholder video{
    width:100%;
    display:block;
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:70px;
    height:70px;
    background:rgba(37,99,235,.9);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    cursor:pointer;
    transition:.3s;
}

.play-btn:hover{
    transform:translate(-50%, -50%) scale(1.1);
}

.video-placeholder.playing .play-btn{
    opacity:0;
    pointer-events:none;
}

.video-card h3{
    padding:0;
    margin:0;
    font-size:20px;
    color:#0f172a;
    text-align:center;
    font-weight:600;
}

.video-card.active{
    border-color:#2563eb;
}

.video-card.active .video-placeholder{
    background:linear-gradient(
        135deg,
        #2563eb,
        #3b82f6
    );
}

@keyframes ripple{

    0%{
        transform:scale(.8);
        opacity:1;
    }

    100%{
        transform:scale(1.6);
        opacity:0;
    }

}

/* Animation */

.video-card{
    opacity:0;
    transform:translateY(40px);
}

.video-card.show{
    opacity:1;
    transform:translateY(0);
    transition:.8s ease;
}

/* Responsive */

@media(max-width:991px){

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

}

@media(max-width:768px){

    .video-testimonials{
        padding:70px 0;
    }

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

    .video-testimonials .section-heading h2{
        font-size:32px;
    }

    .video-placeholder{
        height:220px;
    }

}
.video-content{
    padding:25px;
}

.video-content span{
   display: inline-block;
  background: #eef5ff;
  color: #0e6bbb;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.video-content h3{
    font-size: 20px;
  line-height: 1.4;
  margin: 15px 0;
  color: #081120;
  font-family: "Manrope", sans-serif;
  font-weight: 300;
  text-align: left;
}

.video-content p{
    color: #6c757d;
  line-height: 1.4;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.video-content h4{
    font-size:16px;
    color:#0e6bbb;
    margin-bottom:0px;
}

.video-content small{
    color:#94a3b8;
    font-size: 13px;
}

.video-placeholder video{
    width:100%;
    height:260px;
    object-fit:cover;
    display:block;
}
.video-placeholder iframe{
    width:100%;
    height:100%;
    display:block;
}
.video-placeholder{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    border-radius:4px 4px 0 0;
}
.success-stories{
    padding: 40px 0 70px;
    background:#f8fafc;
    position:relative;
}

.success-stories .section-heading{
    text-align:center;
    margin-bottom:60px;
}

.success-stories .section-heading span{
    display:inline-block;
    color:#2563eb;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:12px;
}

.success-stories .section-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

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

.success-card{
    background:#fff;
    padding:15px;
    border-radius:4px;
    border:1px solid #e2e8f0;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s ease;
    position:relative;
    /* overflow:hidden; */
}

.success-card::before{
    content:"";
    position:absolute;
    top: -20px;
  left: 0;
  width: 100%;
  height: 44px;
  border-radius: 4px 4px 0 0;
    background:linear-gradient(
        90deg,
        #052873,
        #60a5fa
    );
}

.success-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(37,99,235,.15);
}

.success-card h3{
    font-size: 20px;
  color: #0f172a;
  margin-bottom: 6px;
  line-height: 1.4;
  margin-top: 20px;
  font-family: "Manrope", sans-serif;
}

.success-card p{
    color: #64748b;
  line-height: 1.8;
  margin-bottom: 10px;
  font-size: 15px;
}

.success-card a{
    display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0e6bbb;
  text-decoration: none;
  font-weight: 600;
  transition: .3s;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
}

.success-card a:hover{
    gap:14px;
}

.success-card a::after{
    content:"→";
    font-size:18px;
}

/* Scroll Animation */

.success-card{
    opacity:0;
    transform:translateY(40px);
}

.success-card.show{
    opacity:1;
    transform:translateY(0);
    transition:.8s ease;
}

/* Responsive */

@media(max-width:991px){

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

}

@media(max-width:768px){

    .success-stories{
        padding:70px 0;
    }

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

    .success-stories .section-heading h2{
        font-size:32px;
    }

    .success-card{
        padding:25px;
    }

}
.success-badge{
    display: block;
  background: #eef5ff;
  color: #0e6bbb;
  padding: 10px 10px;
  border-radius: 40px 4px 4px 40px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
  position: absolute;
  top: -18px;
  right: 2px;
  margin-left: 0;
  margin-right: 0;
}

/* -----------Sub test story */

.gads-hero{
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.gads-meta{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-top:40px;
}

.gads-meta-card,
.strategy-card,
.result-card,
.challenge-item,
.related-card{
    background:#fff;
    border-radius:4px;
    padding:25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.gads-strategy-grid .strategy-card{
    background:#fff;
    border-radius:4px;
    padding:25px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  background: radial-gradient(circle at top left,#00246e 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
}
.gads-meta-card{
    background: #ffffff40;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 10px 25px rgba(0,0,0,.08);
}
.gads-meta-card strong{
    font-weight: 500 !important;
    font-size: 18px !important;
}
.gads-results-grid,
.gads-challenge-grid,
.related-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}
.gads-strategy-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}
.gads-results-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}
.gads-results-grid .result-card h3{
   color: #0e6bbb;
  font-size: 25px;
  font-family: "Manrope", sans-serif;
}
.gads-results-grid .result-card p{
    color: #3a3a3a;
  margin-bottom: 0;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
}
.comparison-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}

.before-box,
.after-box{
    padding:35px;
    border-radius:4px;
}

.before-box{
    background:#fee2e2;
}

.after-box{
    background:#dcfce7;
}

.gads-testimonial{
    padding:100px 0;
    text-align:center;
}

.gads-testimonial blockquote{
   max-width: 900px;
  margin: auto;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  font-family: "Manrope", sans-serif;
  margin-bottom: 25px;
}

.gads-cta{
    text-align:center;
    padding:100px 0;
    background:#0f172a;
    color:#fff;
}

.gads-btn{
    display:inline-block;
    margin-top:20px;
    padding:14px 30px;
    background:#2563eb;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
}
.gads-hero-content {
    max-width: 850px;
  margin: auto;
}
.gads-hero-content span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}
.gads-hero-content h1{
    color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}
.gads-hero-content p{
    max-width: 700px;
 margin: 1px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
  font-size: 15px;
}
.gads-overview, .gads-challenge, .gads-strategy, .gads-results, .gads-comparison, .gads-testimonial, .gads-related, .gads-cta {
  padding: 40px 0;
}
.gads-heading{
    margin-bottom: 20px;
    text-align: center;
}
.gads-heading span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
}
.gads-overview p{
    font-size: 15px;
    line-height: 1.8;
    text-align: justify; 
}
.gads-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.challenge-item p{
    /* margin-top:12px; */
    font-size:14px;
    line-height:1.8;
    color:#64748b;
    font-weight:400;
    margin-bottom: 0;
}
.challenge-item h3{
  font-size: 20px;
  line-height: 1.2;
  color: #0e6bbb;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}
.gads-testimonial{
    background: #edf4ff;
  text-align: center;
  background-image: url(../images/header-grid.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 70px 0;
}
.gads-testimonial img{
   position: absolute;
  width: 250px;
  bottom: 0;
  right: 120px;
}
.gads-testimonial h4{
    color: #0e6bbb;
    font-size: 20px;
}
.gads-related .related-grid a{
    text-decoration: none;
  color: #0e6bbb;
}

/* -------------Partner and certifications */
.partner-hero{
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(
        135deg,
        #f7fbff 0%,
        #eef6ff 100%
    ); */
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.partner-hero .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

.partner-hero-content{
   max-width: 700px;
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;

}

.partner-hero-tag{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px; 
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.partner-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
}

.partner-hero-content p{
max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
}

.partner-hero-buttons{
    margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.partner-primary-btn,
.partner-secondary-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}

.partner-primary-btn{
    background:#0e6bbb;
    color: #fff;
}

.partner-primary-btn:hover{
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(13,110,253,.25);
}

.partner-secondary-btn{
    border: 2px solid #0e6bbb;
    color: #0e6bbb;
}

.partner-secondary-btn:hover{
    background: #0d6efd;
    color: #fff;
}

.partner-hero-shape{
   position: absolute;
  width: 420px;
  height: 420px;
  margin-left: auto;
  display: flex;
  right: 130px;
}

.shape-circle{
    position: absolute;
    border-radius: 50%;
    animation: partnerFloat 6s ease-in-out infinite;
}

.shape-one{
    width: 280px;
    height: 280px;
    background: linear-gradient(
        135deg,
        #0d6efd,
        #00c6ff
    );
    top: 40px;
    left: 70px;
}

.shape-two{
    width: 150px;
    height: 150px;
    background: rgba(13,110,253,.15);
    top: 0;
    right: 0;
    animation-delay: 1s;
}

.shape-three{
    width: 100px;
    height: 100px;
    background: rgba(0,198,255,.2);
    bottom: 40px;
    left: 0;
    animation-delay: 2s;
}

@keyframes partnerFloat{
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-20px);
    }
}

@media(max-width:991px){

    .partner-hero{
        padding: 100px 0;
    }

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

    .partner-hero-content h1{
        font-size: 42px;
    }

    .partner-hero-buttons{
        justify-content: center;
    }

    .partner-hero-shape{
        width: 300px;
        height: 300px;
    }

    .shape-one{
        width: 200px;
        height: 200px;
    }
}

@media(max-width:576px){

    .partner-hero-content h1{
        font-size: 20px;
    }

    .partner-hero-content p{
        font-size: 16px;
    }

    .partner-primary-btn,
    .partner-secondary-btn{
        width: 100%;
        text-align: center;
    }
}
.partner-value-section{
    padding: 100px 0;
    background: #ffffff;
}

.partner-value-grid{
    display: grid;
  grid-template-columns: 600px 1fr;
  gap: 30px;
  align-items: center;
}

.partner-value-image{
    position: relative;
}

.partner-value-image img{
    width: 100%;
    border-radius: 4px;
    display: block;
    position: relative;
    z-index: 2;
}

.partner-value-shape{
    position: absolute;
  width: 420px;
  height: 420px;
  background: linear-gradient( 135deg, rgba(13,110,253,.15), rgba(0,198,255,.15) );
  border-radius: 0 50% 50% 0;
  top: -46px;
  right: -300px;
  z-index: 1;
  animation: partnerPulse 4s infinite ease-in-out;
}

.partner-value-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.partner-value-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.partner-value-content p{
    color: #6c757d;
  line-height: 1.8;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

@keyframes partnerPulse{

    0%,100%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.1);
    }
}

@media(max-width:991px){

    .partner-value-grid{
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .partner-value-content h2{
        font-size: 34px;
    }
}

@media(max-width:576px){

    .partner-value-section{
        padding: 70px 0;
    }

    .partner-value-content h2{
        font-size: 28px;
    }

    .partner-value-content p{
        font-size: 16px;
    }
}
.partner-certifications-section{
    padding:40px 0;
    background:#f8fafc;
}

.partner-certifications-heading{
    text-align:center;
    max-width:850px;
    margin:0 auto 40px;
}

.partner-certifications-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.partner-certifications-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.partner-certifications-heading p{
    color: #6c757d;
  line-height: 1.8;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

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

.partner-certification-card{
    background:#fff;
    padding:25px;
    border-radius:4px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.partner-certification-card:hover{
    transform:translateY(-10px);
}

.partner-certification-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:#2563eb;
}

.partner-certification-icon{
    width: 100px;
  height: 100px;
  margin-bottom: 8px;
}

.partner-certification-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.partner-certification-card h3{
  font-size: 20px;
  line-height: 1.2;
  color: rgb(14, 107, 187);
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.partner-certification-card p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:8px;
    font-size: 15px;
}

.partner-service-list,
.partner-benefit-list{
    margin-top:8px;
}

.partner-service-list h4,
.partner-benefit-list h4{
    margin-bottom:15px;
    color:#0f172a;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
}

.partner-service-list ul,
.partner-benefit-list ul{
    list-style:none;
    padding:0;
}

.partner-service-list li,
.partner-benefit-list li{
    padding: 8px 0;
  border-bottom: 1px solid #e5e7eb;
  color: #475569;
  font-size: 14px;
}
.partner-service-list li{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.partner-service-list li img{
    width: 80px;
}
.partner-service-list li:last-child,
.partner-benefit-list li:last-child{
    border-bottom:none;
}

@media(max-width:991px){

    .partner-certifications-grid{
        grid-template-columns:1fr;
    }

    .partner-certifications-heading h2{
        font-size:36px;
    }

}

@media(max-width:576px){

    .partner-certifications-section{
        padding:70px 0;
    }

    .partner-certification-card{
        padding:25px;
    }

    .partner-certifications-heading h2{
        font-size:30px;
    }

}
.technology-partners-section{
    padding:40px 0;
    background:#f8fafc;
}

.technology-partners-heading{
    max-width:850px;
    margin:auto;
    text-align:center;
    margin-bottom: 40px;
}

.technology-partners-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.technology-partners-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.technology-partners-heading p{
   color: #6c757d;
  line-height: 1.8;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

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

.technology-partner-card{
    background:#fff;
    border-radius:4px;
    padding:25px;
    box-shadow:0 10px 40px rgba(0,0,0,.06);
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.technology-partner-card:hover{
    transform:translateY(-10px);
}



.technology-partner-icon{
    width:100px;
    height:100px;
    margin-bottom:20px;
}

.technology-partner-icon img{
    width:100%;
    object-fit:contain;
}

.partner-tag{
    display: inline-block;
  background: #eef5ff;
  color: #0e6bbb;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.technology-partner-card h3{
    font-size: 20px;
  line-height: 1.2;
  color:#0f172a;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.technology-partner-card p{
    color: #64748b;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
  text-align: justify;
}

.technology-service-list h4{
    margin-bottom:15px;
    color:#0f172a;
    font-size: 18px;
}

.technology-service-list ul{
    list-style:none;
    padding:0;
    margin:0;
}

.technology-service-list li{
    padding: 8px 0;
  border-bottom: 1px solid #e2e8f0;
  color: #475569;
  font-size: 14px;
}

.technology-stack-grid,
.technology-platform-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.technology-stack-grid div,
.technology-platform-grid div{
    background: #f1f5f9;
  padding: 4px;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  color: #334155;
  transition: .3s;
  font-size: 13px;
}

.technology-stack-grid div:hover,
.technology-platform-grid div:hover{
    background:#0e6bbb;
    color:#fff;
}

@media(max-width:1199px){

    .technology-partners-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .technology-partners-section{
        padding:70px 0;
    }

    .technology-partners-heading h2{
        font-size:34px;
    }

    .technology-partner-card{
        padding:25px;
    }

}

@media(max-width:576px){

    .technology-stack-grid,
    .technology-platform-grid{
        grid-template-columns:1fr;
    }

}
.partner-benefits-section{
    padding:40px 0;
    background:#ffffff;
}

.partner-benefits-header{
    max-width:900px;
    margin:auto;
    text-align:center;
    margin-bottom:70px;
}

.partner-benefits-header span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.partner-benefits-header h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.partner-benefits-header p{
   color: #6c757d;
  line-height: 1.8;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

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

.partner-benefit-card{
    position:relative;
    background:#f8fafc;
    border-radius: 4px;
    padding: 25px;
    overflow:hidden;
    transition:.4s;
    border:1px solid #e2e8f0;
}

.partner-benefit-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.partner-benefit-number{
    position:absolute;
    top:20px;
    right:25px;
    font-size:50px;
    font-weight:800;
    color:#e2e8f0;
    line-height:1;
}

.partner-benefit-icon{
    width:70px;
    height:70px;
    margin-bottom:20px;
}

.partner-benefit-icon img{
    width:100%;
    object-fit:contain;
}

.partner-benefit-card h3{
   font-size: 20px;
  line-height: 1.2;
  color: #0f172a;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
}

.partner-benefit-card p{
    color: #64748b;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
}

.partner-benefit-card ul{
    list-style:none;
    padding:0;
    margin:0;
}

.partner-benefit-card ul li{
    padding: 8px 0;
    border-bottom:1px solid #e2e8f0;
    color:#475569;
    position:relative;
    padding-left:24px;
    font-size: 15px;
}

.partner-benefit-card ul li::before{
    content:"✓";
    position:absolute;
    left:0;
    color:#0e6bbb;
    font-weight:700;
}

.partner-benefit-card ul li:last-child{
    border-bottom:none;
}

@media(max-width:991px){

    .partner-benefits-grid{
        grid-template-columns:1fr;
    }

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

}

@media(max-width:768px){

    .partner-benefits-section{
        padding:70px 0;
    }

    .partner-benefit-card{
        padding:25px;
    }

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

    .partner-benefit-number{
        font-size:50px;
    }

}
/* 
PARTNER CTA SECTION
 */

.labo-partner-cta-section{
  padding: 40px 0;
  background: linear-gradient( 135deg, #aec8ff, #5a5c5f );
}

.labo-partner-cta-wrapper{
    /* max-width:900px; */
    margin:auto;
    text-align:center;
}

.labo-partner-cta-tag{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-partner-cta-wrapper h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(255, 255, 255);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-partner-cta-wrapper p{
    color: #cbd5e1;
  line-height: 1.8;
  margin-bottom: 20px;
  font-size: 15px;
}

.labo-partner-cta-buttons{
   margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.labo-become-partner-btn, .labo-partnership-info-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}
.labo-become-partner-btn{
    background:#0e6bbb;
    color:#fff;
}

.labo-become-partner-btn:hover{
    background:#0b5ed7;
}

.labo-partnership-info-btn{
    border:2px solid #fff;
    color:#fff;
}

.labo-partnership-info-btn:hover{
    background:#fff;
    color:#0f172a;
}

/* 
FAQ SECTION
 */

.labo-partner-faq-section{
    padding:40px 0;
    background:#f8fafc;
}

.labo-partner-faq-heading{
    max-width:800px;
    margin:auto;
    text-align:center;
    margin-bottom:60px;
}

.labo-partner-faq-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-partner-faq-heading h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-partner-faq-heading p{
    color: #6c757d;
  line-height: 1.8;
  margin-bottom: 15px;
  font-family: "Red Hat Text", sans-serif;
}

.labo-partner-faq-wrapper{
    /* max-width:900px; */
    margin:auto;
}

.labo-partner-faq-item{
    background:#fff;
    border-radius:4px;
    margin-bottom:20px;
    overflow:hidden;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
}

.labo-partner-faq-btn{
    width: 100%;
  border: none;
  background: none;
  text-align: left;
  padding: 8px 18px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  color: #0f172a;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.labo-partner-faq-btn span{
    font-size:28px;
    color:#0d6efd;
}

.labo-partner-faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    padding:0 20px;
}

.labo-partner-faq-content p{
    color: #64748b;
  line-height: 1.8;
  margin-bottom: 15px;
  font-size: 15px;
}

.labo-partner-faq-content a{
    color:#0d6efd;
    font-weight:600;
    text-decoration:none;
}

/* Responsive */

@media(max-width:768px){

    .labo-partner-cta-wrapper h2,
    .labo-partner-faq-heading h2{
        font-size:34px;
    }

    .labo-partner-cta-section,
    .labo-partner-faq-section{
        padding:70px 0;
    }

}
.partner-contact-section{
    padding:100px 0;
    background:#f8fafc;
}

.partner-contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.partner-contact-content span{
    color:#0d6efd;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
}

.partner-contact-content h2{
    font-size:48px;
    margin:15px 0 25px;
    color:#0f172a;
}

.partner-contact-content p{
    color:#64748b;
    line-height:1.9;
    margin-bottom:20px;
}

.partner-contact-info{
    margin-top:30px;
}

.partner-info-box{
    margin-bottom:20px;
}

.partner-info-box h4{
    color:#0f172a;
    margin-bottom:5px;
}

.partner-info-box a{
    color:#0d6efd;
    text-decoration:none;
}

.partner-contact-form-box{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.partner-form-group{
    margin-bottom:20px;
}

.partner-form-group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
    color:#0f172a;
}

.partner-form-group input,
.partner-form-group select,
.partner-form-group textarea{
    width:100%;
    padding:14px 15px;
    border:1px solid #dbe4ee;
    border-radius:10px;
    outline:none;
    transition:.3s;
}

.partner-form-group input:focus,
.partner-form-group select:focus,
.partner-form-group textarea:focus{
    border-color:#0d6efd;
}

.partner-submit-btn{
    width:100%;
    padding:16px;
    background:#0d6efd;
    color:#fff;
    border:none;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:.3s;
}

.partner-submit-btn:hover{
    background:#084fc7;
}

@media(max-width:991px){

    .partner-contact-wrapper{
        grid-template-columns:1fr;
    }

    .partner-contact-content h2{
        font-size:36px;
    }

}

@media(max-width:576px){

    .partner-contact-section{
        padding:70px 0;
    }

    .partner-contact-form-box{
        padding:25px;
    }

    .partner-contact-content h2{
        font-size:30px;
    }

}
/* --------------contact us */
/* 
GLOBAL
 */

.labo-contact-info,
.labo-contact-form-section,
.labo-consultation-section,
.labo-office-section,
.labo-map-section,
.labo-hours-section,
.labo-contact-faq{
    padding:40px 0;
}

.labo-contact-hero{
   position: relative;
  overflow: hidden;
  background: linear-gradient( 135deg, #f7fbff 0%, #eef6ff 100% );
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0; 

}

.labo-contact-hero-content{
    max-width:850px;
    margin:auto;
}

.labo-contact-hero-content span{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.labo-contact-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.labo-contact-hero-content p{
    max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
  color: #fff;
}

/* 
CONTACT INFO
 */

.labo-contact-info{
    background:#fff;
}

.labo-contact-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.labo-contact-card{
    background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  transition: .4s;
  border: 1px solid #e2e8f0;
}

.labo-contact-card:hover{
    /* transform:translateY(-10px); */
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.labo-contact-card h3{
    font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-contact-card p{
    color:#64748b;
    margin-bottom:15px;
    line-height:1.7;
    font-size: 15px;
}

.labo-contact-card a,
.labo-contact-card span{
    color:#0e6bbb;
    font-weight:500;
    text-decoration: none;
    font-size: 15px;
}

/* 
CONTACT FORM
 */

.labo-contact-form-section{
    background:#f8fafc;
    background-image: url(../images/cubk.jpg);
    background-position: center center;
    background-repeat:repeat;
    background-size: cover;
}

.labo-contact-form-wrapper{
    max-width:700px;
    margin:auto;
}

.labo-contact-form-content{
    text-align:center;
    margin-bottom:40px;
}

.labo-contact-form-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-contact-form-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

#laboContactForm{
    display:grid;
    gap:20px;
}

#laboContactForm input,
#laboContactForm select,
#laboContactForm textarea{
    width:100%;
    padding:12px;
    border:1px solid #dbe4ee;
    border-radius:4px;
    outline:none;
    font-size: 13px;
}

#laboContactForm button{
    background:#0e6bbb;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 600;
    width: 200px;
    margin: 0 auto;
}

#laboContactForm button:hover{
    background:#084fc7;
}

/* 
CONSULTATION
 */

.labo-consultation-box{
    /* max-width:900px;  */
    margin:auto;
    /* background:#0e6bbb; */
    padding:40px;
    border-radius:4px;
    text-align:center;
    background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
}

.labo-consultation-box span{
    display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-consultation-box h2{
    font-size: 25px;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-consultation-box p{
    color:#cbd5e1;
    margin-bottom:35px;
    line-height:1.8;
    font-size: 15px;
}

#laboConsultationForm{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:15px;
}

#laboConsultationForm input{
    padding: 8px 12px;
    border:none;
    border-radius:4px;
}

#laboConsultationForm button{
    background: #0e6bbb;
  color: #fff;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  width: 200px;
  margin: 0 0 0 auto;
  border: 1px solid #fff;
}

/* 
OFFICE
 */

.labo-office-grid{
    display:grid;
    grid-template-columns:500px 1fr;
    gap:50px;
    align-items:center;
}

.labo-office-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-office-content h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-office-content p{
    color:#64748b;
    line-height:1.8;
    font-size: 15px;
}

.labo-office-content ul{
    margin-top:25px;
    padding-left: 15px;
    list-style: none;
}
.labo-office-content ul .cuadd::before{
    content: '\F3E8';
    font-family: 'Bootstrap-Icons';
    color: #0e6bbb;
    margin-right: 5px;
    font-size: 20px;
}
.labo-office-content ul .cuph::before{
    content: '\F4E6';
    font-family: 'Bootstrap-Icons';
    color: #0e6bbb;
    margin-right: 5px;
    font-size: 20px;
   
}
.labo-office-content ul .cuem::before{
    content: '\F84C';
    font-family: 'Bootstrap-Icons';
    color: #0e6bbb;
    margin-right: 5px;
    font-size: 20px;
   
}
.labo-office-content ul .cusup::before{
    content: '\F3EE';
    font-family: 'Bootstrap-Icons';
    color: #0e6bbb;
    margin-right: 5px;
    font-size: 20px;
   
}
.labo-office-content li{
    margin-bottom:15px;
    color:#334155;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.labo-office-image img{
    width:100%;
    border-radius:4px;
}

/* 
MAP
 */

.labo-map-wrapper{
    overflow:hidden;
    border-radius:4px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

/* 
BUSINESS HOURS
 */

.labo-hours-section{
    background:#f8fafc;
}

.labo-hours-box{
    max-width:700px;
    margin:auto;
    background:#fff;
    padding:40px;
    border-radius:4px;
    box-shadow:0 15px 40px rgba(0,0,0,.05);
}

.labo-hours-box h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
  text-align: center;
}

.labo-hours-box ul{
    list-style:none;
    padding:0;
}

.labo-hours-box li{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid #e2e8f0;
}

/* 
FAQ
 */

.labo-contact-faq h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
  text-align: center;
}

.cu-faq-item{
    max-width:900px;
    margin:0 auto 20px;
    border:1px solid #e2e8f0;
    border-radius:4px;
    overflow:hidden;
}

.faq-btn{
    width:100%;
    background:#fff;
    border:none;
    padding:20px 25px;
    text-align:left;
    cursor:pointer;
    font-size: 18px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  color: #0f172a;
}

.faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.faq-content p{
    padding: 0 25px 12px;
    color:#64748b;
    line-height:1.8;
    font-size: 15px;
}

/* 
RESPONSIVE
 */

@media(max-width:991px){

    .labo-contact-grid,
    .labo-office-grid{
        grid-template-columns:1fr;
    }

    #laboConsultationForm{
        grid-template-columns:1fr;
    }

    .labo-contact-hero-content h1{
        font-size:42px;
    }

}

@media(max-width:768px){

    .labo-contact-hero,
    .labo-contact-info,
    .labo-contact-form-section,
    .labo-consultation-section,
    .labo-office-section,
    .labo-map-section,
    .labo-hours-section,
    .labo-contact-faq{
        padding:70px 0;
    }

    .labo-contact-hero-content h1{
        font-size:20px;
    }

    .labo-contact-form-content h2,
    .labo-office-content h2,
    .labo-consultation-box h2,
    .labo-contact-faq h2{
        font-size:30px;
    }

    .labo-consultation-box{
        padding:30px;
    }

}
/* ---------------Proposal page */
.proposal-hero-section{
    position: relative;
  overflow: hidden;
  background: linear-gradient( 135deg, #f7fbff 0%, #eef6ff 100% );
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.proposal-hero-wrapper{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    align-items:center;
    gap:60px;
}

.proposal-hero-subtitle{
    display: inline-block;
  color: #0e6bbb;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 25px;
  position: relative;
  font-family: "Manrope", sans-serif;
}

.proposal-hero-title{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.proposal-hero-description{
    max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
  color: #fff;
}

.proposal-hero-buttons{
   margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
.proposal-primary-btn, .proposal-secondary-btn{
    padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}
.proposal-primary-btn{
    background:#0e6bbb;
    color:#fff;
}

.proposal-primary-btn:hover{
    background:#084fc7;
}

.proposal-secondary-btn{
    background:#fff;
    color:#0f172a;
}

.proposal-secondary-btn:hover{
    border-color:#0d6efd;
    color:#0d6efd;
}

.proposal-hero-stats{
    display:flex;
    gap:50px;
    flex-wrap:wrap;
    justify-content: center;
  margin-top: 35px;
}

.proposal-stat-item h3{
    font-size:20px;
    color:#0d6efd;
    margin-bottom:8px;
}

.proposal-stat-item p{
    color:#64748b;
    font-size:15px;
    margin-bottom: 0;
}

.proposal-hero-image img{
    width:100%;
    display:block;
    /* animation:proposalFloat 4s ease-in-out infinite; */
    border-radius: 4px;
}

@keyframes proposalFloat{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-15px);
    }

    100%{
        transform:translateY(0);
    }

}

@media(max-width:991px){

    .proposal-hero-wrapper{
        grid-template-columns:1fr;
    }

    .proposal-hero-title{
        font-size:46px;
    }

}

@media(max-width:768px){

    .proposal-hero-section{
        padding:80px 0;
    }

    .proposal-hero-title{
        font-size:20px;
    }

    .proposal-hero-stats{
        gap:25px;
    }

}
.proposal-requirements-section{
    padding:40px 0;
    background:#ffffff;
}

.proposal-requirements-header{
    max-width:900px;
    margin:0 auto 40px;
    text-align:center;
}

.proposal-requirements-header span{
   display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.proposal-requirements-header h2{
   font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.proposal-requirements-header p{
    color:#64748b;
    line-height:1.8;
    font-size:15px;
}

.proposal-requirements-wrapper{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:30px;
    align-items:start;
}

.proposal-requirements-info{
    background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  position: sticky;
  top: 130px;
}

.proposal-requirements-info h3{
    font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.proposal-requirements-info p{
    color:#64748b;
    line-height:1.8;
    margin-bottom:25px;
    font-size: 15px;
}

.proposal-requirements-info ul{
    padding-left:20px;
}

.proposal-requirements-info li{
    margin-bottom:15px;
    color:#334155;
      font-size: 15px;
}

.proposal-requirements-form-box{
    background:#ffffff;
    padding: 25px;
    border-radius: 4px;
    border:1px solid #e2e8f0;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.proposal-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.proposal-form-group{
    margin-bottom:10px;
}

.proposal-form-group label{
    display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #0f172a;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
}

.proposal-form-group input,
.proposal-form-group select,
.proposal-form-group textarea{
    width: 100%;
  padding: 8px 12px;
  border: 1px solid #dbe4ee;
  border-radius: 4px;
  outline: none;
  transition: .3s;
  font-size: 13px;
}

.proposal-form-group input:focus,
.proposal-form-group select:focus,
.proposal-form-group textarea:focus{
    border-color:#0d6efd;
}

.proposal-submit-btn{
   width: 200px;
  border: none;
  padding: 8px 16px;
  background: #0e6bbb;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border-radius: 4px;
  cursor: pointer;
  transition: .3s;
  margin-left: auto;
  display: block;
  margin-right: auto;
}

.proposal-submit-btn:hover{
    background:#084fc7;
}

@media(max-width:991px){

    .proposal-requirements-wrapper{
        grid-template-columns:1fr;
    }

    .proposal-requirements-info{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .proposal-requirements-section{
        padding:80px 0;
    }

    .proposal-form-grid{
        grid-template-columns:1fr;
    }

    .proposal-requirements-header h2{
        font-size:34px;
    }

}
.proposal-services-section{
    padding:40px 0;
    background:#f8fafc;
}

.proposal-services-heading{
    max-width:900px;
    margin:0 auto 40px;
    text-align:center;
  
}

.proposal-services-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.proposal-services-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.proposal-services-heading p{
   color: #64748b;
  line-height: 1.8;
  font-size: 15px;
}

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

.proposal-service-category{
    background: #fff;
  padding: 25px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  transition: .4s;
}

.proposal-service-category:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.proposal-service-header h3{
   font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.proposal-service-header p{
    color: #64748b;
  line-height: 1.8;
  margin-bottom: 25px;
  font-size: 15px;
}

.proposal-service-options{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.proposal-service-item{
    display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  background: #f8fafc;
  border-radius: 4px;
  cursor: pointer;
  transition: .3s;
  font-weight: 500;
  font-size: 15px;
  color: #0e6bbb;
}

.proposal-service-item:hover{
    background:#eaf3ff;
}

.proposal-service-item input{
   width: 12px;
  height: 12px;
  cursor: pointer;
}

.proposal-service-item.active{
    background:#dbeafe;
    border:1px solid #0d6efd;
}

@media(max-width:991px){

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

}

@media(max-width:768px){

    .proposal-services-section{
        padding:80px 0;
    }

    .proposal-services-heading h2{
        font-size:34px;
    }

}
.proposal-budget-section{
    padding:40px 0;
    background:#f8fafc;
}

.proposal-budget-heading{
    max-width:900px;
    margin:0 auto 40px;
    text-align:center;
}

.proposal-budget-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.proposal-budget-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.proposal-budget-heading p{
    color: #64748b;
  line-height: 1.8;
  font-size: 15px;
}

.proposal-budget-wrapper{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:30px;
    align-items:start;
}

.proposal-budget-content{
    background: #ffffff;
  padding: 25px;
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  position: sticky;
  top: 100px;
}

.proposal-budget-content h3{
   font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.proposal-budget-content p{
    color:#64748b;
   line-height: 1.8;
  font-size: 15px;
  margin-bottom: 0;
}

.proposal-budget-benefits{
    margin-top:30px;
    display:grid;
    gap:20px;
}

.proposal-budget-benefit{
    padding:20px;
    background:#f8fafc;
    border-radius:4px;
}

.proposal-budget-benefit h4{
    margin-bottom:8px;
    color:#0f172a;
    font-size: 18px;
}

.proposal-budget-selection{
    display:grid;
    gap:20px;
}

.proposal-budget-card{
    background:#ffffff;
    border:2px solid #e2e8f0;
    border-radius:4px;
    transition:.3s;
}

.proposal-budget-card label{
    display:block;
    cursor:pointer;
    padding:25px;
}

.proposal-budget-card input{
    display:none;
}

.proposal-budget-option h3{
    margin-bottom:10px;
    color:#0f172a;
    font-size: 18px;
}

.proposal-budget-option p{
    color:#64748b;
    line-height:1.7;
    font-size: 15px;
    margin-bottom: 0;
}

.proposal-budget-card.active{
    border-color:#0d6efd;
    background:#eff6ff;
    transform:translateY(-4px);
}

@media(max-width:991px){

    .proposal-budget-wrapper{
        grid-template-columns:1fr;
    }

    .proposal-budget-content{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .proposal-budget-section{
        padding:80px 0;
    }

    .proposal-budget-heading h2{
        font-size:34px;
    }

}
.proposal-timeline-section{
    padding:40px 0;
    background:#ffffff;
}

.proposal-timeline-heading{
    max-width:900px;
    margin:0 auto 64px;
    text-align:center;
}

.proposal-timeline-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.proposal-timeline-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.proposal-timeline-heading p{
   color: #64748b;
  line-height: 1.8;
  font-size: 15px;
}

.proposal-timeline-wrapper{
    display:grid;
    grid-template-columns:.8fr 1.2fr;
    gap:40px;
    align-items:start;
}

.proposal-timeline-info{
   background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  position: sticky;
  top: 100px;
}

.proposal-timeline-info h3{
    font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.proposal-timeline-info p{
    color:#64748b;
    line-height:1.8;
    font-size: 15px;
    margin-bottom: 0;
}

.proposal-timeline-benefits{
    margin-top:30px;
    display:grid;
    gap:20px;
}

.proposal-timeline-benefit{
    background:#ffffff;
    padding:20px;
    border-radius:4px;
}

.proposal-timeline-benefit h4{
    margin-bottom:8px;
    color:#0f172a;
    font-size: 18px;
}

.proposal-timeline-selection{
    display:grid;
    gap:20px;
}

.proposal-timeline-card{
    border:2px solid #e2e8f0;
    border-radius:4px;
    background:#ffffff;
    transition:.3s;
}

.proposal-timeline-card label{
    display:block;
    cursor:pointer;
    padding:25px;
}

.proposal-timeline-card input{
    display:none;
}

.proposal-timeline-option h3{
    font-size: 20px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}

.proposal-timeline-option p{
    color:#64748b;
    line-height:1.8;
    font-size: 15px;
    margin-bottom: 0;
}

.proposal-timeline-card.active{
    border-color:#0d6efd;
    background:#eff6ff;
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(13,110,253,.1);
}

@media(max-width:991px){

    .proposal-timeline-wrapper{
        grid-template-columns:1fr;
    }

    .proposal-timeline-info{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .proposal-timeline-section{
        padding:80px 0;
    }

    .proposal-timeline-heading h2{
        font-size:34px;
    }

}
.proposal-faq-section{
    padding:40px 0;
    background:#f8fafc;
}

.proposal-faq-heading{
    max-width:850px;
    margin:0 auto 40px;
    text-align:center;
}

.proposal-faq-heading span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.proposal-faq-heading h2{
    font-size: 25px;
  line-height: 1.2;
  color: rgb(8, 27, 49);
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}

.proposal-faq-heading p{
    color: #64748b;
  line-height: 1.8;
  font-size: 15px;
}

.proposal-faq-wrapper{
    max-width:900px;
    margin:auto;
}

.proposal-faq-item{
    background:#ffffff;
    border-radius:4px;
    margin-bottom:20px;
    overflow:hidden;
    border:1px solid #e2e8f0;
}

.proposal-faq-button{
    width: 100%;
  border: none;
  background: none;
  padding: 8px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  color: #0f172a;
}

.proposal-faq-icon{
    font-style:normal;
    font-size:28px;
    transition:.3s;
    color:#0d6efd;
}

.proposal-faq-content{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.proposal-faq-content p{
    padding: 0 20px 25px;
  color: #64748b;
  line-height: 1.8;
  font-size: 15px;
  margin-bottom: 0;
}

.proposal-faq-item.active .proposal-faq-content{
    max-height:300px;
}

.proposal-faq-item.active .proposal-faq-icon{
    transform:rotate(45deg);
}

@media(max-width:768px){

    .proposal-faq-section{
        padding:80px 0;
    }

    .proposal-faq-heading h2{
        font-size:34px;
    }

    .proposal-faq-button{
        font-size:16px;
        padding:20px;
    }

}
/* ------------cookies */
.cookie-hero-section{
    position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.cookie-hero-content{
    max-width:850px;
    margin:auto;
}

.cookie-hero-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.cookie-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.cookie-hero-content p{
    max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
  color: #fff;
}

.cookie-updated{
    margin-top:20px;
    font-weight:600;
}

.cookie-content-section{
    padding:40px 0;
}

.cookie-layout{
    display:grid;
    grid-template-columns:300px 1fr;
    gap:60px;
}

.cookie-sidebar{
    background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  position: sticky;
  top: 130px;
    height:fit-content;
}

.cookie-sidebar ul{
    list-style:none;
    padding-left: 0;
}

.cookie-sidebar li{
    margin-bottom:15px;
    display: flex;
}
.cookie-sidebar li::before{
    content: '\F285';
  font-family: 'Bootstrap-Icons';
  font-size: 16px;
  color: #8e8e8e;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  margin-right: 5px;
}
.cookie-sidebar a{
    text-decoration:none;
    color:#0e6bbb;
    font-weight:500;
    font-family: "Manrope", sans-serif;
    font-size: 15px;
}
.cookie-sidebar a:hover{
    padding-left: 2px;
}
.cookie-main-content section{
    margin-bottom:60px;
}

.cookie-main-content h2{
    margin-bottom: 10px;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  color: #0e6bbb;
}

.cookie-main-content h3{
    margin-top: 25px;
  margin-bottom: 8px;
  font-family: "Manrope", sans-serif;
  font-size: 16px;
}

.cookie-main-content p,
.cookie-main-content li{
    line-height: 1.8;
  color: #64748b;
  font-size: 15px;
}

.cookie-main-content ul{
    padding-left:20px;
}

.cookie-contact-section{
    padding:40px 0;
    background:#0f172a;
    text-align:center;
    color:#fff;
    margin-bottom: 70px;
}

.cookie-contact-section h2{
    margin-bottom:20px;
    font-size: 25px;
  font-family: "Manrope", sans-serif;
}

.cookie-contact-section p{
    max-width:700px;
    margin:0 auto 30px;
    line-height:1.8;
    font-size: 15px;
}

.cookie-contact-section a{
    display: inline-block;
  background: #0e6bbb;
  color: #fff;
  text-decoration: none;
  padding: 8px 18px;
  border-radius: 4px;
  font-weight: 600;
}

@media(max-width:991px){

    .cookie-layout{
        grid-template-columns:1fr;
    }

    .cookie-sidebar{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .cookie-hero-content h1{
        font-size:20px;
    }

}
.labo-cookie-banner{
    position:fixed;
    bottom:25px;
    left:25px;
    width:420px;
    max-width:calc(100% - 40px);
    background:#ffffff;
    border-radius:4px;
    box-shadow:0 20px 50px rgba(0,0,0,.15);
    z-index:99999;
    padding:25px;
    animation:laboCookieSlide .5s ease;
}

@keyframes laboCookieSlide{

    from{
        opacity:0;
        transform:translateY(40px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

.labo-cookie-content{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.labo-cookie-text h4{
    margin-bottom:10px;
    color:#0f172a;
    font-size: 20px;
  font-family: "Manrope", sans-serif;
}

.labo-cookie-text p{
    margin:0;
    color:#64748b;
    line-height:1.7;
    font-size:14px;
}

.labo-cookie-actions{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.labo-cookie-link{
    color: #0e6bbb;
    text-decoration:none;
    font-weight:600;
    margin-right:auto;
}

.labo-cookie-link:hover{
    text-decoration:underline;
}

.labo-cookie-reject{
    border:1px solid #dbe4ee;
    background:#fff;
    color:#334155;
    padding: 8px 16px;
    border-radius: 4px;
    cursor:pointer;
    font-weight:600;
    transition:.3s;
}

.labo-cookie-reject:hover{
    border-color:#94a3b8;
}

.labo-cookie-accept{
   border: none;
  background: #0e6bbb;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 600;
  transition: .3s;
}

.labo-cookie-accept:hover{
    background:#084fc7;
}

.labo-cookie-hide{
    display:none;
}

@media(max-width:576px){

    .labo-cookie-banner{
        left:15px;
        right:15px;
        width:auto;
        bottom:15px;
        padding:20px;
    }

    .labo-cookie-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .labo-cookie-link{
        margin-right:0;
        text-align:center;
    }

}
/* -------------Privacy Policy */
.privacy-hero-section{
    position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.privacy-hero-content{
    max-width:850px;
    margin:auto;
}

.privacy-hero-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.privacy-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.privacy-hero-content p{
   max-width: 700px;
  margin: 25px auto 0;
  line-height: 1.8;
  font-family: "Red Hat Text", sans-serif;
  color: #fff;
}

.privacy-update-date{
    margin-top:20px;
    font-weight:600;
}

.privacy-content-section{
    padding:100px 0;
}

.privacy-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:30px;
}

.privacy-sidebar{
    background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  position: sticky;
  top: 130px;
  height: fit-content;
}

.privacy-sidebar ul{
    list-style:none;
    padding:0;
}

.privacy-sidebar li{
    margin-bottom:15px;
    display: flex;
}

.privacy-sidebar a{
   text-decoration: none;
  color: #0e6bbb;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
}
.privacy-sidebar li::before {
  content: '\F285';
  font-family: 'Bootstrap-Icons';
  font-size: 16px;
  color: #8e8e8e;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;

  margin-right: 5px;
}
.privacy-sidebar a:hover {
  padding-left: 2px;
}
.privacy-main-content section{
    margin-bottom:60px;
}

.privacy-main-content h2{
    margin-bottom: 10px;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  color: #0e6bbb;
}

.privacy-main-content p,
.privacy-main-content li{
    line-height: 1.8;
  color: #64748b;
  font-size: 15px;
}

.privacy-main-content ul{
    padding-left:20px;
}

.privacy-contact-section{
   padding: 40px 0;
  background: #0f172a;
  text-align: center;
  color: #fff;
  margin-bottom: 70px;
}

.privacy-contact-section h2{
    margin-bottom: 20px;
  font-size: 25px;
  font-family: "Manrope", sans-serif;
}

.privacy-contact-section p{
    max-width: 700px;
  margin: 0 auto 30px;
  line-height: 1.8;
  font-size: 15px;
}

.privacy-contact-section a{
    display: inline-block;
  background: #0e6bbb;
  color: #fff;
  text-decoration: none;
  padding: 8px 18px;
  border-radius: 4px;
  font-weight: 600;
}

@media(max-width:991px){

    .privacy-layout{
        grid-template-columns:1fr;
    }

    .privacy-sidebar{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .privacy-hero-content h1{
        font-size:20px;
    }

}
/* -------------------Terms and conditions */
.terms-hero-section{
    position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.terms-hero-content{
    max-width:850px;
    margin:auto;
}

.terms-hero-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.terms-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.terms-hero-content p{
    color:#64748b;
    line-height:1.9;
}

.terms-update-date{
    margin-top:20px;
    font-weight:600;
}

.terms-content-section{
    padding:100px 0;
}

.terms-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:60px;
}

.terms-sidebar{
    background: #f8fafc;
  padding: 25px;
  border-radius: 4px;
  position: sticky;
  top: 130px;
  height: fit-content;
}


.terms-sidebar li::before {
  content: '\F285';
  font-family: 'Bootstrap-Icons';
  font-size: 16px;
  color: #8e8e8e;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;

  margin-right: 5px;
}
.terms-sidebar ul{
    list-style:none;
    padding:0;
}

.terms-sidebar li{
    margin-bottom:15px;
  display: flex;
}

.terms-sidebar a{
    text-decoration: none;
  color: #0e6bbb;
  font-weight: 500;
  font-family: "Manrope", sans-serif;
  font-size: 15px;
}

.terms-main-content section{
    margin-bottom:60px;
}

.terms-main-content h2{
    margin-bottom: 10px;
  font-size: 20px;
  font-family: "Manrope", sans-serif;
  color: #0e6bbb;
}

.terms-main-content p,
.terms-main-content li{
    line-height: 1.8;
  color: #64748b;
  font-size: 15px;
}

.terms-main-content ul{
    padding-left:20px;
}

.terms-contact-section{
    padding:100px 0;
    background:#0f172a;
    text-align:center;
    color:#fff;
}

.terms-contact-section p{
    max-width:700px;
    margin:20px auto 30px;
    line-height:1.8;
}

.terms-contact-section a{
    display:inline-block;
    text-decoration:none;
    background:#0d6efd;
    color:#fff;
    padding:15px 35px;
    border-radius:8px;
}

@media(max-width:991px){

    .terms-layout{
        grid-template-columns:1fr;
    }

    .terms-sidebar{
        position:relative;
        top:auto;
    }

}

@media(max-width:768px){

    .terms-hero-content h1{
        font-size:20px;
    }

}
/* ------------------Site Map */
.labo-sitemap-hero{
   position: relative;
  overflow: hidden;
  background: radial-gradient(circle at top left,#0d47ff 0%,transparent 35%), radial-gradient(circle at bottom right,#00bfff 0%,transparent 35%), linear-gradient(135deg,#061426,#081b31,#0d2d56);
  color: #fff;
  text-align: center;
  padding: 70px 0;
}

.labo-sitemap-hero-content{
    max-width:850px;
    margin:auto;
}

.labo-sitemap-hero-content span{
    display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}

.labo-sitemap-hero-content h1{
    font-size: 40px;
  max-width: 850px;
  margin: auto;
  font-family: "Manrope", sans-serif;
  font-weight: 800;
  padding: 10px 20px;
  border-radius: 8px;
  color: #fff;
}

.labo-sitemap-hero-content p{
    color:#64748b;
    line-height:1.8;
    font-size: 15px;
}

.labo-sitemap-section{
    padding:100px 0;
}

.labo-sitemap-header{
    text-align:center;
    max-width:800px;
    margin:auto;
    margin-bottom:60px;
}

.labo-sitemap-header span{
    color:#2563eb;
    font-weight:600;
    letter-spacing:1px;
}

.labo-sitemap-header h1{
    font-size:52px;
    margin:15px 0;
}

.labo-sitemap-header p{
    color:#64748b;
    line-height:1.8;
}
.labo-sitemap-tree img{
    width: 100px;
  border: 1px solid #e1e1e1;
  padding: 8px;
  border-radius: 4px;
}
.labo-sitemap-tree{
    max-width:1000px;
    margin:auto;
}

.labo-sitemap-tree ul{
    list-style:none;
    padding-left: 63px;
}

.labo-sitemap-tree li{
    position:relative;
    padding:10px 0;
}

.labo-sitemap-tree li::before{
    content:"";
    position:absolute;
    left:-15px;
    top:0;
    height:100%;
    width:1px;
    background:#dbeafe;
}

.labo-sitemap-tree li::after{
    content:"";
    position:absolute;
    left:-15px;
    top:22px;
    width:15px;
    height:1px;
    background:#dbeafe;
}

.labo-sitemap-tree a{
   text-decoration: none;
  color: #0f172a;
  font-weight: 500;
  transition: .3s;
  border: 1px solid #dbeafe;
  padding: 2px 12px;
  border-radius: 4px;
}
.labo-sitemap-tree .sitehome{
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    font-size: 20px;
}
.labo-sitemap-tree .subsite{
    font-size: 18px;
    font-weight: 500;
    color: #0e6bbb;
}
.labo-sitemap-tree .sitemain{
    font-size: 15px;
    font-weight: 500;
}
.labo-sitemap-tree a:hover{
    color:#2563eb;
    padding-left:15px;
}
.labo-sitemap-cta{
    padding:100px 0;
    background:#0f172a;
    text-align:center;
    color:#fff;
}

.labo-sitemap-cta h2{
    margin-bottom:20px;
}

.labo-sitemap-cta p{
    max-width:700px;
    margin:auto;
    line-height:1.8;
    margin-bottom:30px;
}

.labo-sitemap-cta a{
    display:inline-block;
    padding:15px 35px;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
}

@media(max-width:991px){

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

}

@media(max-width:768px){

    .labo-sitemap-grid{
        grid-template-columns:1fr;
    }

    .labo-sitemap-hero-content h1{
        font-size:20px;
    }

}
@media (max-width: 768px){

.hero {
  padding: 30px 0;
}
    .hero-btns a {
  font-size: 12px;
}
.dot {
  width: 6px;
  height: 6px;
}
.stats-grid h3 {
  font-size: 20px;
}
.states-con p {
  font-size: 12px;
}
.stats-grid{
    grid-template-columns: 1fr 1fr;
}
.wheel-right {
  width: 100%;
}
.labo-wheel-section {
  padding: 25px 4%;
  display: block;
}
.service-wheel{
    max-width: 250px;
    min-height: 250px;
    width: 100%;
    height: 100%;
}
.wheel-item {
  width: 100%;
    height: 100%;
    max-width: 144px;
    max-height: 144px;
}
.wheel-center {
    max-width: 100px;
    max-height: 100px;
    width: 100%;
    height: 100%;
}
.wheel-left {
  width: 100%;
  margin-top: 50px;
}
.service-info h3 {
  font-size: 15px;
}
.service-info p {
  font-size: 10px;
}
.service-info {
  top: 50%;
    width: 100%;
    max-width: 111px;
    left: -8px;
}
.wheel-center img {
  width: 100%;
  margin-bottom: 6px;
  max-width: 70px
}
.wheel-center span {
  font-size: 8px;
  text-align: center;
}
.wheel-item {
  font-size: 10px;
}
.wheel-item img {
  margin-right: 8px;
  width: 100%;
  max-width: 30px;
}
.labo-wheel-section .section-tag {
  font-size: 12px;
}
.wheel-left h1 {
  font-size: 20px;
}
.wheel-left p {
  font-size: 13px;
}
p{
    font-size: 12px !important;
}
.proposal-form input {
  font-size: 12px;
}
.proposal-form button {
  font-size: 12px;
}
.labo-wheel-section{
    height: auto !important;
}
.tcs-section-heading span {
  font-size: 12px;
  margin-bottom: 16px;
}
.tcs-section-heading h2 {
  font-size: 20px;
}
.services-header span{
    font-size: 12px;
    margin-bottom: 16px;
}
.service-content h3 {
  font-size: 15px;
}
.labo-services-section {
  padding: 35px 0;
}
.case-studies-header span{
    font-size: 12px;
    margin-bottom: 16px;
}
.case-category {
  font-size: 10px;
}
.case-content span {
  font-size: 10px;
}
.case-content h3 {
  font-size: 15px;
}
.case-results strong {
  font-size: 15px;
}
.case-content span {
  background: none;
  font-size: 8px;
  font-weight: 600;
  margin-bottom: 0px;
  margin-top: 8px;
}
.why-header span {
    font-size: 12px;
    margin-bottom: 16px;
  }
.why-icon img {
  width: 28px;
}
.why-icon {
  width: 50px;
    height: 50px;
    margin: 0 auto 12px;
}
.why-card h3 {
  font-size: 15px;
  margin-bottom: 8px;
}
.why-card, .about-service-card, .team-card, .mission-card {
  padding: 10px;
}
.industries-header span{
    font-size: 12px;
    margin-bottom: 16px;
}
.industries-header h2 {
  font-size: 20px;
}
.industry-overlay h3 {
  font-size: 20px;
}
.blog-header .section-tag {
  font-size: 12px;
  margin-bottom: 15px;
}
.blog-date {
  font-size: 12px;
}
.blog-content h3 {
  font-size: 15px;
}
.blog-btn {
  font-size: 12px;
}
.blog-category {
  font-size: 10px;
}
.contact-tag {
  font-size: 10px;
}
.feature-item h4 {
  font-size: 16px;
}
.stat-box h3 {
  font-size: 20px;
}
.stat-box span {
  font-size: 15px;
}
.contact-form-card h3 {
  font-size: 20px;
}
.input-group {
  margin-bottom: 0px;
}
.contact-form-card {
  padding: 25px;
}
#laboContactForm button {
  font-size: 10px;
}
.testimonial-heading span {
  font-size: 12px;
  margin-bottom: 15px;
}
.footer-cta {
  padding: 10px 10px;
}
.footer-cta h2 {
  font-size: 20px;
}
.footer-cta-btn {
  font-size: 10px;
}
.footer-title {
  font-size: 15px;
  margin-bottom: 4px;
}
.footer-grid{

    gap:25px;
}
.footer-links a {
  font-size: 13px;
}
.footer-links li, .footer-contact li {
  font-size: 13px;
}
.about-hero, .services-hero, .solutions-hero, .case-study-hero, .seo-case-hero-section, .proposal-hero-section, .labo-blog-hero, .lbs-labo-blog-hero, .guide-hero-section, .career-hero, .partner-hero, .labo-contact-hero, .proposal-hero-section, .cookie-hero-section, .privacy-hero-section, .terms-hero-section, .labo-sitemap-hero {
  padding: 30px 0;
}
.universal-section-tag, .hero-subtitle, .hero-content span, .solutions-hero-content span, .seo-case-tag, .labo-blog-tag, .lbs-labo-blog-hero span, .universal-section-tag, .guide-hero-category, .career-hero-content span, .universal-section-tag, .partner-hero-tag, .labo-contact-hero-content span, .proposal-hero-subtitle, .cookie-hero-content span, .privacy-hero-content span, .terms-hero-content span, .labo-sitemap-hero-content span {
  font-size: 10px;
  margin-bottom: 8px;
}
 .about-hero h1, .services-hero h1 {
    font-size: 20px;
    margin-bottom: 8px;
  }
.about-hero p{
    margin: 0;
}
.services-hero-btns {
  margin-top: 16px;
}
.primary-btn, .secondary-btn{
    font-size: 10px;
}

.services-section-heading h2 {
  font-size: 20px;
}
.service-overview-card h3 {
  font-size: 18px;
}
.company-overview, .why-labo, .mission-vision, .services-overview{
    padding-top: 8px;
    margin-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
}
.overview-content span, .section-heading span {
  font-size: 10px;
}
.overview-grid h2 {
  font-size: 20px;
}
.stat-card h3 {
  font-size: 20px;
}
.stat-card {
  padding: 20px;
}
.stat-card p{
    margin-bottom: 0;
}
.section-heading {
  margin: 0 auto 20px;
}
.about-services-grid h3 {
  margin-bottom: 0;
  font-size: 15px;
}
.about-services-grid, .team-grid {
  gap: 10px;
}
.team-card h4 {
  font-size: 15px;
}
}
/* ---------------Mobile menu */
/* MOBILE TOGGLE BUTTON */

.toggleformobile{
    display:none;
}

.togglebtn{
    width:50px;
    height:50px;
    border:none;
    background:transparent;
    cursor:pointer;
    position:relative;
    padding:0;
}

.togglebtn::before,
.togglebtn::after,
.togglebtn span{
    content:"";
    position:absolute;
    left:2px;
    width:30px;
    height:3px;
    background:#0e6bbb;
    border-radius:50px;
    transition:.4s ease;
}

.togglebtn::before{
    top:14px;
    width:30px;
}

.togglebtn span{
    top:24px;
    width:25px;
}

.togglebtn::after{
    top:34px;
    width:30px;
}

/* ACTIVE ICON */

.togglebtn.active::before{
    transform:rotate(45deg);
    top:24px;
}

.togglebtn.active::after{
    transform:rotate(-45deg);
    top:24px;
}

.togglebtn.active span{
    opacity:0;
}

/* MOBILE MENU PANEL */

.mobile-nav-panel{
    position:fixed;
    top:0;
    left:-100%;
    width:100%;
    height:100vh;
    background:#0e6bbb;
    z-index:99999;
    overflow:hidden;
    transition:.45s ease;
}

.mobile-nav-panel.active{
    left:0;
}

/* HEADER */

.mobile-panel-header{
    height:80px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 25px;
    border-bottom:1px solid rgba(255,255,255,.15);
}

.mobile-panel-logo{
    color:#fff;
    font-size:24px;
    font-weight:700;
}
.mobile-panel-logo img{
    width: 100%;
    max-width: 100px;
}
.mobile-close-btn{
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:4px;
    color:#fff;
    background:transparent;
    font-size:20px;
    cursor:pointer;
}

/* MAIN MENU */

.mobile-menu-wrapper{
    height:calc(100vh - 80px);
    overflow-y:auto;
}

.mobile-main-menu,
.mobile-submenu{
    list-style:none;
    padding:0;
    margin:0;
    color: #fff;
}

.mobile-main-menu li,
.mobile-submenu li{
    border-bottom:1px solid rgba(255,255,255,.12);
}

.mobile-main-menu a,
.mobile-submenu a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 25px;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    font-weight:500;
}

.mobile-main-menu a:hover{
    background:rgba(255,255,255,.08);
}

/* DROPDOWN BUTTON */

.mobile-dropdown-trigger{
    cursor:pointer;
}

.mobile-dropdown-trigger i{
    transition:.3s;
}

/* SUBMENU PANEL */

.mobile-submenu-panel{
    position:absolute;
    top:80px;
    left:100%;
    width:100%;
    height:calc(100vh - 80px);
    background:#01246e;
    transition:.4s ease;
    overflow-y:auto;
}

.mobile-submenu-panel.active{
    left:0;
}

/* BACK BUTTON */

.mobile-back-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:10px 25px;
    color:#fff;
    font-size:17px;
    font-weight:600;
    border-bottom:1px solid rgba(255,255,255,.15);
    cursor:pointer;
}

.mobile-back-btn:hover{
    background:rgba(255,255,255,.08);
}

/* DESKTOP */

@media(max-width:991px){

    .toggleformobile{
        display:block;
    }

}

@media(min-width:992px){

    .mobile-nav-panel{
        display:none;
    }

}
.mobile-submenu-item{
    border-bottom:1px solid rgba(255,255,255,.12);
}
.mobile-submenu-item ul li img{
    width: 100%;
}
.mobile-submenu-toggle{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 25px;
    background:none;
    border:none;
    color:#fff;
    font-size:15px;
    font-weight:500;
    cursor:pointer;
}

.mobile-submenu-toggle span{
    font-size:22px;
    transition:.3s;
}

.mobile-submenu-item.active .mobile-submenu-toggle span{
    transform:rotate(45deg);
}

.mobile-submenu-dropdown{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
    background:rgba(255,255,255,.08);
    padding-left: 0;
}

.mobile-submenu-dropdown li{
    border-bottom:none;
}

.mobile-submenu-dropdown a{
    display:block;
   padding: 14px 25px;
    color:#fff;
    text-decoration:none;
    font-size:15px;
    opacity:.9;
    
}

.mobile-submenu-dropdown a:hover{
    background:rgba(255,255,255,.08);
}
.mobile-sb{
    position: relative;
  overflow: hidden;
  border-radius: 4px;
  height: 50%;
  max-height: 200px !important;
  width: 90%;
  margin: 20px auto;
}
.mobile-sb video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 350px;
}
.mobile-sb .solution-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient( to top, rgba(0,0,0,.75), rgba(0,0,0,.15) );
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.mobile-sb span{ 
    font-size: 13px !important;
}
.mobile-sb .solution-overlay .solution-btn{
    font-size: 13px !important;
}

/* ------------industries */
.industry-hero{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/healthcare_industry.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_education{
    position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/education_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_manufacturing{
     position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/manufacturing_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_technology{
      position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/technology_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_realestate{
      position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/real_estate_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_finance{
          position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/finance_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_hc{
           position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/e-commerce_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry_pro_ser{
            position:relative;
    overflow:hidden;
    /* min-height:100vh; */
    padding: 100px 0;
    display:flex;
    align-items:center;
    justify-content:center;
     background-image: url(../../assets/images/professional_services_industries.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.industry-hero::before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  border-radius: 50%;
  background: #0a84ff;
  filter: blur(180px);
  opacity: .2;
  top: -200px;
  right: -150px;
}


.industry-hero::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  border-radius: 50%;

  background: #00c6ff;

  filter: blur(180px);
  opacity: .15;
  left: -200px;
  bottom: -200px;
}
.industry-hero-content {
  text-align: left;
  position: relative;
  z-index: 2;
  max-width: 700px;
  margin: 0 auto 0 0;
}

.industry-hero-content span {
  display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  margin-bottom: 25px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.industry-hero-content h1 {
  color: rgb(255, 255, 255);
  font-size: 40px;
  line-height: 1.1;
  font-weight: 800;
  margin-bottom: 25px;
  font-family: "Manrope", sans-serif;
}

.industry-hero-content p {
  color: rgba(255, 255, 255, 0.85);
  font-size: 15px;
  line-height: 1.9;
  max-width: 700px;
  margin: auto;

  font-family: "Red Hat Text", sans-serif;
}

.industry-hero-btns {
  display: flex;
  justify-content: left;
  gap: 20px;

  margin-top: 40px;
  flex-wrap: wrap;
}
.industry-hero-btns .primary-btn, .industry-hero-btns .secondary-btn {
  padding: 4px 18px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600; 
  transition: .4s ease;
  font-size: 15px;
  font-family: "Manrope", sans-serif;
}
.industry-overview{
  padding: 40px 0;
}
.overview-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 60px;
  align-items: center;
}
.subindustry-overview-content span {
  display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.subindustry-overview-content ul {
  list-style: none;
  padding: 0;
}
.subindustry-overview-content li::before {
  content: "✓";
  color: #0a84ff;
  position: absolute;
  left: 0;
}
.subindustry-overview-content li {
  margin-bottom: 15px;
  padding-left: 22px;
  position: relative;
  font-size: 15px;
}
.industry-services {
  background: #f8fbff;
  padding: 40px 0;
}
.induser-section-heading {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}
.industry-services {
  background: #f8fbff;
  padding: 40px 0;
}
.induser-section-heading {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}
.induser-section-heading span {
  display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.induser-section-heading h2 {
  font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
}
.industry-service-card {
  background: #fff;
  padding: 15px;
  border-radius: 4px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transition: .4s;
}
.industry-service-icon {
  width: 50px;
  height: 50px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.industry-service-icon img {
  width: 50px;
  height: 50px;
}
.industry-service-card h3 {
  font-size: 20px;
  color: #081322;
  margin-bottom: 15px;
  font-family: "Manrope", sans-serif;
  font-weight: 500;
}
.industry-service-icon p {
  color: #667085;
}
.industry-benefits{
    padding: 40px 0;
}
.indi-section-heading {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}
.indi-section-heading span {
  display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.indi-section-heading h2 {
  font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.industry-process {
  background: #081b31;
  padding: 40px 0;
}
.our-section-heading {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}
.our-section-heading span {
  display: inline-block;
  color: rgb(14, 107, 187);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 4px;
  text-transform: uppercase;
  font-family: "Manrope", sans-serif;
}
.our-section-heading h2 {
  font-size: 25px;
  line-height: 1.2;
  color: #081b31;
  margin-bottom: 20px;
  font-family: "Manrope", sans-serif;
}
.our-section-heading h2 {
  color: #FFF;
}
.our-process-grid {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 20px;
}
.our-process-box {
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  padding: 20px;
  border-radius: 4px;
  text-align: center;
  color: #fff;
  margin: 0;
}
.our-process-box span {
  display: block;
  font-size: 30px;
  font-weight: 500;
  color: #0e6bbb;
  margin-bottom: 10px;
  font-family: "Manrope", sans-serif;
}
.our-process-box h3 {
  color: #fff;
  font-size: 20px;
}
.indi-industry-stats{

}
.indi-stats-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 25px;
}
.indi-stat-box {
  background: #fff;
  padding: 40px;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  margin: 70px 0 70px 0;
}
.indi-stat-box h3 {
  font-size: 30px;
  color: #0a84ff;
}
.indi-stat-box p {
  color: #667085;
  font-size: 15px;
}