.hero-section {
         position: relative;
     }

     .hero-section .owl-carousel .item {
         height: 100vh;
         background-size: cover;
         /*background-position: center;*/
         display: flex;
         align-items: center;
         padding-left: 60px;
         color: #fff;
     }

     .hero-text {
         max-width: 600px;
     }

     .hero-text h1 {
         font-size: 60px;
         font-weight: bold;
     }

     .floating-form {
         position: absolute;
         top: 50%;
         right: 60px;
         transform: translateY(-50%);
         background: #fff;
         border-radius: 15px;
         padding: 30px;
         width: 100%;
         max-width: 330px;
         /* Increased width */
         box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
         z-index: 99;
     }

     .floating-form h4 {
         margin-bottom: 20px;
     }

     .hero-section .form-control {
         border-radius: 0 !important;
         border: 1px solid #ccc;
         border-bottom: 1px solid #012b536f !important;
         margin: 0.9rem 0;
         padding: 6px 10px !important;
         border-top: none;
         border-left: none;
         border-right: none;
         background: #fff !important;


     }

     .selects{
            border-radius: 0 !important;
         border: 1px solid #ccc;
         border-bottom: 1px solid #012b536f !important;
         margin: 0.9rem 0;
         padding: 6px 10px !important;
         border-top: none;
         border-left: none;
         border-right: none;
         background: #fff !important;
     }

     .banner_btn {
         padding: 6px 22px;
         background: #012b53 !important;
         color: #fff;
         font-size: 14px;
         width: 100%;
         display: inline-block;
         margin-top: 0.9rem;
     }

     .banner_btn:hover {
         color: #fff;
     }

     .hero-section .form-check-label {
         font-size: 14px;
     }

     @media (max-width: 768px) {
         .hero-section .owl-carousel .item {
             flex-direction: column;
             text-align: center;
             padding: 20px;
         }
.hero-section .owl-carousel .item{
    background-position: left;
}
         .floating-form {
             position: relative;
             top: auto;
             right: auto;
             transform: none;
             margin: 21px;
             max-width: 88%;
         }

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