.banner {
        /* background: url('assets/img/services/services-bg.png') no-repeat center center / cover; */
        background: url('../img/services/services-bg.png')no-repeat center center / cover;
        min-height: 80vh;
        display: flex;
        align-items: center;
        color: white;
        position: relative;
        border-radius: 30px;
        /* padding-top: 60px; */
    }
.text-color-blue{
    color:#0B5B99; 
}
    .margin-top-banner {
        margin-top: 10%;
    }

    .banner-left-content {
        z-index: 1;
        text-align: justify;
    }

    .right-floating-image {
        position: absolute;
        top: -11%;
        /* Push image above the top of banner */
        right: 5%;
        /* max-width: 300px; */
        z-index: 1;
    }
.margin-top-form 
{
    margin-top: 6%;
}

/* .form-section h3{
    color:#0B5B99;
} */
.form-bg{
    /* padding :1rem; */
    border:1px solid #005395;
    background: #005395 0% 0% no-repeat padding-box;
border-radius: 20px;
opacity: 1;
}
.form-section .btn{


background: #10A037 0% 0% no-repeat padding-box;
border-radius:9px;
}
.form-section .form-control {
    border-radius:12px;
}
 .sub-services {
        cursor: pointer;
        min-height: 80px;
        background: #DEF1FF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 20px;
        color: #025595;
    }

    .sub-services:hover {
        background: #f8f9fa;
    }

    .services-content {
        display: none;
        /* hidden by default */
        text-align: left;
        /* border: 1px solid #eee; */
        border-radius: 6px;
        padding: 10px;
        margin-top: 10px;
        /* background: #fdfdfd; */
    }

.circle-border {
     border: 10px solid white;
     border-radius: 50%;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
     width: 250px;

}

/* .sub-services-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
} */

.sub-services-card:hover {
  transform: scale(1.05); /* slight zoom-out/scale */
  /* box-shadow: 0 6px 15px rgba(0,0,0,0.1); */
}
@media (max-width: 320px) {
     .banner {
        min-height: 111vh !important;
    }
}
@media (max-width: 376px) {
    body  .banner {
      
        min-height: 102vh !important;
        
    }
      body  .right-floating-image.mobile-only {
       
        top: 89% !important;
       
        max-width: 79% !important;
       
    }
}
@media (max-width: 426px) {
    .banner {
        background: url('../img/services/services-bg-mobile.png') no-repeat center center / cover !important;
        min-height: 90vh !important;
        
         border-radius:27px;      
        color: white; 
        text-align: center; 
    }

    .right-floating-image {
        display: none !important; /* Hide both images by default */
    }

    .right-floating-image.mobile-only {
              display: block !important;
        position: absolute;
        top: 89% !important;
        left: 50%;
        max-width: 100% !important;
        z-index: 2;
    }
    .margin-top-form
    {
        margin-top: 30% !important;
    }
        .margin-top-banner {
        margin-top: 24% !important;
    }
    .banner-left-content{
        text-align: center;
        /* font-size: 13px !important; */
    }
}

@media (max-width: 768px) {
    .right-floating-image {
            position: absolute;
        top: 79px !important;
        left: 77%;
        transform: translateX(-50%);
        max-width: 34% !important;
        z-index: 2;
    }

    .banner {
        padding-top: 120px; /* Give space for overlapping image */
    }
}

    @media (max-width:1024px) {
        .margin-top-banner {
            margin-top: 14%;
        }

        .banner {
            min-height: 75vh;
            align-items: start;
            padding-top: 33px;
        }

        .banner-left-content {
            font-size: 12px;
        }

        .right-floating-image {

            top: -7%;
            right: 3%;
            max-width: 397px;
        }
    }

    @media (min-width: 1025px) and (max-width: 1440px) {
        .banner {

            /* height: 100vh; */
            height: 95vh;
            border-radius: 35px;
        }

        .margin-top-banner {
            margin-top: 11%;
        }

        .banner-left-content {
            font-size: 14px;
        }

        .right-floating-image {
            position: absolute;
                  top: -7%;
        right: 3%;
        max-width: 483px;

        }
        .banner-left-content h1{
            text-align: left;
        }

    }

    /* 
  @media (max-width: 767px) {
    .right-floating-image {
      position: static;
      max-width: 100%;
      margin-top: 20px;
    }

    .banner {
      padding-top: 40px;
      text-align: center;
    }
  } */