:root {
  --bg-color: #fdfdfd;
  --text-color: #333;
  --main-color: #000D9A;
  --white-color: #fff;
  --shadow-color: rgba(0, 0, 0, .2);
}

main section h1.heading {
  padding: 5rem 0;
  font-size: 40px;
  font-weight: bold;
  color: var(--main-color);
  text-align: center;
}

main {
  padding: 0 7%;
  background-color: var(--bg-color);
}

section.offer-section-home {
  padding: 9rem 0 0 0;
}


     .swiper {
       width: 100%;
       height: 100%;
     }
  
     .swiper-slide {
       text-align: center;
       font-size: 18px;
       background: var(--bg-color);
       display: flex;
       justify-content: center;
       align-items: center;
     }
  
     .swiper-slide img {
       display: block;
       width: 100%;
       height: 100%;
       object-fit: cover;
     }

                .offer-section-home .swiper-slide img{
           filter: brightness(100%) contrast(100%);
         }
    
                 .offer-section-home {
           background: var(--bg-color);
         }

         .our-package-container{
          padding-bottom: 100px;
         }

         .our-package-container .our-package-card{
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          padding-bottom: 70px;
         }


                 .service-booking-section{
                  display: flex;
                  flex-wrap: wrap;
                  width: 100%;
                  justify-content: space-between;
                 }

                 .booking-section {
                   width: 100%;
                 }
        
                 .booking-left {
                   width: 100%;
                   max-width: 600px;
                 }

                                 .booking-left .Booking-heading{
                                  color: var(--main-color);
                                  font-size: 30px;
                                  font-weight: bold;
                                  text-align: center;

                 }

                 .booking-followUs-social {
                  width: 100%;
                  margin-top: 20px;
                  text-align: center;
                  
                 }

                 

             .booking-left .booking-left-section{
                width: 100%;
                max-width: 600px;
                padding-top: .5rem;
                transition: .3s ease-in-out;
                padding-left: 5px;
        }

                .booking-left .booking-left-section p{
                  color: var(--text-color);
                  transition: .3s ease-in-out;
                  font-size: 20px;
                  margin-top: 10px;
                  font-weight: 600;
                }
                
                 .booking-left .booking-left-section p:hover {
                   padding: .5rem 0 .5rem 1rem;
                   width: 100%;
                   transform: scale(1.1);
                   background-color: #7BC9FF;
                   color: #121481;
                   border-left: 7px solid #1679AB;
                   border-right: 1px solid blue;
                   border-top: 1px solid blue;
                   border-bottom: 1px solid blue;           
                   user-select: none;
                 }
        
                 .booking-right {
                    width: 100%;
                      max-width: 600px;
                      
                 }
        
                 .booking-right .form-container h2 {
                   text-align: center;
                   padding-top: 1rem;
                   font-size: 30px;
                   font-weight: 500;
                   color: var(--text-color);
                   text-shadow: 0 0 5px rgba(0, 0, 0, 0.263);
                 }
        
                 .form-container {
                   height: 600px;
                   border-radius: 20px;
                   width: 100%;
                   display: block;
                   box-shadow: 0 0 10px rgba(0, 0, 0, 0.263);
                   transition: .5s ease-in-out;
                   background-color: var(--bg-color);
                   border: 2px solid var(--text-color);
                  

                 }
        
                
        
                 .form-container form {
                   padding: 1rem 5rem;
                   width: 100%;
                   display: block;
                   font-size: 15px;
                   color: var(--text-color);
                 }
        
                 .form-container form .visit {
                   padding-top: 10px;
                   color: var(--text-color);
                 }
        
                 input,
                 select,
                 textarea {
                   width: calc(100% - 20px);
                   padding: 8px 0;
                   margin: 5px 10px;
                   border: none;
                   border-bottom: 1px solid #ccc;
                   outline: none;
                   box-sizing: border-box;
                   align-items: center;
                   justify-content: center;
                  color: var(--text-color);
                  background-color: var(--bg-color);
                  padding-top: 20px;
                 }
        
                 input:focus,
                 select:focus,
                 textarea:focus {
                   border-bottom: 4px solid var(--main-color);
                 }
        
        
        
                 label {
                   padding-top: 10px;
                   font-weight: 500;
                 }
                 textarea {
                   min-width: 300px;
                   width: 100%;
                   resize: none;
                 }
                

                 button.submit-bttn{
                  margin-top: 10px;
                  width: 100%;
                  text-align: center;
                  background-color: var(--main-color);
                  height: 50px;
                  border-radius: 10px;
                  color: #fff;
                  font-size: 20px;
                  font-weight: bold;
                  transition: .2s ease-in-out;
                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.263);
                 }
               button.submit-bttn:hover{
                background-color: transparent;
                border: 2px solid var(--main-color);
                color: var(--main-color);
               }



               .help-desk-content .calling h4{
                font-size: 15px;
               }
        
               .help-desk-content .calling  a{
                font-size: 15px;
               }
        
              
               .help-desk-content .help-desk  a{
                font-size: 15px;
               }

               
              
                 @media screen and (max-width: 768px) {

                  .booking-right{
                    margin-top: 10px;
                    
                  }
                  .booking-left{
                    /* margin-top: 10px; */
                    display:none;
                  }
                   .form-container {
                     width: 80%;
                   }
                   .help-desk-content {
                    margin-top: -30px;
                   }
                 }

                .form-container .help-desk-content{
                  padding: 50px 10px;
                  
                 }

                                  .date-input i{
                                    color: var(--text-color);
                                    position: absolute;
                                    font-size: 20px;
                                    top: 20px;
                                    right: 20px;
                                  }
                                  .date-input{
                                    position: relative;
                                  }

                                  
                                                                    textarea{
                                                                      min-width: 250px;
                                                                    }


.ourPackage{
  margin-bottom: -10rem;
}