@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');


* {
    margin: 0;
    padding: 0;
    
    
  }



  .slider-section{
    width: 100%;
    height: 40vh;
    position: relative;
  }


  .slider-section img{
    height: 100%;
    width: 100%;
    object-fit: cover;

  }

  .slider-section h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    color: #fff;
    background-color: rgba(0, 0, 0, 0.767);
    font-size: 2rem;
    font-family: 'Montserrat', sans-serif;

  }



  /* about us container section start*/

  .aboutus-container{
    margin-right: 5rem;
    margin-left: 5rem;
    margin-top: 2rem;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 2rem;
  }

  .aboutus-container h2{
    font-size: 2.5rem;
    color: #023047;
 

  }

 

  .aboutus-main{
    display: flex;
    justify-content: space-between;
    padding-top: 1rem;
  }

  .aboutus-content{
    width: 48%;
  }

  .aboutus-content h3{
    font-size: 1.2rem;
   
    color: #FF5D06;
    text-align: justify;
    margin-bottom: 1rem;

  }

  .aboutus-content p{
    font-size: 0.9rem;
    text-align: justify;
    color: #636363;
    margin-bottom: 2rem;

  }

  .aboutus-content a{
    font-size: 1rem;
    padding: 1rem;
    background-color: #000000;
    color: #fff;
    text-decoration: none;
    
  }

  .aboutus-content a:hover{
    background-color: #0099FF;
    color: #000000;
    font-weight: 600;

  }



  .aboutus-image{
    width: 48%;
    box-shadow: rgba(255, 187, 0, 0.616) 0px 5px 15px;
  }

  .aboutus-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;

  }
    /* about us container section end*/




   /* why choose us container start  */

   .chooseus-section{
    margin-left: 5rem;
    margin-right: 5rem;
    font-family: 'Montserrat', sans-serif;
    margin-top: 5rem;
   }

   .chooseus-section h2{
    font-size: 2.5rem;
    text-align: center;
    color: #023047;

   }

   .chooseus-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
   }


   .chooseus-content{
    width: 29.3%;
    margin: 1%;
    box-shadow: rgba(255, 102, 0, 0.596) 0px 25px 20px -20px;
    padding: 1%;
    transition: 0.5s;
    transform: perspective(500px) rotateX(0deg) rotateY(5deg);
    border-radius: 10px;
   
    
   }

   .chooseus-content:hover{
    /* transform: rotateY(-0.09turn) scaleX(1.1); */
    /* transform: rotate(5deg); */
    transform: perspective(none) rotateX(0deg) rotateY(0deg);
    

   }

   

   .chooseus-content img{
    width: 100px;
    height: 100px;
    margin: auto;
    display: block;
    margin-bottom: 0.5rem;

   }

   .chooseus-content h4{
    text-align: center;
    font-size: 1rem;
    color: #000000;
    margin-bottom: 0.5rem;

   }

   .chooseus-content p{
    padding: 0.8rem;
    text-align: justify;
    font-size: 0.9rem;
    

   }

    /* why choose us container end  */




    /* form section start */



    .form-section{
        margin-left: 5rem;
        margin-right: 5rem;
        margin-bottom: 3rem;
        margin-top: 3rem;
        font-family: 'Montserrat', sans-serif;
        
    }

    
  .form-head{
    display: flex;
    justify-content:space-between ;
   
    padding: 1rem;
   
  }

  .form-map{
    width: 48%;
    height: 100%;
    
  }

.form-container{
   width: 48%;
   padding-top: 1rem;
   box-shadow: rgba(53 , 0 , 90, 0.377) 0px 1px 2px 0px, rgba(53 , 0 , 90, 0.377) 0px 2px 6px 2px;
   /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
   /* background-position: center;
   background-repeat: no-repeat;
   background-color: #0000008c;
   background-blend-mode: color; */
   
   /* box-shadow: rgba(255, 102, 0, 0.377) 0px 1px 0px, rgba(255, 102, 0, 0.377) 0px 0px 8px; */
}

.form-container h2{
    font-size: 3rem;
    margin-bottom: 0;
    text-align: center;
    color: #023047;


}

.form-container p{
    font-weight: 600;
   
    font-size: 1.1rem;

}

.form-container form {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 2rem;
    padding-bottom: 1rem;
    border-radius: 20px;
    font-family: 'Montserrat', sans-serif;
}

/* Styling for the form groups */
.form-container .form-group {
    margin-bottom: 10px;
}

/* Styling for the label element */
.form-container label {
    display: block;
    margin-bottom: 10px;
    text-align: center;
    color: #000000;
    font-size: 1.3rem;
    display: none;
    /* font-family: 'Architects Daughter', cursive; */
}

/* Styling for the input elements */
.form-container input[type="text"],
.form-container input[type="email"],
.form-container input[type="tel"],
.form-container textarea {
    width: 90%;
    margin-right: 3%;
    margin-left: 3%;
    padding: 2%;
    /* border: 2px solid #000000; */
    /* background-image: linear-gradient(to left, rgba(153, 34, 90, 0.692), rgba(83, 0, 64, 0.637) 50%, rgba(0, 0, 0, 0.815)100%); */
    border-radius: 10px;
    margin-bottom: 2rem;
    color: #000000;
    font-size: 0.8rem;
    border: none;
    outline: none;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    font-family: 'Montserrat', sans-serif;
    background-color: #ffffffd8;
   
    
}

.form-container input::placeholder{
    color: #000000da;
}

.form-container textarea::placeholder{
    color: #000000da;
}


/* Styling for the textarea element */
.form-container textarea {
    resize: vertical;
}


/* Styling for the submit button */
.form-container input[type="submit"] {
    /* background-image: linear-gradient(to left, rgb(153, 34, 90), rgb(83, 0, 63) 50%, rgb(0, 0, 0)100%); */
    /* box-shadow: 0 2px 1px rgba(0,0,0,0.09), 0 4px 2px rgba(0,0,0,0.09), 0 8px 4px rgba(0,0,0,0.09), 0 16px 8px rgba(0,0,0,0.09), 0 32px 16px rgba(0,0,0,0.09); */
    color: #fff;
    background-color: #023047;
    border: none;
    margin: auto;
    display: block;
    padding: 10px 15px;
    font-family: 'EB Garamond', serif;
    border-radius: 4px;
    font-size: 1.2rem;
    cursor: pointer;
}

/* Styling for the submit button on hover */
.form-container input[type="submit"]:hover {
    background-image: linear-gradient(to left, rgb(0, 0, 0), rgb(0, 0, 0) 50%, rgb(0, 0, 0)100%);
    color: #fff;
}

    /* form section end */