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

        body {
            overflow-x:hidden !important;
            font-family: 'Poppins', sans-serif !important;
        }
   
        /*Nav Styling*/
        *{
            margin: 0 !important;
            padding: 0 !important;
            box-sizing: border-box !important;
         }

        body {
            overflow-x:hidden !important;
            font-family: 'Poppins', sans-serif !important;
            
        }
     
        
        /*Nav Styling*/

        .navbar {
            display: flex !important;
            justify-content: space-between !important;
            align-items: center !important;
            padding: 5px 50px !important;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1) !important;
            position: absolute !important;
            width: 100% !important;
            z-index: 100 !important;
            transition: all 0.3s ease !important;
            background-color:transparent !important;
        }
        .logo img {
            height: 90px !important;
            width: 110px !important;
            border-radius:50% !important;
            transition: transform 0.3s ease !important;
        }

        .logo img:hover {
            transform: scale(1.05) !important;
        }

        .navbar ul {
            list-style: none !important;
            display: flex !important;
            gap: 30px !important;
            align-items: center !important;
        }

        .navbar ul li {
            position: relative !important;
        }

        .navbar ul li a {
           text-decoration: none !important;
            color: #ffffff !important;
          font-size: 14px !important;
         font-weight: 600 !important;
         transition: background-color 0.3s ease, transform 0.3s ease !important;
            
        }

        .navbar ul li a:hover {
           color: #ff161a !important;
            transform: translateY(-4px) !important;
            /*box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;*/
        }


.navbar ul li:hover .submenu {
    display: flex !important;
    /*background-color: red !important;*/
    opacity: 1 !important;
    pointer-events: auto !important;
    top: 100% !important;
    left: 0 !important;
    transition: opacity 0.3s ease, top 0.3s ease !important;
}
 .submenu {
    height:200px !important;
    width:400px !important;
    display: none !important;
    flex-wrap: wrap !important;
    position: absolute !important;
    top: 120% !important;
    left: 0 !important;
    background-color: #ffffff !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1) !important;
    border-radius: 8px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 10 !important;
}
.navbar ul li:hover .submenu li a{
    color:#000000 !important;
}
.submenu li{
    margin-top:5px !important;
    width:100% !important;
    padding: 5px 10px !important;
}
.submenu li a {
            font-size: 16px !important;
            color: #000000 !important;
            font-weight: 400 !important;
            /*transition: background-color 0.3s ease !important;*/
        }
 .submenu li a:hover {
            color: #ff161a !important;
        }
        .menu-toggle {
            display: none !important;
        }
.admin-box{
    
}
.admin-box i{
    color:#ff161a !important;
    font-size:16px !important;
    padding-left:16px !important;
}
.admin-box p{
    color:white !important;
    font-size:10px !important;
}

@media (max-width: 768px) {
    .admin-box {
        display: none !important;
    }
    .navbar {
        padding: 15px 20px !important;
        text-align: center !important;
        box-shadow: none !important;
        margin: 0 !important;
        position: absolute !important;
    }

    .logo img {
        height: 50px !important;
        width: 70px !important;
        border-radius: 50% !important;
        transition: transform 0.3s ease !important;
    }

    .navbar ul {
        display: none !important;
        flex-direction: column !important;
        gap: 10px !important;
        width: 100% !important;
        padding: 20px !important;
        margin-top: 10px !important;
        background-color: #fff !important;
        border-radius: 8px !important;
    }

    .navbar ul li {
        position: relative !important;
        width: 100% !important;
    }

    .navbar ul li a {
        font-size: 18px !important;
        padding: 10px !important;
        display: block !important;
        text-align: left !important;
    }

    /* Submenu ko initially hide rakhenge */
    .submenu {
        display: none !important;
        position: relative !important;
        width: 100% !important;
        height:325px !important;
        background-color: #ffffff !important;
        border-radius: 8px !important;
        padding-left: 20px !important;
    }
    .navbar ul li:hover .submenu {
    display: flex !important;
    background-color: #000000 !important;

}
.navbar ul li:hover .submenu li a{
    color:#ffffff !important;
}
.submenu-box{
    width:50% !important;
}
    /* Submenu open hone par dikhai dega */
    .submenu.open {
        display: block !important;
    }

    .submenu .submenu-box li {
        padding: 0px 0 !important;
        color: #ffffff !important;
    }

    .submenu li a {
        color: #ffffff !important;
        font-size: 16px !important;
        display: block !important;
    }

    .navbar.active ul {
        display: flex !important;
        align-items: center !important;
        position: absolute !important;
        top: 55px !important;
        left: 0px !important;
        background-color: #000000 !important;
        color: #ffffff !important;
        width: 100% !important;
        flex-direction: column !important;
    }

    .menu-toggle {
        display: block !important;
        font-size: 30px !important;
        cursor: pointer !important;
        color: #ffc107 !important;
    }

    .navbar ul li a:hover {
        color: #ff161a !important;
    }
}


        
        /*Home Crausel Design*/
        
 .carousel-container {
    position: relative !important;
    /*top:200px !important;*/
    width: 100% !important;
    /*max-width: 1200px !important;*/
    height: 700px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
    background-color: #0e0e0e !important;
}

.carousel-wrapper {
    display: flex !important;
    transition: transform 1s ease-in-out !important;
}

.carousel-slide {
    position: relative !important;
    min-width: 100% !important;
    height: 100% !important;
    transition: transform 1s ease, opacity 1s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.6s ease !important;
}

/*.carousel-slide:hover img {*/
/*    transform: scale(1.05) !important;*/
/*}*/

.carousel-slide .overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 10px !important;
    transition: opacity 0.4s ease !important;
}

.carousel-slide:hover .overlay {
    opacity: 0 !important;
}

.carousel-slide .content {
    position: absolute !important;
    left:10px !important;
    color: white !important;
    font-size: 28px !important;
    letter-spacing: 2px !important;
    z-index: 10 !important;
    transform: translateY(40px) !important;
    transition: transform 0.4s ease !important;
}

