*{
  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:#0b1b3a;
}

/* container */
.main-header-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:15px 20px;
}
.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:#fff;
  text-decoration:none;
  font-family:'Montserrat', sans-serif;
  font-size:15px;
  padding:8px 5px;
  position:relative;
}

/* underline hover */
.main-menu a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0%;
  height:2px;
  background:#00e5ff;
  transition:0.3s;
}

.main-menu a:hover::after{
  width:100%;
}
.has-dropdown{
  position:relative;
}

.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;
}

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

.mobile-drawer{
  position:fixed;
  top:0;
  right:-100%;
  width:320px;
  height:100%;
  background:#0b1b3a;
  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:#00e5ff;
  color:#000;
  padding:12px;
  font-weight:600;
  border:none;
  cursor:pointer;
  transition:0.3s ease;
  transform:scale(1);
}

.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{
  background:#06142e;
  color:#fff;
  padding:80px 20px;
  font-family:'Poppins', sans-serif;
}

/* container */
.home-hero-container{
  display:flex;
  justify-content:space-between;
  gap:40px;
  max-width:1300px;
  margin:auto;
  align-items:flex-start;
}

/* LEFT */
.home-hero-left{
  flex:1;
}

.home-hero-title{
  font-size:42px;
  font-weight:700;
  line-height:1.2;
}

.home-hero-desc{
  margin-top:20px;
  color:#cfd6e6;
}

.home-hero-subdesc{
  margin-top:10px;
  color:#9aa6c1;
}

/* BUTTON */
.home-hero-btn{
  margin-top:25px;
  background:#00e5ff;
  border:none;
  padding:12px 25px;
  font-weight:600;
  cursor:pointer;
  transition:0.3s ease;
}

.home-hero-btn:hover{
  transform:scale(0.92);
}

/* RIGHT */
.home-hero-right{
  flex:1;
  display:flex;
  flex-direction:column;
  gap:20px;
}

.home-hero-card{
  background:#0b1b3a;
  padding:20px;
  border-radius:12px;
  display:flex;
  gap:15px;
  align-items:flex-start;
  transition:0.3s ease;
  border:1px solid rgba(255,255,255,0.05);
}

.home-hero-card i{
  font-size:28px;
  color:#00e5ff;
}

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

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

.home-hero-info-card{
  background:#0b1b3a;
  padding:25px;
  border-radius:12px;
  transition:0.3s ease;
  border:1px solid rgba(255,255,255,0.05);
}

.home-hero-info-card i{
  font-size:26px;
  color:#00e5ff;
  margin-bottom:10px;
}

.home-hero-info-card:hover{
  transform:translateY(-10px);
  background:#10264d;
  cursor:pointer;
}

