*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins', sans-serif;
}

.main-header-sec{
  position:sticky;
  top:0;
  z-index:9999;
  background:#ffffff;
      box-shadow: 0 10px 30px rgba(0, 0, 0, .1);
}

/* container */
.main-header-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 10px;
  max-width: 1300px;
  margin: auto;
}
.main-logo{
    display: flex;
    gap: 10px;
    text-align: center;
    align-items: center;
    color: #fff;
    font-weight: 300;
}
.main-logo span{
    color: #0fcfe8;
}


/* logo */
.main-logo img{
  height:65px;
}

/* desktop menu */
.main-menu{
  display:flex;
  gap:25px;
  list-style:none;
}

.main-menu li{
  position:relative;
}

.main-menu a{
    color: #000000;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    padding: 8px 5px;
    position: relative;
    font-weight: 600;
}
.main-menu a:hover{
    color: #0087D5;
}

/* underline hover */
.main-menu a{
    position: relative;
}

.main-menu a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#0087D5;
    transition:0.3s ease;
}

.main-menu a:hover::after,
.main-menu a.active::after{
    width:100%;
}
.main-menu a:hover,
.main-menu a.active{
    color:#0087D5;
}
.has-dropdown{
  position:relative;
}

section{
    scroll-margin-top: 60px;
}

.dropdown{
  position:absolute;
  top:100%;
  left:0;
  background:#fff;
  min-width:180px;
  display:none;
  flex-direction:column;
  box-shadow:0 10px 30px rgba(0,0,0,0.2);
  border-radius: 10px;
 padding: 10px;
}

.has-dropdown:hover .dropdown,
.dropdown:hover{
  display:flex;
}



.dropdown a{
  color:#0B1B3A;
  padding:10px 15px;
  font-size:14px;
}
.dropdown a:hover{
background: #0B1B3A;
color: #fff;
}
.dropdown-icon{
  margin-left:6px;
  font-size:12px;
  transition:0.3s;
}

/* hover pe rotate */
.has-dropdown:hover .dropdown-icon{
  transform:rotate(180deg);
}

/* MOBILE ICON */
.mobile-icon{
  font-size:14px;
  transition:0.3s;
}

/* open hone par rotate */
.mobile-dropdown.active .mobile-icon{
  transform:rotate(180deg);
}

/* hamburger */
.hamburger{
  display:none;
  font-size:22px;
  color:#fff;
  cursor:pointer;
}
.hamburger i{
    color: #0087D5;
}

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

.mobile-drawer{
  position:fixed;
  top:0;
  right:-100%;
  width:320px;
  height:100%;
  background:#06679f;
  transition:0.4s;
  padding:20px;
  display:flex;
  flex-direction:column;
  z-index:99999;
}

.mobile-drawer.active{
  right:0;
}
.mobile-dropdown{
  display:flex;
  flex-direction:column;
}

.mobile-submenu{
  display:none;
  flex-direction:column;
  padding-left:20px;
  margin-top:5px;
}

.mobile-dropdown.active .mobile-submenu{
  display:flex;
}

.drop-toggle{
  color:#fff;
  cursor:pointer;
  text-decoration:none;
}

.drawer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.drawer-top img{
    width: 200px;
}

.drawer-close{
  font-size:22px;
  color:#fff;
  cursor:pointer;
}

/* mobile menu */
.mobile-menu{
  margin-top:25px;
  display:flex;
  flex-direction:column;
  gap:15px;
}

.mobile-menu a{
  color:#fff;
  text-decoration:none;
  font-family:'Montserrat', sans-serif;
  display:flex;
  align-items:center;
  gap:10px;
}

.drawer-btn{
  margin-top:auto;
  background:#00e5ff00;
  color:#ffffff;
  padding:12px;
  font-weight:600;
  border:none;
  cursor:pointer;
  transition:0.3s ease;
  transform:scale(1);
border-radius:10px;
 border: 1px solid #ffffff;
}

.drawer-btn:hover{
  transform:scale(0.9);
}

/* social */
.social{
  display:flex;
  justify-content:center;
  gap:15px;
  margin:15px 0 10px;
}

.social i{
  color:#fff;
  font-size:18px;
}

/* ================= RESPONSIVE ================= */

@media(max-width:992px){
  .main-menu{
    display:none;
  }
  .hamburger{
    display:block;
  }
  .main-logo img{
  height:50px;
}
.main-logo h2{
   text-align: left;
   font-size: 15px;
}
}

.home-hero-sec{
    padding:90px 20px;
    background:#f8fafc;
    position:relative;
    overflow:hidden;
}

.home-hero-sec::before{
    content:"";
    position:absolute;
    width:600px;
    height:600px;
    top:-250px;
    left:-250px;
    background:radial-gradient(circle, #06679f33, transparent 70%);
}

.home-hero-container{
    max-width:1300px;
    margin:auto;
    display:flex;
    gap:50px;
    align-items:flex-start;
}

.home-hero-left{
    flex:1;
}

.home-hero-title{
    font-size:48px;
    line-height:1.1;
    font-weight:900;
    color:#0f172a;
    margin:0;
}

.home-hero-title span{
    color:#0087D5;
}

.home-hero-line{
    width:70px;
    height:4px;
    background:#0087D5;
    margin:25px 0;
    border-radius:30px;
}

.home-hero-desc{
    font-size:20px;
    line-height:1.8;
    color:#1e293b;
    font-weight:600;
}

.home-hero-subdesc{
    margin-top:15px;
    color:#3b3d40;
    line-height:1.9;
    max-width:650px;
}

.home-hero-btn{
    margin-top:30px;
    border:none;
    background:linear-gradient(135deg,#06679f,#00a2ff);
    color:#fff;
    padding:15px 35px;
    border-radius:50px;
    font-weight:700;
    cursor:pointer;
    transition:.4s;
    box-shadow:0 15px 35px rgba(0,174,255,.25);
}

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

/* RIGHT */

.home-hero-right{
    width:500px;
    display:flex;
    flex-direction:column;
    gap:20px;
}

.home-hero-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:20px;
    padding:25px;
    display:flex;
    align-items:center;
    gap:20px;
    transition:.4s;
    box-shadow:0 10px 40px rgba(15,23,42,.06);
}

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

.home-hero-icon{
    min-width:80px;
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#00d0ff20,#0095ff20);
}
.home-hero-info-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#00d0ff20,#0095ff20);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    overflow:hidden;
}

.home-hero-info-icon img{
    width:42px;
    height:42px;
    object-fit:contain;
}
.home-hero-icon i{
    font-size:32px;
    color:#0087D5;
}

.home-hero-card-content{
    padding-left:20px;
    border-left:2px solid #0087D5;
}

.home-hero-card-content h3{
    margin:0 0 10px;
    color:#0087D5;
    font-size:18px;
    font-weight:700;
}

.home-hero-card-content p{
    margin:0;
    color:#64748b;
    line-height:1.7;
}

/* BOTTOM */

.home-hero-bottom{
    max-width:1300px;
    margin:50px auto 0;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.home-hero-info-card{
      background:#fff;
    padding:30px;
    border-radius:20px;
    border:1px solid #e2e8f0;
    box-shadow:0 10px 40px rgba(15,23,42,.06);
    transition:.4s;

    display:flex;
    gap:20px;
    align-items:flex-start;
}

.home-hero-info-card:hover{
    transform:translateY(-10px);
}

.home-hero-info-icon{
    flex-shrink:0;
    width:70px;
    height:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#00d0ff20,#0095ff20);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:0;
}
.home-hero-info-content{
    flex:1;
}
.home-hero-info-icon i{
    color:#0087D5;
    font-size:28px;
}

.home-hero-info-card h3{
    color:#0f172a;
    margin-bottom:10px;
}

.home-hero-info-card span{
    display:block;
    color:#0087D5;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
}

.home-hero-info-card p{
    color:#3b3d40;
    line-height:1.8;
}

.home-hero-info-card a{
    display:inline-flex;
    gap:10px;
    align-items:center;
    margin-top:15px;
    text-decoration:none;
    color:#0087D5;
    font-weight:400;
}

/* Tablet */

@media(max-width:991px){

    .home-hero-container{
        flex-direction:column;
    }

    .home-hero-right{
        width:100%;
    }

    .home-hero-title{
        font-size:35px;
    }

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

/* Mobile */

@media(max-width:767px){

    .home-hero-title{
        font-size:30px;
    }

    .home-hero-bottom{
        grid-template-columns:1fr;
    }

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

    .home-hero-card-content{
        border-left:none;
        padding-left:0;
    }
     .home-hero-info-icon {
    width: 50px;
    height: 50px;
    }
    .home-hero-info-icon i {
    font-size: 20px;
}
.home-hero-info-card {
    padding: 20px;
}
.home-hero-sec {
    padding: 50px 20px;
}
}

/* SECTION BASE */
.sap-core-sec{
  padding:90px 20px;
    background:#ffffff;
    overflow:hidden;
}

.sap-core-container{
    max-width:1300px;
    margin:auto;
}

/* HEADER */
.sap-core-header{
    margin-bottom:45px;
}

.sap-core-header h2{
    font-size:48px;
    font-weight:800;
    color:#000000;
    margin-bottom:18px;
    text-transform:uppercase;
    line-height:1.1;
}
.sap-core-header h2 span{
    color:#0087D5;
}

.sap-core-header p{
    max-width:850px;
    color:#3b3d40;
    font-size:18px;
    line-height:1.8;
}
.sap-core-header p span{
    color:#0087D5;
}

/* GRID */
.sap-core-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/* CARD */
.sap-core-card{
     position: relative;
    overflow: hidden;
    background:#fff;
    border:1px solid #e2e8f0;
    border-left:4px solid #0087D5;
    border-radius:18px;
    padding:20px 25px;
    min-height:330px;
    display:flex;
    flex-direction:column;
    transition:.35s ease;
    box-shadow:0 10px 35px rgba(15,23,42,.05);
}

.sap-core-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(15,23,42,.12);
}

/* glow border effect */
.sap-core-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  padding:1px;
  /* background:linear-gradient(135deg,#0087D5,#3b82f6); */
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:0.4;
   pointer-events: none;
}

/* hover effect */
.sap-core-card:hover{
  transform:translateY(-8px);
  background:rgba(255,255,255,0.07);
}

/* ICON */
.sap-core-icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:rgba(0,135,213,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.sap-core-icon i{
    font-size:30px;
    color:#0087D5;
}

/* TITLE */
.sap-core-card h3{
    font-size:18px;
    line-height:1.3;
    color:#0f172a;
    margin-bottom:18px;
    font-weight:700;
}

/* TEXT */
.sap-core-card p{
    color:#3b3d40;
    font-size:16px;
    line-height:1.9;
    margin-bottom:25px;
}

/* LINK */
.sap-core-link{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#0087D5;
    font-size:15px;
    font-weight:700;
    cursor: pointer;
    text-transform:uppercase;
}

.sap-core-link span{
    transition:.3s;
}

.sap-core-card:hover .sap-core-link span{
    transform:translateX(6px);
}


/* RESPONSIVE */
@media (max-width: 992px){
   .sap-core-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .sap-core-header h2{
        font-size:35px;
    }

    .sap-core-card h3{
        font-size:18px;
    }
}

@media (max-width: 600px){
   .sap-core-grid{
        grid-template-columns:1fr;
    }

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

    .sap-core-header p{
        font-size:16px;
    }

    .sap-core-card{
        min-height:auto;
    }

    .sap-core-card h3{
        font-size:18px;
         margin-bottom: 10px;
    }
    .sap-core-sec {
    padding: 60px 20px;
    }
    .sap-core-icon {
    width: 50px;
    height: 50px;
    }
    .sap-core-icon i {
    font-size: 25px;
    }
}

.sap-services-sec{
    padding:90px 20px;
    background:#F5F7FB;
}

.sap-services-sec-container{
    max-width:1300px;
    margin:auto;
}


/* HEADER */
.sap-services-sec-header{
    margin-bottom:45px;
}

.sap-services-sec-header h2{
    font-size:48px;
    font-weight:800;
    color:#020202;
    margin-bottom:18px;
    text-transform:uppercase;
    line-height:1.1;
}
.sap-services-sec-header h2 span{
    color:#0087D5;
}

.sap-services-sec-header p{
    max-width:1000px;
    color:#3b3d40;
    font-size:18px;
    line-height:1.8;
}

.sap-services-sec-header p span{
    color:#0087D5;
    /* font-weight:600; */
}

/* GRID */
.sap-services-sec-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
}

/* CARD */
.sap-services-sec-card{
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:18px;
    padding:30px;
    display:flex;
    align-items:center;
    gap:18px;
    transition:.35s ease;
    /* min-height:165px; */
    box-shadow:0 10px 30px rgba(15,23,42,.05);
}

.sap-services-sec-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 50px rgba(15,23,42,.12);
    border-color:#0087D5;
}

/* ICON */
.sap-services-sec-icon{
    color:#0087D5;
    font-size:32px;
    min-width:42px;
    margin-top:4px;
}

/* TEXT */
.sap-services-sec-content h3{
    font-size:20px;
    line-height:1.3;
    color:#030303;
    /* margin-bottom:10px; */
    font-weight:700;
}

.sap-services-sec-content p{
    color:#3b3d40;
    font-size:16px;
    line-height:1.8;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .sap-services-sec-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px){
  .sap-services-sec-grid{
    grid-template-columns: 1fr;
  }

  .sap-services-sec-header h2{
    font-size: 30px;
  }
  .sap-services-sec {
    padding: 60px 20px;
  }
  .sap-services-sec-header p {
    font-size: 16px;
}
.sap-services-sec-icon {
    font-size: 25px;
}
.sap-services-sec-card{
    padding: 20px;
}
}

.btp-service-sec{
  background: #fff;
  padding: 80px 20px;
  color: #000000;
}

.btp-service-sec-container{
  max-width: 1300px;
  margin: auto;
}

/* HEADER */
.btp-service-sec-header{
  text-align: left;
  margin-bottom: 50px;
}

.btp-service-sec-header h2{
  font-size: 48px;
  letter-spacing: 1px;
  margin-bottom: 10px;
  color:#000;
}
.btp-service-sec-header h2 span{
  color: #0087D5;
}

.btp-service-sec-header p{
  color: #3b3d40;
  max-width: 950px;
  line-height: 1.5;
  font-size: 18px;
  text-align: left;
}
.btp-service-sec-header p span{
  color: #0087D5;
}