.carousel-slide:hover .content {
    transform: translateY(0) !important;
}
.hero_heading{
    font-size:60px !important;
    font-weight:900 !important;
    padding-left:90px !important;
    margin-top:100px !important;
    
}
.hero_heading span{
    font-size:60px !important;
    font-weight:700 !important;
    margin-left:-30px !important;
}
.hero_paragraph{
    width:528px !important;
    padding-left:70px !important;
    margin-top:20px !important;
    font-size:16px !important;
    text-align:justify !important;
}
.hero_paragraph span{
    color:#ff161a !important;
}
.hero_button{
    
    margin-left:70px !important;
    margin-top:20px !important;
     padding: 10px 20px !important;
      font-size: 1rem !important;
      background: linear-gradient(45deg, #ffff00, #ffff00) !important;
      border: none !important;
      border-radius: 5px !important;
      color: #000000 !important;
      cursor: pointer !important;
      /*box-shadow: 0 0 15px rgba(255, 255, 0), 0 0 25px rgba(255, 0, 102, 0.5) !important;*/
      transition: all 0.3s ease-in-out !important;
}
.hero_button:hover {
     box-shadow: 0 0 25px rgba(232, 239, 34, 1), 0 0 35px rgba(255, 0, 102, 1) !important;
      transform: scale(1.05) !important;
        background: linear-gradient(45deg, #000000, #000000) !important;
         color: #ffffff !important;
}

/* Media Queries */
@media (max-width: 1024px) {
    .carousel-container {
        width: 100% !important;
    }

    .carousel-slide .content {
       
    }
}

@media (max-width: 768px) {
    .carousel-container {
        height: 350px !important;
        width:100% !important;
    }

    .carousel-slide .content {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
     .carousel-container {
        height: 500px !important;
    }
    .carousel-slide img {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}
    .hero_heading{
    font-size:30px !important;
    font-weight:600 !important;
    padding-left:10px !important;
}
.hero_heading span{
    font-size:40px !important;
    font-weight:700 !important;
    margin-left:-10px !important;
}
.hero_paragraph{
    width:261px !important;
    padding-left:10px !important;
    margin-top:20px !important;
    font-size:14px !important;
    text-align: justify !important;
}
.hero_paragraph span{
    color:#ff161a !important;
}
.hero_button{
    padding:10px 20px !important;
    margin-left:10px !important;
    margin-top:20px !important;
    border-radius: 25px !important;
}
    .carousel-slide .content {
        font-size: 16px !important;
    }
}

/*After hero section styling*/

.hover-box-main_heading{
    text-align:center !important;
    font-size:35px !important;
    padding-top:20px !important;
}
.hover-box-main_heading span{
    color:#ff161a !important;
    border-bottom:2px solid black !important;
}
.hover-box-main{
    width:100vw !important;
    height:400px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
}
.hover-box {
    position: relative;
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: perspective(1000px);
    transition: transform 0.5s ease;
}

/* Slight 3D tilt on hover */
.hover-box:hover {
    transform: perspective(1000px) rotateY(10deg);
}

/* Image styling */
.hover-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* Zoom-in effect for the image */
.hover-box:hover img {
    transform: scale(1.1);
}

/* Layer that appears on hover */
.hover-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.6s ease, transform 0.6s ease;
    z-index: 1;
}

/* Reveal the layer on hover */
.hover-box:hover .hover-layer {
    opacity: 1;
    transform: translateY(0);
}

/* Content styling inside the hover layer */
.hover-layer h3 {
    margin: 10px 0px !important;
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    animation: fadeInUp 0.4s ease;
}
.hover-layer h3 span{
    color:#ff161a !important;
}
.hover-layer p {
    margin-top: 10px !important;
    font-size: 16px;
    color: #ddd;
    padding:0px 10px !important;
    text-align:justify !important;
    animation: fadeInUp 0.6s ease;
}
.guard_button{
    padding:10px 20px !important;
    margin-top:20px !important;
    border-radius: 25px !important;
    
}

/* Keyframe animations for text */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.hover-box:hover {
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.4), 0 10px 20px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
.hover-box-main{
    width:100vw !important;
    height:1500px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
}
.hover-box {
    position: relative;
    width: 400px;
    height: 350px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: perspective(1000px);
    transition: transform 0.5s ease;
}
    
}

.container-fluid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: center !important;
  padding: 20px !important;
}

.card1 {
  display: flex !important;
  align-items: center !important;
  width: 300px !important;
  height: 120px !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
  border-left: 5px solid #ffff00 !important;
  /*transition: transform 0.3s, box-shadow 0.3s !important;*/
}

.card1:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2) !important;
}

.card-content {
  padding: 5px !important;
}

.name {
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #333 !important;
}

.job {
  font-size: 0.9rem !important;
  color: #666 !important;
  margin-top: 5px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .card1 {
    width: 100% !important;
    max-width: 350px !important;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 10px !important;
  }
  .card1 {
    flex-direction: column !important;
    width: 100% !important;
  }
  .card-content {
    text-align: center !important;
    padding: 10px !important;
  }
  .name {
    font-size: 1.1rem !important;
  }
  .job {
    font-size: 0.85rem !important;
  }
}


/*Security Service*/


.security_service {
    width: 100vw !important;
    height: 1000px !important;
    padding: 40px !important;
    background-color: #f8f8f8 !important;
    text-align: center !important;
    color: #333 !important;
}

/*.security_service h2 {*/
/*    font-size: 32px !important;*/
/*    margin-bottom: 40px !important;*/
/*    text-transform: uppercase !important;*/
/*    color: #000 !important;*/
/*    animation: fadeUp 1s ease-out ;*/
/*}*/
.security_service h2 {
    font-size: 36px !important;
    margin-top:30px !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) ;
}
.security_service h2 span{
    color:white !important;
}
.security_service h2 span:hover {
     color:ff161a !important;
}
.boxes {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    margin-top:30px !important;
}

