/* font-family */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=El+Messiri:wght@400..700&display=swap');
/* import files */
@import url("../css/auth.css");
@import url("../css/header_footer.css");

body{
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #23237F;
  overflow-x: hidden;
}
a:hover{
  color: #23237F;
}
a, a:hover{
  text-decoration: none;
  -webkit-transition: ease-in-out 0.5s;
  -moz-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
}
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
/* datepicker icon  */
input[type="date"]::-webkit-calendar-picker-indicator{
  display: none;
  -webkit-appearance: none;
}
/* for time  */
input[type="time"]::-webkit-calendar-picker-indicator{
  display: none;
  -webkit-appearance: none;
}

main{
  padding: 90px 0 0;
}
.custom-container{
  padding: 0 70px;
  max-width: 1440px;
  margin: 0 auto;
}
/* home page */
.home-main{
  padding: 0;
}
.wd-home-bnr{
  background: url(../images/home/banner.png) no-repeat;
  background-size: cover;
  background-position: center;
  height: 800px;
  position: relative;
  backdrop-filter: blur(33.5px);
}
.wd-home-bnr::before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.50);
  width: 100%;
  height: 100%;
}
.wd-home-dtls{
  position: relative;
  margin: -218px auto 0;
}
.wd-bnr-title{margin-bottom: 35px;}
.wd-bnr-title h1{
  font-family: "El Messiri", sans-serif;
  font-size: 45px;
  font-weight: 600;
  color: #FFF;
  text-align: center;
  margin-bottom: 10px;
}
.wd-bnr-title p{
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: #FFF;
  margin: 0;
}
/* booking form */
.wd-book-form{
  background: #23237F;
  padding: 20px;
  border-radius: 26px;
}
.wd-book-form h3{
  position: relative;
  font-family: "El Messiri", sans-serif;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-align: center;
  color: #FFF;
  margin-bottom: 12px;
}
.wd-book-form h3::before{
  content: '';
  position: absolute;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  height: 5px;
  max-width: 318px;
  width: 100%;
  transform: rotate(180deg);
  top: 0;
  left: 0;
  margin: 15px 0;
}
.wd-book-form h3::after{
  content: '';
  position: absolute;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  height: 5px;
  max-width: 318px;
  width: 100%;
  top: 0;
  right: 0;
  margin: 15px 0;
}
.wd-book-form .form-group{
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.wd-book-form form, .wd-group-flx{
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.form-icon{
  position: absolute;
  top: 0;
  left: 0;
  margin: 12px 10px 15px 16px;
  border-right: 1px solid #23237F;
}
.form-icon svg{
  margin-right: 10px;
}
.wd-book-form .form-control{
  box-shadow: 0px 7px 14px 0px #00000026;
  background: #FFF;
  border-radius: 19px;
  padding: 12px 16px 12px 60px;
  height: auto;
  font-size: 15px;
  font-weight: 400;
  color: #3F2179;
}
.wd-search-btn{
  box-shadow: 0px 7px 14px 0px #00000026;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
}
/* Last Minutes Spots */
.wd-spot-blog{
  padding: 70px 0;
  position: relative;
}
.wd-title-area{text-align: center; margin-bottom: 30px;}
.wd-sub-title{
  font-family: "El Messiri", sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #23237F;
  text-transform: uppercase;
}
.wd-main-title{
  font-size: 38px;
  font-weight: 600;
  color: #23237F;
  margin: 0;
}
.wd-spot-img img{
  height: 250px;
  width: 100%;
  object-fit: cover;
  margin-bottom: 10px;
  border-radius: 12px;
}
.wd-spot-dtls h4{
  font-size: 18px;
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
}
.wd-price-rating{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
.wd-rating{
  display: flex;
  align-items: center;
  gap: 7px;
}
.wd-rating span{
  font-size: 13px;
  font-weight: 600;
  color: #888;
  display: inline-block;
}
.wd-rating-star{
  display: flex;
  align-items: center;
  gap: 2px;
}
.wd-rating-star img{
  width: 12px;
  height: 12px;
  object-fit: contain;
}
.wd-price{
  font-size: 13px;
  font-weight: 600;
  color: #23237F;
  display: block;
}
.wd-avbl-time{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.wd-avbl-time h6{
  font-size: 14px;
  font-weight: 500;
  color: #000;
  margin: 0;
}
/* select time */
.wd-choose-time{
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.wd-choose-time p{
  margin-bottom: 0;
}
.wd-choose-time label{
  position: relative;
  border: 1px solid #00000033;
  border-radius: 90px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 400;
  color: #545454;
  margin-bottom: 0;
  text-align: center;
  cursor: pointer;
  min-width: 50px;
}
.wd-choose-time [type="radio"]:checked,
.wd-choose-time [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.wd-choose-time [type="radio"]:checked + label{
  background: #FFF;
  color: #682B95;
  border: 1px solid #682B95;
}
.wd-choose-time [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.wd-choose-time [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.wd-adrs-txt{
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0;
}
.wd-adrs-txt span{
  font-size: 14px;
  font-weight: 400;
  color: #545454;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 21px;
}
.owl-spots.owl-carousel .owl-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 15px 0;
  position: absolute;
  top: 0;
  left: -50px;
  right: -50px;
  bottom: 0;
  z-index: 1;
}
.owl-spots .owl-prev,
.owl-spots .owl-next{
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;

  transition: opacity .15s ease;
}
.owl-spots .owl-prev span,.owl-spots .owl-next span{
  background:#23237F;
  border: 4px solid #FFFFFF;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.owl-spots .owl-prev{left: 0;}
.owl-spots .owl-next{right: 0;}

.owl-spots .owl-prev:hover,
.owl-spots .owl-next:hover{opacity: 0.9;}
/* support */
.wd-support-blog{padding: 30px 0; position: relative;}
.wd_testi_blog .owl-stage{
  padding: 0 0 30px;
}
.testimonial{
/*  padding: 0 0 0 50px;*/
}
.testimonial .item {
 padding: 50px 0 0 30px;
}
.testimonial .owl-stage-outer{
  padding-bottom: 20px;
}
.wd-testi-bx{
  border-radius: 15px;
  background: #FFF;
  border: 1px solid #0000000D;
  box-shadow: 6px 6px 24px 0px #0000000F;
  padding: 25px 50px 25px 35px;
  position: relative;
}
.wd-testi-bx p{
  color: #5E6282;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 16px;
}
.wd-testi-name h3{
  color: #5E6282;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
}
.wd-testi-name span{
  color: #5E6282;
  font-size: 14px;
  font-weight: 500;
}
.wd-testi-user img{
  width: 68px !important;
  height: 68px;
  border-radius: 50%;
  position: absolute;
  top: -1.5em;
  left: -32px;
}
.testimonial button.owl-dot{
  margin: 0 6px;
}
.testimonial .owl-dots{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
  text-align: center;
}
.testimonial button.owl-dot span{
  background: transparent;
  width: 20px;
  height: 20px;
  display: block;
  border: 5px solid #9d9d9d;
  border-radius: 50%;
}
.testimonial button.owl-dot.active{
  background: #682b95 !important;
  border-radius: 50%;
  border:3px solid #682b95;
}
.testimonial button.owl-dot.active span {
  background: transparent;
  display: block;
  border-radius: 50%;
  border: 3px solid #f9f7f2;
}
/*---Testimonial [ END ]------*/
/* brands */
.wd-brand-blog{
  padding: 50px 0 150px;
  position: relative;
}
.wd-brands{
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition: all 5s ease;
  width: 100%;
  height: 100%;
}
.testimonial .owl-nav{
  display: none;
}
/* .wd-brand-img{
  display: flex;
  grid-gap: 50px;
  animation: scrollText 10s infinite linear;
} */
@keyframes scrollText {
  from {
      transform: translateX(0%);
 }
  to {
      transform: translateX(-50%);
 }
}
.wd-brand-img img{
  height: 121px;
  object-fit: contain;
}
/*---Deal ------*/
.inr_bnr{
  padding: 40px 0;
}
.inr_bnr .breadcrumb{
  background: transparent;
  align-items: center;
}
.breadcrumb-item a{
  font-family: Poppins;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: #682B95; 
}
.breadcrumb-item.active{
  color: #0000004D;
}
.breadcrumb-item+.breadcrumb-item::before{
  content: '>';
  background: linear-gradient(257.13deg, #3F2179 8.99%, #682B95 91.3%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.activity_bx{
  padding: 40px 0 150px;
}
.act_list{
  padding: 18px;
  background: #F7F7F7;
}
.act_list h3{
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
}
.act_list ul{
  margin-bottom: 25px;
}
.act_list ul:last-child{
  margin-bottom: 0;
}
.act_list ul li{
  padding: 10px 0;
  border-bottom: 1px solid #0000000D;
}
.act_list ul li:last-child{
  border-bottom: 0;
  padding-bottom: 0;
}
 .custom-checkbox > [type="checkbox"], .custom-checkbox label {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   margin: 0;
   color: #545454;
  font-size: 15px;
  font-weight: 500;
  text-align: left;

}
 .custom-checkbox > [type="checkbox"]:not(:checked), .custom-checkbox > [type="checkbox"]:checked {
   position: absolute;
   left: -9999px;
}
 .custom-checkbox > [type="checkbox"]:not(:checked) + label, .custom-checkbox > [type="checkbox"]:checked + label {
   position: relative;
   padding-left: 32px;
   cursor: pointer;
}
 .custom-checkbox > [type="checkbox"]:not(:checked) + label:before{
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 0;
   width: 20px;
   height: 20px;
   border: 1px solid transparent;
   background: #fff;
   border-radius:4px;
}
 .custom-checkbox > [type="checkbox"]:checked + label:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   margin-top: 0;
   width: 20px;
   height: 20px;
   border: 1px solid transparent;
   background: #3F2179;
   border-radius:4px;
}
 .custom-checkbox > [type="checkbox"]:not(:checked) + label:after, .custom-checkbox > [type="checkbox"]:checked + label:after {
   font-family:"Font Awesome 5 Free";
   content: '\f00c';
   position: absolute;
   font-weight: 900;
   top: 0;
   margin-top: 2px;
   left: 4px;
   font-size: 12px;
   color: #fff;
   transition: all 0.2s;
}
 .custom-checkbox > [type="checkbox"]:not(:checked) + label:after {
   opacity: 0;
   transform: scale(0);
}
 .custom-checkbox > [type="checkbox"]:checked + label:after {
   opacity: 1;
   transform: scale(1);
}
 .custom-checkbox > [type="checkbox"][data-indeterminate] + label:after {
   content: '\2212';
   left: 2px;
   opacity: 1;
   transform: scale(1);
}
 .custom-checkbox > [type="checkbox"]:disabled:not(:checked) + label:before {
   box-shadow: none;
   background-color: #eee;
   border-color: #eee;
   cursor: not-allowed;
   opacity: 1;
   color: #dadada;
}
 .custom-checkbox > [type="checkbox"]:disabled:checked + label:before {
   box-shadow: none;
   background-color: #eee;
   border-color: #eee;
   cursor: not-allowed;
   opacity: 1;
   color: #3F2179;
}
.activity_bx .wd-spot-box{
  margin-bottom: 30px;
  display: block;
}
.wd-spot-box{
  display: block;
}
.pagination{
  justify-content: center;
  margin-top: 50px;
}
.pagination .page-item{margin: 0 7.5px;}
.pagination .page-link{
  width: 47px;
  height: 47px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 4px 4px 0px #0000001A;
  border: 0;
  background: #fff;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
}
.pagination .active{
  background: linear-gradient(257.13deg, #3F2179 8.99%, #682B95 91.3%) !important;
  color: #fff !important;
}
.page-item:first-child .page-link{
  width: 80px;
  height: 40px;
  border-radius: 90px;
}
.page-item:last-child .page-link{
  width: 80px;
  height: 40px;
  border-radius: 90px;
}
.wd-book-form select{
  moz-appearance: window;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.owl-brands .owl-dots{display: none;}
body.headitemshow {
    overflow: hidden;
}