/* GRID */
.btp-service-sec-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* CARD */
.btp-service-sec-card{
  display: flex;
  gap: 15px;
  padding: 18px 20px;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #bcdef1;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* HOVER */
.btp-service-sec-card:hover{
  transform: translateY(-8px);
  background: #fff;
  border-color: #0087D5;
  box-shadow: 0 10px 25px #0087d536;
}

/* ICON */
.btp-service-sec-icon{
  font-size: 22px;
  color: #0087D5;
  margin-top: 4px;
  min-width: 25px;
}

/* TEXT */
.btp-service-sec-card h3{
  font-size: 18px;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}

.btp-service-sec-card p{
  font-size: 14px;
    color: #3b3d40;
    line-height: 1.5;
}

/* RESPONSIVE */
@media (max-width: 992px){
  .btp-service-sec-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px){
  .btp-service-sec-grid{
    grid-template-columns: 1fr;
  }

  .btp-service-sec-header h2{
    font-size: 30px;
  }
  .btp-service-sec {
    padding: 60px 20px;
  }
  .btp-service-sec-header p{
        font-size: 16px;
  }
}

.enter-sec{
    position:relative;
    overflow:hidden;
    background:#F5F7FB;
    padding:70px 20px;
}

.enter-sec::before{
    content:"";
    position:absolute;
    width:800px;
    height:800px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,150,255,.12),transparent 70%);
    right:-300px;
    top:-200px;
}

.enter-sec::after{
    content:"";
    position:absolute;
    width:700px;
    height:700px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(0,150,255,.08),transparent 70%);
    left:-250px;
    bottom:-250px;
}

.enter-sec-container{
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

.enter-sec-heading{
    margin-bottom:40px;
}

.enter-sec-heading h2{
    color:#000000;
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.enter-sec-heading h2 span{
    color:#0087D5;
}

.enter-sec-heading p{
    color:#3b3d40;
    font-size:18px;
    max-width:980px;
    line-height:1.8;
}
.enter-sec-heading p span{
    color:#0087D5;
}

.enter-sec-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.enter-sec-card{
    display:flex;
    align-items:center;
    gap:16px;
    padding:22px;
    background:#fff;
    border:1px solid #c1e5fa;
    border-radius:14px;
    backdrop-filter:blur(8px);
    transition:.4s ease;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}

.enter-sec-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(0,255,255,.12),
      transparent
    );
    transition:.6s;
}

.enter-sec-card:hover::before{
    left:100%;
}

.enter-sec-card:hover{
    transform:translateY(-8px);
    border-color:#0087D5;
    box-shadow:0 15px 35px #0087d521;
}

.enter-sec-icon{
    min-width:48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0087D5;
    font-size:24px;
}
.enter-sec-content{
    display: flex;
    align-items: center;
}

.enter-sec-content h3{
    color:#000000;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}

.enter-sec-content p{
    color:#3c3c3c;
    line-height:1.7;
    font-size:15px;
}

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

    .enter-sec-heading h2{
        font-size:38px;
    }

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

/* Mobile */
@media(max-width:767px){

    .enter-sec{
        padding:70px 15px;
    }

    .enter-sec-heading{
        text-align:center;
    }

    .enter-sec-heading h2{
        font-size:28px;
    }

    .enter-sec-heading p{
        font-size:15px;
    }

    .enter-sec-grid{
        grid-template-columns:1fr;
    }

    .enter-sec-card{
        padding:18px;
    }

    .enter-sec-content h3{
        font-size:18px;
    }

    .enter-sec-content p{
        font-size:14px;
    }
}

.cloud-solutions-sec{
    position:relative;
    overflow:hidden;
    padding:70px 20px;
    background:#fff;
}

/* .cloud-solutions-sec::before{
    content:'';
    position:absolute;
    top:-250px;
    right:-250px;
    width:700px;
    height:700px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(0,217,255,.12) 0%,
    transparent 70%);
} */

/* .cloud-solutions-sec::after{
    content:'';
    position:absolute;
    left:-250px;
    bottom:-250px;
    width:650px;
    height:650px;
    border-radius:50%;
    background:radial-gradient(circle,
    rgba(0,217,255,.08) 0%,
    transparent 70%);
} */

.cloud-solutions-sec-container{
    max-width:1300px;
    margin:auto;
    position:relative;
    z-index:2;
}

.cloud-solutions-sec-heading{
    margin-bottom:40px;
}

.cloud-solutions-sec-heading h2{
    color:#000000;
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.cloud-solutions-sec-heading h2 span{
    color:#0087D5;
}

.cloud-solutions-sec-heading p{
    color:#494949;
    font-size:18px;
    line-height:1.8;
    max-width:1050px;
}
.cloud-solutions-sec-heading p span{
    color:#0087D5;
   
}

.cloud-solutions-sec-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.cloud-solutions-sec-card{
    position:relative;
    display:flex;
    gap:16px;
    padding:24px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(212, 222, 255, 0.35);
    backdrop-filter:blur(10px);
    transition:.4s ease;
    overflow:hidden;
    cursor:pointer;
}

.cloud-solutions-sec-card::before{
    content:'';
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(
      90deg,
      transparent,
      rgba(0,217,255,.12),
      transparent
    );
    transition:.7s;
}

.cloud-solutions-sec-card:hover::before{
    left:100%;
}

.cloud-solutions-sec-card:hover{
    transform:translateY(-8px);
    border-color:#0087D5;
    box-shadow:0 15px 35px rgba(0,217,255,.15);
}

.cloud-solutions-sec-icon{
    min-width:48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0087D5;
    font-size:24px;
}

.cloud-solutions-sec-card:hover .cloud-solutions-sec-icon{
    transform:scale(1.15);
    transition:.4s;
}

.cloud-solutions-sec-content h3{
    color:#000000;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px;
}

.cloud-solutions-sec-content p{
    color:#4d4d4d;
    font-size:15px;
    line-height:1.7;
    padding-bottom: 10px;
}
.cloud-solutions-sec-content a{
    font-size: 15px;
    color:#0087D5;
    text-decoration: none;
}

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

    .cloud-solutions-sec{
        padding:70px 20px;
    }

    .cloud-solutions-sec-heading h2{
        font-size:38px;
    }

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

    .cloud-solutions-sec-content h3{
        font-size:22px;
    }
}

/* Mobile */
@media(max-width:767px){

    .cloud-solutions-sec{
        padding:60px 15px;
    }

    .cloud-solutions-sec-heading{
        text-align:center;
    }

    .cloud-solutions-sec-heading h2{
        font-size:30px;
    }

    .cloud-solutions-sec-heading p{
        font-size:15px;
    }

    .cloud-solutions-sec-grid{
        grid-template-columns:1fr;
        gap:15px;
    }

    .cloud-solutions-sec-card{
        padding:20px;
    }

    .cloud-solutions-sec-content h3{
        font-size:20px;
    }

    .cloud-solutions-sec-content p{
        font-size:14px;
    }
}

/* ==========================
   WE SERVE SECTION
========================== */

.we-serve-sec{
  position:relative;
  width:100%;
  padding:70px 20px;
  overflow:hidden;
  background:#eff5fa;
}

.we-serve-sec-container{
  max-width:1300px;
  margin:0 auto;
}

.we-serve-sec-header{
  margin-bottom:40px;
}

.we-serve-sec-header h2{
  margin:0 0 16px;
  color:#000000;
  font-size:48px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.we-serve-sec-header h2 span{
  color:#0087D5;
}

.we-serve-sec-header p{
  max-width:1100px;
  margin:0;
  color:#3d3d3d;
  font-size:18px;
  line-height:1.7;
}
.we-serve-sec-header p{
  color:#0087D5;
}

.we-serve-sec-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.we-serve-sec-card{
  position:relative;
  display:flex;
  align-items:flex-start;
  gap:22px;
  padding:28px 26px;
  border-radius:14px;
  background:#fff;
  border:1px solid #caeafd;
  backdrop-filter:blur(12px);
  transition:all .4s ease;
  overflow:hidden;
}

.we-serve-sec-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
      90deg,
      transparent,
      rgba(0,217,255,.12),
      transparent
  );
  transform:translateX(-100%);
  transition:.8s;
}

.we-serve-sec-card:hover::before{
  transform:translateX(100%);
}

.we-serve-sec-card:hover{
  transform:translateY(-8px);
  border-color:#0087D5;
  box-shadow:
    0 15px 40px #0087d524, 0 0 25px #ffffff;
}

.we-serve-sec-icon{
  flex:0 0 52px;
  width:52px;
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0087D5;
  font-size:28px;
}

.we-serve-sec-content h3{
  margin:0 0 10px;
  color:#020202;
  font-size:20px;
  font-weight:800;
  letter-spacing:.8px;
}

.we-serve-sec-content p{
  margin:0;
  color:rgba(59, 59, 59, 0.72);
  font-size:16px;
  line-height:1.6;
}

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

@media(max-width:991px){

  .we-serve-sec{
    padding:70px 20px;
  }

  .we-serve-sec-header h2{
    font-size:40px;
  }

  .we-serve-sec-header p{
    font-size:16px;
  }

  .we-serve-sec-grid{
    gap:18px;
  }

  .we-serve-sec-content h3{
    font-size:24px;
  }

}

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

@media(max-width:767px){

  .we-serve-sec{
    padding:60px 15px;
  }

  .we-serve-sec-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .we-serve-sec-header{
    text-align:left;
  }

  .we-serve-sec-header h2{
    font-size:32px;
    line-height:1.1;
  }

  .we-serve-sec-header p{
    font-size:15px;
  }

  .we-serve-sec-card{
    padding:22px 18px;
    gap:16px;
  }

  .we-serve-sec-icon{
    width:44px;
    height:44px;
    font-size:24px;
  }

  .we-serve-sec-content h3{
    font-size:20px;
  }

  .we-serve-sec-content p{
    font-size:14px;
  }

}

/* ==========================
   NEWSLETTER SECTION
========================== */

.newsletter-sec{
    padding:90px 20px;
    background:#0087D5;
}

.newsletter-sec-container{
    max-width:1300px;
    margin:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;
}

.newsletter-sec-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#ffffff;
    color:#0087D5;
    font-size:13px;
    font-weight:700;
    margin-bottom:20px;
}

.newsletter-sec-left h2{
    font-size:46px;
    color:#fff;
    line-height:1.2;
    margin-bottom:18px;
}

.newsletter-sec-left>p{
    color:#eaeaea;
    line-height:1.8;
    max-width:700px;
    margin-bottom:30px;
}

.newsletter-sec-features{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:22px;
}

.newsletter-sec-card{
    background:#0478bc;
    border:1px solid rgba(255, 255, 255, 0.575);
    border-radius:18px;
    padding:28px;
    transition:.35s;
}

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

.newsletter-sec-icon{
    width:50px;
    height:50px;
    border-radius:12px;
    background:rgba(255,255,255,.12);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ffffff;
    font-size:22px;
    margin-bottom:18px;
    border: 1px solid #ffffff82;
}

.newsletter-sec-card h3{
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
}

.newsletter-sec-card p{
    color:#d6e5f3;
    line-height:1.8;
}

.newsletter-sec-form-box{
   background: #026fae;
    border: 1px solid rgb(255 255 255 / 42%);
    border-radius: 22px;
    padding: 35px;
}

.newsletter-sec-form-box h3{
    color:#fff;
    font-size:32px;
    margin-bottom:12px;
}

.newsletter-sec-form-box>p{
    color:#b9c7d9;
    margin-bottom:30px;
    line-height:1.7;
}

.newsletter-sec-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
}

.newsletter-sec-field{
    margin-bottom:10px;
}

.newsletter-sec-field label{
    display:block;
    color:#fff;
    margin-bottom:8px;
    font-size:14px;
    font-weight:600;
}

.newsletter-sec-field input,
.newsletter-sec-field select,
.newsletter-sec-field textarea{
    width: 100%;
    background: #e8e8e8;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    padding: 14px 16px;
    color: #000000;
    outline: none;
    font-size: 15px;
}

.newsletter-sec-field textarea{
    resize:none;
}

.newsletter-sec-field input::placeholder,
.newsletter-sec-field textarea::placeholder{
    color:#787879;
}

.newsletter-sec-btn{
    width:100%;
    border:none;
    padding:16px;
    border-radius:30px;
    background:#ffffff00;
    color:#ffffff;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
    border: 1px solid #fff;
}

.newsletter-sec-btn:hover{
    background:#016199;
}

/* Tablet */

@media(max-width:991px){

.newsletter-sec-container{
    grid-template-columns:1fr;
    gap:50px;
}

.newsletter-sec-left h2{
    font-size:38px;
}

.newsletter-sec-right{
    width:100%;
}

}

/* Mobile */

@media(max-width:767px){

.newsletter-sec{
    padding:70px 15px;
}

.newsletter-sec-left h2{
    font-size:30px;
}

.newsletter-sec-features{
    grid-template-columns:1fr;
}

.newsletter-sec-grid{
    grid-template-columns:1fr;
}

.newsletter-sec-form-box{
    padding:22px;
}

.newsletter-sec-card{
    padding:22px;
}

.newsletter-sec-card h3{
    font-size:22px;
}

.newsletter-sec-form-box h3{
    font-size:28px;
}

}

/* ====================================
   ABOUT US SECTION
==================================== */

.about-us-sec{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:70px 20px;
  background:#ffff;
}

.about-us-sec::before{
  content:"";
  position:absolute;
  inset:0;
  background:
  radial-gradient(circle at center,
  rgba(0,200,255,.05),
  transparent 60%);
  pointer-events:none;
}

.about-us-sec-container{
  max-width:1300px;
  margin:auto;
  position:relative;
  z-index:2;
}

.about-us-sec-grid{
  display:grid;
  grid-template-columns:1.1fr .95fr;
  gap:50px;
  align-items:center;
}

/* ====================================
   LEFT CONTENT
==================================== */

.about-us-sec-subtitle{
  display:inline-block;
  color:#0087D5;
  font-size:20px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:20px;
}

.about-us-sec-heading{
  margin:0;
  color:#000000;
  font-size:48px;
  line-height:1.05;
  font-weight:800;
  text-transform:uppercase;
}
.about-us-sec-heading span{
  color:#0087D5;
}

.about-us-sec-line{
  width:90px;
  height:4px;
  background:#0087D5;
  margin:35px 0;
  border-radius:20px;
}

.about-us-sec-text p{
  margin:0 0 24px;
  color:rgba(77, 77, 77, 0.78);
  font-size:18px;
  line-height:1.9;
}