.box {
    width: 40% !important;
    padding: 25px !important;
    display:flex !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    font-size: 16px !important;
    color: #555 !important;
    opacity: 1 !important; /* Start hidden */
    transform: translateY(10px) !important; /* Initial position */
    animation: slideIn 1.2s ease-out forwards !important; /* Professional smooth animation */
    transition: transform 0.3s linear !important;
    box-shadow 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.box:hover {
    transform: translateY(-5px) !important; 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.box img {
    width:60px !important;
    height:60px !important;
    color: #000000 !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    animation: fadeIn 1.5s ease-in-out ;
    padding:10px 10px !important;
    margin:10px 0px !important;
    background-color:#ff161a !important;
    border-radius: 48px !important;
}
.box h1{
    font-size:22px !important;
    text-align:left !important;
    padding:10px !important;
}
.box h1:hover {
    color:#ff161a !important;
}
.box p {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    text-align: justify !important;
    padding:10px 10px !important;
}

/* Hover Effect on Icons */
.box i.icon:hover {
    color: #ff161a !important;
    transform: scale(1.2) !important;
    transition: color 0.3s ease;
    transform 0.3s ease ;
}

/* Left and Right Boxes Animation Delay */
.box.left {
    animation-delay: 0.3s ;
    border-right:2px solid #ff161a !important;
}

.box.right {
    animation-delay: 0.6s ;
    border-right:2px solid #ff161a !important;
}

/* Professional Fade-Up Heading Animation */
@keyframes fadeUp {
    0% {
        opacity: 0 ;
        transform: translateY(20px) ;
    }
    100% {
        opacity: 1 ;
        transform: translateY(0) ;
    }
}

/* Professional Slide-In Box Animation */
@keyframes slideIn {
    0% {
        opacity: 0 ;
        transform: translateY(30px) ;
    }
    100% {
        opacity: 1 ;
        transform: translateY(0) ;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .security_service {
    width: 100vw !important;
    height: 2210px !important;
    padding: 40px !important;
    background-color: #f8f8f8 !important;
    text-align: center !important;
    color: #333 !important;
}
    .boxes {
        flex-direction: column ;
    }

    .box {
        width: 100% !important;
        padding: 10px !important;
    }

    .security_service h2 {
        font-size: 28px !important;
    }
}


/*why choose us styling*/
.why_choose{
    background-color: white !important;
    padding: 80px 20px !important; 
    text-align: center !important;
}
.why_choose_heading{
    font-size: 32px !important; 
    color: #333 !important;
    margin-bottom: 40px !important;
}
.why_choose_heading span{
    color:#ff161a !important;
}
.stars{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.top_left{
    height:2px !important;
    width:100px !important;
    padding:5px 20px !important;
    border-bottom:2px solid black !important;
}
.top_center i{
    font-size:20px !important;
    color:#ff161a !important;
}
.top_right{
    height:2px !important;
    width:100px !important;
    padding:5px 20px !important;
    border-bottom:2px solid black !important;
}
 .card {
    background-color: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 250px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    /*opacity: 0 !important;*/
    transform: translateY(10px) !important;
    animation: fadeInUp 0.5s forwards linear;
  }

  /* Add some hover effects */
  .card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
    background-color: white !important;
  }

  .card img {
    height:40px !important;
    width:40px !important;
    color: #333 !important;
    margin:auto !important;
  }
.why_choose_number{
    margin:0px 43px !important;
    font-size:30px !important;
    border-bottom:2px solid black !important;
}
  .card h3 {
    margin-top: 25px !important;
    font-size: 1.25rem !important;
    color: #333 !important;
  }

  /* Animation */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Make the cards animate sequentially */
  .card:nth-child(1) {
    animation-delay: 0.2s;
  }

  .card:nth-child(2) {
    animation-delay: 0.4s;
  }

  .card:nth-child(3) {
    animation-delay: 0.6s;
  }

  .card:nth-child(4) {
    animation-delay: 0.8s;
  }

  /* Responsive grid layout */
  @media (max-width: 768px) {
    h2 {
      font-size: 1.5rem !important;
    }
  }

  @media (max-width: 480px) {
    h2 {
      font-size: 1.25rem !important;
    }

    .card {
      padding: 15px !important;
    }

    .card h3 {
      font-size: 1rem !important;
    }
  }
  
  /*Our Team Styling*/
  .team_main{
      position: relative !important;
      padding: 50px 20px !important;
      text-align: center !important;
  }
  .team_main_wrapper{
    position: absolute !important; 
      top: 0 !important; 
      left: 0 !important; 
      width: 100% !important; 
      height: 100% !important; 
      object-fit: cover !important; 
      /*opacity: 0.75 !important; */
      z-index: -1 !important;
  }
  .team_main_heading{
      font-size: 2rem !important; 
      color: #333 !important; 
      text-align:center !important;
      margin-bottom: 40px !important;
  }
  .team_main_heading span{
      color:#ff161a !important;
      border-bottom:2px solid black !important;
  }
    .team-card {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
    max-width: 250px !important;
    width: 100% !important;
    transition: transform 0.3s ease !important, box-shadow 0.3s ease !important;
    /*opacity: 0 !important;*/
    transform: translateY(10px) !important;
    animation: fadeInUp 0.5s forwards ease !important;
  }

  .team-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
  }

  .team-photo {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
  }

  .team-name {
    font-size: 1.25rem !important;
    color: #333 !important;
    margin: 10px 0 5px !important;
  }

  .team-role {
    font-size: 1rem !important;
    color: #555 !important;
  }

  /* Animation */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Delay Animations for Sequential Appearance */
  .team-card:nth-child(1) { animation-delay: 0.2s !important; }
  .team-card:nth-child(2) { animation-delay: 0.4s !important; }
  .team-card:nth-child(3) { animation-delay: 0.6s !important; }
  .team-card:nth-child(4) { animation-delay: 0.8s !important; }
  .team-card:nth-child(5) { animation-delay: 1s !important; }
  .team-card:nth-child(6) { animation-delay: 1.2s !important; }
  .team-card:nth-child(7) { animation-delay: 1.4s !important; }
  .team-card:nth-child(8) { animation-delay: 1.6s !important; }
  .team-card:nth-child(9) { animation-delay: 1.8s !important; }
  .team-card:nth-child(10) { animation-delay: 2s !important; }
  .team-card:nth-child(11) { animation-delay: 2.2s !important; }
  .team-card:nth-child(12) { animation-delay: 2.4s !important; }
  .team-card:nth-child(13) { animation-delay: 2.6s !important; }
  .team-card:nth-child(14) { animation-delay: 2.8s !important; }

  /* Responsive Design */
  @media (max-width: 768px) {
    h2 {
      font-size: 1.5rem !important;
    }

    .team-card {
      padding: 15px !important;
    }

    .team-name {
      font-size: 1rem !important;
    }

    .team-role {
      font-size: 0.85rem !important;
    }
  }

  @media (max-width: 480px) {
    .team-photo {
      width: 100px !important;
      height: 100px !important;
    }
  .team-card {
    max-width: 350px !important;
    height:250px !important;
    width: 100% !important;
    
  }
    .team-name {
      font-size: 1.25rem !important;
    }

    .team-role {
      font-size: 1rem !important;
    }
  }
  
  /*Form Section Styling*/
  

.sci-fi-section {
  position: relative !important;
  padding: 80px 20px !important;
  background: radial-gradient(circle, rgba(35, 44, 51) 0%, rgba(35, 44, 51) 50%) !important;
  /*background:#ffffff !important;*/
  overflow: hidden !important;
  min-height: 500px !important;
}

.sci-fi-section .floating-glow-1, 
.sci-fi-section .floating-glow-2,
.sci-fi-section .floating-glow-3 {
  position: absolute !important;
  border-radius: 50% !important;
  background-color:#ff161a !important;
  /*background: rgba(0, 255, 255, 0.3) !important;*/
  animation: glow 8s ease-in-out infinite ;
}

.sci-fi-section .floating-spark-1, 
.sci-fi-section .floating-spark-2 {
  position: absolute !important;
  background: rgba(255, 0, 255, 0.4) !important;
  animation: spark 5s linear infinite ;
}

/* Floating Object Sizes & Positions */
.floating-glow-1 {
  top: 10% !important;
  left: 15% !important;
  width: 50px !important;
  height: 50px !important;
}

.floating-glow-2 {
  top: 40% !important;
  right: 10% !important;
  width: 80px !important;
  height: 80px !important;
}

.floating-glow-3 {
  bottom: 5% !important;
  left: 30% !important;
  width: 80px !important;
  height: 80px !important;
}

.floating-spark-1 {
  top: 50% !important;
  left: 10% !important;
  width: 80px !important;
  height: 20px !important;
}

.floating-spark-2 {
  bottom: 15% !important;
  right: 10% !important;
  width: 100px !important;
  height: 30px !important;
}

/* Animations for Floating Objects */
@keyframes glow {
  0%, 100% {
    transform: translateY(0) ;
    opacity: 0 ;
  }
  50% {
    transform: translateY(280px) ;
    opacity: 0.7 ;
  }
}

@keyframes spark {
  0%, 100% {
    transform: rotate(0deg) scale(1) ;
  }
  50% {
    transform: rotate(180deg) scale(1.2) ;
  }
}

/* Content Wrapper */
.content-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 30px !important;
}

/* Left Content */
.left-content {
  flex: 1 !important;
  min-width: 350px !important;
  color: #fff !important;
  text-align: center !important;
  margin-bottom: 30px !important;
  z-index: 10 !important;
}

.left-content h2 {
  font-size: 2rem !important;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  /*text-shadow: 0 0 10px #00ff99 !important;*/
}
.left-content h2 span{
    color:#ff161a !important;
}
.left-content p {
  font-size: 1.3rem !important;
  color: #ccc !important;
}
.left-content h5{
    font-size:18px !important;
    margin-top:20px !important;
    text-align:justify !important;
}
.left-content h5 span{
    color: #ff161a !important;
}
/* Form Wrapper */
.form-wrapper {
  flex: 1 !important;
  min-width: 350px !important;
  padding: 40px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(15px) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  z-index: 10 !important;
}

.form-wrapper:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0, 255, 255, 0.6) !important;
}