/* ===================== */
/* TABLET RESPONSIVE */
/* ===================== */
@media(max-width:992px){
  .home-hero-container{
    flex-direction:column;
  }

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

  .home-hero-right{
    flex-direction:row;
    flex-wrap:wrap;
  }

  .home-hero-card{
    flex:1;
    min-width:250px;
  }

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

/* ===================== */
/* MOBILE RESPONSIVE */
/* ===================== */
@media(max-width:576px){
  .home-hero-title{
    font-size:28px;
  }

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

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

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

/* SECTION BASE */
.sap-core-sec{
  padding:80px 20px;
  background: radial-gradient(circle at top left, #0b1b3a, #050b1a);
  color:#fff;
  font-family:Arial, sans-serif;
}

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

/* HEADER */
.sap-core-header{
  text-align:left;
  margin-bottom:40px;
}

.sap-core-header h2{
  font-size:36px;
  font-weight:700;
  margin-bottom:10px;
  letter-spacing:1px;
}

.sap-core-header p{
  color:#b9c6e4;
  max-width:900px;
  line-height:1.6;
  font-size:15px;
}

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

/* CARD */
.sap-core-card{
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(0,255,255,0.15);
  border-radius:14px;
  padding:25px;
  transition:0.3s ease;
  position:relative;
  overflow:hidden;
}

/* glow border effect */
.sap-core-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:14px;
  padding:1px;
  background:linear-gradient(135deg,#00e5ff,#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;
}

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

/* ICON */
.sap-core-icon{
  font-size:26px;
  color:#00e5ff;
  margin-bottom:15px;
}

/* TITLE */
.sap-core-card h3{
  font-size:18px;
  margin-bottom:10px;
}

/* TEXT */
.sap-core-card p{
  font-size:14px;
  color:#b9c6e4;
  line-height:1.5;
}

/* LINK */
.sap-core-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:15px;
  color:#00e5ff;
  text-decoration:none;
  font-size:13px;
  transition:0.3s;
}

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

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

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

@media (max-width: 600px){
  .sap-core-header h2{
    font-size:28px;
  }

  .sap-core-grid{
    grid-template-columns:1fr;
  }
}

.sap-services-sec{
  background: #070c1f;
  padding: 80px 20px;
  color: #fff;
  font-family: Arial, sans-serif;
}

/* CONTAINER */
.sap-services-sec-container{
  max-width: 1200px;
  margin: auto;
}

/* HEADER */
.sap-services-sec-header{
  text-align: center;
  margin-bottom: 50px;
}

.sap-services-sec-header h2{
  font-size: 36px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.sap-services-sec-header p{
  color: #b8c0d9;
  max-width: 900px;
  margin: auto;
  line-height: 1.6;
}

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

/* CARD */
.sap-services-sec-card{
  background: #0d1633;
  border: 1px solid rgba(255,255,255,0.08);
  padding: 25px;
  border-radius: 12px;
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* HOVER EFFECT */
.sap-services-sec-card:hover{
  transform: translateY(-10px);
  background: #111c3f;
  border-color: #2dd4ff;
  box-shadow: 0 10px 30px rgba(0,0,0,0.4);
}

/* ICON */
.sap-services-sec-icon{
  font-size: 26px;
  color: #2dd4ff;
  margin-bottom: 15px;
}

/* TEXT */
.sap-services-sec-card h3{
  font-size: 18px;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

.sap-services-sec-card p{
  font-size: 14px;
  color: #b8c0d9;
  line-height: 1.6;
}

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

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

  .sap-services-sec-header h2{
    font-size: 26px;
  }
}

.btp-service-sec{
  background: radial-gradient(circle at top, #0b1b3a, #050a1a);
  padding: 80px 20px;
  color: #fff;
  font-family: Arial, sans-serif;
}

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

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

.btp-service-sec-header h2{
  font-size: 36px;
  letter-spacing: 1px;
  margin-bottom: 15px;
}

.btp-service-sec-header p{
  color: #b8c0d9;
  max-width: 950px;
  margin: auto;
  line-height: 1.6;
  font-size: 14px;
}

/* 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: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  transition: 0.3s ease;
  position: relative;
  overflow: hidden;
}

/* HOVER */
.btp-service-sec-card:hover{
  transform: translateY(-8px);
  background: rgba(0, 180, 255, 0.08);
  border-color: #2dd4ff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

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

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

.btp-service-sec-card p{
  font-size: 13px;
  color: #b8c0d9;
  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: 26px;
  }
}

.enter-sec{
    position:relative;
    overflow:hidden;
    background:radial-gradient(circle at top, #0b1b3a, #050a1a);
    padding:90px 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:#fff;
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.enter-sec-heading p{
    color:#11d9ff;
    font-size:17px;
    max-width:980px;
    line-height:1.8;
}

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

.enter-sec-card{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:22px;
    background:rgb(7 16 74 / 14%);
    border:1px solid rgba(61,86,171,.35);
    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:#00d9ff;
    box-shadow:0 15px 35px rgba(0,217,255,.15);
}

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

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

.enter-sec-content p{
    color:#b8c3de;
    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:90px 20px;
    background:radial-gradient(circle at top, #0b1b3a, #050a1a);
}

/* .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:#ffffff;
    font-size:48px;
    font-weight:800;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.cloud-solutions-sec-heading p{
    color:#00d9ff;
    font-size:18px;
    line-height:1.8;
    max-width:1050px;
}

.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:rgb(7 16 74 / 14%);
    border:1px solid rgba(66,90,170,.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:#00d9ff;
    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:#00d9ff;
    font-size:24px;
}

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

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

.cloud-solutions-sec-content p{
    color:#aeb7d3;
    font-size:15px;
    line-height:1.7;
}

/* 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:90px 20px;
  overflow:hidden;
  background:
    radial-gradient(circle at top right, rgb(0 132 255 / 9%) 0%, #00000000 35%), radial-gradient(circle at bottom left, rgb(0 132 255 / 0%) 0%, transparent 40%), linear-gradient(135deg, #010522 0%, #01061f 45%, #040826 100%);
}

.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:#fff;
  font-size:48px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.5px;
}

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

.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:rgb(5 12 55 / 12%);
  border:1px solid rgba(255,255,255,.08);
  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:#00d9ff;
  box-shadow:
    0 15px 40px rgba(0,217,255,.15),
    0 0 25px rgba(0,217,255,.15);
}

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

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

.we-serve-sec-content p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  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{
  position:relative;
  width:100%;
  padding:90px 20px;
  overflow:hidden;
  background:
  radial-gradient(circle at top right, rgb(0 180 255 / 0%) 0%, transparent 35%), radial-gradient(circle at bottom center, rgba(0, 100, 255, .08) 0%, transparent 45%), linear-gradient(135deg, #010523 0%, #020626 45%, #010523 100%);
}

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

.newsletter-sec-header{
  margin-bottom:35px;
}

.newsletter-sec-header h2{
  margin:0 0 15px;
  color:#fff;
  font-size:52px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}

.newsletter-sec-header p{
  max-width:1100px;
  color:#09d9ff;
  font-size:18px;
  line-height:1.7;
  margin:0;
}

/* ==========================
   MAIN LAYOUT
========================== */

.newsletter-sec-layout{
  display:grid;
  grid-template-columns:1.2fr .95fr;
  gap:30px;
  align-items:start;
}

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

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

.newsletter-sec-card{
  background:rgb(7 15 65 / 0%);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:24px;
  transition:.4s ease;
  backdrop-filter:blur(10px);
}

.newsletter-sec-card:hover{
  transform:translateY(-8px);
  border-color:#00d9ff;
  box-shadow:0 15px 35px rgba(0,217,255,.12);
}

.newsletter-sec-icon{
  color:#00d9ff;
  font-size:24px;
  margin-bottom:18px;
}

.newsletter-sec-card h3{
  color:#fff;
  margin:0 0 10px;
  font-size:26px;
  font-weight:700;
}

.newsletter-sec-card p{
  margin:0;
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.6;
}

/* ==========================
   RIGHT CTA
========================== */

.newsletter-sec-cta{
  background:rgb(15 22 80 / 12%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:28px;
  backdrop-filter:blur(12px);
}

.newsletter-sec-cta h3{
  margin:0 0 15px;
  color:#fff;
  font-size:42px;
  font-weight:800;
  line-height:1.2;
}

.newsletter-sec-cta p{
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.7;
  margin-bottom:22px;
}

.newsletter-sec-opening-box{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:18px 15px;
  margin-bottom:20px;
  border:1px dashed rgba(0,217,255,.4);
  border-radius:10px;
  background:rgba(0,0,0,.15);
}

.newsletter-sec-opening-box span{
  color:#9eb1d1;
  font-size:14px;
  text-transform:uppercase;
}

.newsletter-sec-opening-box strong{
  color:#00d9ff;
  font-size:24px;
  font-weight:800;
}

.newsletter-sec-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:58px;
  background:#08d8ff;
  color:#021126;
  font-size:18px;
  font-weight:800;
  text-decoration:none;
  border-radius:50px;
  transition:.3s ease;
}

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

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

@media(max-width:991px){

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

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

  .newsletter-sec-header h2{
    font-size:42px;
  }

  .newsletter-sec-cta h3{
    font-size:34px;
  }

}

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

@media(max-width:767px){

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

  .newsletter-sec-header h2{
    font-size:32px;
  }

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

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

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

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

  .newsletter-sec-card p{
    font-size:14px;
  }

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

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

  .newsletter-sec-opening-box{
    flex-direction:column;
    align-items:flex-start;
  }

  .newsletter-sec-opening-box strong{
    font-size:20px;
  }

  .newsletter-sec-btn{
    height:54px;
    font-size:16px;
  }

}

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

.about-us-sec{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:70px 20px;
  background:radial-gradient(circle at top, #0b1b3a, #050a1a);
}

.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:#00e5ff;
  font-size:20px;
  font-weight:700;
  letter-spacing:1px;
  margin-bottom:20px;
}

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

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

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

.about-us-sec-text span{
  color:#00e5ff;
  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(8 18 70 / 16%);
  border:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  transition:.4s ease;
}

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

.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:#00e5ff;
  font-size:40px;
}

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

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

.about-us-sec-card-content p{
  margin:0;
  color:rgba(255,255,255,.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;
  }

  .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:90px 20px;
  overflow:hidden;
  background:radial-gradient(circle at top, #0b1b3a, #050a1a);
}

.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:rgb(8 15 70 / 3%);
  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:#00dfff;
  font-size:40px;
  font-weight:800;
}

.home-form-sec-heading-wrap p{
  margin:0 0 24px;
  color:rgba(255,255,255,.65);
  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:#d4d8e5;
  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(255,255,255,.10);
  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:#00dfff;
  box-shadow:0 0 15px rgba(0,223,255,.15);
}

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

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

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

.home-form-sec-btn{
  border:none;
  background:#08d8ff;
  color:#02122b;
  font-weight:800;
  padding:14px 28px;
  border-radius:8px;
  cursor:pointer;
  transition:.3s;
}

.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:rgba(255,255,255,.72);
  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;
}
/* 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:#0b1b3a;
  color:#00dfff;
}

.home-form-sec-contact-item i{
  color:#00dfff;
  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:#00dfff;
  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:
  linear-gradient(
135deg, #040616 0%, #020624 55%, #010521 100%);
  border-top:1px solid rgba(255,255,255,.08);
}

.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:rgba(255,255,255,.55);
  font-size:15px;
  line-height:1.5;
}

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

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

.adv-footer-sec-right a{
  color:rgba(255,255,255,.55);
  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:#050c1a;
    padding:90px 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%,
        rgba(5,12,26,.70) 60%,
        rgba(5,12,26,.92) 80%,
        #050c1a 100%
      );
}


    /* ══════════════════════════════════════
       INNER WRAPPER
    ══════════════════════════════════════ */
    .agent-sec__inner{
    position:relative;
    z-index:2;
}

    /* ══════════════════════════════════════
       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: #00c8ff;
      margin-bottom: 18px;
    }
    .agent-sec__eyebrow::before {
      content: '';
      display: block;
      width: 28px;
      height: 2px;
      background: #00c8ff;
      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: #00c8ff;
      font-weight: 600;
    }

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

    /* ══════════════════════════════════════
       CARD
    ══════════════════════════════════════ */
    .agent-sec__card {
      position: relative;
      background: rgba(10, 22, 45, 0.6);
      border: 1px solid rgba(0,180,255,0.11);
      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: rgba(0,160,255,0.08);
      border: 1px solid rgba(0,180,255,0.18);
      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: #00c8ff;
      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: #6a85a3;
    }

    /* ══════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════ */
    @media (max-width: 1024px) {
      .agent-sec { padding: 70px 40px 80px; }
      .agent-sec__bg-img { width: 380px; max-width: 42%; 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: 220px;
        max-width: 55%;
        top: 0;
        right: -20px;
        opacity: 0.45;
      }
      .agent-sec__bg-glow {
        width: 320px;
        height: 320px;
        top: -60px;
        right: -60px;
      }
      .agent-sec__subtext { margin-bottom: 40px; }
      .agent-sec__grid { grid-template-columns: 1fr; gap: 14px; }
    }