/*
Template Name: Tour Booking
File: Layout CSS
Author: a2ztrip
Author URI: https://www.a2ztrip.com/
Licence: <a href="https://www.a2ztrip.com/license">Website Template Licence</a>
*/

/*********************tour****************/
.center_o {
    height: 300px;
    position: relative;
    backdrop-filter: blur(10px);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}
.center_dt {
      background-image: url(../img/3.jpg);
      background-position: center center;
      background-size: cover;
}


.accordion-button {
      /* background: #29461c; */
      color: #000000;
      padding: 5px 15px;
      font-weight: bold;
      border: 0;
      font-size: 18px;
      text-align: left;
}

.accordion-button:focus {
      box-shadow: none;
      border: none;
}

.accordion-button:not(.collapsed) {
      /* background: #63ab45; */
      color: #000000;
      padding: 5px 15px;
}

.accordion-body {
      padding: 20px;
      /* background: #fff; */
}

.accordion-button::after {
      width: auto;
      height: auto;
      content: "+";
      font-size: 35px;
      background-image: none;
      font-weight: 100;
      color: #000000;
      transform: translateY(-4px);
}

.accordion-button:not(.collapsed)::after {
      width: auto;
      height: auto;
      background-image: none;
      content: "-";
      font-size: 35px;
      transform: translate(-5px, -4px);
      transform: rotate(0deg);
}

.accordion-item {
      border: none;
      border-radius: 0;
      background: none;
      border-bottom: 1px solid #c4dfb9;
      margin-bottom: 10px;
}

.tour_dt2r1 .nav-tabs .nav-link {
      border: none;
      padding: 12px 20px;
      color: #000;
      background: #fff;
      transition: 0.3s;
      border-radius: 0;
      font-weight: bold;
}

.tour_dt2r1 .nav-tabs .nav-link:hover {
      background: #63ab45;
      color: #fff;
}

.tour_dt2r1 .nav-tabs .nav-link.active {
      background: #63ab45;
      color: #fff;
}

.center_faq {
      background-image: url(../img/52.jpg);
      background-position: center center;
      background-size: cover;
}

#tour {
      background: #fbfbfb;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
      margin: 10px;
      margin-top: -50px;
      position: relative;
      z-index: 2;
}

/*********************tour_end****************/



@media screen and (max-width : 767px) {
      .tour_1l1 h4 {
            text-align: center;
      }

      .tour_1r {
            margin-top: 15px;
      }

      .tour_1r1 {
            text-align: center;
      }

      .tour_dt1 .ps-0 {
            padding-left: 12px !important;
      }

      .tour_dt1 .pe-0 {
            padding-right: 12px !important;
      }

      .tour_dt1 img {
            min-height: auto;
      }

      .tour_dt1r {
            margin-top: 15px;
      }

      .tour_dt1l {
            margin-top: 10px;
      }

      .tour_dt2l h4 {
            text-align: center;
      }

      .tour_dt2r {
            margin-top: 15px;
      }

      .faq_1r {
            margin-top: 15px;
      }

      .tour-left {
            width: 100% !important;
      }

      .tour_dt {
            display: none !important;
      }
      .center_o {
        height: 200px;
      }


}


@media (min-width:576px) and (max-width:767px) {}

@media (min-width:768px) and (max-width:991px) {
      .tour_1l .offer_1li1 h4 {
            font-size: 16px;
      }

      .tour_1l .offer_1li1 h5 {
            font-size: 14px;
      }

      .tour_1l .offer_1li1 h6 {
            font-size: 12px;
      }

      .tour_1l .offer_1li1 .button_1 {
            padding: 10px !important;
            font-size: 12px;
      }
}

@media (min-width:992px) and (max-width:1200px) {}

@media (min-width:1201px) and (max-width:1320px) {}