/* Form Styling */
.form-wrapper form {
  display: flex !important;
  flex-direction: column !important;
}

.input-group {
  margin-bottom: 20px !important;
}

.input-group label {
  display: block !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  margin-bottom: 10px !important;
}

.input-group input, 
.input-group textarea {
  width: 100% !important;
  padding: 15px !important;
  border: 2px solid #00ff99 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

.input-group textarea {
  resize: vertical !important;
  min-height: 50px !important;
}

.form-wrapper button {
  background: linear-gradient(45deg, #faff00, #ff00ff) !important;
  color: white !important;
  padding: 15px 25px !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 1.2rem !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
}

.form-wrapper button:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.8) !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .left-content h2 {
    font-size: 2.8rem !important;
  }
  .left-content p {
    font-size: 1.1rem !important;
  }
  .form-wrapper button {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
.form-wrapper {
    padding: 17px !important;
    }
  .left-content h2 {
    font-size: 2.2rem !important;
  }
  .left-content p {
    font-size: 1rem !important;
  }
 .form-wrapper button {
    width: 100% !important;
  }
}

/*Our Experince Section*/

/* General Section Styling */
.full-width-section {
  position: relative !important;
  width: 100% !important;
  height: 600px !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* Image Styling */
.background-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: -1 !important; /* Make sure the image is in the background */
}

/* Content Box Styling */
.content-box {
  width: 50% !important;
  background: rgba(0, 0, 0, 0.6) !important; /* Semi-transparent background */
  color: #fff !important;
  padding: 40px !important;
  margin:0px 20px !important;
  border-radius: 8px !important;
   z-index: 1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  /*transform: translateX(-100%) !important; */
  /*animation: slideIn 1s forwards ease-out ; */
}
.content-box:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 255, 255, 0.6) !important;
}

/* Heading Styling */
.content-box h2 {
  font-size: 2rem !important;
  margin-bottom: 20px !important;
  /*opacity: 0 !important; */
  
}
.content-box h2 span{
    color:#ff161a !important;
}
/* Paragraph Styling */
.content-box p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  padding-top:20px !important;
  text-align:justify !important;
  /*opacity: 0 !important; */
  /*animation: fadeIn 1s 1s forwards !important; */
}

/* Fade-In Animation */
@keyframes fadeIn {
  0% {
    opacity: 0 ;
  }
  100% {
    opacity: 1 ;
  }
}

/* Slide-In Animation */
@keyframes slideIn {
  0% {
    transform: translateX(-100%) ;
  }
  100% {
    transform: translateX(0) ;
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .content-box {
    width: 60% !important;
  }

  .content-box h2 {
    font-size: 1.8rem !important;
  }

  .content-box p {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 768px) {
  .full-width-section {
    padding: 0 10px !important;
  }

  .content-box {
    width: 80% !important;
    padding: 20px !important;
  }

  .content-box h2 {
    font-size: 1.5rem !important;
  }

  .content-box p {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 480px) {
  .content-box {
    width: 90% !important;
  }

  .content-box h2 {
    font-size: 1.2rem !important;
  }

  .content-box p {
    font-size: 0.8rem !important;
  }
}

/*footer styling*/

  .custom-footer {
      height:500px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 10px !important;
  }

  .footer-background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -1 !important; /* Place background behind the content */
  }

  .footer-content {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
  }

  .footer-box {
    flex: 1 1 20% !important; /* For equal width on desktop */
    height:450px !important;
    margin: 10px !important;
    padding: 20px !important;
    /*background: rgba(0, 0, 0, 0.7) !important;*/
    color: white !important;
    text-align: center !important;
    border-radius: 8px !important;
    z-index: 1 !important; /* Ensure content is above the background */
  }
  .footer-logo{
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
  }
  .footer-box-menu{
      display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:30px !important
    /*padding-top:20px !important;*/
  }
  .footer-box-menu-address{
      margin-top:20px !important;
         display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:5px !important;
  }
  .footer-box-menu-social-icons i{
      margin-left:20px !important;
      margin-top:40px !important;
      font-size:25px !important;
  }
  .footer-box-menu-social-icons i:hover{
       color:#ff161a !important;
  }
   .footer-box-menu-address i{
       color:#ff161a !important;
   }
.footer-box-menu i{
    color:#ff161a !important;
    padding-top:15px !important;
}
.footer-box-menu P{
    padding-top:15px !important;
    position:relative !important;
    transform:all 1s linear !important;
    
}
.footer-box-menu P:hover {
  left:5px !important;
    
}
.footer-box-menu a{
     text-decoration:none !important;
     color:white !important;
    
}
.footer-box-menu a:hover {
     color:#ff161a !important;
}

.footer-sec-box{
    padding-top:110px !important;
}
  /* Responsive Design */
  @media (max-width: 768px) {
    .custom-footer {
      height:1400px !important;
   
  }
    .box1 {
      flex: 1 1 100% !important; /* Full width on mobile */
    }

    .box2,
    .box3 {
      flex: 1 1 45% !important;
       padding: 0px !important;/* Half width on mobile */
    }

    .box4 {
      flex: 1 1 100% !important; /* Full width on mobile */
    }
     .footer-box-menu{
      display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:10px !important
    /*padding-top:20px !important;*/
  }
  }
  
  
  /*Our clints*/
  
/* Section Styling */
#page4 {
  width: 100% !important;
  height: 400px !important;
  background: linear-gradient(90deg, rgba(0, 51, 102, 0.1), rgba(255, 255, 255, 0.1)) !important;
  padding: 60px 0 !important;
  overflow: hidden !important;
}

#page4 h1 {
  color: #003366 !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}
#page4 h1 span{
    color: #ff161a !important;
}
/* Red underline under heading */

.underlinee {
  width: 100px !important;
  height: 2px !important;
  background-color: black !important;
  margin: 20px auto !important;
}

/* Client Slider Styling */
.clint_slider {
  position: relative !important;
  display: flex !important;
  overflow: hidden !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;
}

.slider_wrapper {
  display: flex !important;
  gap: 50px !important;
}

.slider_wrapper img {
  width: 175px !important;
  height: 175px !important;
  object-fit: contain !important;
  border: 2px solid #ff161a !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  padding: 5px !important; /* Prevent clipping */
}

.slider_wrapper img:hover {
  transform: scale(1.2) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Responsive Styling */
@media (min-width: 768px) and (max-width: 1200px) {
  #page4 {
  /*margin-top:-1250px !important;*/
}
}