.about-us-sec-text span{
  color:#0087D5;
  font-weight:600;
}

/* ====================================
   RIGHT CARDS
==================================== */

.about-us-sec-cards{
  display:flex;
  flex-direction:column;
  gap:28px;
}

.about-us-sec-card{
  display:flex;
  align-items:center;
  gap:25px;
  padding:20px;
  border-radius:18px;
  background:rgb(255 255 255 / 16%);
  border:1px solid #0087D5;
  backdrop-filter:blur(12px);
  transition:.4s ease;
}

.about-us-sec-card:hover{
  transform:translateY(-8px);
  border-color:#0087D5;
  box-shadow:0 15px 40px rgba(0, 229, 255, 0.055);
}

.about-us-sec-icon{
  min-width:80px;
  width:80px;
  height:80px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,229,255,.08);
}

.about-us-sec-icon i{
  color:#0087D5;
  font-size:40px;
}

.about-us-sec-divider{
  width:2px;
  align-self:stretch;
  background:#0087D5;
  opacity:.8;
}

.about-us-sec-card-content h3{
  margin:0 0 15px;
  color:#0087D5;
  font-size:30px;
  font-weight:800;
}

.about-us-sec-card-content p{
  margin:0;
  color:rgba(70, 70, 70, 0.82);
  font-size:18px;
  line-height:1.8;
}

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

@media(max-width:1024px){

  .about-us-sec{
    padding:80px 20px;
  }

  .about-us-sec-grid{
    grid-template-columns:1fr;
    gap:40px;
  }

  .about-us-sec-heading{
    font-size:35px;
  }

  .about-us-sec-text p{
    font-size:16px;
  }

  .about-us-sec-card-content h3{
    font-size:25px;
  }

  .about-us-sec-card-content p{
    font-size:16px;
  }

}

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

@media(max-width:767px){

  .about-us-sec{
    padding:60px 15px;
  }

  .about-us-sec-subtitle{
    font-size:16px;
  }

  .about-us-sec-heading{
    font-size:30px;
    line-height:1.15;
  }

  .about-us-sec-line{
    width:70px;
    margin:25px 0;
  }

  .about-us-sec-text p{
    font-size:16px;
    line-height:1.8;
  }

  .about-us-sec-card{
    flex-direction:column;
    text-align:center;
    padding:25px;
    gap:20px;
  }

  .about-us-sec-divider{
    width:70px;
    height:2px;
    align-self: center;
  }

  .about-us-sec-icon{
    width:80px;
    height:80px;
    min-width:80px;
  }

  .about-us-sec-icon i{
    font-size:38px;
  }

  .about-us-sec-card-content h3{
    font-size:25px;
  }

  .about-us-sec-card-content p{
    font-size:16px;
    line-height:1.7;
  }

}

/* ==================================
   HOME FORM SECTION
================================== */

.home-form-sec{
  position:relative;
  padding:70px 20px;
  overflow:hidden;
  background:#EFF5FA;
}

.home-form-sec-container{
  max-width:1300px;
  margin:auto;
}

.home-form-sec-grid{
  display:grid;
  grid-template-columns:1.7fr .95fr;
  gap:28px;
}

/* ==========================
   COMMON BOX
========================== */

.home-form-sec-form-box,
.home-form-sec-info-box{
  background:#0469a4;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  backdrop-filter:blur(12px);
}

/* ==========================
   LEFT FORM
========================== */

.home-form-sec-form-box{
  padding:28px;
}

.home-form-sec-heading-wrap h2{
  margin:0 0 6px;
  color:#ffffff;
  font-size:40px;
  font-weight:800;
}

.home-form-sec-heading-wrap p{
  margin:0 0 24px;
  color:rgb(250, 250, 250);
  font-size:15px;
}

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

.home-form-sec-field{
  margin-bottom:14px;
}

.home-form-sec-field label{
  display:block;
  color:#f0f0f0;
  margin-bottom:8px;
  font-size:14px;
  font-weight:600;
}

.home-form-sec-field input,
.home-form-sec-field select,
.home-form-sec-field textarea{
  width:100%;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(250, 250, 250, 0.712);
  border-radius:8px;
  color:#fff;
  padding:14px 15px;
  outline:none;
  transition:.3s;
  font-size:15px;
}

.home-form-sec-field textarea{
  height:110px;
  resize:none;
}

.home-form-sec-field input:focus,
.home-form-sec-field select:focus,
.home-form-sec-field textarea:focus{
  border-color:#0087D5;
  box-shadow:0 0 15px rgba(0,223,255,.15);
}

.home-form-sec-field input::placeholder,
.home-form-sec-field textarea::placeholder{
  color:#e2e2e2;
}

/* ==========================
   BUTTONS
========================== */

.home-form-sec-btns{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:10px;
}

.home-form-sec-btn{
  border:none;
  background:#f8f8f800;
  color:#fdfeff;
  font-weight:800;
  padding:14px 28px;
  border-radius:30px;
  cursor:pointer;
  transition:.3s;
  border: 1px solid #ffffff;
}

.home-form-sec-btn:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(0,217,255,.25);
}

.home-form-sec-cancel{
  background:none;
  border:none;
  color:#8f98ad;
  font-weight:700;
  cursor:pointer;
}

/* ==========================
   RIGHT BOX
========================== */

.home-form-sec-info-box{
  display:flex;
  flex-direction:column;
  padding:35px;
}

.home-form-sec-info-box h3{
  margin:0 0 15px;
  color:#fff;
  font-size:38px;
  font-weight:800;
}

.home-form-sec-info-box p{
  color:rgb(255 255 255);
  font-size:17px;
  line-height:1.7;
  margin-bottom:30px;
}

