.swiper {
      width: 100%;
      height: 100%;
  }

  .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .hero_swiper img {
      object-fit: cover;
  }

  .hero_page_all {
      position: absolute;
      z-index: 435;
      background: linear-gradient(rgba(0, 0, 0, 0.642), rgba(8, 0, 58, 0.399)), url('../../assets/hero.png');
      width: 100%;
      height: 100%;
      padding: 0 7%;
      display: grid;
      grid-template-columns: 1fr 1fr;

  }

  .hero_text {
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 95%;
  }

  .hero_text_btn a {
      padding: 15px 45px;
      background-color: #010080;
      color: #fff;
      border-radius: 30px;

  }

  .hero_text_btn span {
      padding-right: 20px;
  }

  .hero_text_btn {
      margin-top: 40px;
      width: 100%;
  }

  .hero_text h3 {
      font-size: 45px;
      width: 100%;
  }

  .hero_text h1 {
      width: 100%;
      padding-block: 10px;
  }

  .forms {
      display: flex;
      flex-direction: column;
      margin-bottom: 10px;
      padding: 0 5%;
  }

  .forms input {
      height: 35px;
      width: 100%;
      border: 1px solid #a19f9f4e;
      padding-left: 2%;
  }


  .forms_title {
      padding: 10px;
      background-color: #010080;
      text-align: center;
      color: #fff;
      margin-bottom: 30px;
  }

  form {
      background-color: #fff;

  }

  .forms button {
      background-color: #010080;
      border: none;
      height: 55px;
      color: #fff;
      text-transform: uppercase;
      margin-block: 30px;
  }

  .forms select {
      height: 35px;
      width: 100%;
      border: 1px solid #a19f9f4e;
      padding-left: 2%;
  }

  .hero_booking {
      display: grid;
      align-items: center;
      margin-left: 25%;
  }

  .forms input:focus {
      outline: none;
  }

  .forms select:focus {
      outline: none;
  }

  .services_all {
      padding: 0 7%;
      padding-block: 70px;
      background-color: #f2f3f8;
  }

  .services_title {
      text-align: center;
  }



  .services_title h3 {
      color: #ffde00;
  }

  .services_title h1 {
      font-size: 45px;
      color: #010080;
  }

  .services_grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
  }

  .services_card {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #fff;
      margin-top: 50px;
      padding: 0 5%;
      padding-block: 50px;
      width: 95%;
      box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  }

  .services_card button {
      height: 50px;
      width: 100%;
      margin-top: 30px;
      border: none;
      background-color: #ffde00;
      color: #010080;
      font-weight: 700;
      text-transform: uppercase;
  }

  .services_card p {
      margin-top: 10px;
  }

  .services_card h3 {
      color: #010080;
      font-size: 26px;
  }

  .testimonial_all {
      padding: 0 7%;
      padding-block: 70px;
      background-color: #f2f3f8;
  }

  .testimonial_title h1 {
      margin-bottom: 30px;
      color: #010080;
      font-size: 35px;
  }

  .testimonial_swiper {
      position: relative;
  }

  .testimonial_box {
      width: 100%;
      padding: 0 4%;
      padding-block: 30px;
  }

  .test_flex {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }

  .stars {
      color: #ffde00;
  }

  .google img {
      width: 40px;
  }

  .test_message {
      width: 100%;
      text-align: left;
      padding-block: 10px;
  }

  .test_name {
      width: 100%;
      text-align: left;
      color: #010080;
  }

  .contact_all {
      padding: 0 7%;
      padding-block: 70px;

  }

  .contact_title h1 {
      margin-bottom: 30px;
      color: #010080;
      font-size: 35px;
  }

  .contact_grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
  }

  .contact_box {
      width: 95%;
      background-color: #f2f3f8;
      padding: 0 5%;
      padding-block: 50px;
  }

  .contact_box h1 {
      color: #010080;
      font-size: 35px;
      text-align: center;
  }

  .contact_box p {
      padding-top: 10px;
      text-align: center;
  }

  .contact_box a {
      color: #000;
  }



  @media only screen and (max-width: 1120px) {
      .hero_all {

          display: flex;
          flex-direction: column;

      }

      .hero_booking {
          display: none;
      }

      .hero_text h3 {
          font-size: 30px;
      }

      .services_title h3 {
          font-size: 18px;
      }

      .services_title h1, .contact_title h1{
          font-size: 35px;
      }

      .services_grid, .contact_grid {
          display: grid;
          grid-template-columns: 1fr 1fr;
      }
      .contact_box{
        margin-top: 50px;
      }
  }

  @media only screen and (max-width: 820px) {
      .hero_page_all {
          display: grid;
          grid-template-columns: 1fr;
      }

      .services_grid,
    .contact_grid {
          display: grid;
          grid-template-columns: 1fr;
      }
      .services_card,
    .contact_box{
        width: 100%;
      }
  }

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

      .hero_text h3,
      .hero_text p {
          display: none;
      }
  }