@media only screen and (max-width: 768px) {
    #page4{
        /*height:600px !important;*/
    }
  #page4 h1 {
      font-size: 2rem !important;
  }

  .slider_wrapper img {
      width: 100px !important;
      height: 100px !important;
  }
}

@media only screen and (max-width: 576px) {
  .slider_wrapper img {
      width: 120px !important;
      height: 120px !important;
  }
}

/*FAQs Section Styling*/

.faq-section {
  max-width: 1000px !important;
  margin: 50px auto !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.faq-section h2 {
  text-align: center !important;
  margin-bottom: 20px !important;
  color: #ffff00 !important;
}

.faq {
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 10px !important;
}

.faq .question {
  font-size: 1.1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/*.faq .answer:hover {*/
/*  color: #ffff00a3  !important;*/
/*}*/

.faq .answer {
  margin-top: 10px !important;
  font-size: 0.95rem !important;
  display: none !important;
  color: #555 !important;
}

.faq .icon {
  font-size: 1.2rem !important;
  transition: transform 0.3s !important;
}

.faq.open .icon {
  transform: rotate(180deg) !important;
}

.faq.open .answer {
  display: block !important;
}

        
        /*Home Crausel Design*/
        
 .carousel-container {
    position: relative !important;
    /*top:200px !important;*/
    width: 100% !important;
    /*max-width: 1200px !important;*/
    height: 700px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7) !important;
    background-color: #0e0e0e !important;
}

.carousel-wrapper {
    display: flex !important;
    transition: transform 1s ease-in-out !important;
}

.carousel-slide {
    position: relative !important;
    min-width: 100% !important;
    height: 100% !important;
    transition: transform 1s ease, opacity 1s ease !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.carousel-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    transition: transform 0.6s ease !important;
}

/*.carousel-slide:hover img {*/
/*    transform: scale(1.05) !important;*/
/*}*/

.carousel-slide .overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 10px !important;
    transition: opacity 0.4s ease !important;
}

.carousel-slide:hover .overlay {
    opacity: 0 !important;
}

.carousel-slide .content {
    position: absolute !important;
    left:10px !important;
    color: white !important;
    font-size: 28px !important;
    letter-spacing: 2px !important;
    z-index: 10 !important;
    transform: translateY(40px) !important;
    transition: transform 0.4s ease !important;
}

.carousel-slide:hover .content {
    transform: translateY(0) !important;
}
.hero_heading{
    font-size:60px !important;
    font-weight:900 !important;
    padding-left:90px !important;
    margin-top:100px !important;
    
}
.hero_heading span{
    font-size:60px !important;
    font-weight:700 !important;
    margin-left:-30px !important;
}
.hero_paragraph{
    width:528px !important;
    padding-left:70px !important;
    margin-top:20px !important;
    font-size:16px !important;
    text-align:justify !important;
}
.hero_paragraph span{
    color:#ff161a !important;
}
.hero_button{
    
    margin-left:70px !important;
    margin-top:20px !important;
     padding: 10px 20px !important;
      font-size: 1rem !important;
      background: linear-gradient(45deg, #ffff00, #ffff00) !important;
      border: none !important;
      border-radius: 5px !important;
      color: #000000 !important;
      cursor: pointer !important;
      /*box-shadow: 0 0 15px rgba(255, 255, 0), 0 0 25px rgba(255, 0, 102, 0.5) !important;*/
      transition: all 0.3s ease-in-out !important;
}
.hero_button:hover {
     box-shadow: 0 0 25px rgba(232, 239, 34, 1), 0 0 35px rgba(255, 0, 102, 1) !important;
      transform: scale(1.05) !important;
        background: linear-gradient(45deg, #000000, #000000) !important;
         color: #ffffff !important;
}

/* Media Queries */
@media (max-width: 1024px) {
    .carousel-container {
        width: 100% !important;
    }

    .carousel-slide .content {
       
    }
}

@media (max-width: 768px) {
    .carousel-container {
        height: 350px !important;
        width:100% !important;
    }

    .carousel-slide .content {
        font-size: 18px !important;
    }
}

@media (max-width: 480px) {
     .carousel-container {
        height: 500px !important;
    }
    .carousel-slide img {
    width: 100% !important;
    height: 500px !important;
    object-fit: cover !important;
    transition: transform 0.6s ease !important;
}
    .hero_heading{
    font-size:30px !important;
    font-weight:600 !important;
    padding-left:10px !important;
}
.hero_heading span{
    font-size:40px !important;
    font-weight:700 !important;
    margin-left:-10px !important;
}
.hero_paragraph{
    width:261px !important;
    padding-left:10px !important;
    margin-top:20px !important;
    font-size:14px !important;
    text-align: justify !important;
}
.hero_paragraph span{
    color:#ff161a !important;
}
.hero_button{
    padding:10px 20px !important;
    margin-left:10px !important;
    margin-top:20px !important;
    border-radius: 25px !important;
}
    .carousel-slide .content {
        font-size: 16px !important;
    }
}

/*After hero section styling*/

.hover-box-main_heading{
    text-align:center !important;
    font-size:28px !important;
    padding:20px 20px !important;
}
.hover-box-main_heading span{
    color:#ff161a !important;
    border-bottom:2px solid black !important;
}
.hover-box-main{
    width:100vw !important;
    height:400px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
}
.hover-box {
    position: relative;
    width: 300px;
    height: 300px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: perspective(1000px);
    transition: transform 0.5s ease;
}

/* Slight 3D tilt on hover */
.hover-box:hover {
    transform: perspective(1000px) rotateY(10deg);
}

/* Image styling */
.hover-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}

/* Zoom-in effect for the image */
.hover-box:hover img {
    transform: scale(1.1);
}

/* Layer that appears on hover */
.hover-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity 0.6s ease, transform 0.6s ease;
    z-index: 1;
}

/* Reveal the layer on hover */
.hover-box:hover .hover-layer {
    opacity: 1;
    transform: translateY(0);
}

/* Content styling inside the hover layer */
.hover-layer h3 {
    margin: 10px 0px !important;
    font-size: 24px;
    letter-spacing: 1px;
    color: #fff;
    animation: fadeInUp 0.4s ease;
}
.hover-layer h3 span{
    color:#ff161a !important;
}
.hover-layer p {
    margin-top: 10px !important;
    font-size: 16px;
    color: #ddd;
    padding:0px 10px !important;
    text-align:justify !important;
    animation: fadeInUp 0.6s ease;
}
.guard_button{
    padding:10px 20px !important;
    margin-top:20px !important;
    border-radius: 25px !important;
    
}

/* Keyframe animations for text */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.hover-box:hover {
    box-shadow: 0 15px 40px rgba(255, 255, 255, 0.4), 0 10px 20px rgba(0, 0, 0, 0.4);
}
@media (max-width: 768px) {
.hover-box-main{
    width:100vw !important;
    height:1500px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:20px !important;
}
.hover-box {
    position: relative;
    width: 380px;
    height: 350px;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transform: perspective(1000px);
    transition: transform 0.5s ease;
}
    
}