.home-form-sec-contact-list{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.home-form-sec-contact-item{
  display:flex;
  align-items:center;
  gap:15px;
  color:#fff;
  font-size:18px;
}
.home-form-sec-contact-item span{
    color:#fff;
}
/* Default selected text */
.home-form-sec-field select{
  color:#fff;
  background:rgba(255,255,255,.04);
}

/* Dropdown options */
.home-form-sec-field select option{
  background:#0087D5;
  color:#ffffff;
}

.home-form-sec-contact-item i{
  color:#fafafa;
  font-size:20px;
  width:22px;
}

.home-form-sec-bottom-text{
  margin-top:auto;
  padding-top:25px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#ffffff;
  font-size:24px;
  font-weight:800;
  line-height:1.4;
}

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

@media(max-width:991px){

  .home-form-sec{
    padding:70px 20px;
  }

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

  .home-form-sec-info-box h3{
    font-size:32px;
  }

  .home-form-sec-bottom-text{
    margin-top:30px;
  }

}

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

@media(max-width:767px){

  .home-form-sec{
    padding:60px 15px;
  }

  .home-form-sec-form-box,
  .home-form-sec-info-box{
    padding:22px;
  }

  .home-form-sec-heading-wrap h2{
    font-size:30px;
  }

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

  .home-form-sec-btns{
    flex-direction:column;
    align-items:flex-start;
  }

  .home-form-sec-btn{
    width:100%;
  }

  .home-form-sec-info-box h3{
    font-size:26px;
  }

  .home-form-sec-contact-item{
    font-size:15px;
    word-break:break-word;
  }

  .home-form-sec-bottom-text{
    font-size:18px;
  }

}

/* ==========================
   ADV FOOTER SECTION
========================== */

.adv-footer-sec{
  width:100%;
  padding:18px 20px;
  background:#0087D5;
}

.adv-footer-sec-container{
  max-width:1300px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.adv-footer-sec-left p{
  margin:0;
  color:rgb(255 255 255 / 89%);
  font-size:15px;
  line-height:1.5;
}

.adv-footer-sec-left strong{
  color:rgb(255 255 255);
  font-weight:600;
}

.adv-footer-sec-right{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.adv-footer-sec-right a{
  color:rgb(255 255 255 / 95%);
  text-decoration:none;
  font-size:15px;
  transition:.3s ease;
}

.adv-footer-sec-right a:hover{
  color:#00dfff;
}

.adv-footer-sec-divider{
  color:rgba(255,255,255,.25);
}

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

@media(max-width:991px){

  .adv-footer-sec-container{
    flex-direction:column;
    text-align:center;
    gap:12px;
  }

}

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

@media(max-width:767px){

  .adv-footer-sec{
    padding:16px 15px;
  }

  .adv-footer-sec-left p,
  .adv-footer-sec-right a{
    font-size:13px;
  }

  .adv-footer-sec-right{
    justify-content:center;
    gap:8px;
  }

}

    .agent-sec{
    position:relative;
    overflow:hidden;
    background:#02466e;
    padding:70px 64px 100px;
}


 .agent-sec__bg-img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    opacity:0.8;
    mix-blend-mode:screen;

    z-index:0;
    pointer-events:none;
}

   .agent-sec::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;

    background:
      linear-gradient(to bottom, rgba(5, 12, 26, .15) 0%, rgba(5, 12, 26, .35) 30%, rgb(10 31 74 / 70%) 60%, #053855 80%, #03314c 100%);
}


    /* ══════════════════════════════════════
       INNER WRAPPER
    ══════════════════════════════════════ */
    .agent-sec__inner{
    position:relative;
    z-index:2;
    max-width: 1300px;
    margin: auto;
}

    /* ══════════════════════════════════════
       EYEBROW
    ══════════════════════════════════════ */
    .agent-sec__eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 2.5px;
      text-transform: uppercase;
      color: #fcfcfc;
      margin-bottom: 18px;
    }
    .agent-sec__eyebrow::before {
      content: '';
      display: block;
      width: 28px;
      height: 2px;
      background: #ffffff;
      border-radius: 2px;
    }

    /* ══════════════════════════════════════
       HEADING
    ══════════════════════════════════════ */
    .agent-sec__heading {
      font-size: clamp(30px, 4vw, 52px);
      font-weight: 900;
      color: #ffffff;
      letter-spacing: -0.5px;
      text-transform: uppercase;
      line-height: 1.1;
      margin-bottom: 22px;
      max-width: 640px;
    }

    /* ══════════════════════════════════════
       SUBTEXT
    ══════════════════════════════════════ */
    .agent-sec__subtext {
      max-width: 560px;
      font-size: clamp(14px, 1.5vw, 15.5px);
      line-height: 1.8;
      color: #ffffff;
      margin-bottom: 64px;
    }
    .agent-sec__subtext strong {
      color: #ffffff;
      font-weight: 600;
    }

    /* ══════════════════════════════════════
       GRID
    ══════════════════════════════════════ */
    .agent-sec__grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    /* ══════════════════════════════════════
       CARD
    ══════════════════════════════════════ */
    .agent-sec__card {
      position: relative;
      background: #02629a2b;
      border: 1px solid #f6f6f694;
      border-radius: 14px;
      padding: 30px 26px 28px;
      cursor: pointer;
      transition: transform 0.35s cubic-bezier(.22,.68,0,1.2),
                  border-color 0.3s ease,
                  box-shadow 0.3s ease;
      backdrop-filter: blur(6px);
      overflow: hidden;
    }

    /* card inner glow on hover */
    .agent-sec__card::after {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 14px;
      background: radial-gradient(ellipse 80% 60% at 50% 0%,
        rgba(0,180,255,0.09) 0%, transparent 70%);
      opacity: 0;
      transition: opacity 0.35s ease;
      pointer-events: none;
    }

    .agent-sec__card:hover {
      transform: translateY(-8px);
      border-color: rgba(0,200,255,0.38);
      box-shadow:
        0 20px 50px rgba(0,0,0,0.4),
        0 0 0 1px rgba(0,200,255,0.1),
        0 4px 20px rgba(0,180,255,0.18);
    }
    .agent-sec__card:hover::after { opacity: 1; }

    /* ── ICON BOX ── */
    .agent-sec__card-icon {
      width: 50px;
      height: 50px;
      border-radius: 10px;
      background: rgb(0 160 255 / 0%);
      border: 1px solid rgb(250 250 250 / 50%);
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
      transition: background 0.3s, border-color 0.3s, box-shadow 0.3s;
    }
    .agent-sec__card:hover .agent-sec__card-icon {
      background: rgba(0,180,255,0.16);
      border-color: rgba(0,220,255,0.45);
      box-shadow: 0 0 18px rgba(0,180,255,0.25);
    }
    .agent-sec__card-icon i {
      font-size: 20px;
      color: #f9fafa;
      transition: transform 0.3s ease;
    }
    .agent-sec__card:hover .agent-sec__card-icon i {
      transform: scale(1.15);
    }

    /* ── TITLE ── */
    .agent-sec__card-title {
      font-size: 15.5px;
      font-weight: 700;
      color: #e8f2ff;
      margin-bottom: 8px;
      letter-spacing: 0.1px;
    }

    /* ── DIVIDER ── */
    .agent-sec__card-divider {
      width: 32px;
      height: 2px;
      background: linear-gradient(90deg, #00c8ff 0%, transparent 100%);
      border-radius: 2px;
      margin-bottom: 14px;
    }

    /* ── DESC ── */
    .agent-sec__card-desc {
      font-size: 13px;
      line-height: 1.7;
      color: #f0f0f0;
    }

    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media (max-width: 1024px) {
      .agent-sec { padding: 70px 40px 80px; }
      .agent-sec__bg-img { width: 100%; max-width: 100%; right: -30px; }
      .agent-sec__grid { grid-template-columns: repeat(2, 1fr); }
    }

    @media (max-width: 680px) {
      .agent-sec { padding: 56px 20px 70px; }
      .agent-sec__bg-img {
        width: 100%;
        max-width: 100%;
        top: 0;
        right: -20px;
        opacity: 0.45;
      }
      .agent-sec__bg-glow {
        width: 320px;
        height: 0px;
        top: -60px;
        right: -60px;
      }
      .agent-sec__subtext { margin-bottom: 40px; }
      .agent-sec__grid { grid-template-columns: 1fr; gap: 14px; }
    }




        .abt-pge-sec-hero{
    position: relative;
    overflow: hidden;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background:
   radial-gradient(circle at top left, #0B1B3A 0%, #02071f 35%), radial-gradient(circle at bottom right, #0B1B3A 0%, #00000000 35%), #050816;
    padding: 60px 10px;
}

.abt-pge-sec-container{
    width: 90%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
}
.abt-pge-sec-hero-content,
.abt-pge-sec-hero-image{
    min-width: 0;
}

.abt-pge-sec-hero-content{
    flex: 1;
    position: relative;
    z-index: 2;
}

.abt-pge-sec-badge{
    display: inline-block;
    padding: 10px 22px;
    border-radius: 50px;
    background: rgba(255,255,255,.08);
    border: 1px solid #0FCFE8;
    color: #0FCFE8;
    font-size: 14px;
    letter-spacing: 2px;
    margin-bottom: 25px;
}

.abt-pge-sec-title{
    font-size: 50px;
    line-height: 1.1;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
}

.abt-pge-sec-title span{
    background: linear-gradient(90deg, #0FCFE8, #0FCFE8, #0FCFE8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.abt-pge-sec-desc{
    color: #b8c0d6;
    font-size: 18px;
    line-height: 1.9;
    max-width: 650px;
    margin-bottom: 40px;
}

.abt-pge-sec-btn-wrap{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.abt-pge-sec-btn-primary{
    background: #09abc9;
    color: #fff;
    text-decoration: none;
    padding: 16px 34px;
    border-radius: 10px;
    font-weight: 600;
    transition: .4s;
}

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

.abt-pge-sec-btn-secondary{
    padding: 16px 34px;
    border-radius: 10px;
    text-decoration: none;
    color: #fff;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(10px);
    transition: .4s;
}

.abt-pge-sec-btn-secondary:hover{
    transform: translateY(-5px);
    background: rgba(255,255,255,.1);
}

.abt-pge-sec-hero-image{
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}

.abt-pge-sec-image-box{
    width: 100%;
    max-width: 550px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(20px);
    animation: abt-pge-sec-float 5s ease-in-out infinite;
}

.abt-pge-sec-image-box img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.abt-pge-sec-image-box::before{
    content:'';
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    180deg,
    transparent,
    rgba(0,0,0,.35)
    );
}

.abt-pge-sec-hero-blur{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
}

.abt-pge-sec-hero-blur1{
    width:350px;
    height:350px;
    background:#0b1b3a;
    left:-100px;
    top:100px;
    opacity:.35;
}

.abt-pge-sec-hero-blur2{
    width:300px;
    height:300px;
    background:#020514;
    right:-50px;
    bottom:50px;
    opacity:.3;
}

@keyframes abt-pge-sec-float{
    0%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-20px);
    }
    100%{
        transform:translateY(0);
    }
}
@media (max-width: 991px){

    .abt-pge-sec-container{
        flex-direction: column;
        gap: 50px;
        text-align: center;
    }

    .abt-pge-sec-hero-content{
        width: 100%;
    }

    .abt-pge-sec-hero-image{
        width: 100%;
    }

    .abt-pge-sec-image-box{
        max-width: 600px;
        width: 100%;
        margin: 0 auto;
    }

    .abt-pge-sec-btn-wrap{
        justify-content: center;
        flex-wrap: wrap;
    }

}

/* Mobile */
@media (max-width: 767px){

    .abt-pge-sec-container{
        width: calc(100% - 30px);
        gap: 40px;
    }

    .abt-pge-sec-title{
        font-size: 30px;
        line-height: 1.2;
    }

    .abt-pge-sec-desc{
        font-size: 15px;
    }

    .abt-pge-sec-btn-wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: stretch;
    }

    .abt-pge-sec-btn-primary,
    .abt-pge-sec-btn-secondary{
        width: 100%;
        display: block;
        text-align: center;
        padding: 15px 20px;
        box-sizing: border-box;
    }

    .abt-pge-sec-image-box{
        width: 100%;
        max-width: 100%;
    }

    .abt-pge-sec-image-box img{
        width: 100%;
        height: 280px;
        object-fit: cover;
    }

}

/* Small Mobile */
@media (max-width: 480px){

    .abt-pge-sec-title{
        font-size: 28px;
    }

    .abt-pge-sec-badge{
        font-size: 12px;
        padding: 8px 16px;
    }

    .abt-pge-sec-desc{
        font-size: 14px;
        line-height: 1.7;
    }

}
.abt-pge-sec-story{
    position: relative;
    overflow: hidden;
    background: #050816;
    padding: 60px 0;
}

.abt-pge-sec-story-container{
    width: min(1400px,90%);
    margin: auto;
    position: relative;
    z-index: 2;
}

.abt-pge-sec-story-head{
    text-align: center;
    max-width: 850px;
    margin: 0 auto 90px;
}

.abt-pge-sec-story-badge{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background: rgba(255,255,255,.05);
    border: 1px solid #0FCFE8;
    color: #0FCFE8;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.abt-pge-sec-story-head h2{
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.abt-pge-sec-story-head h2 span{
    background:linear-gradient(90deg, #0FCFE8, #0FCFE8, #0FCFE8);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.abt-pge-sec-story-head p{
    color: #b8c0d6;
    font-size: 18px;
    line-height: 1.8;
}

.abt-pge-sec-story-timeline{
    position: relative;
}

.abt-pge-sec-story-line{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, #25306b, #00c2ff);
    border-radius: 50px;
}

.abt-pge-sec-story-item{
    position: relative;
    width: 50%;
    margin-bottom: 70px;
}

.abt-pge-sec-story-item.left{
    padding-right: 70px;
}

.abt-pge-sec-story-item.right{
    margin-left: auto;
    padding-left: 70px;
}

.abt-pge-sec-story-dot{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #0FCFE8;
    position: absolute;
    top: 35px;
    z-index: 5;
    box-shadow:
    0 0 0 8px rgba(139, 92, 246, .15), 0 0 30px rgb(0 188 212);
}

/* Perfect center alignment */
.abt-pge-sec-story-item.left .abt-pge-sec-story-dot{
    right: 58px;
}

.abt-pge-sec-story-item.right .abt-pge-sec-story-dot{
    left: 58px;
}

.abt-pge-sec-story-card{
    background: rgba(255,255,255,.04);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 24px;
    padding: 35px;
    transition: .4s;
}

.abt-pge-sec-story-card:hover{
   transform: translateY(-10px);
    border-color: rgb(0 188 212 / 50%);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35), 0 0 40px rgb(0 188 212 / 10%);
}

.abt-pge-sec-story-year{
    display: inline-block;
    margin-bottom: 15px;
    color: #00c2ff;
    font-weight: 700;
    font-size: 15px;
}

.abt-pge-sec-story-card h3{
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
}

.abt-pge-sec-story-card p{
    color: #b8c0d6;
    line-height: 1.8;
}

.abt-pge-sec-story-blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
}

.abt-pge-sec-story-blur1{
    width: 350px;
    height: 350px;
    background: #0b1b3a;
    top: 0;
    left: -100px;
    opacity: .25;
}

.abt-pge-sec-story-blur2{
    width: 300px;
    height: 300px;
    background: #1d2969;
    right: -100px;
    bottom: 0;
    opacity: .18;
}
@media(max-width:991px){

    .abt-pge-sec-story-container{
        width: calc(100% - 30px);
    }

    .abt-pge-sec-story-item{
        width: 100%;
        padding-left: 55px !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box;
    }

    .abt-pge-sec-story-card{
        width: 100%;
        box-sizing: border-box;
    }

    .abt-pge-sec-story-line{
        left: 15px;
        transform: none;
    }

    .abt-pge-sec-story-dot{
        left: 4px !important;
        right: auto !important;
    }

}
@media(max-width:767px){

    .abt-pge-sec-story-container{
        width: calc(100% - 24px);
    }

    .abt-pge-sec-story-item{
        padding-left: 45px !important;
    }

    .abt-pge-sec-story-card{
        padding: 20px;
        border-radius: 18px;
    }

    .abt-pge-sec-story-card h3{
        font-size: 18px;
    }

    .abt-pge-sec-story-year{
        font-size: 13px;
    }

}

@media(max-width:767px){

    .abt-pge-sec-story{
        padding: 80px 0;
    }

    .abt-pge-sec-story-head{
        margin-bottom: 60px;
    }

    .abt-pge-sec-story-head h2{
        font-size: 32px;
    }

    .abt-pge-sec-story-head p{
        font-size: 15px;
    }

    .abt-pge-sec-story-card{
        padding: 25px;
    }

    .abt-pge-sec-story-card h3{
        font-size: 20px;
    }

    .abt-pge-sec-story-item{
        margin-bottom: 40px;
    }

}


.abt-pge-sec-mvv{
    position: relative;
    overflow: hidden;
    padding: 60px 10px;
    background: #070b18;
}

.abt-pge-sec-mvv-container{
    width: min(1400px,90%);
    margin: auto;
    position: relative;
    z-index: 2;
}

.abt-pge-sec-mvv-head{
    text-align: center;
    max-width: 850px;
    margin: 0 auto 70px;
}

.abt-pge-sec-mvv-badge{
   display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid #00BCD4;
    color: #00BCD4;
    font-size: 13px;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.abt-pge-sec-mvv-head h2{
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.abt-pge-sec-mvv-head h2 span{
    background:linear-gradient(90deg, #00c2ff, #00BCD4, #00BCD4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.abt-pge-sec-mvv-head p{
    color: #b8c0d6;
    font-size: 18px;
    line-height: 1.8;
}

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

.abt-pge-sec-mvv-card{
    position: relative;
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    border-radius: 28px;
    padding: 25px;
    transition: .4s ease;
    overflow: hidden;
}

.abt-pge-sec-mvv-card::before{
    content: "";
    position: absolute;
    inset: 0;
    background:
    linear-gradient(
        135deg,
        rgba(106,0,255,.15),
        transparent,
        rgba(0,194,255,.12)
    );
    opacity: 0;
    transition: .4s;
}

.abt-pge-sec-mvv-card:hover{
   transform: translateY(-12px);
    border-color: rgb(0 188 212 / 54%);
    box-shadow: 0 25px 50px rgba(0, 0, 0, .35), 0 0 40px rgb(0 188 212 / 0%);
}

.abt-pge-sec-mvv-card:hover::before{
    opacity: 1;
}

.abt-pge-sec-mvv-icon{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: rgba(0,217,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: .5s;
    border: 1px solid rgba(0,217,255,0.25);
}

.abt-pge-sec-mvv-card:hover .abt-pge-sec-mvv-icon{
    transform: rotate(10deg) scale(1.08);
}

.abt-pge-sec-mvv-card h3{
    color: #fff;
    font-size: 25px;
    margin-bottom: 10px;
}

.abt-pge-sec-mvv-card p{
    color: #b8c0d6;
    line-height: 1.9;
    font-size: 15px;
}

.abt-pge-sec-mvv-blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
}

.abt-pge-sec-mvv-blur1{
    width: 350px;
    height: 350px;
    background: #0b1b3a;
    left: -120px;
    top: 0;
    opacity: .25;
}

.abt-pge-sec-mvv-blur2{
    width: 300px;
    height: 300px;
    background: #1d2969;
    right: -100px;
    bottom: 0;
    opacity: .18;
}
.abt-pge-sec-mvv-icon{
    width: 60px;
    height: 60px;
    border-radius: 20px;
    background: rgba(0,217,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: .5s;
    border: 1px solid rgba(0,217,255,0.25);
}

.abt-pge-sec-mvv-icon i{
    font-size: 20px;
    color: #00D9FF;
}
/* Tablet */
@media(max-width:991px){

    .abt-pge-sec-mvv{
        padding: 90px 0;
    }

    .abt-pge-sec-mvv-container{
        width: calc(100% - 40px);
    }

    .abt-pge-sec-mvv-head h2{
        font-size: 42px;
    }

    .abt-pge-sec-mvv-grid{
        grid-template-columns: repeat(2,1fr);
        gap: 25px;
    }

}

/* Mobile */
@media(max-width:767px){

    .abt-pge-sec-mvv{
        padding: 80px 0;
    }

    .abt-pge-sec-mvv-container{
        width: calc(100% - 24px);
    }

    .abt-pge-sec-mvv-head{
        margin-bottom: 45px;
    }

    .abt-pge-sec-mvv-head h2{
        font-size: 32px;
    }

    .abt-pge-sec-mvv-head p{
        font-size: 15px;
        line-height: 1.8;
    }

    .abt-pge-sec-mvv-grid{
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .abt-pge-sec-mvv-card{
        padding: 25px;
        border-radius: 22px;
    }

    .abt-pge-sec-mvv-icon{
        width: 50px;
        height: 50px;
        font-size: 20px;
        margin-bottom: 18px;
    }

    .abt-pge-sec-mvv-card h3{
        font-size: 22px;
    }

    .abt-pge-sec-mvv-card p{
        font-size: 14px;
        line-height: 1.8;
    }

}

/* Small Mobile */
@media(max-width:480px){

    .abt-pge-sec-mvv-head h2{
        font-size: 28px;
    }

    .abt-pge-sec-mvv-card{
        padding: 20px;
    }

}

.abt-pge-sec-why{
    position: relative;
    overflow: hidden;
    padding: 70px 0;
    background: linear-gradient(45deg, #060a1d, #020623);
}

.abt-pge-sec-why-container{
    width: min(1400px,90%);
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    position: relative;
    z-index: 2;
}

.abt-pge-sec-why-img-wrap{
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}

.abt-pge-sec-why-img-wrap img{
    width: 100%;
    height: 700px;
    object-fit: cover;
    display: block;
    border-radius: 30px;
}

.abt-pge-sec-why-floating-card{
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255,255,255,.1);
    padding: 20px 30px;
    border-radius: 20px;
}

.abt-pge-sec-why-floating-card h4{
    color: #fff;
    font-size: 32px;
    margin: 0;
}

.abt-pge-sec-why-floating-card span{
    color: #b8c0d6;
    font-size: 14px;
}

.abt-pge-sec-why-badge{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid #00BCD4;
    color: #00BCD4;
    letter-spacing: 2px;
    font-size: 13px;
    margin-bottom: 20px;
}

.abt-pge-sec-why-right h2{
    color: #fff;
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.abt-pge-sec-why-right h2 span{
    background:linear-gradient(90deg, #00c2ff, #03A9F4, #03A9F4);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.abt-pge-sec-why-desc{
    color: #b8c0d6;
    line-height: 1.9;
    margin-bottom: 40px;
}

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

.abt-pge-sec-why-card{
    background: rgba(255,255,255,.04);
    border: 1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(15px);
    border-radius: 22px;
    padding: 20px;
    transition: .4s;
}

.abt-pge-sec-why-card:hover{
   transform: translateY(-8px);
    border-color: rgb(0 188 212 / 72%);
    box-shadow: 0 15px 40px rgb(3 169 244 / 1%);
}

.abt-pge-sec-why-icon{
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: rgba(0,217,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border: 1px solid rgba(0,217,255,0.25);
}

.abt-pge-sec-why-icon i{
    color: #00D9FF;
    font-size: 20px;
}

.abt-pge-sec-why-card h3{
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}

.abt-pge-sec-why-card p{
    color: #b8c0d6;
    line-height: 1.7;
    font-size: 15px;
}

.abt-pge-sec-why-blur{
    position: absolute;
    border-radius: 50%;
    filter: blur(120px);
}

.abt-pge-sec-why-blur1{
    width: 350px;
    height: 350px;
    background: #070B18;
    top: 0;
    left: -100px;
    opacity: .22;
}

.abt-pge-sec-why-blur2{
    width: 300px;
    height: 300px;
    background: #070B18;
    right: -100px;
    bottom: 0;
    opacity: .18;
}
@media(max-width:991px){

    .abt-pge-sec-why{
        padding: 90px 0;
    }

    .abt-pge-sec-why-container{
        grid-template-columns: 1fr;
        gap: 50px;
        width: calc(100% - 40px);
    }

    .abt-pge-sec-why-right h2{
        font-size: 42px;
    }

    .abt-pge-sec-why-img-wrap img{
        height: 500px;
    }

}
@media(max-width:767px){

    .abt-pge-sec-why{
        padding: 80px 0;
    }

    .abt-pge-sec-why-container{
        width: calc(100% - 24px);
        gap: 40px;
    }

    .abt-pge-sec-why-right h2{
        font-size: 32px;
    }

    .abt-pge-sec-why-desc{
        font-size: 15px;
    }

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

    .abt-pge-sec-why-img-wrap img{
        height: 320px;
    }

    .abt-pge-sec-why-floating-card{
        left: 15px;
        right: 15px;
        bottom: 15px;
        padding: 15px 20px;
    }

    .abt-pge-sec-why-card{
        padding: 20px;
    }

    .abt-pge-sec-why-card h3{
        font-size: 20px;
    }

}


.abt-adv-cont-sec {
    padding: 100px 20px;
    background: linear-gradient(135deg, #04122d 0%, #010712 50%, #010409 100%);
    position: relative;
    overflow: hidden;
}

.abt-adv-cont-sec::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgba(0, 217, 255, 0.08);
    border-radius: 50%;
    top: -250px;
    right: -150px;
    filter: blur(80px);
}

.abt-adv-cont-sec-container {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.abt-adv-cont-sec-heading {
    max-width: 750px;
    margin-bottom: 60px;
}

.abt-adv-cont-sec-subtitle {
    display: inline-block;
    color: #00d9ff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.abt-adv-cont-sec-heading h2 {
    font-size: 48px;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 20px;
}

.abt-adv-cont-sec-heading p {
    color: #b8c5dc;
    font-size: 17px;
    line-height: 1.8;
}

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

.abt-adv-cont-sec-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(0,217,255,0.25);
    border-radius: 20px;
    padding: 35px 30px;
    backdrop-filter: blur(12px);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
}

.abt-adv-cont-sec-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(0,217,255,0.12),
        transparent
    );
    opacity: 0;
    transition: 0.4s;
}

.abt-adv-cont-sec-card:hover::before {
    opacity: 1;
}

.abt-adv-cont-sec-card:hover {
    transform: translateY(-10px);
    border-color: #00d9ff;
    box-shadow: 0 20px 40px rgba(0,217,255,0.15);
}

.abt-adv-cont-sec-icon {
    width: 70px;
    height: 70px;
    border-radius: 16px;
    background: rgba(0,217,255,0.12);
    border: 1px solid rgba(0,217,255,0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.abt-adv-cont-sec-icon i {
    font-size: 28px;
    color: #00d9ff;
}

.abt-adv-cont-sec-card h3 {
    color: #fff;
    font-size: 24px;
    margin-bottom: 15px;
}

.abt-adv-cont-sec-card p {
    color: #b8c5dc;
    line-height: 1.8;
    font-size: 15px;
}

/* Tablet */

@media (max-width: 991px) {

    .abt-adv-cont-sec {
        padding: 80px 20px;
    }

    .abt-adv-cont-sec-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .abt-adv-cont-sec-heading h2 {
        font-size: 38px;
    }
}

/* Mobile */

@media (max-width: 767px) {

    .abt-adv-cont-sec {
        padding: 60px 15px;
    }

    .abt-adv-cont-sec-heading {
        text-align: center;
        margin-bottom: 40px;
    }

    .abt-adv-cont-sec-heading h2 {
        font-size: 30px;
    }

    .abt-adv-cont-sec-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .abt-adv-cont-sec-card {
        padding: 28px 22px;
    }

    .abt-adv-cont-sec-card h3 {
        font-size: 22px;
    }
}

.abt-adv-img-txt-sec{
    position: relative;
    padding: 120px 20px;
    overflow: hidden;
}

.abt-adv-img-txt-sec-bg-img{
    position: absolute;
    inset: 0;
}

.abt-adv-img-txt-sec-bg-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.abt-adv-img-txt-sec-overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(1,10,40,.90),
        rgba(1,20,60,.92)
    );
}

.abt-adv-img-txt-sec-container{
    position: relative;
    z-index: 2;
    max-width: 1300px;
    margin: auto;
}

.abt-adv-img-txt-sec-container {
    position: relative;
    z-index: 2;
    max-width: 1300px;
    margin: auto;
}

.abt-adv-img-txt-sec-heading {
    max-width: 750px;
    margin: 0 auto 60px;
    text-align: center;
}

.abt-adv-img-txt-sec-heading span {
    color: #00d9ff;
    font-weight: 700;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 15px;
}

.abt-adv-img-txt-sec-heading h2 {
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
}

.abt-adv-img-txt-sec-heading p {
    color: #c3cce0;
    line-height: 1.8;
}

.abt-adv-img-txt-sec-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.abt-adv-img-txt-sec-card {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 30px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(0,217,255,0.25);
    border-radius: 18px;
    backdrop-filter: blur(10px);
    transition: 0.4s;
}

.abt-adv-img-txt-sec-card:hover {
    transform: translateY(-8px);
    border-color: #00d9ff;
    box-shadow: 0 15px 40px rgba(0,217,255,0.18);
}

.abt-adv-img-txt-sec-icon {
    min-width: 65px;
    width: 65px;
    height: 65px;
    border-radius: 14px;
    background: rgba(0,217,255,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
}

.abt-adv-img-txt-sec-icon i {
    color: #00d9ff;
    font-size: 24px;
}

.abt-adv-img-txt-sec-content h3 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 8px;
}

.abt-adv-img-txt-sec-content p {
    color: #c3cce0;
    line-height: 1.7;
    font-size: 15px;
}

@media(max-width:991px){

    .abt-adv-img-txt-sec-cards{
        grid-template-columns: repeat(2,1fr);
    }

    .abt-adv-img-txt-sec-heading h2{
        font-size:40px;
    }
}

@media(max-width:767px){

    .abt-adv-img-txt-sec{
        padding:80px 15px;
    }

    .abt-adv-img-txt-sec-cards{
        grid-template-columns:1fr;
    }

    .abt-adv-img-txt-sec-heading h2{
        font-size:30px;
    }

    .abt-adv-img-txt-sec-card{
        padding:22px;
    }
}




.ai-sec-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:linear-gradient(90deg, #075988 0%, #001724e0 35%, rgb(3 12 30 / 42%) 70%, rgba(3, 12, 30, .15) 100%);
    z-index: 1;
}

.ai-sec-hero-overlay {
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: radial-gradient(
        circle,
        rgba(0, 183, 255, 0.12) 0%,
        rgba(0, 183, 255, 0.04) 40%,
        transparent 80%
    );
    z-index: 1;
}



.ai-sec-hero{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:#081425;
}

.ai-sec-hero-bg{
    position:absolute;
    inset:0;
    z-index:1;
}

.ai-sec-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    object-position: center;
}

.ai-sec-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, #075988 0%, #076ba5 35%, rgb(3 12 30 / 0%) 70%, rgb(3 12 30 / 0%) 100%);
    z-index:2;
}
.ai-sec-hero-overlay{
    position:absolute;
    right:0;
    top:0;
    width:35%;
    height:100%;
    background:radial-gradient(circle, rgb(0 212 255 / 0%) 0%, rgb(0 212 255 / 0%) 50%, #00000000 80%);
    z-index:3;
}
.ai-sec-hero .container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.ai-sec-hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
}

.ai-sec-hero-left {
    max-width: 700px;
}

.ai-sec-hero-subtitle {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #bbddf0;
    margin-bottom: 20px;
    position: relative;
    padding-left: 50px;
}

.ai-sec-hero-subtitle::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 35px;
    height: 2px;
    background: #bbddf0;
    transform: translateY(-50%);
}

.ai-sec-hero-title {
    font-size: 55px;
    line-height: 1.1;
    font-weight: 700;
    color: #fff;
    margin: 0 0 25px;
}

.ai-sec-hero-desc {
    font-size: 18px;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.85);
    margin-bottom: 35px;
}

.ai-sec-hero-btn-wrap {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.ai-sec-hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 28px;
    background: #0087D5;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: 0.3s;
}

.ai-sec-hero-btn:hover {
    transform: translateY(-3px);
}

.ai-sec-hero-btn-outline {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.3);
}

.ai-sec-hero-btn-outline:hover {
    background: rgba(255,255,255,0.08);
}

.ai-sec-hero-right {
    min-height: 500px;
}

/* Tablet */

@media (max-width: 991px) {

    .ai-sec-hero {
        min-height: auto;
        padding: 100px 0;
    }

    .ai-sec-hero-content {
        grid-template-columns: 1fr;
    }

    .ai-sec-hero-right {
        display: none;
    }

    .ai-sec-hero-title {
        font-size: 35px;
    }
}

/* Mobile */

@media (max-width: 767px) {

    .ai-sec-hero {
        padding: 80px 0;
    }
    .ai-sec-hero::before{
        background: linear-gradient(90deg, #075988 0%, #0b87cdf2 35%, #0087d5c9 70%, #0087d54d 100%);
    }

    .ai-sec-hero-title {
        font-size: 30px;
    }

    .ai-sec-hero-desc {
        font-size: 16px;
        line-height: 1.7;
    }

    .ai-sec-hero-btn-wrap {
        flex-direction: column;
    }

    .ai-sec-hero-btn {
        width: 65%;
        padding: 15px 15px;
    }
}


.carrer-sec-container{
    max-width:1300px;
    margin:auto;
    padding:0 20px;
}

.carrer-sec-hero{
    position:relative;
    min-height:550px;
    display:flex;
    align-items:center;
    overflow:hidden;
}

.carrer-sec-hero-bg{
    position:absolute;
    inset:0;
}

.carrer-sec-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
 object-position: top center;
}

/* Overlay */
.carrer-sec-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(90deg, #0b1b3ab8 0%, #0b1b3a80 45%, #0b1b3aa3 100%);
    z-index:1;
}

.carrer-sec-container{
    max-width:1300px;
    margin:auto;
    padding:0 20px;
    width:100%;
    position:relative;
    z-index:2;
}

.carrer-sec-hero-content{
    max-width:700px;
    color:#fff;
}

.carrer-sec-tag{
    display:inline-block;
    padding:10px 18px;
    background:rgba(18,200,200,.15);
    border:1px solid rgba(18,200,200,.4);
    border-radius:50px;
    color:#12c8c8;
    font-size:14px;
    font-weight:600;
}

.carrer-sec-hero-content h1{
    font-size:60px;
    line-height:1.1;
    margin:20px 0;
    color:#fff;
}

.carrer-sec-hero-content p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.85);
    margin-bottom:35px;
}

