:root {
  --color-white: #fff;
  --color-half-white: #f1f1f1;
  --color-danger: #ff4421;
  --color-black: #000;
  --color-primary: #11BF79;

  --font-size-16px: 1rem;
  --font-size-12px: 12px;
  --font-size-17px: 17px;
  --font-size-70px: 4.375rem;
  --font-size-32px: 2rem;
  --font-size-52px: 3.25rem;
}

@font-face {
  font-family: 'volkhov';
  src: url('../font/volkhov/Volkhov-Bold.ttf');
}
@font-face {
  font-family: 'Poppins';
  src: url('../font/poppins/Poppins-Regular.ttf');
}
@font-face {
  font-family: 'Inter';
  src: url('../font/Inter/static/Inter-Regular.ttf');
}


.menu-column {
  background-color: var(--color-half-white);
}

.menu-column .category-wrapper a {
  color: var(--color-black);
  text-decoration: none;
}

.menu-column .category-wrapper a:hover {
  text-decoration: underline;
}

/* Product overview page CSS */
.title-price-wrapper {
  padding: 12px;
  background-color: var(--color-danger);
  color: var(--color-white);
  font-weight: bold;
}

/* .image-wrapper {
  text-align: center;
  padding: 12px;
} */
/* .image-wrapper img {
  width: 100%;
  height: auto;
} */
/* .content-wrapper {
  background-color: rgba(255, 68, 33, 0.07);
} */
.viewall-product-link,
.viewall-product-link:hover {
  color: var(--color-black);
  text-decoration: none;
}

.custom-col {
  margin-bottom: 20px;
}

.m-price {
  text-decoration: line-through;
}

.sidebar-category {
  padding-top: 20px;
  padding-left: 20px;
}

.category-wrapper {
  font-size: 18px;
}

.menu-column .category-wrapper a.active {
  text-decoration: underline;
}

.category-wrapper a {
  text-decoration: none;
  color: var(--color-black);
}

.category-wrapper a:hover {
  text-decoration: underline;
  color: var(--color-black);
}

/* Payment information page CSS */
.payment-information-container .row {
  justify-content: center;
  margin-top: 60px;
}

.payment-information-container .payment-information-column {
  background-color: var();
  padding: 40px;
  text-align: center;
  box-shadow: 0px 0px 2px 0px var(--color-black);
}

.check-image-wrapper img {
  width: 8%;
  margin-bottom: 25px;
}

.worldline-image-wrapper img {
  width: 20%;
}

.pay-now-button,
.pay-now-button:hover {
  background-color: var(--color-danger);
  color: var(--color-white);
  text-decoration: none;
  padding: 8px 40px;
  border: 1px solid var(--color-danger);
}

/* Equal column CSS starts */
.row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols>[class*="col-"] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols>[class*="col-"]>* {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.row.equal-cols>[class*="col"] .title-price-wrapper {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 30px;
}

.title-wrapper {
  flex: 1 1 auto;
}

/* Equal column CSS ends */

/* Pagination CSS */
.pagination-wrapper ul li a {
  color: var(--color-black)000;
  text-decoration: none;
}

.pagination-wrapper .pager ul li.is-active {
  background-color: var(--color-danger);
  border: 1px solid var(--color-danger);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-wrapper ul li.is-active a {
  text-decoration: none;
  color: var(--color-white);
  font-weight: bold;
}

.pagination-wrapper .pager ul li {
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  width: 40px;
  height: 40px;
  text-align: center;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pager__item--next,
.pager__item--last,
.pager__item--previous,
.pager__item--first {
  border: none !important;
  width: auto !important;
  height: auto !important;
}

.flex-1 {
  flex: 1;
}

.Title_card {
  line-height: 1.3;
}

.Title_Heading_first {
  font-size: var(--font-size-17px);
  font-weight: 700;
  color: var(--color-primary);
}

.Title_Heading_second {
  font-size: var(--font-size-70px);
  font-family: volkhov;
  line-height: 1.2;
}


.background_image {
  width: 100%;
  min-height: 600px;
  background-image: url('/modules/custom/webshop/images/Background_frame.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.card-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: filter 0.5s;
}

.card-hover-img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: filter 0.5s;
  border-radius: 5px;
}

.card-custom {
  border: none !important;
  border-radius: 24px !important;
}

.card-title {
  color: #5E6282 !important;
  font-size: 1.5rem;
}

.viewall-product-link .btn {
  border-radius: 18px;
  padding: 3px 15px;
  font-size: var(--font-size-14px);
  font-family: volkhov;
  background-color: #6ac07b;
  border-color: #6ac07b;
}


.card:hover .card-img {
  filter: blur(3px);
}

.card-overlay {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hover-img{
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.card:hover .hover-img {
  opacity: 1;
}

.card:hover .card-overlay {
  opacity: 1;
}

.booking-info {
  margin: 0;
  padding: 5px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

.Atlas_booking_details {
  background-color: #fff;
  margin-bottom: 1rem !important;
  border-radius: 8px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.Atlas-from {
  border-right: 2px solid #d7d7d7;
}

.background_image_banner {
  width: 100%;
  min-height: 600px;
  background-image: url('/modules/custom/webshop/images/banner_new.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  display: flex;
}

@media screen and (max-width: 767px) and (min-width: 0px) {
  .Title_Heading_second {
    font-size: var(--font-size-32px) !important;
    font-family: volkhov;
}
.background_image_banner {
  width: 100%;
  min-height: 0px !important;
  background-image: unset !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  display: flex;
}

}

@media screen and (min-width:1024px) and (max-width:1199px) {}

@media screen and (min-width:1200px) and (max-width:1399px) {

  .card-img {
    width: 100%;
    height: 250px !important;
    object-fit: cover;
    transition: filter 0.5s;
  }
  .Title_Heading_second {
    font-size: var(--font-size-52px) !important;
    font-family: volkhov;
  }
  .card-hover-img{
    width: 100%;
    height: 250px !important;
    object-fit: cover;
    transition: filter 0.5s;
  }
}

.slick-arrow
 {
  background-color: transparent !important;
  z-index: 999;
 }
 /* .slick-prev {
  left: 15px !important;
 } */
 .slick-next, .slick-prev {
  width: 33px !important;
  height: 33px !important;
  border: 1px solid rgb(0 0 0 / 0.3) !important;
  border-radius: 50%;
 }
 .slick-next:before, .slick-prev:before {
  color: rgb(0 0 0 / 0.3) !important;
 }
 .slick-list .card-text {
  color: black !important;
  font-size: var(--font-size-12px);
  text-decoration: none !important;
 }

 .slick-list a {
  text-decoration: none !important;
 }

 .slick-slide {
  width:130px !important;
 }
.fa-heart{
  color: red !important;
}
.filter_button{
    display: flex;
    align-items: center;
    justify-content: end;
    margin-bottom: 1.5rem;
}
.background-field{
  background: #f7f7f7;
}
#minPrice, #maxPrice, #fromDate, #toDate{
  /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important; */
  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.13) !important;
  border-radius: 8px !important;
}
#filterSubmit{
  background-color: #1F67A6 !important;
  color: #fff !important;
  border: 1px solid #1F67A6;
  border-radius: 12px !important;
}
.social-login-buttons  a{
  border: 1px solid #E0E2E9; 
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  padding: 6px;
}

.selected-category {
  background-color: #deede8;
}