.container-fluid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  justify-content: center !important;
  padding: 20px !important;
}

.card1 {
  display: flex !important;
  align-items: center !important;
  width: 300px !important;
  height: 120px !important;
  background-color: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
  overflow: hidden !important;
  border-left: 5px solid red !important;
}

.card1:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2) !important;
}

.card-content {
  padding: 5px !important;
}

.name {
  font-size: 1.3rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  color: #333 !important;
}

.job {
  font-size: 0.9rem !important;
  color: #666 !important;
  margin-top: 5px !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .card1 {
    width: 100% !important;
    max-width: 350px !important;
  }
}

@media (max-width: 480px) {
  .container {
    padding: 10px !important;
  }
  .card1 {
    flex-direction: column !important;
    width: 100% !important;
  }
  .card-content {
    text-align: center !important;
    padding: 10px !important;
  }
  .name {
    font-size: 1.1rem !important;
  }
  .job {
    font-size: 0.85rem !important;
  }
}


/*Security Service*/


.security_service {
    width: 100vw !important;
    height: 1000px !important;
    padding: 40px !important;
    background-color: #f8f8f8 !important;
    text-align: center !important;
    color: #333 !important;
}

/*.security_service h2 {*/
/*    font-size: 32px !important;*/
/*    margin-bottom: 40px !important;*/
/*    text-transform: uppercase !important;*/
/*    color: #000 !important;*/
/*    animation: fadeUp 1s ease-out ;*/
/*}*/
.security_service h2 {
    font-size: 36px !important;
    margin-top:30px !important;
    text-transform: uppercase !important;
    color: #000000 !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    font-family: 'Arial', sans-serif !important;
    font-weight: bold !important;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) ;
}
.security_service h2 span{
    color:white !important;
}
.security_service h2 span:hover {
     color:#ff161a !important;
}
.boxes {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    margin-top:30px !important;
}

.box {
    width: 40% !important;
    padding: 25px !important;
    display:flex !important;
    background-color: #ffffff !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    font-size: 16px !important;
    color: #555 !important;
    opacity: 1 !important; /* Start hidden */
    transform: translateY(10px) !important; /* Initial position */
    animation: slideIn 1.2s ease-out forwards !important; /* Professional smooth animation */
    transition: transform 0.3s linear !important;
    box-shadow 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

.box:hover {
    transform: translateY(-5px) !important; 
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
}

.box img {
    width:60px !important;
    height:60px !important;
    color: #000000 !important;
    margin-right: 10px !important;
    vertical-align: middle !important;
    animation: fadeIn 1.5s ease-in-out ;
    padding:10px 10px !important;
    margin:10px 0px !important;
    background-color:#ff161a !important;
    border-radius: 48px !important;
}
.box h1{
    font-size:22px !important;
    text-align:left !important;
    padding:10px !important;
}
.box h1:hover {
    color:#ff161a !important;
}
.box p {
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 !important;
    text-align: justify !important;
    padding:10px 10px !important;
}

/* Hover Effect on Icons */
.box i.icon:hover {
    color: #ff161a !important;
    transform: scale(1.2) !important;
    transition: color 0.3s ease;
    transform 0.3s ease ;
}

/* Left and Right Boxes Animation Delay */
.box.left {
    animation-delay: 0.3s ;
    border-right:2px solid #ff161a !important;
}

.box.right {
    animation-delay: 0.6s ;
    border-right:2px solid #ff161a !important;
}

/* Professional Fade-Up Heading Animation */
@keyframes fadeUp {
    0% {
        opacity: 0 ;
        transform: translateY(20px) ;
    }
    100% {
        opacity: 1 ;
        transform: translateY(0) ;
    }
}

/* Professional Slide-In Box Animation */
@keyframes slideIn {
    0% {
        opacity: 0 ;
        transform: translateY(30px) ;
    }
    100% {
        opacity: 1 ;
        transform: translateY(0) ;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .security_service {
    width: 100vw !important;
    height: 1850px !important;
    padding: 40px !important;
    background-color: #f8f8f8 !important;
    text-align: center !important;
    color: #333 !important;
}
    .boxes {
        flex-direction: column ;
    }

    .box {
        width: 100% !important;
        padding: 10px !important;
    }

    .security_service h2 {
        font-size: 28px !important;
    }
}


/*why choose us styling*/
.why_choose{
    background-color: white !important;
    padding: 80px 20px !important; 
    text-align: center !important;
}
.why_choose_heading{
    font-size: 34px !important; 
    color: #333 !important;
    margin-bottom: 40px !important;
}
.why_choose_heading span{
    color:#ff161a !important;
}
.stars{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.top_left{
    height:2px !important;
    width:100px !important;
    padding:5px 20px !important;
    border-bottom:2px solid black !important;
}
.top_center i{
    font-size:20px !important;
    color:#ff161a !important;
}
.top_right{
    height:2px !important;
    width:100px !important;
    padding:5px 20px !important;
    border-bottom:2px solid black !important;
}
 .card {
    background-color: white !important;
    padding: 20px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 250px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    /*opacity: 0 !important;*/
    transform: translateY(10px) !important;
    animation: fadeInUp 0.5s forwards linear;
  }

  /* Add some hover effects */
  .card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
    background-color: white !important;
  }

  .card img {
    height:40px !important;
    width:40px !important;
    color: #333 !important;
    margin:auto !important;
  }
.why_choose_number{
    margin:0px 43px !important;
    font-size:30px !important;
    border-bottom:2px solid black !important;
}
  .card h3 {
    margin-top: 25px !important;
    font-size: 1.25rem !important;
    color: #333 !important;
  }

  /* Animation */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Make the cards animate sequentially */
  .card:nth-child(1) {
    animation-delay: 0.2s;
  }

  .card:nth-child(2) {
    animation-delay: 0.4s;
  }

  .card:nth-child(3) {
    animation-delay: 0.6s;
  }

  .card:nth-child(4) {
    animation-delay: 0.8s;
  }

  /* Responsive grid layout */
  @media (max-width: 768px) {
    h2 {
      font-size: 1.5rem !important;
    }
  }

  @media (max-width: 480px) {
    h2 {
      font-size: 1.25rem !important;
    }

    .card {
      padding: 15px !important;
    }

    .card h3 {
      font-size: 1rem !important;
    }
  }
  
  /*Our Team Styling*/
  .team_main{
      position: relative !important;
      padding: 50px 20px !important;
      text-align: center !important;
  }
  .team_main_wrapper{
    position: absolute !important; 
      top: 0 !important; 
      left: 0 !important; 
      width: 100% !important; 
      height: 100% !important; 
      object-fit: cover !important; 
      /*opacity: 0.75 !important; */
      z-index: -1 !important;
  }
  .team_main_heading{
      font-size: 2rem !important; 
      color: #333 !important; 
      text-align:center !important;
      margin-bottom: 40px !important;
  }
  .team_main_heading span{
      color:#ff161a !important;
      border-bottom:2px solid black !important;
  }
    .team-card {
    background-color: #f9f9f9 !important;
    padding: 20px !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
    text-align: center !important;
    max-width: 250px !important;
    width: 100% !important;
    transition: transform 0.3s ease !important, box-shadow 0.3s ease !important;
    /*opacity: 0 !important;*/
    transform: translateY(10px) !important;
    animation: fadeInUp 0.5s forwards ease !important;
  }

  .team-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
  }

  .team-photo {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin-bottom: 15px !important;
  }

  .team-name {
    font-size: 1.25rem !important;
    color: #333 !important;
    margin: 10px 0 5px !important;
  }

  .team-role {
    font-size: 1rem !important;
    color: #555 !important;
  }

  /* Animation */
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Delay Animations for Sequential Appearance */
  .team-card:nth-child(1) { animation-delay: 0.2s !important; }
  .team-card:nth-child(2) { animation-delay: 0.4s !important; }
  .team-card:nth-child(3) { animation-delay: 0.6s !important; }
  .team-card:nth-child(4) { animation-delay: 0.8s !important; }
  .team-card:nth-child(5) { animation-delay: 1s !important; }
  .team-card:nth-child(6) { animation-delay: 1.2s !important; }
  .team-card:nth-child(7) { animation-delay: 1.4s !important; }
  .team-card:nth-child(8) { animation-delay: 1.6s !important; }
  .team-card:nth-child(9) { animation-delay: 1.8s !important; }
  .team-card:nth-child(10) { animation-delay: 2s !important; }
  .team-card:nth-child(11) { animation-delay: 2.2s !important; }
  .team-card:nth-child(12) { animation-delay: 2.4s !important; }
  .team-card:nth-child(13) { animation-delay: 2.6s !important; }
  .team-card:nth-child(14) { animation-delay: 2.8s !important; }

  /* Responsive Design */
  @media (max-width: 768px) {
    h2 {
      font-size: 1.5rem !important;
    }

    .team-card {
      padding: 15px !important;
    }

    .team-name {
      font-size: 1rem !important;
    }

    .team-role {
      font-size: 0.85rem !important;
    }
  }

  @media (max-width: 480px) {
    .team-photo {
      width: 100px !important;
      height: 100px !important;
    }
  .team-card {
    max-width: 350px !important;
    height:250px !important;
    width: 100% !important;
    
  }
    .team-name {
      font-size: 1.25rem !important;
    }

    .team-role {
      font-size: 1rem !important;
    }
  }
  
  /*Form Section Styling*/
  

.sci-fi-section {
  position: relative !important;
  padding: 80px 20px !important;
  background: radial-gradient(circle, rgba(35, 44, 51) 0%, rgba(35, 44, 51) 50%) !important;
  /*background:#ffffff !important;*/
  overflow: hidden !important;
  min-height: 500px !important;
}

.sci-fi-section .floating-glow-1, 
.sci-fi-section .floating-glow-2,
.sci-fi-section .floating-glow-3 {
  position: absolute !important;
  border-radius: 50% !important;
  background-color:#ff161a !important;
  /*background: rgba(0, 255, 255, 0.3) !important;*/
  animation: glow 8s ease-in-out infinite ;
}

.sci-fi-section .floating-spark-1, 
.sci-fi-section .floating-spark-2 {
  position: absolute !important;
  background: rgba(255, 0, 255, 0.4) !important;
  animation: spark 5s linear infinite ;
}

/* Floating Object Sizes & Positions */
.floating-glow-1 {
  top: 10% !important;
  left: 15% !important;
  width: 50px !important;
  height: 50px !important;
}

.floating-glow-2 {
  top: 40% !important;
  right: 10% !important;
  width: 80px !important;
  height: 80px !important;
}

.floating-glow-3 {
  bottom: 5% !important;
  left: 30% !important;
  width: 80px !important;
  height: 80px !important;
}

.floating-spark-1 {
  top: 50% !important;
  left: 10% !important;
  width: 80px !important;
  height: 20px !important;
}

.floating-spark-2 {
  bottom: 15% !important;
  right: 10% !important;
  width: 100px !important;
  height: 30px !important;
}

/* Animations for Floating Objects */
@keyframes glow {
  0%, 100% {
    transform: translateY(0) ;
    opacity: 0 ;
  }
  50% {
    transform: translateY(280px) ;
    opacity: 0.7 ;
  }
}

@keyframes spark {
  0%, 100% {
    transform: rotate(0deg) scale(1) ;
  }
  50% {
    transform: rotate(180deg) scale(1.2) ;
  }
}

/* Content Wrapper */
.content-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  gap: 30px !important;
}