.carrer-sec-btns{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.carrer-sec-btn,
.carrer-sec-btn-outline{
    padding:15px 30px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s ease;
}

.carrer-sec-btn{
    background:#12c8c8;
    color:#071827;
}

.carrer-sec-btn-outline{
    border:1px solid rgba(255,255,255,.25);
    color:#fff;
}

.carrer-sec-btn:hover,
.carrer-sec-btn-outline:hover{
    transform:scale(.97);
}

@media(max-width:991px){

    .carrer-sec-hero{
        min-height:650px;
    }

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

@media(max-width:767px){

    .carrer-sec-hero{
        min-height:550px;
        text-align:center;
    }

    .carrer-sec-hero-content{
        max-width:100%;
    }

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

    .carrer-sec-hero-content p{
        font-size:16px;
    }

    .carrer-sec-btns{
        justify-content:center;
    }
}

.carrer-sec-benefits{
    padding:90px 0;
   background:
    linear-gradient(279deg, #0b1834, #020b20f5);
}

.carrer-sec-heading{
    text-align:center;
    margin-bottom:50px;
}

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

.carrer-sec-benefit-card{
     background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
    color:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
}
.carrer-sec-benefit-card h3{
    color:#fff;
}

.carrer-sec-benefit-card p{
    color:rgba(255,255,255,.75);
}
.carrer-sec-benefit-card:hover{
    transform:translateY(-10px);
}

.carrer-sec-benefit-card i{
    font-size:35px;
    color:#12c8c8;
}

.carrer-sec-process{
    padding:90px 0;
    background:
    radial-gradient(circle at left center, #03173f, #081022 40%), linear-gradient(180deg, #0c1934, #020a1b);
}

.carrer-sec-process .carrer-sec-heading h2,
.carrer-sec-process .carrer-sec-heading p{
    color:#fff;
}

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

.carrer-sec-step{
    background:#07132b
    ;
    border:1px solid rgba(18, 200, 200, .15);
    padding:35px;
    border-radius:20px;
    color:#fff;
    transition:all .4s ease;
}

.carrer-sec-step:hover{
    transform:translateY(-12px);
    border-color:#12c8c8;
    box-shadow:0 20px 40px rgba(18, 200, 200, .15);
}

.carrer-sec-step span{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#12c8c8;
    color:#071827;
    border-radius:50%;
    font-weight:700;
    margin-bottom:20px;
}

.carrer-sec-form-main{
    padding:60px 20px;
    background:
    linear-gradient(244deg, #09162f, #050b17);
}

.carrer-sec-form-box{
    max-width:1200px;
    margin:auto;
   background:
    linear-gradient(135deg, #050d1d, #031028);
    border:1px solid rgba(18,200,200,.15);
    border-radius:30px;
    overflow:hidden;
    display:grid;
    grid-template-columns:1fr 1fr;
}

.carrer-sec-form-left{
    padding:60px;
    color:#fff;
}

.carrer-sec-form-left span{
    color:#12c8c8;
    font-weight:600;
}

.carrer-sec-form-left h2{
    margin:20px 0;
    font-size:42px;
}

.carrer-sec-form-left ul{
    margin-top:30px;
    list-style: none;
}

.carrer-sec-form-left li{
    margin-bottom:15px;
}

.carrer-sec-form-right{
    padding:60px;
   background:rgba(255,255,255,.03);
    backdrop-filter:blur(12px);
}

.carrer-sec-form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
    margin-bottom:15px;
}

.carrer-sec-form-right input,
.carrer-sec-form-right textarea{
    width:100%;
    padding:15px;
    border-radius:12px;

     background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
}

.carrer-sec-form-right input::placeholder,
.carrer-sec-form-right textarea::placeholder{
    color:rgba(255,255,255,.55);
}
.carrer-sec-heading h2,
.carrer-sec-form-left h2{
    color:#fff;
}

.carrer-sec-heading p,
.carrer-sec-form-left p{
    color:rgba(255,255,255,.75);
}
.carrer-sec-form-right textarea{
    height:150px;
    margin-bottom:15px;
}

.carrer-sec-form-right button{
    width:100%;
    background:#12c8c8;
    border:none;
    padding:16px;
    border-radius:12px;
    font-weight:700;
    cursor:pointer;
}
.carrer-sec-btn,
.carrer-sec-btn-outline,
.carrer-sec-form-right button{
    transition:all .3s ease;
}

.carrer-sec-btn:hover,
.carrer-sec-btn-outline:hover,
.carrer-sec-form-right button:hover{
    transform:scale(0.95);
}
.carrer-sec-upload{
    margin-bottom: 15px;
}
.carrer-sec-upload label{
   color: #fff;
    margin-bottom: 5px;
}

@media(max-width:991px){

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

    .carrer-sec-form-box{
        grid-template-columns:1fr;
    }

    .carrer-sec-hero h1{
        font-size:42px;
    }
}

@media(max-width:767px){

    .carrer-sec-benefits-grid,
    .carrer-sec-process-grid,
    .carrer-sec-form-row{
        grid-template-columns:1fr;
    }
    .carrer-sec-process {
    padding: 45px 0;
    }
    .carrer-sec-benefits {
    padding: 50px 0;
    }

    .carrer-sec-hero{
        padding:80px 0;
    }

    .carrer-sec-hero h1{
        font-size:34px;
    }

    .carrer-sec-form-left,
    .carrer-sec-form-right{
        padding:30px;
    }

    .carrer-sec-form-left h2{
        font-size:25px;
    }
}



.indus-sec-hero{
    min-height:750px;
    display:flex;
    align-items:center;
    position:relative;
    overflow:hidden;
}

.indus-sec-hero-bg{
    position:absolute;
    inset:0;
}

.indus-sec-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.indus-sec-hero-overlay{
    position:absolute;
    inset:0;
    background:
    linear-gradient(
    90deg,
    rgba(11,27,58,.95) 0%,
    rgba(11,27,58,.85) 45%,
    rgba(11,27,58,.75) 100%);
}

.indus-sec-container{
    width:100%;
    max-width:1300px;
    margin:auto;
    padding:0 20px;
    position:relative;
    z-index:2;
}

.indus-sec-hero-content{
    max-width:700px;
}

.indus-sec-hero-tag{
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    border: 1px solid #00d4ff;
    background: rgba(255, 255, 255, .05);
    color: #00d4ff;
}

.indus-sec-hero-content h1{
    color:#fff;
    font-size:72px;
    line-height:1.1;
    margin:25px 0;
}

.indus-sec-hero-content p{
    color:rgba(255,255,255,.85);
    font-size:18px;
    line-height:1.8;
    max-width:650px;
}

.indus-sec-hero-btns{
    display:flex;
    gap:15px;
    margin-top:35px;
}

.indus-sec-hero-btn,
.indus-sec-hero-btn-outline{
    padding:15px 30px;
    border-radius:10px;
    text-decoration:none;
    transition:.3s;
}

.indus-sec-hero-btn{
    background:#00d4ff;
    color:#fff;
}

.indus-sec-hero-btn-outline{
    border: 1px solid #00d4ff;
    color: #00d4ff;
}

.indus-sec-hero-btn:hover,
.indus-sec-hero-btn-outline:hover{
    transform:scale(.96);
}

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

    .indus-sec-hero{
        min-height:650px;
    }

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

/* Mobile */
@media(max-width:767px){

    .indus-sec-hero{
        min-height:550px;
        text-align:center;
    }

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

    .indus-sec-hero-content p{
        font-size:16px;
    }

    .indus-sec-hero-btns{
        justify-content:center;
        flex-wrap:wrap;
    }

    .indus-sec-hero-btn,
    .indus-sec-hero-btn-outline{
        width:100%;
        text-align:center;
    }
}


.indus-sec-abt{
    padding:60px 0;
    background:
    linear-gradient(
    180deg,
    #0f2348 0%,
    #0B1B3A 100%);
}

.indus-sec-abt-head{
    text-align:center;
    max-width:850px;
    margin:0 auto 70px;
}

.indus-sec-abt-tag{
      display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid #00d4ff;
    color: #00d4ff;
    margin-bottom: 20px;
}

.indus-sec-abt-head h2{
    color:#fff;
    font-size:52px;
    line-height:1.2;
    margin-bottom:20px;
}

.indus-sec-abt-head p{
    color:rgba(255,255,255,.75);
    line-height:1.8;
}

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

.indus-sec-abt-card{
    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.02));

    border:1px solid rgba(74,127,224,.20);
    border-radius:24px;
    padding:35px;
    transition:.4s ease;
}

.indus-sec-abt-card:hover{
    transform:translateY(-12px);
    border-color:rgba(74,127,224,.45);
    box-shadow:
    0 20px 40px rgba(0,0,0,.20);
}

.indus-sec-abt-icon{
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 212, 255, .12);
    border-radius: 16px;
    margin-bottom: 25px;
}


.indus-sec-abt-icon i{
    color:#00d4ff;
    font-size:28px;
}

.indus-sec-abt-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.indus-sec-abt-card p{
    color:rgba(255,255,255,.72);
    line-height:1.8;
}

/* Tablet */

@media(max-width:991px){

    .indus-sec-abt{
        padding:50px 0;
    }

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

    .indus-sec-abt-head h2{
        font-size:42px;
    }
}

/* Mobile */

@media(max-width:767px){

    .indus-sec-abt{
        padding:40px 0;
    }

    .indus-sec-abt-grid{
        grid-template-columns:1fr;
    }

    .indus-sec-abt-head{
        margin-bottom:45px;
    }

    .indus-sec-abt-head h2{
        font-size:32px;
    }

    .indus-sec-abt-card{
        padding:28px;
    }

    .indus-sec-abt-icon{
        width:65px;
        height:65px;
    }

    .indus-sec-abt-icon i{
        font-size:24px;
    }
}

.indus-sec-solutions{
    padding:60px 0;
    background:
    linear-gradient(
    180deg,
    #0B1B3A 0%,
    #10244a 100%);
}

.indus-sec-solutions-wrap{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:center;
}

.indus-sec-solutions-tag{
      display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid #00d4ff;
    color: #00d4ff;
    margin-bottom: 20px;
}

.indus-sec-solutions-left h2{
    color:#fff;
    font-size:54px;
    line-height:1.2;
    margin-bottom:20px;
}

.indus-sec-solutions-left p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
    margin-bottom:30px;
}

.indus-sec-solutions-list{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.indus-sec-solutions-list li{
    color:#fff;
    margin-bottom:18px;
    display:flex;
    align-items:center;
    gap:12px;
}

.indus-sec-solutions-list i{
    color:#00d4ff;
}

.indus-sec-solutions-btn{
    display: inline-block;
    padding: 15px 32px;
    border-radius: 10px;
    background: #00d4ff;
    color: #fff;
    text-decoration: none;
    transition: .3s ease;
}

.indus-sec-solutions-btn:hover{
    transform:scale(.96);
}

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

.indus-sec-solutions-card{
    padding:35px;
    border-radius:24px;

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.02));

    border:1px solid rgba(74,127,224,.20);

    transition:.4s ease;
}

.indus-sec-solutions-card:nth-child(2),
.indus-sec-solutions-card:nth-child(4){
    margin-top:40px;
}

.indus-sec-solutions-card:hover{
    transform:translateY(-12px);
    border-color:rgba(74,127,224,.45);
}

.indus-sec-solutions-card i{
    font-size:34px;
    color:#00d4ff;
    margin-bottom:20px;
}

.indus-sec-solutions-card h3{
    color:#fff;
    margin-bottom:12px;
    font-size:24px;
}

.indus-sec-solutions-card p{
    color:rgba(255,255,255,.72);
    line-height:1.8;
}

/* Tablet */

@media(max-width:991px){

    .indus-sec-solutions{
        padding:50px 0;
    }

    .indus-sec-solutions-wrap{
        grid-template-columns:1fr;
        gap:50px;
    }

    .indus-sec-solutions-left h2{
        font-size:42px;
    }
}

/* Mobile */

@media(max-width:767px){

    .indus-sec-solutions{
        padding:40px 0;
    }

    .indus-sec-solutions-left h2{
        font-size:32px;
    }

    .indus-sec-solutions-right{
        grid-template-columns:1fr;
    }

    .indus-sec-solutions-card:nth-child(2),
    .indus-sec-solutions-card:nth-child(4){
        margin-top:0;
    }

    .indus-sec-solutions-card{
        padding:28px;
    }
}


.indus-sec-process{
    padding:120px 0;
    background:
    linear-gradient(
    180deg,
    #10244a 0%,
    #0B1B3A 100%);
    overflow:hidden;
}

.indus-sec-process-head{
    text-align:center;
    max-width:850px;
    margin:0 auto 80px;
}

.indus-sec-process-tag{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    border:1px solid #00d4ff;
    background:rgba(255,255,255,.04);
    color:#00d4ff;
    margin-bottom:20px;
}

.indus-sec-process-head h2{
    color:#fff;
    font-size:52px;
    margin-bottom:20px;
}

.indus-sec-process-head p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
}

.indus-sec-process-timeline{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    position:relative;
}

/* .indus-sec-process-timeline::before{
    content:"";
    position:absolute;
    top:50px;
    left:10%;
    width:80%;
    height:2px;
    background:
    linear-gradient(
    90deg,
    rgba(74,127,224,.2),
    rgba(74,127,224,.8),
    rgba(74,127,224,.2));
} */

.indus-sec-process-card{
    position:relative;
    z-index:2;

    padding:35px;
    border-radius:24px;

    background:
    linear-gradient(
    180deg,
    rgba(255,255,255,.04),
    rgba(255,255,255,.02));

    border:1px solid rgba(74,127,224,.20);

    transition:.4s ease;
}

.indus-sec-process-card:hover{
    transform:translateY(-12px);
    border-color:rgba(74,127,224,.45);
    box-shadow:0 20px 40px rgba(0,0,0,.20);
}

.indus-sec-process-number{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;

    background: linear-gradient(135deg, #00D4FF, #00D4FF);

    color:#fff;
    font-weight:700;
    margin-bottom:25px;
}

.indus-sec-process-icon{
    margin-bottom:20px;
}

.indus-sec-process-icon i{
    font-size:34px;
    color:#00D4FF;
}

.indus-sec-process-card h3{
    color:#fff;
    margin-bottom:15px;
    font-size:24px;
}

.indus-sec-process-card p{
    color:rgba(255,255,255,.72);
    line-height:1.8;
}

/* Tablet */

@media(max-width:991px){

    .indus-sec-process{
        padding:90px 0;
    }

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

    .indus-sec-process-timeline::before{
        display:none;
    }

    .indus-sec-process-head h2{
        font-size:42px;
    }
}

/* Mobile */

@media(max-width:767px){

    .indus-sec-process{
        padding:70px 0;
    }

    .indus-sec-process-timeline{
        grid-template-columns:1fr;
    }

    .indus-sec-process-head{
        margin-bottom:50px;
    }

    .indus-sec-process-head h2{
        font-size:32px;
    }

    .indus-sec-process-card{
        padding:28px;
    }
}


.indus-sec-cta{
    padding:120px 0;
    background:
    linear-gradient(
    180deg,
    #0B1B3A 0%,
    #08152e 100%);
}

.indus-sec-cta-box{
    position:relative;
    overflow:hidden;

    padding:80px;
    text-align:center;

    border-radius:35px;

    background:
    linear-gradient(
    135deg,
    rgba(18,42,85,.95),
    rgba(11,27,58,1));

    border:1px solid rgba(74,127,224,.25);
}

.indus-sec-cta-glow{
    position:absolute;
    width:500px;
    height:500px;
    top:-200px;
    right:-150px;

    border-radius:50%;

    background:
    radial-gradient(
    circle,
    rgba(74,127,224,.25),
    transparent 70%);
}

.indus-sec-cta-tag{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;

    background:rgba(255,255,255,.05);
    border:1px solid #00d4ff;

    color:#00d4ff;
    margin-bottom:20px;

    position:relative;
    z-index:2;
}

.indus-sec-cta-box h2{
    font-size:58px;
    line-height:1.2;
    color:#fff;

    max-width:900px;
    margin:0 auto 25px;

    position:relative;
    z-index:2;
}

.indus-sec-cta-box p{
    max-width:750px;
    margin:0 auto 40px;

    color:rgba(255,255,255,.75);
    line-height:1.9;

    position:relative;
    z-index:2;
}

.indus-sec-cta-btns{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;

    position:relative;
    z-index:2;
}

.indus-sec-cta-btn,
.indus-sec-cta-btn-outline{
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s ease;
}

.indus-sec-cta-btn{
    background:
    linear-gradient(135deg, #00d4ff, #00d4ff);

    color:#fff;
}

.indus-sec-cta-btn-outline{
    border:1px solid #00d4ff;
    color:#00d4ff;
}

.indus-sec-cta-btn:hover,
.indus-sec-cta-btn-outline:hover{
    transform:scale(.96);
}








.float-icons-sec-wrapper{
    position:fixed;
    right:25px;
    bottom:30px;
    display:flex;
    flex-direction:column;
    gap:16px;
    z-index:9999;
}

.float-icons-sec-item{
    width:58px;
    height:58px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    border:2px solid #fff;
    background:#0087D5;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:.35s ease;
    box-shadow:0 0 18px rgba(0,200,255,.15);
}

.float-icons-sec-item i{
    font-size:22px;
    transition:.35s ease;
}

.float-icons-sec-item:hover{
    background:#0087D5;
    transform:translateY(-6px);
    box-shadow:0 0 25px rgba(0,200,255,.45);
}

.float-icons-sec-item:hover i{
    color:#fff;
    transform:scale(.9);
}

/* Floating Animation */

.float-icons-sec-item{
    animation:float-icons-sec-float 3s ease-in-out infinite;
}

.float-icons-sec-item:nth-child(2){
    animation-delay:.4s;
}

.float-icons-sec-item:nth-child(3){
    animation-delay:.8s;
}

@keyframes float-icons-sec-float{

    0%{
        transform:translateY(0);
    }

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

    100%{
        transform:translateY(0);
    }

}

/* Tablet */

@media(max-width:991px){

.float-icons-sec-wrapper{
    right:18px;
    bottom:20px;
    gap:14px;
}

.float-icons-sec-item{
    width:54px;
    height:54px;
}

.float-icons-sec-item i{
    font-size:20px;
}

}

/* Mobile */

@media(max-width:767px){

.float-icons-sec-wrapper{
    right:15px;
    bottom:15px;
    gap:12px;
}

.float-icons-sec-item{
    width:50px;
    height:50px;
}

.float-icons-sec-item i{
    font-size:18px;
}

}

 /* Main Container Section */
    .adv-agentic-new-sec-wrapper {
      background-color: #ffffff;
      color: #111827;
      padding: 30px 20px 60px 20px;
      width: 100%;
    }

    .adv-agentic-new-sec-container {
      max-width: 1300px;
      margin: 0 auto;

    }

    /* Top Section Grid Layout */
    .adv-agentic-new-sec-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
      margin-bottom: -30px;
    }

    .adv-agentic-new-sec-top-left {
      flex: 1;
    }

    .adv-agentic-new-sec-title {
      font-size: 48px;
      font-weight: 800;
      letter-spacing: 1px;
      color: #0f172a;
      text-transform: uppercase;
      margin-bottom: 8px;
    }
    .adv-agentic-new-sec-title span {
      color: #0087D5;
    }

    .adv-agentic-new-sec-title-underline {
      width: 60px;
      height: 3px;
      background: linear-gradient(90deg, #00b4d8, #0077b6);
      margin-bottom: 24px;
      border-radius: 2px;
    }

    .adv-agentic-new-sec-description {
      font-size: 16px;
      line-height: 1.6;
      color: #475569;
    }

    .adv-agentic-new-sec-highlight {
      color: #0284c7;
      font-weight: 600;
    }

    /* Top Right Image Container with White Blend Mask */
    .adv-agentic-new-sec-top-right {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      position: relative;
    min-height: 450px;
    }


    .adv-agentic-new-sec-image-wrapper {
          position: relative;
    width: 100%;
    max-width: 500px;
    height: 400px;
    overflow: visible;

    -webkit-mask-image: radial-gradient(
        circle at center,
        rgba(0,0,0,1) 35%,
        rgba(0,0,0,.9) 50%,
        rgba(0,0,0,.6) 65%,
        rgba(0,0,0,.3) 80%,
        transparent 100%
    );

    mask-image: radial-gradient(circle at center, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, .9) 50%, rgb(0 0 0 / 66%) 65%, rgb(0 0 0 / 14%) 80%, transparent 100%);
    }

    .adv-agentic-new-sec-img {
         position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    
    width:100%;
    height:100%;
    object-fit:cover;
    }
    

    /* Grid Section for Solution Cards */
    .adv-agentic-new-sec-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
    }

    .adv-agentic-new-sec-card {
      background-color: #f8fafc;
      border: 1px solid #e2e8f0;
      border-radius: 12px;
      padding: 28px 24px;
      transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
      display: flex;
      flex-direction: column;
    }

    .adv-agentic-new-sec-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08);
      border-color: #38bdf8;
    }
    .adv-agentic-new-sec-card a {
      margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #0087D5;
    text-decoration: none;
    transition: all 0.3s ease;
}
    .adv-agentic-new-sec-card a:hover{
    color: #0087D5;
    }

    .adv-agentic-new-sec-card-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 12px;
    }

    .adv-agentic-new-sec-icon-box {
      width: 48px;
      height: 48px;
      background: #f0f9ff;
      border: 1px solid #bae6fd;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .adv-agentic-new-sec-icon-box i {
      /* width: 24px;
      height: 24px; */
      color: #0284c7;
          font-size: 22px;
    }

    .adv-agentic-new-sec-card-title {
      font-size: 18px;
      font-weight: 700;
      color: #0f172a;
    }

    .adv-agentic-new-sec-card-underline {
      width: 100%;
      height: 1px;
      background: transparent;
      margin: 0px 0 0px 0;
      border-radius: 2px;
    }

    .adv-agentic-new-sec-card-text {
      font-size: 14px;
      line-height: 1.6;
      color: #64748b;
    min-height: calc(1.6em * 3);
    padding-bottom: 10px;
    }

    /* Tablet Responsiveness */
    @media (max-width: 992px) {
      .adv-agentic-new-sec-top {
        gap: 24px;
         margin-bottom: 10px;
      }
      .adv-agentic-new-sec-grid {
        grid-template-columns: repeat(2, 1fr);
      }

    }

    /* Mobile Responsiveness */
    @media (max-width: 640px) {
      .adv-agentic-new-sec-wrapper {
        padding: 40px 16px;
      }
      .adv-agentic-new-sec-top {
        flex-direction: column;
        align-items: flex-start;
      }
      .adv-agentic-new-sec-top-right {
        width: 100%;
      }
      .adv-agentic-new-sec-title {
        font-size: 26px;
      }
      .adv-agentic-new-sec-grid {
        grid-template-columns: 1fr;
      }
      .adv-agentic-new-sec-top-right {
    min-height: 330px;
}
    }


    /* ==========================
   COMMON
========================== */