/* Left Content */
.left-content {
  flex: 1 !important;
  min-width: 350px !important;
  color: #fff !important;
  text-align: center !important;
  margin-bottom: 30px !important;
  z-index: 10 !important;
}

.left-content h2 {
  font-size: 2rem !important;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  /*text-shadow: 0 0 10px #00ff99 !important;*/
}
.left-content h2 span{
    color:#ff161a !important;
}
.left-content p {
  font-size: 1.3rem !important;
  color: #ccc !important;
}
.left-content h5{
    font-size:18px !important;
    margin-top:20px !important;
    text-align:justify !important;
}
.left-content h5 span{
    color: #ff161a !important;
}
/* Form Wrapper */
.form-wrapper {
  flex: 1 !important;
  min-width: 350px !important;
  padding: 40px !important;
  background: rgba(0, 0, 0, 0.6) !important;
  backdrop-filter: blur(15px) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  z-index: 10 !important;
}

.form-wrapper:hover {
  transform: translateY(-10px) !important;
  box-shadow: 0 20px 40px rgba(0, 255, 255, 0.6) !important;
}

/* Form Styling */
.form-wrapper form {
  display: flex !important;
  flex-direction: column !important;
}

.input-group {
  margin-bottom: 20px !important;
}

.input-group label {
  display: block !important;
  color: #fff !important;
  font-size: 1.2rem !important;
  margin-bottom: 10px !important;
}

.input-group input, 
.input-group textarea {
  width: 100% !important;
  padding: 15px !important;
  border: 2px solid #00ff99 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #fff !important;
  border-radius: 5px !important;
  font-size: 1rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  outline: none !important;
  transition: all 0.3s ease !important;
}

.input-group textarea {
  resize: vertical !important;
  min-height: 50px !important;
}

.form-wrapper button {
  background: linear-gradient(45deg, #faff00, #ff00ff) !important;
  color: white !important;
  padding: 15px 25px !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 1.2rem !important;
  cursor: pointer !important;
  width: 100% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
  transition: all 0.3s ease !important;
}

.form-wrapper button:hover {
  transform: scale(1.05) !important;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.8) !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .left-content h2 {
    font-size: 2.8rem !important;
  }
  .left-content p {
    font-size: 1.1rem !important;
  }
  .form-wrapper button {
    width: 100% !important;
  }
}

@media (max-width: 768px) {
.form-wrapper {
    padding: 17px !important;
    }
  .left-content h2 {
    font-size: 2.2rem !important;
  }
  .left-content p {
    font-size: 1rem !important;
  }
 .form-wrapper button {
    width: 100% !important;
  }
}

/*Our Experince Section*/

/* General Section Styling */
.full-width-section {
  position: relative !important;
  width: 100% !important;
  height: 600px !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: hidden !important;
}