.card-deta-sec-container{
  max-width:1200px;
  margin:auto;
  padding:0 20px;
}

.card-deta-sec-heading-wrap{
  text-align:center;
  margin-bottom:60px;
}

.card-deta-sec-subtitle{
  display:inline-block;
  color:#0ea5e9;
  font-size:14px;
  font-weight:600;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:12px;
}

.card-deta-sec-heading{
  font-size:48px;
  line-height:1.15;
  font-weight:700;
  color:#0f172a;
  max-width:850px;
  margin:auto;
}
.card-deta-sec-heading span{
  color:#0087D5;
}

/* ==========================
   FAQ SECTION
========================== */

.card-deta-sec-faq{
  padding:60px 0;
  background:#f2f6fc;
}

.card-deta-sec-faq-wrap{
  max-width:950px;
  margin:auto;
}

.card-deta-sec-faq-item{
  border-radius:18px;
  overflow:hidden;
  margin-bottom:18px;
  border:1px solid #dbeafe;
  background:#fff;
}

.card-deta-sec-faq-item summary{
  list-style:none;
  cursor:pointer;
  padding:20px 25px;
  background:#0087D5;
  color:#fff;
  font-size:18px;
  font-weight:600;
  position:relative;
}

.card-deta-sec-faq-item summary::-webkit-details-marker{
  display:none;
}

.card-deta-sec-faq-item summary::after{
  content:"+";
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  font-size:28px;
  font-weight:700;
}

.card-deta-sec-faq-item[open] summary::after{
  content:"−";
}

.card-deta-sec-faq-item p{
  margin:0;
  padding:25px;
  font-size:16px;
  line-height:1.8;
  color:#64748b;
  background:#fff;
}

@media(max-width:767px){

  .card-deta-sec-faq{
    padding:40px 10px;
  }

  .card-deta-sec-faq-item summary{
           font-size: 16px;
       padding:10px 45px 10px 10px;
  }
   .card-deta-sec-faq-item summary::after{
    right:15px;
    font-size:24px;
  }

  .card-deta-sec-faq-item p{
    padding:18px;
  }
  .card-deta-sec-heading{
    font-size: 35px;
  }
  .card-deta-sec-container{
    padding: 0 5px;
  }
  .card-deta-sec-heading-wrap{
        margin-bottom: 40px;
  }

}

/* ==========================
   CTA SECTION
========================== */

.card-deta-sec-cta{
  padding:50px 20px;
  background:#f2f6fc;
}

.card-deta-sec-cta-box{
  max-width:1200px;
  margin:auto;
  position:relative;
  border-radius:30px;
  overflow:hidden;
}

.card-deta-sec-cta-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.card-deta-sec-cta-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(#03A9F4, #064b82);
}

.card-deta-sec-cta-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:30px;
}

.card-deta-sec-cta-tag{
  display:inline-block;
  padding:10px 18px;
  border-radius:50px;
  background:#e0f2fe;
  color:#0284c7;
  font-size:14px;
  font-weight:600;
  margin-bottom:25px;
}

.card-deta-sec-cta-heading{
  font-size:48px;
  line-height:1.15;
  color:#ffffff;
  font-weight:700;
  margin-bottom:20px;
}

.card-deta-sec-cta-text{
  font-size:18px;
  line-height:1.8;
  color:#f3f3f3;
  margin-bottom:35px;
}

.card-deta-sec-cta-btn-wrap{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  justify-content:center;
}

.card-deta-sec-cta-btn-primary,
.card-deta-sec-cta-btn-secondary{
  text-decoration:none;
  padding:16px 28px;
  border-radius:12px;
  font-weight:600;
  transition:.3s;
}

.card-deta-sec-cta-btn-primary{
    background: #0087d500;
    color: #fff;
    border: 1px solid #fff;
}

.card-deta-sec-cta-btn-secondary{
  background:#fff;
  color:#0f172a;
  border:1px solid #cbd5e1;
}

.card-deta-sec-cta-btn-primary:hover,
.card-deta-sec-cta-btn-secondary:hover{
  transform:scale(.95);
}

@media(max-width:991px){

  .card-deta-sec-cta-heading{
    font-size:38px;
  }

}

@media(max-width:767px){

  .card-deta-sec-cta{
    padding:70px 15px;
  }

  .card-deta-sec-cta-box{
    min-height:550px;
  }

  .card-deta-sec-cta-content{
    padding:35px 20px;
  }

  .card-deta-sec-cta-heading{
    font-size:30px;
  }

  .card-deta-sec-cta-text{
    font-size:16px;
  }

  .card-deta-sec-cta-btn-primary,
  .card-deta-sec-cta-btn-secondary{
    width:100%;
    text-align:center;
  }

}

.card-deta-cont-sec{
  padding:80px 20px;
  background:#fff;
}

.card-deta-cont-sec-container{
  max-width:1300px;
  margin:auto;
  display:flex;
  gap:70px;
  align-items:flex-start;
  padding: 0px 30px;
}

.card-deta-cont-sec-left{
  flex:1;
}

.card-deta-cont-sec-heading{
font-size: 40px;
    line-height: 1.2;
    margin-bottom: 15px;
    color: #000000;
}
.card-deta-cont-sec-heading span{
    color: #0087D5;
}
.card-deta-cont-sec-description span{
    color: #0087D5;
}
.card-deta-cont-sec-span{
   font-size: 16px;
    line-height: 1.8;
    margin-bottom: 10px !important;
    color: #0087D5; 
    font-weight: 600;
}

.card-deta-cont-sec-description{
  font-size:16px;
  line-height:1.8;
  color:#666;
  margin-bottom:15px;
}

.card-deta-cont-sec-subheading{
  font-size:25px;
  margin-bottom:5px;
  color:#000000;
}
.card-deta-cont-sec-subheading i{
    margin-right: 5px;
    font-size: 25px;
    color: #0087D5;
}
.card-deta-cont-sec-content{
        padding-left: 10px;
}

.card-deta-cont-sec-paragraph{
  font-size:16px;
  line-height:1.8;
  color:#666;
  margin-bottom:30px;
}

.card-deta-cont-sec-right{
  width:350px;
  position:sticky;
  top:120px;
}

.card-deta-cont-sec-right-heading{
  font-size:28px;
  margin-bottom:25px;
  color:#000000;
}

.card-deta-cont-sec-card{
  display:flex;
  align-items:center;
  gap:16px;
  background:#fff;
  border:1px solid #e5e7eb;
  padding:18px;
  border-radius:14px;
  margin-bottom:15px;
  box-shadow:0 4px 15px rgba(0,0,0,0.05);
  transition:.3s;
}

.card-deta-cont-sec-card:hover{
  transform:translateY(-5px);
  box-shadow:0 10px 25px rgba(0,0,0,0.12);
}
.card-deta-cont-sec-card:hover .card-deta-cont-sec-card-title{
 color:#0087D5;
}
.card-deta-cont-sec-card span{
   font-size: 12px;
    color: #054f7a;
    font-weight: 500;
    display: block;
}
.card-deta-cont-sec-card-icon{
  width:50px;
  height:50px;
  min-width:50px;
  border-radius:20%;
  background:#0087D5;
  display:flex;
  align-items:center;
  justify-content:center;
}
.card-deta-cont-sec-card-icon img{
    width: 44px;
}
.card-deta-cont-sec-card-icon i{
  color:#fff;
  font-size:20px;
}

.card-deta-cont-sec-card-title{
  font-size:17px;
  font-weight:600;
  color:#222;
  text-decoration:none;
  transition:.3s;
}

.card-deta-cont-sec-card-title:hover{
  color:#0087D5;
}

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

  .card-deta-cont-sec-container{
    flex-direction:column;
  }

  .card-deta-cont-sec-right{
    width:100%;
    position:relative;
    top:0;
  }

  .card-deta-cont-sec-heading{
    font-size:34px;
  }
}

/* Mobile */
@media(max-width:767px){

  .card-deta-cont-sec{
    padding:60px 15px;
  }

  .card-deta-cont-sec-heading{
    font-size:28px;
  }

  .card-deta-cont-sec-subheading{
    font-size:22px;
  }

  .card-deta-cont-sec-description,
  .card-deta-cont-sec-paragraph{
    font-size:15px;
  }

  .card-deta-cont-sec-right-heading{
    font-size:24px;
  }

  .card-deta-cont-sec-card{
    padding:15px;
  }
}


.card-deta-form-sec{
    padding:80px 20px;
    background:#0c6ea8;
}

.card-deta-form-sec-container{
      max-width:800px;
    margin:auto;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:40px;
    box-shadow:0 20px 50px rgba(0,0,0,0.12);
}

.card-deta-form-sec-head{
    text-align:center;
    margin-bottom:35px;
}

.card-deta-form-sec-head h2{
     color:#0c6ea8;
    font-size:42px;
    font-weight:700;
    margin-bottom:12px;
    line-height:1.2;
}