/* Image Styling */
.background-image {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: -1 !important; /* Make sure the image is in the background */
}

/* Content Box Styling */
.content-box {
  width: 50% !important;
  background: rgba(0, 0, 0, 0.6) !important; /* Semi-transparent background */
  color: #fff !important;
  padding: 40px !important;
  margin:0px 20px !important;
  border-radius: 8px !important;
   z-index: 1 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7) !important;
  /*transform: translateX(-100%) !important; */
  /*animation: slideIn 1s forwards ease-out ; */
}
.content-box:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 20px 40px rgba(0, 255, 255, 0.6) !important;
}

/* Heading Styling */
.content-box h2 {
  font-size: 2rem !important;
  margin-bottom: 20px !important;
  color:#ffffff !important;
  /*opacity: 0 !important; */
  
}
.content-box h2 span{
    color:#ff161a !important;
}
/* Paragraph Styling */
.content-box p {
  font-size: 1rem !important;
  line-height: 1.6 !important;
  padding-top:20px !important;
  text-align:justify !important;
  /*opacity: 0 !important; */
  /*animation: fadeIn 1s 1s forwards !important; */
}

/* Fade-In Animation */
@keyframes fadeIn {
  0% {
    opacity: 0 ;
  }
  100% {
    opacity: 1 ;
  }
}

/* Slide-In Animation */
@keyframes slideIn {
  0% {
    transform: translateX(-100%) ;
  }
  100% {
    transform: translateX(0) ;
  }
}

/* Responsive Design */
@media (max-width: 1024px) {
  .content-box {
    width: 60% !important;
  }

  .content-box h2 {
    font-size: 1.8rem !important;
    color:#ffffff !important;
  }

  .content-box p {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 768px) {
  .full-width-section {
    padding: 0 10px !important;
  }

  .content-box {
    width: 80% !important;
    padding: 20px !important;
  }

  .content-box h2 {
    font-size: 1.5rem !important;
    color:#ffffff !important;
  }

  .content-box p {
    font-size: 0.85rem !important;
  }
}

@media (max-width: 480px) {
  .content-box {
    width: 90% !important;
  }

  .content-box h2 {
    font-size: 1.2rem !important;
    color:#ffffff !important;
  }

  .content-box p {
    font-size: 0.8rem !important;
  }
}

/*footer styling*/

  .custom-footer {
      height:500px !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 10px !important;
  }

  .footer-background {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: -1 !important; /* Place background behind the content */
  }

  .footer-content {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: stretch !important;
  }

  .footer-box {
    flex: 1 1 20% !important; /* For equal width on desktop */
    height:450px !important;
    margin: 10px !important;
    padding: 20px !important;
    /*background: rgba(0, 0, 0, 0.7) !important;*/
    color: white !important;
    text-align: center !important;
    border-radius: 8px !important;
    z-index: 1 !important; /* Ensure content is above the background */
  }
  .footer-logo{
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
  }
  .footer-box-menu{
      display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:30px !important
    /*padding-top:20px !important;*/
  }
  .footer-box-menu-address{
      margin-top:20px !important;
         display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:5px !important;
  }
  .footer-box-menu-social-icons i{
      margin-left:20px !important;
      margin-top:40px !important;
      font-size:25px !important;
  }
  .footer-box-menu-social-icons i:hover{
       color:#ff161a !important;
  }
   .footer-box-menu-address i{
       color:#ff161a !important;
   }
.footer-box-menu i{
    color:#ff161a !important;
    padding-top:15px !important;
}
.footer-box-menu P{
    padding-top:15px !important;
    position:relative !important;
    transform:all 1s linear !important;
    
}
.footer-box-menu P:hover {
  left:5px !important;
    
}
.footer-box-menu a{
     text-decoration:none !important;
     color:white !important;
    
}
.footer-box-menu a:hover {
     color:#ff161a !important;
}

.footer-sec-box{
    padding-top:110px !important;
}
  /* Responsive Design */
  @media (max-width: 768px) {
    .custom-footer {
      height:1400px !important;
   
  }
    .box1 {
      flex: 1 1 100% !important; /* Full width on mobile */
    }

    .box2,
    .box3 {
      flex: 1 1 45% !important;
       padding: 0px !important;/* Half width on mobile */
    }

    .box4 {
      flex: 1 1 100% !important; /* Full width on mobile */
    }
     .footer-box-menu{
      display: flex !important;
    justify-content: left !important;
    align-items: center !important;
    gap:10px !important
    /*padding-top:20px !important;*/
  }
  }
  
  
  /*Our clints*/
  
/* Section Styling */
#page4 {
  width: 100% !important;
  height: 400px !important;
  background: linear-gradient(90deg, rgba(0, 51, 102, 0.1), rgba(255, 255, 255, 0.1)) !important;
  padding: 60px 0 !important;
  overflow: hidden !important;
}

#page4 h1 {
  color: #003366 !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  text-transform: uppercase !important;
}
#page4 h1 span{
    color: #ff161a !important;
}
/* Red underline under heading */

.underlinee {
  width: 100px !important;
  height: 2px !important;
  background-color: black !important;
  margin: 20px auto !important;
}


/* Client Slider Styling */
.clint_slider {
  position: relative !important;
  display: flex !important;
  overflow: hidden !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;
}

.slider_wrapper {
  display: flex !important;
  gap: 50px !important;
}

.slider_wrapper img {
  width: 175px !important;
  height: 175px !important;
  object-fit: contain !important;
  border: 2px solid #ff161a !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  padding: 5px !important; /* Prevent clipping */
}

.slider_wrapper img:hover {
  transform: scale(1.2) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

/* Responsive Styling */
@media (min-width: 768px) and (max-width: 1200px) {
  #page4 {
  /*margin-top:-1250px !important;*/
}
}

@media only screen and (max-width: 768px) {
    #page4{
        /*height:600px !important;*/
    }
  #page4 h1 {
      font-size: 2rem !important;
  }

  .slider_wrapper img {
      width: 100px !important;
      height: 100px !important;
  }
}

@media only screen and (max-width: 576px) {
  .slider_wrapper img {
      width: 120px !important;
      height: 120px !important;
  }
}

/*FAQs Section Styling*/

.faq-section {
  max-width: 1000px !important;
  margin: 50px auto !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.faq-section h2 {
  text-align: center !important;
  margin-bottom: 20px !important;
  color: #ffff00 !important;
}

.faq {
  margin-bottom: 15px !important;
  border-bottom: 1px solid #ddd !important;
  padding-bottom: 10px !important;
}

.faq .question {
  font-size: 1.1rem !important;
  font-weight: bold !important;
  cursor: pointer !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

/*.faq .answer:hover {*/
/*  color: #ffff00a3  !important;*/
/*}*/

.faq .answer {
  margin-top: 10px !important;
  font-size: 0.95rem !important;
  display: none !important;
  color: #555 !important;
}

.faq .icon {
  font-size: 1.2rem !important;
  transition: transform 0.3s !important;
}

.faq.open .icon {
  transform: rotate(180deg) !important;
}

.faq.open .answer {
  display: block !important;
}