.card-deta-form-sec-head p{
        color:#666;
    font-size:15px;
    line-height:1.7;
    margin:0;
}

.card-deta-form-sec-form{
    width:100%;
}

.card-deta-form-sec-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.card-deta-form-sec-field{
    display:flex;
    flex-direction:column;
}

.card-deta-form-sec-field label{
     color:#222;
    font-size:14px;
    font-weight:600;
    margin-bottom:8px;
}

.card-deta-form-sec-field input,
.card-deta-form-sec-field select,
.card-deta-form-sec-field textarea{
    width:100%;
     background:#f8fafc;
    border:1px solid #dbe3ea;
    color:#222;   
    border-radius:12px;
    padding:14px 16px;
    font-size:15px;
    outline:none;
    transition:0.3s ease;
}

.card-deta-form-sec-field input::placeholder,
.card-deta-form-sec-field textarea::placeholder{
       color:#888;
}

.card-deta-form-sec-field input:focus,
.card-deta-form-sec-field select:focus,
.card-deta-form-sec-field textarea:focus{
    background:#fff;
    border-color:#0c6ea8;
    box-shadow:0 0 0 4px rgba(12,110,168,0.12);
}

.card-deta-form-sec-full{
    margin-top:18px;
}

.card-deta-form-sec-field textarea{
    min-height:140px;
    resize:none;
}

.card-deta-form-sec-btn{
    margin-top:25px;
     background:#0c6ea8;
    color:#fff;
    border:none;
    padding:15px 35px;
    border-radius:50px;
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;
}

.card-deta-form-sec-btn:hover{
     transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(12,110,168,0.25);
}

@media(max-width:767px){

    .card-deta-form-sec{
        padding:60px 15px;
    }

    .card-deta-form-sec-container{
        padding:25px;
    }

    .card-deta-form-sec-grid{
        grid-template-columns:1fr;
    }

    .card-deta-form-sec-head h2{
        font-size:32px;
    }

    .card-deta-form-sec-btn{
        width:100%;
    }
}

.ai-card-sec-capabilities{
    padding:100px 20px;
    background:#fff;
    position:relative;
}

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

.ai-card-sec-heading{
    text-align:center;
    /* max-width:800px; */
    margin:0 auto 70px;
}

.ai-card-sec-heading span{
    color:#0087D5;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.ai-card-sec-heading h2{
    font-size:48px;
    margin:15px 0;
    color:#111;
}
.ai-card-sec-heading h2 span{
    font-size:48px;
    margin:15px 0;
    color:#0087D5;
}

.ai-card-sec-heading p{
    color:#666;
    line-height:1.8;
}

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

.ai-card-sec-capability-card{
    background:#fff;
    border:1px solid #0087D5;
    border-radius:20px;
    padding:35px;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,135,213,.08);
}

.ai-card-sec-capability-card:hover{
    transform:translateY(-10px);
}

.ai-card-sec-capability-card i{
    font-size:42px;
    color:#0087D5;
    margin-bottom:20px;
}

.ai-card-sec-capability-card h3{
    margin-bottom:15px;
}

.ai-card-sec-capability-card p{
    color:#666;
    line-height:1.8;
}

@media(max-width:991px){
.ai-card-sec-capability-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:767px){

.ai-card-sec-heading h2{
font-size:34px;
}

.ai-card-sec-capability-grid{
grid-template-columns:1fr;
}

}



.ai-card-sec-process{
    padding:100px 20px;
    background:#f9fcff;
    position:relative;
    overflow:hidden;
}

.ai-card-sec-process::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(0,135,213,.08);
    border-radius:50%;
    top:-120px;
    right:-100px;
    filter:blur(80px);
}

.ai-card-sec-process::after{
    content:'';
    position:absolute;
    width:280px;
    height:280px;
    background:rgba(0,135,213,.08);
    border-radius:50%;
    bottom:-120px;
    left:-80px;
    filter:blur(80px);
}

.ai-card-sec-process-head{
    text-align:center;
    /* max-width:750px; */
    margin:0 auto 70px;
}

.ai-card-sec-process-head span{
    color:#0087D5;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.ai-card-sec-process-head h2{
    font-size:48px;
    margin:15px 0;
    color:#111;
}
.ai-card-sec-process-head h2 span{
    font-size:48px;
    margin:15px 0;
    color:#0087D5;
}

.ai-card-sec-process-head p{
    color:#666;
    line-height:1.8;
}

.ai-card-sec-process-wrap{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
}

.ai-card-sec-process-wrap::before{
    content:'';
    position:absolute;
    top:45px;
    left:10%;
    width:80%;
    height:2px;
    background:#0087D5;
    z-index:1;
}

.ai-card-sec-process-card{
    background:#fff;
    border:1px solid #0087D5;
    border-radius:24px;
    padding:35px 25px;
    text-align:center;
    position:relative;
    z-index:2;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,135,213,.08);
}

.ai-card-sec-process-card:hover{
    transform:translateY(-10px);
}

.ai-card-sec-step{
    width:60px;
    height:60px;
    background:#0087D5;
    color:#fff;
    font-weight:700;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    font-size:18px;
}

.ai-card-sec-process-card i{
    font-size:40px;
    color:#0087D5;
    margin-bottom:20px;
}

.ai-card-sec-process-card h3{
    margin-bottom:15px;
    color:#111;
}

.ai-card-sec-process-card p{
    color:#666;
    line-height:1.8;
}

@media(max-width:991px){

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

.ai-card-sec-process-wrap::before{
    display:none;
}

}

@media(max-width:767px){

.ai-card-sec-process{
    padding:80px 20px;
}

.ai-card-sec-process-head h2{
    font-size:34px;
}

.ai-card-sec-process-wrap{
    grid-template-columns:1fr;
}

}


.ai-card-sec-results{
    padding:110px 20px;
    background:#fff;
    position:relative;
    overflow:hidden;
}

.ai-card-sec-results::before{
    content:'';
    position:absolute;
    width:500px;
    height:500px;
    background:rgba(0,135,213,.05);
    border-radius:50%;
    right:-250px;
    top:-200px;
    filter:blur(80px);
}

.ai-card-sec-results-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:70px;
}

.ai-card-sec-results-content{
    flex:1;
}

.ai-card-sec-results-content span{
    color:#0087D5;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
}

.ai-card-sec-results-content h2{
    font-size:48px;
    line-height:1.2;
    margin:15px 0 25px;
    color:#111;
}
.ai-card-sec-results-content h2 span{
    font-size:48px;
    line-height:1.2;
    color:#0087D5;
}

.ai-card-sec-results-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:35px;
}

.ai-card-sec-results-list{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.ai-card-sec-results-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.ai-card-sec-results-item i{
    color:#0087D5;
    font-size:18px;
}

.ai-card-sec-results-item span{
    color:#222;
    font-size:16px;
    letter-spacing:0;
}

.ai-card-sec-results-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:15px 30px;
    background:#0087D5;
    color:#fff;
    text-decoration:none;
    border-radius:60px;
    margin-top:35px;
    transition:.4s;
    font-weight:600;
}

.ai-card-sec-results-btn:hover{
    transform:translateY(-4px);
}

.ai-card-sec-results-cards{
    flex:1;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.ai-card-sec-result-card{
    background:#fff;
    border:1px solid #0087D5;
    border-radius:24px;
    padding:40px 30px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,135,213,.08);
}

.ai-card-sec-result-card:nth-child(2){
    margin-top:50px;
}

.ai-card-sec-result-card:nth-child(3){
    margin-top:-50px;
}

.ai-card-sec-result-card:hover{
    transform:translateY(-10px);
}

.ai-card-sec-result-card h3{
    font-size:52px;
    color:#0087D5;
    margin-bottom:10px;
    line-height:1;
}

.ai-card-sec-result-card p{
    color:#666;
    line-height:1.7;
}

@media(max-width:991px){

.ai-card-sec-results-wrap{
    flex-direction:column;
}

.ai-card-sec-results-content h2{
    font-size:40px;
}

}

@media(max-width:767px){

.ai-card-sec-results{
    padding:80px 20px;
}

.ai-card-sec-results-content h2{
    font-size:32px;
}

.ai-card-sec-results-cards{
    grid-template-columns:1fr;
}

.ai-card-sec-result-card:nth-child(2),
.ai-card-sec-result-card:nth-child(3){
    margin-top:0;
}

}


.ai-card-sec-cta{
    position:relative;
    overflow:hidden;
    padding:90px 20px;
    background:linear-gradient(21deg, #045482 0%, #30b8f6 100%);
}

.ai-card-sec-cta::before{
    content:'';
    position:absolute;
    width:350px;
    height:350px;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    top:-120px;
    left:-100px;
    filter:blur(60px);
}

.ai-card-sec-cta::after{
    content:'';
    position:absolute;
    width:400px;
    height:400px;
    border-radius:50%;
    background:rgba(255,255,255,.10);
    right:-150px;
    bottom:-150px;
    filter:blur(80px);
}

.ai-card-sec-cta-wrap{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    position:relative;
    z-index:2;
}

.ai-card-sec-cta-content{
    max-width:700px;
}

.ai-card-sec-cta-content span{
    display:inline-block;
    color:#fff;
    font-size:14px;
    font-weight:700;
    letter-spacing:2px;
    margin-bottom:15px;
    opacity:.9;
}

.ai-card-sec-cta-content h2{
    color:#fff;
    font-size:54px;
    line-height:1.15;
    margin-bottom:20px;
    font-weight:700;
}

.ai-card-sec-cta-content p{
    color:rgba(255,255,255,.9);
    font-size:17px;
    line-height:1.8;
}

.ai-card-sec-cta-btns{
    display:flex;
    gap:15px;
    flex-shrink:0;
}

.ai-card-sec-cta-btn-primary,
.ai-card-sec-cta-btn-secondary{
    min-width:200px;
    text-align:center;
    padding:16px 30px;
    border-radius:60px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
}

.ai-card-sec-cta-btn-primary{
    background:#fff;
    color:#0087D5;
}

.ai-card-sec-cta-btn-secondary{
    border:1px solid rgba(255,255,255,.5);
    color:#fff;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(10px);
}

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

@media(max-width:991px){

.ai-card-sec-cta-wrap{
    flex-direction:column;
    text-align:center;
}

.ai-card-sec-cta-content h2{
    font-size:42px;
}

}

@media(max-width:767px){

.ai-card-sec-cta{
    padding:70px 20px;
}

.ai-card-sec-cta-content h2{
    font-size:32px;
}

.ai-card-sec-cta-btns{
    flex-direction:column;
    width:100%;
}

.ai-card-sec-cta-btn-primary,
.ai-card-sec-cta-btn-secondary{
    width:100%;
}

}


.clud-sol-sec-framework{
    padding:100px 20px;
    background:#fff;
}

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

.clud-sol-sec-head{
    text-align:center;
    /* max-width:800px; */
    margin:0 auto 60px;
}

.clud-sol-sec-head span{
    color:#0087D5;
    font-weight:600;
    display:block;
    margin-bottom:10px;
}

.clud-sol-sec-head h2{
    font-size:48px;
    line-height:1.2;
    color:#0f172a;
    margin-bottom:20px;
}
.clud-sol-sec-head h2 span{
    font-size:48px;
    line-height:1.2;
    color:#0087D5;
}

.clud-sol-sec-head p{
    color:#64748b;
    line-height:1.8;
}

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

.clud-sol-sec-framework-card{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.clud-sol-sec-framework-card:hover{
    transform:translateY(-10px);
    border-color:#0087D5;
}

.clud-sol-sec-framework-icon{
    width:70px;
    height:70px;
    margin:auto auto 20px;
    border-radius:50%;
    background:#0087D5;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
}

.clud-sol-sec-framework-card h3{
    margin-bottom:15px;
    color:#111827;
}

.clud-sol-sec-framework-card p{
    color:#64748b;
    line-height:1.7;
}

@media(max-width:991px){
    .clud-sol-sec-framework-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .clud-sol-sec-head h2{
        font-size:36px;
    }
}

@media(max-width:767px){
    .clud-sol-sec-framework-grid{
        grid-template-columns:1fr;
    }

    .clud-sol-sec-head h2{
        font-size:30px;
    }
}


.clud-sol-sec-services{
    padding:100px 20px;
    background:#f8fbff;
}

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

.clud-sol-sec-services-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    transition:.4s;
    border-top:4px solid transparent;
    box-shadow:0 10px 40px rgba(0,0,0,.05);
}

.clud-sol-sec-services-card:hover{
    transform:translateY(-10px);
    border-color:#0087D5;
}

.clud-sol-sec-services-card i{
    font-size:40px;
    color:#0087D5;
    margin-bottom:20px;
}

.clud-sol-sec-services-card h3{
    margin-bottom:15px;
}

.clud-sol-sec-services-card p{
    color:#64748b;
    line-height:1.8;
}

@media(max-width:991px){
    .clud-sol-sec-services-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:767px){
    .clud-sol-sec-services-grid{
        grid-template-columns:1fr;
    }
}


.clud-sol-sec-cta{
    padding:100px 20px;
    background:linear-gradient(135deg,#0087D5,#005d93);
}

.clud-sol-sec-cta-wrap{
    display:grid;
    grid-template-columns:1.1fr 1fr;
    gap:40px;
    align-items:center;
}

.clud-sol-sec-cta-content span{
    color:#fff;
    font-weight:600;
}

.clud-sol-sec-cta-content h2{
    color:#fff;
    font-size:50px;
    line-height:1.2;
    margin:20px 0;
}

.clud-sol-sec-cta-content p{
    color:rgba(255,255,255,.85);
    line-height:1.8;
    margin-bottom:30px;
}

.clud-sol-sec-btn{
    display:inline-block;
    background:#fff;
    color:#0087D5;
    padding:15px 35px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}

.clud-sol-sec-cta-stats{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

.clud-sol-sec-cta-stat{
    background:rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.2);
    border-radius:20px;
    padding:30px;
    text-align:center;
}

.clud-sol-sec-cta-stat h3{
    color:#fff;
    font-size:38px;
    margin-bottom:10px;
}

.clud-sol-sec-cta-stat p{
    color:#fff;
}

@media(max-width:991px){

    .clud-sol-sec-cta-wrap{
        grid-template-columns:1fr;
    }

    .clud-sol-sec-cta-content h2{
        font-size:38px;
    }
}

@media(max-width:767px){

    .clud-sol-sec-cta-stats{
        grid-template-columns:1fr;
    }

    .clud-sol-sec-cta-content h2{
        font-size:30px;
    }
}