@charset "UTF-8";
/*** LTR websites ***/
@font-face {
  font-family: "font-Reg";
  src: url("../fonts/IBMPlexSansArabic-Regular.ttf");
}
@font-face {
  font-family: "font-Bold";
  src: url("../fonts/IBMPlexSansArabic-Bold.ttf");
}
@font-face {
  font-family: "font-Med";
  src: url("../fonts/IBMPlexSansArabic-Medium.ttf");
}
body {
  /*Sanad removed:direction: $direction;*/
  /*Sanad removed:text-align: $start-direction;*/
}

*,
*:focus,
*:active,
button:focus {
  outline: none;
}

a {
  text-decoration: none;
}

html {
  height: 100%;
}

/* start global */
body {
  background-color: #FFF;
  overflow-y: auto;
  font-family: "font-Reg" !important;
  overflow-x: hidden;
  color: #000000;
  /*Sanad removed:text-align: left;*/
}

h1, h2, h3, h4, h5, h6 {
  text-transform: capitalize !important;
}

a {
  text-decoration: none;
}

/*
      general css to be reused
*/
.text-justify {
  text-align: justify !important;
}

.fw-reg {
  font-family: "font-Reg" !important;
  font-weight: 400 !important;
}

.fw-medium {
  font-family: "font-Med" !important;
  font-weight: 400 !important;
}

.fw-bold {
  font-family: "font-Bold" !important;
  font-weight: 400 !important;
}

.flexCenter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.row > * {
  padding-left: 12px;
  padding-right: 12px;
}

.multi-ellipsis {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

img {
  max-width: 100%;
}

.mb5 {
  margin-bottom: 5px;
}

.bg-black {
  background-color: #000000 !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-cumin {
  background-color: #994129;
}

.bg-anzac {
  background-color: #E0BB42;
}

.bg-lightGold {
  background-color: #F8D15D;
}

.bg-gold {
  background-color: #BB963A !important;
}

.home-bg {
  background-color: #F6F2E7;
}

.bg-primary-50 {
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), var(--SR-Primary-50, #FCF8EC) !important;
}

.bg-primary-500 {
  background-color: #FCF8EC !important;
}

.bg-grd-gray {
  background: linear-gradient(180deg, #FFF 0%, #FAFAFA 14.92%);
}

.bg-LiAnzac {
  background-color: #F8F1D9;
}

.bg-LiNeutral {
  background-color: #F2F2F2;
}

.black {
  color: #000000;
}

.darkest {
  color: #0B0903;
}

.gold {
  color: #BB963A !important;
}

.red {
  color: #501D18;
}

.gray {
  color: #333333;
}

.gray2 {
  color: #666;
}

.anzac {
  color: #E0BB42;
}

.cumin {
  color: #994129;
}

.green {
  color: #015D45;
}

.dark-gray {
  color: #444;
}

.lineH-18 {
  line-height: 1.8;
}

.br-4 {
  border-radius: 4px;
  overflow: hidden;
}

.br-6 {
  border-radius: 6px;
  overflow: hidden;
}

.br-8 {
  border-radius: 8px;
  overflow: hidden;
}

.br-12 {
  border-radius: 12px;
  overflow: hidden;
}

.br-16 {
  border-radius: 16px;
  overflow: hidden;
}

.br-20 {
  border-radius: 20px;
  overflow: hidden;
}

.br-24 {
  border-radius: 24px;
  overflow: hidden;
}

.dashed-border {
  border: 1px dashed;
}

.borderd {
  border: 1px solid;
}

.border-anzac {
  border-color: #E0BB42;
}

.border-white {
  border-color: #FFF;
}

.border-Gold {
  border-color: #BB963A;
}

.border-white70 {
  border-color: rgba(255, 255, 255, 0.7);
}

.borderd-lighGold {
  border-color: #F8D15D;
}

.borderd-cumin {
  border-color: #994129;
}

.fs-64 {
  font-size: 4rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.fs-54 {
  font-size: 3.375rem;
}

.fs-52 {
  font-size: 3.25rem;
}

.fs-48 {
  font-size: 3rem;
}

.fs-44 {
  font-size: 2.75rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-32 {
  font-size: 2rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-22 {
  font-size: 1.375rem;
}

.fs-20 {
  font-size: 1.25rem;
}

.fs-18 {
  font-size: 1.125rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-14 {
  font-size: 0.875rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.mb-120 {
  margin-bottom: 120px;
}

.top-gradient {
  position: relative;
}
.top-gradient .container {
  position: relative;
}
.top-gradient::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70vh;
  background: linear-gradient(180deg, #FCF8EC 0%, #FFF 100%);
  z-index: 0;
}

.menuWithBanner {
  position: relative;
  width: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  height: auto;
  background-color: #000000;
  transition: 0.7s;
}
.menuWithBanner .navbar-toggler {
  box-shadow: none !important;
}
.menuWithBanner .navbarMenu {
  padding: 0;
  position: unset;
  display: inline-flex;
  width: auto;
  flex: 1;
}
.menuWithBanner .navbarMenu .navbar-collapse {
  justify-content: space-between;
  width: 100%;
}
.menuWithBanner .navbarMenu .navbar-nav {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding: 0;
  gap: 50px;
  margin: 0 auto;
  padding-left: 10%;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-toggle::after {
  display: none;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu {
  background-color: #FFF;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset, 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  left: 0;
  padding: 35px 0;
  border: 0;
  margin: 0;
  width: 100%;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .close-dropdown {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
  margin-right: 40px;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .close-dropdown button {
  outline: none;
  box-shadow: none;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 35px;
  border: 0;
  margin: 0 auto;
  max-width: 230px;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 5px;
  text-align: left;
  font-size: 1.125rem;
  font-family: "font-Bold";
  color: #000000;
  border: none;
  border-radius: 0;
  transition: 0.3s;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link::before {
  display: none;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link img {
  filter: grayscale(2) brightness(0);
  transition: 0.3s;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link:hover, .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link.active {
  color: #BB963A;
  transform: translateX(-5px);
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link:hover img, .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link.active img {
  filter: none;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a .img-box {
  width: 100%;
  height: 160px;
  border-radius: 16px;
  overflow: hidden;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a .content-box {
  padding: 8px 0;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a .content-box h4 {
  font-size: 1rem;
  color: #000000;
  transition: 0.5s;
  text-align: center;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a:hover .img-box img {
  transform: scale(1.2);
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a:hover .content-box h4 {
  font-family: "font-Med";
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .show-all {
  margin-top: 32px;
}
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .show-all a {
  padding: 12px 20px;
  gap: 8px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link {
  font-size: 1.125rem;
  font-family: "font-Bold";
  color: #FFF;
  position: relative;
  padding: 37px 0;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link::before {
  content: "";
  position: absolute;
  width: 0;
  height: 4px;
  bottom: 0;
  left: 50%;
  background-color: #BB963A;
  transition: 0.5s;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link.active::before, .menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link:hover::before {
  width: 100%;
  left: 0%;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-item.show .nav-link::before {
  width: 100%;
  left: 0%;
}
.menuWithBanner .navbarMenu .navbar-nav .nav-item.active .nav-link::before {
  width: 100%;
  height: 6px;
  left: 0%;
}
.menuWithBanner .end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 24px;
}
.menuWithBanner .end a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.menuWithBanner .end a img {
  filter: grayscale(2) invert(1) brightness(2);
  width: 24px;
  height: 24px;
}
.menuWithBanner .end a:first-child img + .signed-in {
  display: none;
}
.menuWithBanner .end a:first-child.signed img {
  display: none;
}
.menuWithBanner .end a:first-child.signed img.signed-in {
  display: block !important;
  filter: none;
}
.menuWithBanner .end .lang {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 3px 6px 3px 9px;
  width: 60px;
  height: 30px;
  border-radius: 4px;
  border: 1px solid #FFF;
}
.menuWithBanner .end .lang span {
  display: block;
  color: #FFF;
  font-size: 0.875rem;
  font-family: "font-Med";
}
.menuWithBanner.fixedTop {
  position: fixed;
  background-color: #FFF;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);
}
.menuWithBanner.fixedTop .navi .logoMain img {
  filter: invert(1);
}
.menuWithBanner.fixedTop .navbarMenu .navbar-nav .nav-item .nav-link {
  color: #000000;
}
.menuWithBanner.fixedTop .end a img {
  filter: none;
}
.menuWithBanner.fixedTop .end .lang {
  border-color: #994129;
}
.menuWithBanner.fixedTop .end .lang span {
  color: #994129;
}

.navi .col-12 {
  display: flex;
  flex-direction: row;
}
.navi .logoMain {
  position: relative;
  height: 100%;
  display: inline-flex;
  width: 200px;
  justify-content: flex-start;
  align-items: center;
}
.navi .logoMain a {
  text-decoration: none;
}
.navi .logoMain a img {
  max-width: 100%;
}
.navi .mainMobileNav {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0;
  opacity: 0;
  background-color: #FFF;
  transition: 0.5s;
  padding: 35px 20px;
  overflow-y: scroll;
}
.navi .mainMobileNav.activeNav {
  opacity: 1;
  left: 0;
}
.navi .mainMobileNav.level1 {
  z-index: 1;
}
.navi .mainMobileNav.level2 {
  z-index: 2;
}
.navi .mainMobileNav.level3 {
  z-index: 3;
}
.navi .mainMobileNav.level3 .title-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.navi .mainMobileNav.level3 .title-sec h4 {
  margin-bottom: 0;
}
.navi .mainMobileNav.level3 .title-sec a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  gap: 8px;
}
.navi .mainMobileNav.level3 .drop-nav-a {
  margin-bottom: 16px;
}
.navi .mainMobileNav.level3 .drop-nav-a .content-box {
  padding: 8px 0;
}
.navi .mainMobileNav.level3 .drop-nav-a .content-box h4 {
  font-size: 1rem;
}
.navi .mainMobileNav .backClose-btns {
  margin-bottom: 45px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.navi .mainMobileNav .backClose-btns .closeBtn {
  margin-left: auto;
  margin-right: 0;
  cursor: pointer;
}
.navi .mainMobileNav h3 {
  font-size: 2rem;
  margin-bottom: 55px;
}
.navi .mainMobileNav h4 {
  font-size: 1.5rem;
  margin-bottom: 65px;
}
.navi .mainMobileNav ul {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  gap: 35px;
  list-style: none;
}
.navi .mainMobileNav ul li a {
  font-size: 1.125rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.navi .mainMobileNav ul.mobNav1st {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
}
.navi .mainMobileNav ul.dir-links a {
  justify-content: flex-start;
  gap: 10px;
}
@media (min-width: 992px) {
  .navi .mainMobileNav {
    display: none;
  }
}

.modalSearch .modal-dialog {
  overflow: hidden;
}
.modalSearch .SearchCustom {
  height: 74px;
  width: 100%;
  border-radius: 16px;
  padding-left: 30px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 100%;
}
.modalSearch .SearchCustom .forGroup {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modalSearch .SearchCustom .searchInput {
  height: 100%;
  width: 80%;
  background: #FFF;
  font-size: 1rem;
  color: #000000;
  padding: 20px;
  margin-right: 20px;
  border: 0;
}
.modalSearch .SearchCustom .searchInput::placeholder {
  color: #666;
}
.modalSearch .SearchCustom .boxClose {
  display: flex;
  justify-content: center;
  margin-top: 31px;
}
.modalSearch .SearchCustom .boxClose button {
  opacity: 1;
}
.modalSearch .SearchCustom .boxClose button img {
  width: 33px;
  filter: grayscale(1) brightness(8);
}
.modalSearch .searchSubmit {
  height: 100%;
  width: 71px;
  background-color: #BB963A;
  gap: 16px;
  border-radius: 4px;
  border: unset;
  justify-content: center;
  align-items: center;
  display: flex;
}
.modalSearch .searchSubmit img {
  filter: grayscale(1) brightness(8);
}
.modalSearch .modal-dialog {
  max-width: 800px;
  min-height: calc(60vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
}
.modalSearch .modal-dialog .modal-content {
  background: transparent;
  border: unset;
}
.modalSearch .modal-dialog .modal-content .SearchCustom {
  width: 750px;
}
.modalSearch button.btn {
  background: transparent;
  border: unset;
  background: transparent;
  border: unset;
}

footer {
  padding-top: 55px;
  padding-bottom: 35px;
  position: relative;
  z-index: 2;
}
footer .footer-about h5,
footer .footer-go h5 {
  margin-bottom: 16px;
}
footer .footer-about ul li,
footer .footer-go ul li {
  margin-bottom: 16px;
}
footer .footer-first .footer-logo-inverted,
footer .footer-first .by {
  max-width: 250px;
}
footer .footer-first .footer-logo-inverted img,
footer .footer-first .by img {
  width: 100%;
}
footer .footer-first .by {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
footer .footer-first .by::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 11px;
  left: 0;
  background-color: #746B51;
}
footer .footer-first .by p {
  color: #746B51;
  padding: 0 7px;
  z-index: 2;
}
footer .footer-first .by img {
  max-width: 180px;
}
footer .footer-social {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
footer .footer-social .social-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
}
footer .contactUs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
footer .contactUs a {
  display: inline-flex;
  padding: 6px 14px;
  align-items: center;
  gap: 5px;
  min-width: 95px;
  height: 36px;
  justify-content: center;
}
footer .footer-outerLink {
  display: flex;
  flex-direction: row;
  align-items: center;
}
footer .footer-outerLink a {
  display: block;
  position: relative;
  padding-left: 16px;
}
footer .footer-outerLink a::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FFF;
}
footer .footer-outerLink a:first-of-type {
  padding-right: 16px;
  padding-left: 0;
}
footer .footer-outerLink a:first-of-type::before {
  display: none;
}
footer .footer-bottom {
  margin-top: 10px;
  padding-top: 32px;
  border-top: 1px solid rgba(224, 187, 66, 0.5);
}
footer .footer-bottom a {
  margin-right: 24px;
}
footer .footer-bottom a:last-child {
  margin: 0;
}
footer .up {
  position: absolute;
  bottom: 18%;
  left: 5%;
}
footer .up a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background-color: rgba(187, 150, 58, 0.2);
}
footer .up.fixed {
  position: fixed;
  z-index: 999;
  bottom: 8%;
}
footer .up.fixed a {
  background-color: rgba(187, 150, 58, 0.8);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.bannerMenu {
  width: 100%;
  height: calc(100vh - 100px);
  position: relative;
}
.bannerMenu .bannerSlider {
  width: 100%;
  height: 100%;
}
.bannerMenu .video-box,
.bannerMenu .img-box {
  width: 100%;
  height: 100%;
  position: relative;
}
.bannerMenu .video-box::before,
.bannerMenu .img-box::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.33;
  opacity: 0.3;
  background: #000000;
  left: 0;
}
.bannerMenu .video-box::after,
.bannerMenu .img-box::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.35;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.47%, var(--Primary-Black, #000) 84.88%);
  bottom: 0;
  left: 0;
  z-index: 2;
}
.bannerMenu .video-box video,
.bannerMenu .video-box img,
.bannerMenu .img-box video,
.bannerMenu .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bannerMenu .content-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 155px;
  left: 12%;
  max-width: 655px;
  z-index: 3;
}
.bannerMenu .content-box h2 {
  margin-bottom: 24px;
}
.bannerMenu .content-box p {
  margin-bottom: 40px;
}
.bannerMenu .content-box a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  gap: 8px;
}
.bannerMenu .controls-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 55px;
  left: 2%;
  z-index: 4;
}
.bannerMenu .controls-box button, .bannerMenu .controls-box a {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}
.bannerMenu .controls-box button.playPause, .bannerMenu .controls-box a.playPause {
  display: block;
}
.bannerMenu .controls-box button.playPause img:nth-child(2), .bannerMenu .controls-box a.playPause img:nth-child(2) {
  display: none;
}
.bannerMenu .controls-box button.playPause.show img:first-child, .bannerMenu .controls-box a.playPause.show img:first-child {
  display: none;
}
.bannerMenu .controls-box button.playPause.show img:nth-child(2), .bannerMenu .controls-box a.playPause.show img:nth-child(2) {
  display: block;
}
.bannerMenu .controls-box button.mute, .bannerMenu .controls-box a.mute {
  display: block;
}
.bannerMenu .controls-box button.mute img:nth-child(2), .bannerMenu .controls-box a.mute img:nth-child(2) {
  display: none;
  width: 50px;
  height: 50px;
  padding: 10px;
}
.bannerMenu .controls-box button.mute.volUp img:first-child, .bannerMenu .controls-box a.mute.volUp img:first-child {
  display: none;
}
.bannerMenu .controls-box button.mute.volUp img:nth-child(2), .bannerMenu .controls-box a.mute.volUp img:nth-child(2) {
  display: block;
}
.bannerMenu .bannerSlider-button-prev,
.bannerMenu .bannerSlider-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 47%;
  z-index: 99;
}
.bannerMenu .bannerSlider-button-prev.swiper-button-disabled,
.bannerMenu .bannerSlider-button-next.swiper-button-disabled {
  opacity: 0;
}
.bannerMenu .bannerSlider-button-prev::after,
.bannerMenu .bannerSlider-button-next::after {
  display: none;
}
.bannerMenu .bannerSlider-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.bannerMenu .bannerSlider-button-next {
  right: 5%;
  left: auto;
}

/*
                         mobile only
*/
.fast-links {
  padding: 32px 0;
  background-color: #EDE9DE;
}
.fast-links .fl-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.fast-links .fl-card .img-box {
  display: flex;
  width: 110px;
  height: 110px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 100px 100px 0 0;
  background-color: rgba(187, 150, 58, 0.1);
}
.fast-links .fl-card .img-box:hover {
  filter: brightness(0.8) contrast(0.2);
}
.fast-links .fl-card h4 {
  margin: 0;
  line-height: 1.5;
}

.landmarks {
  padding: 60px 0 70px;
}
.landmarks .main-sec {
  margin-bottom: 40px;
}
.landmarks .main-sec .more {
  padding: 8px 20px;
}
.landmarks .landmarks-card {
  display: block;
  background-color: #FFF;
  width: 100%;
  height: 435px;
  transition: 1s;
  position: relative;
}
.landmarks .landmarks-card .img-box {
  transition: 1s;
  width: 100%;
  height: 100%;
}
.landmarks .landmarks-card .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.86%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
}
.landmarks .landmarks-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.landmarks .landmarks-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  z-index: 3;
}
.landmarks .landmarks-card .content-box h4 {
  margin-bottom: 0;
}
.landmarks .landmarks-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.landmarks .landmarks-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.landmarks .landmarks-card .rating-container .rating-fav .heart-full {
  display: none;
}
.landmarks .landmarks-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.landmarks .landmarks-card .rating-container .rating-fav.active .heart {
  display: none;
}
.landmarks .landmarks-card:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.landmarks .landmarks-card:hover .img-box {
  overflow: hidden;
}
.landmarks .landmarks-card:hover .img-box img {
  transform: scale(1.2);
}
.landmarks .landmarks-button-prev,
.landmarks .landmarks-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 47%;
  z-index: 99;
}
.landmarks .landmarks-button-prev.swiper-button-disabled,
.landmarks .landmarks-button-next.swiper-button-disabled {
  opacity: 0;
}
.landmarks .landmarks-button-prev::after,
.landmarks .landmarks-button-next::after {
  display: none;
}
.landmarks .landmarks-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.landmarks .landmarks-button-next {
  right: 5%;
  left: auto;
}

.sticky-container {
  position: relative;
  direction: rtl;
  overflow: hidden;
  /*  */
}
.sticky-container .sticky-slide {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  font-weight: 700;
}
.sticky-container .sticky-slide > div {
  flex: 0 0 100%;
  height: 100vh;
}
.sticky-container .sticky-slide > div.box {
  flex: 0 0 20%;
  position: relative;
}
.sticky-container .sticky-slide > div.box::before {
  content: "";
  width: 5%;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  background-image: url(../images/home/line.svg);
  background-size: cover;
}
.sticky-container .sticky-slide > div.box::after {
  content: "";
  width: 5%;
  height: 10px;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url(../images/home/line.svg);
  background-size: cover;
  transform: scale(-1);
}
.sticky-container .sticky-slide > div.box:first-of-type::before {
  display: none;
}
.sticky-container .sticky-slide > div.box:last-of-type::after {
  display: none;
}
.sticky-container .scroll-main {
  display: flex;
  width: 500%;
  flex-wrap: nowrap;
}
.sticky-container .single-section {
  width: 100%;
  overflow: hidden;
  height: 100%;
  background-color: #ccc;
  padding: 40px;
}
.sticky-container .box {
  width: 100%;
  height: 100vh;
  margin: 0 0 10px 0;
}
.sticky-container .horizontalSlide {
  display: flex;
  width: 500%;
  flex-wrap: nowrap;
  /* background-color: #fff; */
}

.story-one {
  margin-top: 0;
  border-radius: 48px 48px 0 0;
  background: linear-gradient(0deg, #F4F2EB 0%, #F4F2EB 100%), #E7E1CE;
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.story-one::before {
  content: "";
  width: 10%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 45%;
  background-image: url(../images/home/line.svg);
  background-size: cover;
  transform: rotate(90deg);
}
.story-one .row {
  position: relative;
}
.story-one .titleSec .main-sec {
  height: 50%;
  justify-content: flex-end;
}
.story-one .imgSec {
  order: 2;
}
.story-one .descSec {
  order: 3;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  height: 50%;
  top: 50%;
}
.story-one .main-sec {
  display: flex;
  flex-direction: column;
  padding-right: 24px;
}
.story-one .main-sec h5 {
  margin-bottom: 16px;
  font-family: "font-Med";
}
.story-one .main-sec h2 {
  margin-bottom: 30px;
}
.story-one .btns-box {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.story-one .btns-box a {
  padding: 12px 20px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.story-one .btns-box .start {
  width: 185px;
}
.story-one .btns-box .skip {
  width: 170px;
}
.story-one .video-box {
  position: relative;
}
.story-one .video-box img, .story-one .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story-one .video-box .vid-pause {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 37px;
  bottom: 37px;
  width: 65px;
  height: 50px;
  background-color: #FFF;
  border-radius: 8px;
  overflow: hidden;
}
.story-one .video-box .vid-pause img {
  width: auto;
  height: auto;
}

.story-two {
  position: relative;
  border-radius: 48px 48px 0 0;
  background: linear-gradient(0deg, #EDE9DE 0%, #EDE9DE 100%), #9AC0B6;
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.story-two::before {
  content: "";
  width: 10%;
  height: 10px;
  position: absolute;
  top: 100%;
  left: 45%;
  background-image: url(../images/home/line.svg);
  background-size: cover;
  transform: rotate(0deg);
}
.story-two::after {
  content: "";
  width: 10%;
  height: 10px;
  position: absolute;
  top: 0%;
  left: 45%;
  background-image: url(../images/home/line.svg);
  background-size: cover;
  transform: rotate(270deg);
}
.story-two .main-sec {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-right: 70px;
}
.story-two .main-sec h2 {
  margin-bottom: 32px;
}
.story-two .bigThumbSwiper {
  margin-bottom: 24px;
  max-width: 700px;
}
.story-two .bigThumbSwiper .img-box {
  position: relative;
  width: 100%;
  height: 460px;
  margin: 0 auto;
}
.story-two .bigThumbSwiper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story-two .thumbsSwiper {
  max-width: 700px;
  margin: 0 auto;
}
.story-two .thumbsSwiper .img-box {
  position: relative;
  width: 100%;
  height: 130px;
  margin: 0 auto;
}
.story-two .thumbsSwiper .img-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000000;
  opacity: 0.5;
  transition: 0.5s;
}
.story-two .thumbsSwiper .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story-two .thumbsSwiper .swiper-slide-thumb-active .img-box::after {
  opacity: 0;
}
.story-two .custom-navi {
  position: relative;
  bottom: 10%;
  right: 3%;
  width: 106%;
}
.story-two .custom-navi .swiper-button-prev,
.story-two .custom-navi .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-colored.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.story-two .custom-navi .swiper-button-prev::after,
.story-two .custom-navi .swiper-button-next::after {
  display: none;
}
.story-two .custom-navi .swiper-button-prev {
  transform: scaleX(-1);
  left: 0%;
  right: auto;
}
.story-two .custom-navi .swiper-button-next {
  right: 0%;
  left: auto;
}

.story-three,
.story-four,
.story-five,
.story-six,
.story-more {
  border-radius: 48px 48px 0 0;
  background: linear-gradient(0deg, #F4F2EB 0%, #F4F2EB 100%), #E7E1CE;
  display: flex;
  align-items: center;
  height: 100%;
}
.story-three .main-sec,
.story-four .main-sec,
.story-five .main-sec,
.story-six .main-sec,
.story-more .main-sec {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-right: 70px;
}
.story-three .main-sec h5,
.story-four .main-sec h5,
.story-five .main-sec h5,
.story-six .main-sec h5,
.story-more .main-sec h5 {
  margin-bottom: 32px;
}
.story-three .main-sec h2,
.story-four .main-sec h2,
.story-five .main-sec h2,
.story-six .main-sec h2,
.story-more .main-sec h2 {
  margin-bottom: 32px;
}
.story-three .img-box,
.story-four .img-box,
.story-five .img-box,
.story-six .img-box,
.story-more .img-box {
  position: relative;
  height: 570px;
}
.story-three .img-box img,
.story-four .img-box img,
.story-five .img-box img,
.story-six .img-box img,
.story-more .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story-four,
.story-five,
.story-six,
.story-more {
  border-radius: 0;
}

.story-more {
  padding-left: 25%;
}
.story-more .main-sec {
  height: auto;
}

.events-main {
  padding: 100px 0 60px;
  background: #F8F7F3;
}
.events-main .main-sec {
  margin-bottom: 40px;
}
.events-main .main-sec .more {
  padding: 8px 20px;
}
.events-main .event-card {
  display: block;
  position: relative;
  background-color: transparent;
  transition: 1s;
}
.events-main .event-card .img-box {
  transition: 1s;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.events-main .event-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.events-main .event-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  gap: 12px;
}
.events-main .event-card .content-box h4 {
  margin-bottom: 0;
  height: 50px;
}
.events-main .event-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 8px;
  height: 42px;
}
.events-main .event-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.events-main .event-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.events-main .event-card .rating-container .rating-fav .heart-full {
  display: none;
}
.events-main .event-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.events-main .event-card .rating-container .rating-fav.active .heart {
  display: none;
}
.events-main .event-card .date-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 12px;
  top: 12px;
}
.events-main .event-card .date-box .day {
  margin-bottom: -4px;
}
.events-main .event-card .evNow {
  position: absolute;
  top: 16px;
  left: 75px;
  font-size: 0.875rem;
  width: 76px;
  padding: 4px 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.events-main .event-card:hover .img-box img {
  transform: scale(1.2);
}
.events-main .event-card.event-card-mob {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.events-main .event-card.event-card-mob > div {
  width: calc(50% - 8px);
  flex: 0 0 auto;
}
.events-main .event-card.event-card-mob .img-box {
  height: 130px;
  border-radius: 8px;
  margin-right: 16px;
  position: relative;
}
.events-main .event-card.event-card-mob .img-box img {
  object-position: top;
}
.events-main .event-card.event-card-mob .content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.events-main .swiper-button-prev,
.events-main .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.events-main .swiper-button-prev.swiper-button-disabled,
.events-main .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.events-main .swiper-button-prev::after,
.events-main .swiper-button-next::after {
  display: none;
}
.events-main .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.events-main .swiper-button-next {
  right: 5%;
  left: auto;
}

.suggested-paths {
  padding-top: 70px;
  padding-bottom: 115px;
  background-color: #AE7755;
}
.suggested-paths .main-sec {
  margin-bottom: 40px;
}
.suggested-paths .main-sec .more {
  padding: 8px 20px;
}
.suggested-paths .suggestedPathsSlider .path-card .content-box {
  min-height: 148px;
}
.suggested-paths .path-card {
  display: block;
  transition: 1s;
  background: #FFF;
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
}
.suggested-paths .path-card .img-box {
  transition: 1s;
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
}
.suggested-paths .path-card .img-box .category {
  position: absolute;
  padding: 4px 6px;
  right: 12px;
  top: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.suggested-paths .path-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.suggested-paths .path-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 12px;
}
.suggested-paths .path-card .content-box h4 {
  margin-bottom: 0;
  height: 46px;
}
.suggested-paths .path-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.suggested-paths .path-card .content-box .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.suggested-paths .path-card:hover {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
}
.suggested-paths .path-card:hover .img-box {
  overflow: hidden;
}
.suggested-paths .path-card:hover .img-box img {
  transform: scale(1.2);
}
.suggested-paths .swiper-button-prev,
.suggested-paths .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.suggested-paths .swiper-button-prev.swiper-button-disabled,
.suggested-paths .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.suggested-paths .swiper-button-prev::after,
.suggested-paths .swiper-button-next::after {
  display: none;
}
.suggested-paths .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.suggested-paths .swiper-button-next {
  right: 5%;
  left: auto;
}

.tourist-packages {
  padding: 80px 0;
  background: #F8F7F3;
}
.tourist-packages .main-sec {
  margin-bottom: 40px;
}
.tourist-packages .main-sec .more {
  padding: 8px 20px;
}
.tourist-packages .pack-card {
  display: block;
  background-color: #FFF;
  transition: 0.3s;
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
}
.tourist-packages .pack-card .img-box {
  transition: 0.3s;
  width: 100%;
  height: 420px;
  position: relative;
  overflow: hidden;
}
.tourist-packages .pack-card .img-box .category {
  position: absolute;
  padding: 4px 6px;
  right: 12px;
  top: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 5;
}
.tourist-packages .pack-card .img-box img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tourist-packages .pack-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 16px;
}
.tourist-packages .pack-card .content-box h4 {
  margin-bottom: 0;
  line-height: 31px;
  height: 62px;
}
.tourist-packages .pack-card .content-box .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.tourist-packages .pack-card:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.tourist-packages .pack-card:hover .img-box img {
  transform: scale(1.2);
}
.tourist-packages .swiper-button-prev,
.tourist-packages .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.tourist-packages .swiper-button-prev.swiper-button-disabled,
.tourist-packages .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.tourist-packages .swiper-button-prev::after,
.tourist-packages .swiper-button-next::after {
  display: none;
}
.tourist-packages .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.tourist-packages .swiper-button-next {
  right: 5%;
  left: auto;
}

.discover-options {
  padding: 60px 0;
  background-color: #EDE9DE;
}
.discover-options .main-sec {
  padding-right: 60px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.discover-options .main-sec h5 {
  margin-bottom: 16px;
}
.discover-options .main-sec h2 {
  margin-bottom: 24px;
}
.discover-options .main-sec p {
  margin-bottom: 32px;
}
.discover-options .main-sec .more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  gap: 12px;
  max-width: 165px;
}
.discover-options .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.restaurent-cafe {
  padding: 80px 0;
  background: #F8F7F3;
}
.restaurent-cafe .main-sec {
  margin-bottom: 40px;
}
.restaurent-cafe .main-sec .more {
  padding: 8px 20px;
}
.restaurent-cafe .res-card {
  display: block;
  background-color: #FFF;
  transition: 0.3s;
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
}
.restaurent-cafe .res-card .img-box {
  transition: 0.3s;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.restaurent-cafe .res-card .img-box img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.restaurent-cafe .res-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 16px;
}
.restaurent-cafe .res-card .content-box h4 {
  margin-bottom: 0;
}
.restaurent-cafe .res-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 6px;
}
.restaurent-cafe .res-card .content-box .location span {
  line-height: 21px;
  height: 42px;
}
.restaurent-cafe .res-card:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.restaurent-cafe .res-card:hover .img-box img {
  transform: scale(1.2);
}
.restaurent-cafe .swiper-button-prev,
.restaurent-cafe .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.restaurent-cafe .swiper-button-prev.swiper-button-disabled,
.restaurent-cafe .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.restaurent-cafe .swiper-button-prev::after,
.restaurent-cafe .swiper-button-next::after {
  display: none;
}
.restaurent-cafe .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.restaurent-cafe .swiper-button-next {
  right: 5%;
  left: auto;
}

.map-area {
  padding: 64px 0;
  background: #EDE9DE;
}
.map-area .main-sec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  height: 100%;
}
.map-area .main-sec p {
  line-height: 1.6;
}
.map-area .main-sec .download-a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  margin-top: 8px;
}
.map-area .main-sec .download-a a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 24px;
  min-width: 208px;
  height: 48px;
}
.map-area .map-sec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.map-area .fs-16 {
  font-size: 1rem;
}

.grid-album {
  padding: 80px 0 40px;
  background: #F8F7F3;
}
.grid-album .main-sec {
  margin-bottom: 40px;
}
.grid-album .main-sec h2 {
  margin-bottom: 12px;
}
.grid-album .main-sec p {
  color: #666;
}
.grid-album .album-list {
  display: grid;
  grid-template-columns: repeat(12, minmax(100px, 1fr));
  grid-gap: 12px;
  grid-auto-rows: minmax(80px, auto);
  grid-auto-flow: dense;
}
.grid-album .album-list .album-img {
  position: relative;
  overflow: hidden;
}
.grid-album .album-list .album-img .img-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.grid-album .album-list .album-img .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-album .album-list .album-img .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.15;
  transition: 0.3s;
}
.grid-album .album-list .album-img .img-box::after {
  content: "";
  position: absolute;
  width: 28px;
  height: 28px;
  top: 20px;
  right: 15px;
  background-image: url(../images/shared/instagram.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 1;
  transition: 0.3s;
  z-index: 2;
}
.grid-album .album-list .album-img .cont-box {
  position: absolute;
  width: 100%;
  height: auto;
  max-height: 75%;
  overflow: hidden;
  padding: 25px 30px;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: 0.5s;
}
.grid-album .album-list .album-img .cont-box .profile {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.grid-album .album-list .album-img .cont-box .profile .prof-pic {
  width: 32px;
  height: 32px;
  aspect-ratio: 1/1;
  border-radius: 16px;
  border: 1px solid #FFF;
  overflow: hidden;
}
.grid-album .album-list .album-img .cont-box .profile .prof-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.grid-album .album-list .album-img .cont-box .profile span {
  font-size: 0.875rem;
  color: #FFF;
}
.grid-album .album-list .album-img .cont-box p {
  font-size: 1rem;
  color: #FFF;
  margin-bottom: 0;
}
.grid-album .album-list .album-img.big-img {
  grid-column-end: span 4;
  grid-row-end: span 4;
  height: 400px;
}
.grid-album .album-list .album-img.small-img {
  grid-column-end: span 2;
  grid-row-end: span 2;
  height: 200px;
}
.grid-album .album-list .album-img.small-img .img-box::after {
  top: 12px;
  right: 10px;
}
.grid-album .album-list .album-img.small-img .cont-box {
  padding: 13px 15px;
  bottom: 0;
}
.grid-album .album-list .album-img.small-img .cont-box p {
  display: none;
}
.grid-album .album-list .album-img:hover .img-box::before {
  opacity: 0.55;
}
.grid-album .album-list .album-img:hover .cont-box {
  opacity: 1;
}

.ai-assistant {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  z-index: 1000;
  width: 0;
  max-height: 90vh;
}
.ai-assistant .img-box {
  width: 65px;
  height: 65px;
  border-radius: 58px;
  overflow: hidden;
  cursor: pointer;
}

.col-xl-10 .my-5 p,
.topSec p,
.det-sec p {
  line-height: 1.8;
}

.story-more .main-sec h5 {
  margin-bottom: 24px;
}
.story-more .listCards {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.story-more .listCards .storyMore-card {
  width: 190px;
  flex: 0 0 190px;
  position: relative;
}
.story-more .listCards .storyMore-card .img-box {
  width: 100%;
  height: 180px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.story-more .listCards .storyMore-card .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.story-more .listCards .storyMore-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.story-more .listCards .storyMore-card .content-box {
  padding: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.story-more .listCards .storyMore-card .content-box h5 {
  margin: 0;
}
.story-more .listCards .more {
  width: 140px;
  flex: 0 0 140px;
  height: 180px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  opacity: 0.9;
  background: #000000;
  overflow: hidden;
}
.story-more .listCards .more a {
  font-size: 1rem;
  font-family: "font-Med";
  color: #F5EFDD;
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.storySlide .panel {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
}
.storySlide .horizontal {
  overflow: hidden;
}
.storySlide .h-container {
  display: flex;
  width: 500%; /* 3 horizontal panels */
  height: 100%;
}
.storySlide .h-panel {
  flex: 0 0 100%;
  height: 100vh;
}

.date-weather {
  position: fixed;
  right: 15px;
  top: 110px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
  z-index: 1000;
  width: auto;
}
.date-weather > div {
  padding: 4px 2px;
  width: 48px;
  height: 48px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(5px);
}
.date-weather > div h4, .date-weather > div h5 {
  margin: 0;
}
.date-weather > div.date {
  min-height: 46px;
  flex-direction: column;
  gap: 2px;
  direction: ltr;
}
.date-weather > div.weather {
  min-height: 40px;
  flex-direction: row;
  direction: ltr;
}
.date-weather > div.weather h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.date-weather > div.weather h4 span {
  margin-top: -4px;
  margin-right: 2px;
}
.date-weather > div.weather.time {
  flex-direction: column;
}

.loadingSec {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 115%;
  z-index: 1000000000000000300000000;
  background-color: #000000;
  top: 0;
  left: 0;
}
.loadingSec img {
  animation: mymove 2s infinite;
  margin-top: -85px;
  width: 250px;
}
.loadingSec.open {
  display: flex;
}

@keyframes mymove {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
.logoMain {
  justify-content: center !important;
}

.logoMain:before {
  content: "نسخة تجريبية ";
  font-family: inherit;
  position: absolute;
  bottom: -8px;
  background-color: #F8D15D;
  color: #0B0903;
  padding: 2px 8px;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 500;
  z-index: 9999;
  text-align: center;
  width: 80%;
}
@media (max-width: 991.98px) {
  .logoMain:before {
    z-index: 1;
    bottom: -30px;
  }
}

[dir=ltr] .logoMain:before {
  content: "Beta version";
}

video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}

.innerContent {
  background-color: #F2F0E8;
}

.mainBanner {
  position: relative;
  height: 510px;
}
.mainBanner .container {
  position: relative;
}
.mainBanner .img-box {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.mainBanner .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainBanner .img-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
}
.mainBanner .content-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin-bottom: 90px;
  z-index: 5;
}
.mainBanner .pdf-a {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 85px;
  z-index: 5;
}
.mainBanner .pdf-a a {
  padding: 8px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  background-color: rgba(0, 0, 0, 0.3);
}

.breadcrumb {
  padding-top: 40px;
  padding-bottom: 15px;
  margin: 0;
}
.breadcrumb .breadcrumb-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.breadcrumb .breadcrumb-items .item {
  padding-right: 15px;
  position: relative;
  display: flex;
  flex-direction: row;
}
.breadcrumb .breadcrumb-items .item::after {
  content: "";
  background-image: url(../images/shared/arrows/arr-left-black-noline.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 6px;
  height: 10px;
  position: absolute;
  right: 0px;
  top: 7px;
}
.breadcrumb .breadcrumb-items .item a {
  text-decoration: none;
  transition: 0.3s;
}
.breadcrumb .breadcrumb-items .item a.gold {
  color: #000000 !important;
}
.breadcrumb .breadcrumb-items .item a:hover {
  color: #BB963A !important;
  text-decoration: underline;
}
.breadcrumb .breadcrumb-items .item.active {
  font-size: 0.875rem;
  color: #000000;
}
.breadcrumb .breadcrumb-items .item.active::after {
  display: none;
}
.breadcrumb .action-btns {
  display: flex;
  flex-direction: row;
  gap: 5px;
  justify-content: flex-end;
  align-items: center;
}

.category-filter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 50px;
}
.category-filter li a {
  padding: 9px 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  color: #000000;
  font-size: 0.875rem;
  transition: 0.5s;
}
.category-filter li a img {
  transition: 0.5s;
}
.category-filter li a.active {
  color: #FFF;
  background-color: #994129;
}
.category-filter li a.active img {
  filter: grayscale(2) brightness(0) invert(1);
}

.filter-open {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 9px 30px;
}

.categ-card {
  display: block;
  background-color: #FFF;
  transition: 1s;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-top: 40px;
  height: calc(100% - 40px);
  box-shadow: 0 2px 6px -4px rgba(0, 0, 0, 0.1);
}
.categ-card .img-box {
  transition: 1s;
  width: 100%;
  height: 365px;
  overflow: hidden;
}
.categ-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.categ-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
}
.categ-card .content-box h4 {
  margin-bottom: 0;
}
.categ-card .content-box p {
  margin-bottom: 0;
}
.categ-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.categ-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.categ-card .rating-container .rating-fav .heart-full {
  display: none;
}
.categ-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.categ-card .rating-container .rating-fav.active .heart {
  display: none;
}
.categ-card:hover .img-box img {
  transform: scale(1.2);
}
.categ-card.event-card-mob {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.categ-card.event-card-mob > div {
  width: calc(50% - 8px);
  flex: 0 0 auto;
}
.categ-card.event-card-mob .img-box {
  height: 130px;
  border-radius: 8px;
  margin-right: 16px;
  position: relative;
}
.categ-card.event-card-mob .img-box img {
  object-position: top;
}
.categ-card.event-card-mob .content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.list-categ {
  margin-bottom: 40px;
}

.load-more {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 90px;
}
.load-more a {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
}

.map-a {
  display: flex;
  justify-content: flex-end;
}
.map-a a {
  padding: 10px 24px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 50px;
}

.detBanner {
  position: relative;
  height: 550px;
}
.detBanner .container {
  position: relative;
}
.detBanner .img-box {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.detBanner .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detBanner .img-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
}
.detBanner .content-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: auto;
  margin-bottom: 110px;
  z-index: 5;
}
.detBanner .action-btns {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50%;
  height: auto;
  margin-bottom: 50px;
  z-index: 5;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
}
.detBanner .action-btns .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.detBanner .action-btns .rating-container .rating-fav img {
  width: 40px;
  height: 40px;
}
.detBanner .action-btns .rating-container .rating-fav .heart-full {
  display: none;
}
.detBanner .action-btns .rating-container .rating-fav.active .heart-full {
  display: block;
}
.detBanner .action-btns .rating-container .rating-fav.active .heart {
  display: none;
}
.detBanner .imgs-list {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: auto;
  margin-bottom: 70px;
  z-index: 5;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.detBanner .imgs-list .img-list-a {
  width: 105px;
  height: 85px;
  overflow: hidden;
  position: relative;
  filter: opacity(0.7);
  transition: 0.5s;
}
.detBanner .imgs-list .img-list-a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.detBanner .imgs-list .img-list-a:hover {
  filter: none;
}
.detBanner .imgs-list .more-a {
  position: relative;
  width: 105px;
  height: 85px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  background-color: transparent;
  transition: 0.5s;
  text-align: center;
}
.detBanner .imgs-list .more-a:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.det-sec {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.det-sec h4,
.det-sec p {
  margin: 0 !important;
}
.det-sec .video-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.det-sec .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.det-sec .video-box .controls-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 25px;
  left: 25px;
}
.det-sec .video-box .controls-box button, .det-sec .video-box .controls-box a {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
}
.det-sec .video-box .controls-box button.playPause, .det-sec .video-box .controls-box a.playPause {
  display: block;
}
.det-sec .video-box .controls-box button.playPause img:nth-child(2), .det-sec .video-box .controls-box a.playPause img:nth-child(2) {
  display: none;
}
.det-sec .video-box .controls-box button.playPause.show img:first-child, .det-sec .video-box .controls-box a.playPause.show img:first-child {
  display: none;
}
.det-sec .video-box .controls-box button.playPause.show img:nth-child(2), .det-sec .video-box .controls-box a.playPause.show img:nth-child(2) {
  display: block;
}

.sticky {
  position: sticky;
  top: 120px;
}

.available {
  padding: 16px 20px;
  background: #259979;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.available img {
  width: 42px;
  height: 42px;
  aspect-ratio: 1/1;
}

.not-available {
  padding: 16px 20px;
  background: #994129;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.not-available img {
  width: 42px;
  height: 42px;
  aspect-ratio: 1/1;
}

.info {
  padding: 16px 20px;
  background: #F1E0A8;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
}
.info img {
  width: 35px;
  height: 35px;
  aspect-ratio: 1/1;
}

.details-area {
  padding: 20px 16px;
  border-top: 1px solid #BB963A;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.details-area .details .title {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-bottom: 14px;
}
.details-area .details p {
  margin-bottom: 0;
}
.details-area .details p a {
  margin-left: 12px;
}
.details-area .mapGo {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.details-area .mapGo a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
}

.details-new {
  padding: 20px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.details-buy h4 {
  margin-bottom: 18px;
}
.details-buy p {
  margin-bottom: 33px;
}
.details-buy .buy-a a {
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.details-about .details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 25px;
}
.details-about .details .title {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}
.details-about .details .content-sec {
  min-width: 220px;
  max-width: 220px;
}

.event-detSec .details {
  flex-direction: column;
  justify-content: flex-start;
  gap: 14px;
}
.event-detSec .details .content-sec {
  min-width: inherit !important;
  max-width: inherit !important;
}

.details-Facilities ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 24px;
}
.details-Facilities ul li {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
}

.details-map {
  margin-top: 30px;
  border: 1px solid rgba(11, 9, 3, 0.15);
}
.details-map .details {
  margin-bottom: 20px;
}
.details-map .details .title {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  margin-bottom: 16px;
}
.details-map .details.contactUsSide a span.ltr {
  direction: ltr;
}
.details-map .mapsec {
  width: 100%;
  height: 325px;
}
.details-map .mapsec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.details-map .mapGo {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}
.details-map .mapGo a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
}

.details-note h4 {
  margin-bottom: 24px;
}
.details-note .Equipment {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}
.details-note .Equipment a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 15px;
  background-color: rgba(248, 174, 153, 0.5);
  transition: 0.3s;
}
.details-note .Equipment a:hover {
  background-color: #f8ae99;
}
.details-note .note {
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: flex-start;
  margin-top: 16px;
}
.details-note .note p {
  margin: 0;
}

.latest-update {
  padding: 12px 0;
  position: relative;
  z-index: 2;
}
.latest-update p {
  color: #161616;
}

.more-landmarks {
  padding-top: 30px;
  padding-bottom: 200px;
}
.more-landmarks h4 {
  margin-bottom: 30px;
}
.more-landmarks .more-card {
  border-radius: 8px;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
}
.more-landmarks .more-card .img-box {
  height: 365px;
  width: 100%;
  overflow: hidden;
}
.more-landmarks .more-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.more-landmarks .more-card .content-box {
  padding: 16px;
}
.more-landmarks .more-card .content-box h5 {
  margin-bottom: 12px;
}
.more-landmarks .more-card .content-box p {
  margin: 0;
}
.more-landmarks .more-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.more-landmarks .more-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.more-landmarks .more-card .rating-container .rating-fav .heart-full {
  display: none;
}
.more-landmarks .more-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.more-landmarks .more-card .rating-container .rating-fav.active .heart {
  display: none;
}
.more-landmarks .more-card:hover .img-box img {
  transform: scale(1.2);
}
.more-landmarks .swiper-button-prev,
.more-landmarks .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.more-landmarks .swiper-button-prev.swiper-button-disabled,
.more-landmarks .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.more-landmarks .swiper-button-prev::after,
.more-landmarks .swiper-button-next::after {
  display: none;
}
.more-landmarks .swiper-button-prev {
  transform: scaleX(-1);
  left: -20px;
  right: auto;
}
.more-landmarks .swiper-button-next {
  right: -20px;
  left: auto;
}

.filter-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transition: 0.5s;
}
.filter-popup .filter-content {
  margin-top: auto;
  margin-bottom: 0;
  border-radius: 16px 16px 0 0;
  position: relative;
  background-color: #FFF;
  padding: 25px 20px 30px;
  height: 660px;
  display: flex;
  flex-direction: column;
  transform: translateY(500px);
  transition: 0.5s;
}
.filter-popup h3 {
  margin-bottom: 25px;
}
.filter-popup p {
  margin: 0;
}
.filter-popup .close-pop {
  position: absolute;
  right: 20px;
  top: 35px;
}
.filter-popup .filter-sec {
  background-color: rgba(237, 233, 222, 0.6);
  border-radius: 16px;
  margin-top: 25px;
  padding: 16px 12px;
}
.filter-popup .filter-sec .category-filter {
  gap: 10px;
}
.filter-popup .actionBtns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  border-top: 1px solid rgba(11, 9, 3, 0.15);
  margin-top: auto;
  margin-bottom: 0;
}
.filter-popup .actionBtns a {
  display: flex;
  width: 175px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
}
.filter-popup.opened {
  opacity: 1;
  visibility: visible;
  z-index: 55555;
}
.filter-popup.opened .filter-content {
  transform: translateY(0);
}

.sort-a {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sort-a a {
  padding: 8px 16px;
  padding-right: 12px;
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.sort-a .sort-div {
  padding: 8px 16px;
  padding-right: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.sort-a select {
  border: none;
  padding: 0;
  padding-right: 30px;
  -webkit-appearance: none;
  background: url(../images/shared/sort.svg) no-repeat right center white;
}
.sort-a .fs-16 {
  font-size: 1rem;
}

.list-events {
  margin-bottom: 40px;
}
.list-events .list-event-card {
  position: relative;
  display: block;
  background-color: transparent;
  transition: 1s;
  margin-top: 40px;
  height: calc(100% - 40px);
}
.list-events .list-event-card .img-box {
  transition: 1s;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.list-events .list-event-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-events .list-event-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  gap: 12px;
}
.list-events .list-event-card .content-box h4 {
  margin-bottom: 0;
}
.list-events .list-event-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.list-events .list-event-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.list-events .list-event-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.list-events .list-event-card .rating-container .rating-fav .heart-full {
  display: none;
}
.list-events .list-event-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.list-events .list-event-card .rating-container .rating-fav.active .heart {
  display: none;
}
.list-events .list-event-card .date-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  width: auto;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 12px;
  top: 12px;
}
.list-events .list-event-card .date-box .day {
  margin-bottom: -4px;
}
.list-events .list-event-card .evNow {
  position: absolute;
  top: 16px;
  left: 75px;
  font-size: 0.875rem;
  width: 76px;
  padding: 4px 3px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
}
.list-events .list-event-card:hover .img-box img {
  transform: scale(1.2);
}
.list-events .list-event-card.event-card-mob {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.list-events .list-event-card.event-card-mob > div {
  width: calc(50% - 8px);
  flex: 0 0 auto;
}
.list-events .list-event-card.event-card-mob .img-box {
  height: 130px;
  border-radius: 8px;
  margin-right: 16px;
  position: relative;
}
.list-events .list-event-card.event-card-mob .img-box img {
  object-position: top;
}
.list-events .list-event-card.event-card-mob .content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.more-events {
  padding-top: 30px;
  padding-bottom: 200px;
}
.more-events h4 {
  margin-bottom: 30px;
}
.more-events .event-card {
  display: block;
  position: relative;
  background-color: transparent;
  transition: 1s;
}
.more-events .event-card .img-box {
  transition: 1s;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
.more-events .event-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.more-events .event-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  gap: 12px;
}
.more-events .event-card .content-box h4 {
  margin-bottom: 0;
}
.more-events .event-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.more-events .event-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.more-events .event-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.more-events .event-card .rating-container .rating-fav .heart-full {
  display: none;
}
.more-events .event-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.more-events .event-card .rating-container .rating-fav.active .heart {
  display: none;
}
.more-events .event-card .date-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px 3px;
  width: 50px;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 12px;
  top: 12px;
}
.more-events .event-card .date-box .day {
  margin-bottom: -4px;
}
.more-events .event-card:hover .img-box img {
  transform: scale(1.2);
}
.more-events .event-card.event-card-mob {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.more-events .event-card.event-card-mob > div {
  width: calc(50% - 8px);
  flex: 0 0 auto;
}
.more-events .event-card.event-card-mob .img-box {
  height: 130px;
  border-radius: 8px;
  margin-right: 16px;
  position: relative;
}
.more-events .event-card.event-card-mob .img-box img {
  object-position: top;
}
.more-events .event-card.event-card-mob .content-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.more-events .swiper-button-prev,
.more-events .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.more-events .swiper-button-prev.swiper-button-disabled,
.more-events .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.more-events .swiper-button-prev::after,
.more-events .swiper-button-next::after {
  display: none;
}
.more-events .swiper-button-prev {
  transform: scaleX(-1);
  left: -20px;
  right: auto;
}
.more-events .swiper-button-next {
  right: -20px;
  left: auto;
}

.list-packages {
  margin-bottom: 40px;
}

.list-pack-card {
  display: block;
  background-color: #FFF;
  transition: 0.5s;
  margin-top: 40px;
  height: calc(100% - 40px);
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
}
.list-pack-card .img-box {
  transition: 0.5s;
  width: 100%;
  height: 420px;
  position: relative;
  overflow: hidden;
}
.list-pack-card .img-box .category {
  position: absolute;
  padding: 4px 6px;
  right: 12px;
  top: 12px;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 5;
}
.list-pack-card .img-box img {
  transition: 0.5s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-pack-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 16px;
}
.list-pack-card .content-box h4 {
  margin-bottom: 0;
  line-height: 1.5;
}
.list-pack-card .content-box .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.list-pack-card:hover {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
}
.list-pack-card:hover .img-box img {
  transform: scale(1.2);
}
.main-box-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 32px 0;
  position: relative;
}
.main-box-details .main-det h1 {
  margin-bottom: 24px;
}
.main-box-details .action-btns {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
}
.main-box-details .action-btns .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.main-box-details .action-btns .rating-container .rating-fav img {
  width: 40px;
  height: 40px;
}
.main-box-details .action-btns .rating-container .rating-fav .heart-full {
  display: none;
}
.main-box-details .action-btns .rating-container .rating-fav.active .heart-full {
  display: block;
}
.main-box-details .action-btns .rating-container .rating-fav.active .heart {
  display: none;
}

.packSwiper .packSlider-card {
  position: relative;
}
.packSwiper .packSlider-card::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  background-image: url(../images/shared/open_in_full.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.packSwiper .packSlider-card:hover::after {
  opacity: 1;
}
.packSwiper .swiper-button-prev,
.packSwiper .swiper-button-next {
  content: "";
  background-color: rgba(11, 9, 3, 0.5);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/arr-left-white-noline.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}
.packSwiper .swiper-button-prev.swiper-button-disabled,
.packSwiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}
.packSwiper .swiper-button-prev::after,
.packSwiper .swiper-button-next::after {
  display: none;
}
.packSwiper .swiper-button-prev {
  transform: scaleX(-1);
  left: 20px;
  right: auto;
}
.packSwiper .swiper-button-next {
  right: 20px;
  left: auto;
}

.tags {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  margin-top: 24px;
  margin-bottom: 35px;
}
.tags li a {
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  line-height: 10px;
  display: block;
  transition: 0.5s;
}
.tags li a:hover {
  color: #994129 !important;
}

.pack-details h4 {
  margin-bottom: 28px;
}
.pack-details .data {
  display: flex;
  gap: 16px;
  padding-right: 20px;
}
.pack-details .data > * {
  flex: 1 0 0;
}
.pack-details h4.data-h {
  margin-bottom: 28px;
}
.pack-details .informations {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.pack-details .informations li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.pack-details .requiredPreparations {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border-color: rgba(11, 9, 3, 0.15);
  padding: 20px 16px;
  cursor: pointer;
}
.pack-details .requiredPreparations .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
}

.morePacks {
  padding-top: 40px;
  padding-bottom: 10px;
}
.morePacks .main-sec {
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.morePacks .main-sec h4 {
  margin: 0;
}
.morePacks .swiper-button-prev {
  left: 20px;
}
.morePacks .swiper-button-next {
  right: 20px;
}

.details-areaPacks {
  padding: 32px 40px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.details-areaPacks .details {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.details-areaPacks .details .title {
  min-width: 100px;
}
.details-areaPacks .details p {
  margin: 0;
}
.details-areaPacks .details p + p {
  margin-top: 10px;
}
.details-areaPacks .details.withBtn {
  border: 0;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
}
.details-areaPacks .details.withBtn .content-sec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.details-areaPacks .details.withBtn .content-sec a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  flex-wrap: nowrap;
  height: 48px;
}

.packs-activities {
  margin-top: 32px;
  margin-bottom: 40px;
}
.packs-activities .grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.packs-activities .grid .activities-card {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.packs-activities .grid .activities-card .content-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding-left: 36px;
}
.packs-activities .grid .activities-card .content-box h4 {
  margin: 0;
}
.packs-activities .grid .activities-card .content-box p {
  margin: 0;
}

.inner-tourist-packages {
  padding-top: 50px;
  padding-bottom: 75px;
}

.RBModal .modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.RBModal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
}
.RBModal .modal-body h4, .RBModal .modal-body p {
  margin: 0;
}
.RBModal .modal-footer {
  padding: 20px;
  border-top: 1px solid rgba(11, 9, 3, 0.15);
}
.RBModal .modal-footer button {
  padding: 10px 24px;
  width: 140px;
}

.check-list {
  list-style: none;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.check-list li {
  position: relative;
}
.check-list li::before {
  content: url(../images/shared/check_circle.svg);
  position: absolute;
  top: 2px;
  left: -25px;
}
.check-list.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.check-list.grid li {
  max-width: 90%;
  word-break: break-word;
  font-size: 1rem;
}

.more-landmarks.morePacks .morePacksSlider {
  padding-bottom: 35px;
}
.more-landmarks.morePacks .more-card {
  box-shadow: 0 10px 45px 0 rgba(0, 0, 0, 0.08);
  transition: 0.5s;
}
.more-landmarks.morePacks .more-card:hover {
  box-shadow: none;
}

.list-adventures {
  margin-bottom: 40px;
}
.list-adventures .adventure-card {
  margin-top: 40px;
  display: block;
  transition: 1s;
  background: #FFF;
  height: calc(100% - 40px);
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
}
.list-adventures .adventure-card .img-box {
  transition: 1s;
  width: 100%;
  height: 420px;
  overflow: hidden;
  position: relative;
}
.list-adventures .adventure-card .img-box .category {
  position: absolute;
  padding: 4px 6px;
  right: 12px;
  top: 12px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 5;
}
.list-adventures .adventure-card .img-box img {
  transition: 1s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.list-adventures .adventure-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 12px;
}
.list-adventures .adventure-card .content-box h4 {
  margin-bottom: 0;
}
.list-adventures .adventure-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.list-adventures .adventure-card .content-box .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.list-adventures .adventure-card:hover {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 20px;
}
.list-adventures .adventure-card:hover .img-box {
  border-radius: 20px;
  overflow: hidden;
}
.list-adventures .adventure-card:hover .img-box img {
  transform: scale(1.2);
}
.advSwiper {
  height: 550px;
}
.advSwiper .advSlider-card {
  position: relative;
  height: 550px;
}
.advSwiper .advSlider-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.advSwiper .advSlider-card::after {
  content: "";
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  background-image: url(../images/shared/open_in_full.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.advSwiper .advSlider-card:hover::after {
  opacity: 1;
}
.advSwiper .swiper-button-prev,
.advSwiper .swiper-button-next {
  content: "";
  background-color: rgba(11, 9, 3, 0.5);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/arr-left-white-noline.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}
.advSwiper .swiper-button-prev.swiper-button-disabled,
.advSwiper .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}
.advSwiper .swiper-button-prev::after,
.advSwiper .swiper-button-next::after {
  display: none;
}
.advSwiper .swiper-button-prev {
  transform: scaleX(-1);
  left: 20px;
  right: auto;
}
.advSwiper .swiper-button-next {
  right: 20px;
  left: auto;
}

.Inner-suggested-paths {
  padding-top: 50px;
  padding-bottom: 75px;
  background-color: #F6F2E7;
  margin-top: 60px;
  margin-bottom: 0;
}

.st-direction {
  margin-bottom: 60px;
}
.st-direction .content-box {
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  height: 100%;
}
.st-direction .content-box h3, .st-direction .content-box p, .st-direction .content-box h5 {
  margin: 0;
}
.st-direction .content-box .details h5 {
  margin-bottom: 8px;
}
.st-direction .content-box .tags-sec .tags {
  margin-top: 16px;
  margin-bottom: 0;
}
.st-direction .img-box {
  height: 390px;
}
.st-direction .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rev-direction {
  margin-bottom: 60px;
}
.rev-direction .content-box {
  padding-right: 30px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  height: 100%;
}
.rev-direction .content-box h3, .rev-direction .content-box p, .rev-direction .content-box h5 {
  margin: 0;
}
.rev-direction .content-box .details h5 {
  margin-bottom: 8px;
}
.rev-direction .content-box .tags-sec .tags {
  margin-top: 16px;
  margin-bottom: 0;
}
.rev-direction .img-box {
  height: 390px;
}
.rev-direction .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.filterModal-btn button {
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background-color: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 240px;
  height: 52px;
  padding: 8px 12px;
  gap: 12px;
  flex: 1 0 0;
}

.sort-div2 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.sort-div2 label {
  color: rgba(11, 9, 3, 0.6);
}
.sort-div2 select {
  border: none;
  -webkit-appearance: none;
  background: url(../images/shared/sort.svg) no-repeat 5% center white;
  border: 1px solid rgba(11, 9, 3, 0.15);
  padding: 8px 12px;
  padding-right: 40px;
  min-width: 265px;
  height: 52px;
}

.inner-resList {
  margin: 30px 0;
}
.inner-resList h3 {
  margin-bottom: 30px;
}

.inner-res-card {
  display: block;
  background-color: #FFF;
  transition: 0.3s;
  /* shadow-custom */
  box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.1);
  margin-bottom: 40px;
  height: calc(100% - 40px);
}
.inner-res-card .img-box {
  transition: 0.3s;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.inner-res-card .img-box img {
  transition: 0.3s;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-res-card .content-box {
  display: flex;
  flex-direction: column;
  padding: 20px 16px 16px;
  gap: 16px;
}
.inner-res-card .content-box h4 {
  margin-bottom: 0;
}
.inner-res-card .content-box .location {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.inner-res-card:hover {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: none;
}
.inner-res-card:hover .img-box img {
  transform: scale(1.2);
}
.filter-wz-img {
  padding: 12px 0;
  margin: 24px 0;
  position: relative;
  background-color: #FAFAFA;
}
.filter-wz-img ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
  overflow-x: auto;
  list-style: none;
  padding: 0;
  margin: 0;
  padding-right: 75px;
  cursor: grab;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.filter-wz-img ul .scrollable-container::-webkit-scrollbar {
  display: none;
}
.filter-wz-img ul li a {
  display: flex;
  width: 241px;
  height: 87px;
  padding: 12px 20px;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  transition: 0.5s;
}
.filter-wz-img ul li a .img-box {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 56px;
  overflow: hidden;
}
.filter-wz-img ul li a .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.filter-wz-img ul li a .det-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-wz-img ul li a .det-box h5 {
  font-size: 1rem;
  font-family: "font-Bold";
  color: #000000;
  margin: 0;
  transition: 0.5s;
}
.filter-wz-img ul li a .det-box p {
  font-size: 1rem;
  color: #666;
  margin: 0;
  line-height: inherit;
  transition: 0.5s;
}
.filter-wz-img ul li a.active {
  border-radius: 12px;
  border: 1px solid #E0BB42;
  background: #FCF8EC;
}
.filter-wz-img ul li a.active .det-box h5 {
  color: #CCAA3C;
}
.filter-wz-img ul li a.active .det-box p {
  color: #CCAA3C;
}
.filter-wz-img.innerFilterList {
  background: none;
}
.filter-wz-img.innerFilterList h4 {
  margin-bottom: 24px;
}
.filter-wz-img.innerFilterList ul li a {
  height: 67px;
}
.filter-wz-img.innerFilterList .gridView-icon {
  height: 67px;
}
.filter-wz-img .imgsFilterListSwiper a {
  display: flex;
  height: 87px;
  padding: 12px 20px;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  transition: 0.5s;
}
.filter-wz-img .imgsFilterListSwiper a .img-box {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 56px;
  overflow: hidden;
}
.filter-wz-img .imgsFilterListSwiper a .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.filter-wz-img .imgsFilterListSwiper a .det-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-wz-img .imgsFilterListSwiper a .det-box h5 {
  font-size: 1rem;
  font-family: "font-Bold";
  color: #000000;
  margin: 0;
  transition: 0.5s;
}
.filter-wz-img .imgsFilterListSwiper a .det-box p {
  font-size: 1rem;
  color: #666;
  margin: 0;
  line-height: inherit;
  transition: 0.5s;
}
.filter-wz-img .imgsFilterListSwiper a.active {
  border-radius: 12px;
  border: 1px solid #E0BB42;
  background: #FCF8EC;
}
.filter-wz-img .imgsFilterListSwiper a.active .det-box h5 {
  color: #CCAA3C;
}
.filter-wz-img .imgsFilterListSwiper a.active .det-box p {
  color: #CCAA3C;
}
.filter-wz-img .imgsFilterListSwiper .swiper-button-next,
.filter-wz-img .imgsFilterListSwiper .swiper-button-prev {
  height: 100%;
  background: #000000;
  top: 22px;
  width: 100px;
  height: 90px;
  background: linear-gradient(90deg, rgb(250, 250, 250) 50%, rgba(250, 250, 250, 0) 100%);
}
.filter-wz-img .imgsFilterListSwiper .swiper-button-next::after,
.filter-wz-img .imgsFilterListSwiper .swiper-button-prev::after {
  content: "";
  background-image: url(../images/shared/arrows/arrow-left-black.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 44px;
  height: 44px;
  background-color: #FFF;
  border-radius: 12px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.168627451);
  filter: invert(1);
}
.filter-wz-img .imgsFilterListSwiper .swiper-button-next.swiper-button-next,
.filter-wz-img .imgsFilterListSwiper .swiper-button-prev.swiper-button-next {
  right: 0;
}
.filter-wz-img .imgsFilterListSwiper .swiper-button-next.swiper-button-prev,
.filter-wz-img .imgsFilterListSwiper .swiper-button-prev.swiper-button-prev {
  left: 0;
  transform: scaleX(-1);
}

.gridView-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 90px;
  background: #FAFAFA;
  background: linear-gradient(90deg, rgb(250, 250, 250) 50%, rgba(250, 250, 250, 0) 100%);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: none;
}
.gridView-icon button {
  display: flex;
  width: 52px;
  height: 52px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #000000;
  outline: none;
  box-shadow: none;
}

.outerLink {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  gap: 12px;
  z-index: 9;
}
.outerLink img {
  width: 18px;
}

.filter-grid-card {
  display: flex;
  width: 100%;
  padding: 12px 20px;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  transition: 0.5s;
  margin-bottom: 16px;
}
.filter-grid-card .img-box {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 56px;
  overflow: hidden;
}
.filter-grid-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.filter-grid-card .det-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.filter-grid-card .det-box h5 {
  font-size: 1rem;
  font-family: "font-Bold";
  color: #000000;
  margin: 0;
  transition: 0.5s;
}
.filter-grid-card .det-box p {
  font-size: 1rem;
  color: #666;
  margin: 0;
  line-height: inherit;
  transition: 0.5s;
}
.filter-grid-card.active {
  border-radius: 12px;
  border: 1px solid #E0BB42;
  background: #FCF8EC;
}
.filter-grid-card.active .det-box h5 {
  color: #CCAA3C;
}
.filter-grid-card.active .det-box p {
  color: #CCAA3C;
}

.filterModal .modal-dialog {
  --bs-modal-width: 430px;
}
.filterModal .modal-body {
  padding: 0;
}
.filterModal .modal-body .SearchCustom {
  background-color: #FCF8EC;
  border-bottom: 1px solid var(--SR-Primary-100, #F5EAC4);
  padding: 20px;
}
.filterModal .modal-body .SearchCustom .formGroup {
  display: flex;
  height: 48px;
  padding: 8px 12px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid var(--Opacity-Neutral-Darkest-15, rgba(11, 9, 3, 0.15));
  background-color: #FFF;
}
.filterModal .modal-body .SearchCustom .formGroup .searchInput {
  font-size: 1rem;
  color: #0B0903;
  border: 0;
  box-shadow: 0;
}
.filterModal .modal-body .SearchCustom .formGroup .searchSubmit {
  border: 0;
  padding: 2px;
  width: 24px;
  height: 24px;
  background-color: #FFF;
}
.filterModal .modal-body h5 {
  padding: 0 20px;
  margin-top: 20px;
}
.filterModal .checkbox-list {
  height: 380px;
  overflow-y: auto;
}

.checkbox-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 20px;
  padding-top: 20px;
  padding-bottom: 32px;
}

.form-check {
  position: relative;
  padding: 0;
}
.form-check input[type=checkbox] {
  display: none;
}
.form-check label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
}
.form-check label::before {
  content: "";
  -webkit-appearance: none;
  background-color: #FFF;
  border: 1px solid rgba(11, 9, 3, 0.15);
  width: 18px;
  height: 18px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0px;
  vertical-align: middle;
  cursor: pointer;
}
.form-check input:checked + label::before {
  background-color: #0b0903;
}
.form-check input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 0px;
  width: 18px;
  height: 18px;
  background-image: url(../images/shared/check-white.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
}

.radio-list {
  padding: 0 20px 20px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.form-radio {
  position: relative;
  padding: 0;
}
.form-radio input[type=radio] {
  display: none;
}
.form-radio label {
  padding-left: 26px;
  position: relative;
  cursor: pointer;
}
.form-radio label::before {
  content: "";
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0px;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 100px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
}
.form-radio input:checked + label::before {
  border: 1px solid #0B0903;
  background: #0B0903;
}
.form-radio input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8.5px;
  left: 5px;
  width: 8px;
  height: 8px;
  background-color: #FFF;
  border-radius: 100px;
}

.fancy-imgsList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  height: 550px;
}
.fancy-imgsList .popTag {
  position: absolute;
  top: 13px;
  left: 13px;
  padding: 9px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 1000px;
  background: #FFF;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
  z-index: 3;
}
.fancy-imgsList .fancyImg {
  position: relative;
  height: 275px;
}
.fancy-imgsList .fancyImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fancy-imgsList .fancyImg .showAll {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.4);
}
.fancy-imgsList .fancyImg .showAll > div {
  display: flex;
  flex-direction: row-reverse;
  direction: ltr;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.fancy-imgsList.twoCardsVerticle {
  grid-template-columns: 1fr;
}

.contact-det {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-det .content-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 30px;
}
.contact-det .informations {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.contact-det .informations li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.contact-det .informations li p {
  max-width: 100%;
  word-break: break-all;
}
.contact-det .map-go {
  margin-top: 32px;
}
.contact-det .map-go a {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 10px 24px;
}
.contact-det .mapsec {
  width: 100%;
  height: 325px;
}
.contact-det .mapsec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.workTimes {
  margin-top: 60px;
  gap: 16px;
}
.workTimes .details {
  padding-bottom: 16px;
}
.workTimes .details p + p {
  margin: 0;
}

.custom-accordion1 {
  border-radius: 12px;
  border-top: 1px solid #E7E7E7;
  border-right: 1px solid #E7E7E7;
  border-left: 1px solid #E7E7E7;
  background: #FFF;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
}
.custom-accordion1 .accordion-header .accordion-button {
  padding: 16px;
  border: 1px solid #E7E7E7;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.custom-accordion1 .accordion-header .accordion-button::after {
  background-image: url(../images/shared/arrow_forward_ios.svg);
  filter: grayscale(2);
  transform: rotate(180deg);
}
.custom-accordion1 .accordion-header .accordion-button:not(.collapsed) {
  color: #9F852F;
  background-color: #FCF8EC;
}
.custom-accordion1 .accordion-header .accordion-button:not(.collapsed)::after {
  filter: none;
  transform: rotate(0);
}
.custom-accordion1 .accordion-body {
  padding: 20px 20px 32px;
}

.makkahMadeGallery::after {
  content: url(../images/shared/open_in_full.svg);
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.makkahMadeGallery .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(313deg, rgba(0, 0, 0, 0.8) 0.79%, rgba(0, 0, 0, 0) 36.84%);
}
.makkahMadeGallery h3 {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
  width: 100%;
  height: auto;
}
.makkahMadeGallery:hover::after {
  opacity: 1;
}
.makkahMadeGallery.MakkahVideo .img-box::after {
  content: url(../images/shared/play_circle2.svg);
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gallary-sliders {
  position: relative;
  width: 100%;
  height: 550px;
}
.gallary-sliders .gallarySwiper {
  position: relative;
  height: 550px;
  background: linear-gradient(307deg, #000 0.58%, rgba(0, 0, 0, 0.81) 21.24%, rgba(0, 0, 0, 0) 61.88%);
}
.gallary-sliders .gallarySwiper .swiper-slide {
  height: 100%;
}
.gallary-sliders .gallarySwiper .gallaryCard {
  position: relative;
  height: 100%;
}
.gallary-sliders .gallarySwiper .gallaryCard h4 {
  position: absolute;
  width: 70%;
  height: auto;
  left: 35px;
  bottom: 120px;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box {
  display: flex;
  flex-direction: row;
  position: absolute;
  bottom: 40px;
  right: 20px;
  z-index: 99999999999;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box button, .gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box a {
  background: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  padding: 0;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box button.playPause, .gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box a.playPause {
  display: block;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box button.playPause img:nth-child(2), .gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box a.playPause img:nth-child(2) {
  display: none;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box button.playPause.show img:first-child, .gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box a.playPause.show img:first-child {
  display: none;
}
.gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box button.playPause.show img:nth-child(2), .gallary-sliders .gallarySwiper .gallaryCard .vid-box .controls-box a.playPause.show img:nth-child(2) {
  display: block;
}
.gallary-sliders .gallarySwiper .gallaryCard::after {
  content: "";
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-image: url(../images/shared/open_in_full.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60%;
  position: absolute;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.gallary-sliders .gallarySwiper .gallaryCard:hover::after {
  opacity: 1;
}
.gallary-sliders .gallaryThumbsSwiper {
  position: absolute;
  bottom: 35px;
  left: 35px;
  width: 350px;
  height: 50px;
}
.gallary-sliders .gallaryThumbsSwiper .swiper-slide .img-box {
  width: 100%;
  height: 50px;
  opacity: 0.8;
  transition: 0.5s;
}
.gallary-sliders .gallaryThumbsSwiper .swiper-slide .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallary-sliders .gallaryThumbsSwiper .swiper-slide.swiper-slide-thumb-active .img-box {
  opacity: 1;
  border: 2px solid #FFF;
}
.gallary-sliders .swiper-button-prev,
.gallary-sliders .swiper-button-next {
  content: "";
  background-color: rgba(11, 9, 3, 0.5);
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/arr-left-white-noline.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}
.gallary-sliders .swiper-button-prev.swiper-button-disabled,
.gallary-sliders .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}
.gallary-sliders .swiper-button-prev::after,
.gallary-sliders .swiper-button-next::after {
  display: none;
}
.gallary-sliders .swiper-button-prev {
  transform: scaleX(-1);
  left: 20px;
  right: auto;
}
.gallary-sliders .swiper-button-next {
  right: 20px;
  left: auto;
}

.moreeeeMarkets {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: linear-gradient(180deg, #FAFAFA 0%, #FFF 100%);
  padding: 52px 0 50px;
  margin-top: 90px;
}
.moreeeeMarkets .more-markets {
  padding: 0;
}
.moreeeeMarkets .more-markets .swiper-button-next {
  right: 5%;
}
.moreeeeMarkets .more-markets .swiper-button-prev {
  left: 5%;
}

.guide-sec {
  background-image: url(../images/shared/guide-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 110px 50px;
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.guide-sec > * {
  position: relative;
}
.guide-sec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
.guide-sec .btns-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.guide-sec .btns-box a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 24px;
  height: 56px;
}

.hotels-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 2%;
  position: relative;
  border-radius: 16px;
  background: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.hotels-card .img-box {
  width: 33%;
  height: 450px;
  padding: 15px;
}
.hotels-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  overflow: hidden;
}
.hotels-card .img-box .rating-container {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
}
.hotels-card .img-box .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.hotels-card .img-box .rating-container .rating-fav .heart-full {
  display: none;
}
.hotels-card .img-box .rating-container .rating-fav.active .heart-full {
  display: block;
}
.hotels-card .img-box .rating-container .rating-fav.active .heart {
  display: none;
}
.hotels-card .content-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 32px;
  padding: 15px 0;
  padding-right: 40px;
  flex: 0 0 65%;
  width: 65%;
}
.hotels-card .content-box .fs-16 {
  font-size: 1rem;
}
.hotels-card .content-box .box1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.hotels-card .content-box .box1 .tags {
  margin: 0;
}
.hotels-card .content-box .box1 .tags li a {
  pointer-events: none;
}
.hotels-card .content-box .box1 .tags li a.bg-primary-500 {
  min-width: 55px;
}
.hotels-card .content-box .box2 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.hotels-card .content-box .box2 .servList {
  position: relative;
}
.hotels-card .content-box .box2 ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 8px 10px;
  margin: 0;
  position: relative;
  background-color: #F5F5F5;
}
.hotels-card .content-box .box2 ul li {
  border-radius: 100px;
  background: #FFF;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 8px 12px;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  flex: 0 0 auto;
}
.hotels-card .content-box .box2 ul li .icon-box {
  width: 18px;
  height: 18px;
}
.hotels-card .content-box .box3 {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 24px;
}
.hotels-card .content-box .box3 .reservations {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
}
.hotels-card .content-box .box3 .reservations img {
  width: 18px;
  height: 18px;
  margin-top: 5px;
}
.hotels-card .content-box .box3 .btns-box {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.hotels-card .content-box .box3 .btns-box a {
  padding: 10px 24px;
  height: 48px;
  display: block;
}
.hotels-card.tourOp-card .img-box {
  width: 405px;
  max-width: 30%;
}
.hotels-card.tourOp-card .img-box img {
  object-fit: contain;
}
.hotels-card.tourOp-card .content-box {
  width: 70%;
  flex: 0 0 70%;
}
.hotels-card.tourOp-card .content-box .box2 {
  gap: 0;
}
.hotels-card.tourOp-card .contactWzUs ul {
  background: none;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.hotels-card.tourOp-card .contactWzUs ul li {
  display: flex;
  flex-direction: row;
  gap: 12px;
  border-radius: 0;
  box-shadow: none;
}

.news-list .load-more.mb-3 {
  padding-top: 32px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 55px;
}

.news-listCard {
  position: relative;
  margin-bottom: 56px;
}
.news-listCard .img-box {
  display: block;
  height: 435px;
  border-radius: 24px;
  overflow: hidden;
}
.news-listCard .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-listCard .cat-tag {
  position: absolute;
  top: 18px;
  left: 18px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px;
  width: 78px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.news-listCard .content-box {
  padding: 32px 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.news-listCard .content-box a {
  display: block;
}
.news-listCard .content-box .fs-24 {
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.news-listCard .content-box p {
  margin: 0;
  text-align: justify;
}
.news-listCard .content-box .load-more {
  justify-content: flex-start;
  margin: 0;
}
.news-listCard.mainNewsCard {
  margin-bottom: 56px;
}
.news-listCard.mainNewsCard .content-box {
  padding: 0 20px;
  padding-left: 64px;
  height: 100%;
  justify-content: center;
}

.news-details .newsDetails-card {
  position: relative;
}
.news-details .newsDetails-card::after {
  content: url(../images/shared/open_in_full.svg);
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.news-details .newsDetails-card:hover::after {
  opacity: 1;
}
.news-details .newsDetails-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.details-sideNews {
  display: flex;
  padding: 32px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 36px;
  align-self: stretch;
  border-radius: 16px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
}
.details-sideNews .more-newsList .more-card {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.details-sideNews .more-newsList .more-card .img-box {
  flex: 0 0 auto;
}
.details-sideNews .more-newsList .more-card .content-box {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.details-sideNews .more-newsList .more-card .content-box::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: -20px;
  background-color: rgba(11, 9, 3, 0.15);
}
.details-sideNews .load-more {
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: flex-end;
}

.mb-lg-125 {
  margin-bottom: 125px;
}

.mb-lg-80 {
  margin-bottom: 80px;
}

.mt-lg-40 {
  margin-top: 40px;
}

.custom-underline {
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}
.custom-underline::before {
  content: "";
  position: absolute;
  width: 62px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #7B6724;
}

.stories-list {
  margin-top: 56px;
}

.stories-listCard {
  position: relative;
  margin-bottom: 56px;
}
.stories-listCard .img-box {
  display: block;
  height: 520px;
}
.stories-listCard .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stories-listCard .content-box {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  padding-left: 75px;
  height: 100%;
  justify-content: center;
}
.stories-listCard .content-box h5 {
  margin-bottom: 32px;
}
.stories-listCard .content-box p {
  margin: 0;
  text-align: justify;
}
.stories-listCard .content-box .load-more {
  justify-content: flex-start;
  margin: 0;
  margin-top: 40px;
}
.stories-listCard.reversed .row {
  flex-direction: row-reverse;
}
.stories-listCard.reversed .content-box {
  padding-left: 20px;
  padding-right: 75px;
}

.everyAngle-makkah {
  padding-bottom: 110px;
}
.everyAngle-makkah .everyAngleSlider {
  margin-top: 40px;
  padding-left: 10%;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card {
  position: relative;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .img-box {
  width: 100%;
  height: 545px;
  position: relative;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .img-box::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background: linear-gradient(143deg, rgba(0, 0, 0, 0) 37.04%, rgba(0, 0, 0, 0.8) 86.92%);
  z-index: 2;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box {
  position: absolute;
  padding: 22px 20px;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 3;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box .custom-underline {
  margin-bottom: 0;
  padding-bottom: 20px;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box .custom-underline::before {
  background-color: #E0BB42;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box .more-arrow {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.everyAngle-makkah .everyAngleSlider .everyAngle-card:hover .img-box img {
  transform: scale(1.2);
}
.everyAngle-makkah .everyAngleSlider .swiper-button-prev,
.everyAngle-makkah .everyAngleSlider .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.everyAngle-makkah .everyAngleSlider .swiper-button-prev.swiper-button-disabled,
.everyAngle-makkah .everyAngleSlider .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.everyAngle-makkah .everyAngleSlider .swiper-button-prev::after,
.everyAngle-makkah .everyAngleSlider .swiper-button-next::after {
  display: none;
}
.everyAngle-makkah .everyAngleSlider .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.everyAngle-makkah .everyAngleSlider .swiper-button-next {
  right: 5%;
  left: auto;
}

.videoSec {
  position: relative;
  max-height: 815px;
}
.videoSec .video-box {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.videoSec .video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.videoSec .content-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  top: 30%;
  left: 12%;
  position: absolute;
  max-width: 465px;
}
.videoSec .content-box a {
  padding: 10px 24px;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  height: 52px;
}

.worth-visiting {
  background: #EDE9DE;
  padding: 75px 0;
  position: relative;
}
.worth-visiting .row {
  margin-right: 0;
}
.worth-visiting .row .col-8 {
  padding-right: 0;
}
.worth-visiting .main-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 15px;
  height: 100%;
  padding-left: 30%;
}
.worth-visiting .main-box .custom-underline {
  margin-bottom: 30px;
}
.worth-visiting .main-box .custom-underline::before {
  background-color: #E0BB42;
}
.worth-visiting .main-box a {
  padding: 10px 24px;
  height: 46px;
}
.worth-visiting .slider-moreWorthVisiting {
  position: relative;
  padding-left: 7%;
}
.worth-visiting .slider-moreWorthVisiting .moreWorthVisiting {
  padding-left: 5%;
}
.worth-visiting .slider-moreWorthVisiting::before {
  content: "";
  position: absolute;
  width: 15%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(90deg, rgba(237, 233, 222, 0) 0%, #EDE9DE 52.61%);
  z-index: 5;
}
.worth-visiting .more-card {
  border-radius: 8px;
  background-color: #FFF;
  overflow: hidden;
  position: relative;
}
.worth-visiting .more-card .img-box {
  height: 375px;
  width: 100%;
  overflow: hidden;
}
.worth-visiting .more-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.5s;
}
.worth-visiting .more-card .content-box {
  padding: 16px;
}
.worth-visiting .more-card .content-box h5 {
  margin-bottom: 12px;
}
.worth-visiting .more-card .content-box p {
  margin: 0;
}
.worth-visiting .more-card .rating-container {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
}
.worth-visiting .more-card .rating-container .rating-fav {
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
}
.worth-visiting .more-card .rating-container .rating-fav .heart-full {
  display: none;
}
.worth-visiting .more-card .rating-container .rating-fav.active .heart-full {
  display: block;
}
.worth-visiting .more-card .rating-container .rating-fav.active .heart {
  display: none;
}
.worth-visiting .more-card:hover .img-box img {
  transform: scale(1.2);
}
.worth-visiting .swiper-button-prev,
.worth-visiting .swiper-button-next {
  content: "";
  background-color: #FFF;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  background-image: url(../images/shared/arrows/slider-arr-left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.worth-visiting .swiper-button-prev.swiper-button-disabled,
.worth-visiting .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.worth-visiting .swiper-button-prev::after,
.worth-visiting .swiper-button-next::after {
  display: none;
}
.worth-visiting .swiper-button-prev {
  transform: scaleX(-1);
  left: 5%;
  right: auto;
}
.worth-visiting .swiper-button-next {
  right: 5%;
  left: auto;
}

.mb-56 {
  margin-bottom: 56px;
}

.py-56 {
  padding: 56px 0;
}

.cultDet-card,
.aboutDet-card {
  height: 600px;
}
.cultDet-card img,
.aboutDet-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
.cultDet-card::after,
.aboutDet-card::after {
  content: url(../images/shared/open_in_full.svg);
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.cultDet-card:hover::after,
.aboutDet-card:hover::after {
  opacity: 1;
}

.cultDet-main {
  margin-bottom: 30px;
}

.cultDet-detailsList {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.cultDet-detailsList p a {
  font-size: inherit;
  color: #0B0903;
  font-family: "font-Bold";
  text-decoration: underline;
}

.cultDet-details .custom-underline {
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.cultDet-details .custom-underline::before {
  background-color: #E0BB42;
}
.cultDet-details .mb-4 {
  margin-bottom: 0.75rem !important;
}

.details-spy {
  padding: 32px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.details-spy .custom-underline {
  margin-bottom: 26px;
  padding-bottom: 16px;
}
.details-spy .custom-underline::before {
  background-color: #000000;
}
.details-spy ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}
.details-spy ul li {
  counter-increment: step-counter;
}
.details-spy ul li a {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.details-spy ul li a::before {
  content: "0" counter(step-counter);
  color: #999;
}
.details-spy ul li a.active {
  color: #BB963A;
}
.details-spy ul li a.active::before {
  color: #BB963A;
}

.cultDet-details ul {
  list-style: none;
  padding-left: 35px;
}
.cultDet-details ul li {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.cultDet-details ul li::before {
  content: ".";
  position: absolute;
  left: -35px;
  top: -2px;
}
.cultDet-details ul.guideline-list li {
  grid-template-columns: 1fr;
}

.langModal .modal-body {
  background-image: url(../images/shared/lang-bg.svg);
  background-repeat: no-repeat;
  background-position: 11px bottom;
  padding-bottom: 150px;
}

.langCard {
  border-color: rgba(0, 0, 0, 0.1);
  padding: 10px 16px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}

.makkahMadeGallery {
  height: 100%;
}
.makkahMadeGallery .img-box {
  width: 100%;
  height: 100%;
}
.makkahMadeGallery .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.col-lg-6.handicraft-item {
  height: 450px;
}

.col-lg-4.handicraft-item {
  height: 400px;
}

.about-storyInfo {
  padding: 56px 0;
  background: linear-gradient(180deg, #F4F2EB 0%, rgba(244, 242, 235, 0.1) 100%);
}
.about-storyInfo .card-white {
  background-color: #FFF;
  padding: 56px 40px;
  border: 1px solid rgba(11, 9, 3, 0.15);
}
.about-storyInfo .card-white .col-lg-6 {
  padding-right: 40px;
}
.about-storyInfo .card-white .col-lg-6:last-of-type {
  padding-right: 12px;
  padding-left: 40px;
}
.about-storyInfo .card-white ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.about-storyInfo .card-white ul li {
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 26px;
}
.about-storyInfo .card-white ul li h5 {
  min-width: 130px;
  margin: 0;
}
.about-storyInfo .card-white ul li p {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 50px;
  font-size: 1rem;
}
.about-storyInfo .note {
  margin-top: 22px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}

.slideSec {
  width: 100%;
}
.slideSec #panels-container {
  background-image: url(../images/story-info/story-bg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  padding: 0;
  padding-top: 50px;
  overflow: hidden;
  align-items: center;
}
.slideSec .story {
  padding: 100px 0;
}
.slideSec .story .img-box {
  position: relative;
  height: 550px;
}
.slideSec .story .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideSec .story .img-box::after {
  content: url(../images/shared/open_in_full.svg);
  position: absolute;
  width: 44px;
  height: 44px;
  left: 15px;
  top: 20px;
  background-color: rgba(11, 9, 3, 0.5);
  padding: 10px;
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s;
}
.slideSec .story .img-box:hover::after {
  opacity: 1;
}
.slideSec .story .cont-box {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  padding-right: 70px;
}
.slideSec .story .cont-box .custom-underline {
  padding-bottom: 25px;
  margin-bottom: 20px;
}
.slideSec .story .cont-box p {
  margin-bottom: 0;
}
.slideSec .story .cont-box .mb-4 {
  margin-bottom: 0.75rem !important;
}
.slideSec .panels-navigation {
  display: none;
}
@media (min-width: 992px) {
  .slideSec .story2 .row {
    flex-direction: row-reverse;
  }
}

.cafeSlider,
.touristPackagesSlider,
.suggestedPathsSlider,
.eventsSlider,
.landmarksSlider,
.touristPackagesSlider2,
.cafeSlider2,
.marketSlider,
.moreLandmarks,
.everyAngle-makkah .everyAngleSlider {
  padding-left: 10%;
}
@media (max-width: 767px) {
  .cafeSlider,
.touristPackagesSlider,
.suggestedPathsSlider,
.eventsSlider,
.landmarksSlider,
.touristPackagesSlider2,
.cafeSlider2,
.marketSlider,
.moreLandmarks,
.everyAngle-makkah .everyAngleSlider {
    padding-left: 5%;
  }
}

.more-landmarks .moreLandmarks {
  padding: 0 !important;
}

.topSec {
  position: relative;
  padding-bottom: 50px;
}
.topSec div {
  max-height: 85px;
  overflow: hidden;
  transition: 0.5s;
}
.topSec div p {
  margin: 0;
  font-size: 1.375rem;
  text-align: justify;
}
.topSec a span.less {
  display: none;
}
.topSec.opened div {
  max-height: inherit;
}
.topSec.opened a span.less {
  display: inline-block;
}
.topSec.opened a span.more {
  display: none;
}

.equipmentViewModal h3 {
  margin-bottom: 20px;
}
.equipmentViewModal p, .equipmentViewModal ul {
  margin-bottom: 28px !important;
}

.blackBanner {
  min-height: 140px;
  background-color: #000000;
  display: flex;
  align-items: center;
}

.trip-plannerSec {
  padding-left: 9%;
}
.trip-plannerSec .row {
  margin: 0;
}
@media (max-width: 767px) {
  .trip-plannerSec {
    padding-left: 0%;
  }
}

.case-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 200px;
  position: relative;
}
.case-add .img-box {
  margin-bottom: 46px;
}
.case-add h2 {
  margin-bottom: 24px;
}
.case-add h4 {
  margin-bottom: 46px;
}
.case-add .create-trip {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}
.case-add .create-trip a {
  padding: 10px 24px;
  height: 52px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  white-space: nowrap;
  min-width: 195px;
}
.case-add .create-trip a.prev-trips {
  border-color: #666;
}
.case-add .guide {
  border-radius: 100px;
  background: #EEE;
  display: flex;
  padding: 8px 24px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  position: absolute;
  top: 50px;
  left: 0;
}
.case-add .new-paths {
  margin-top: 40px;
}
.case-add .new-paths h3.fs-24 {
  margin-bottom: 32px;
}
.case-add .new-paths .row .col-lg-6 {
  padding: 0 6px;
  margin-bottom: 12px;
}
.case-add .new-paths .newPathCard {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: center;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #DDD;
  background: #FFF;
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.case-add .new-paths .newPathCard .img-box {
  width: 75px;
  min-width: 75px;
  height: 75px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  margin: 0;
}
.case-add .new-paths .newPathCard .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-add .new-paths .newPathCard .cont-box {
  display: flex;
  align-items: center;
  padding: 5px;
  padding-left: 12px;
}
.case-add .new-paths .newPathCard .cont-box h4 {
  margin: 0;
}
.case-add .new-paths .forMore {
  margin-top: 40px;
  margin-bottom: 0;
}

.tripMap {
  position: relative;
}
.tripMap .pin {
  position: absolute;
  right: 50%;
  top: 50%;
  z-index: 5;
}

#signInModal [type=email] {
  direction: inherit;
}
#signInModal .modal-body {
  padding: 30px;
}
#signInModal .form-group {
  margin-bottom: 20px;
}
#signInModal label {
  font-size: 1rem;
  color: #000000;
  font-family: "font-Med";
  margin-bottom: 12px;
}
#signInModal input {
  border-radius: 12px;
  border: 1px solid var(--Opacity-Neutral-Darkest-15, rgba(11, 9, 3, 0.15));
  background: var(--Opacity-Transparent, rgba(255, 255, 255, 0));
  font-size: 0.875rem;
  color: #0B0903;
  padding: 9px 12px;
}
#signInModal .loseee {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
}
#signInModal .loseee label {
  margin-bottom: 0;
}
#signInModal .btn-submit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  width: 100%;
}
#signInModal .or {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 20px 0;
}
#signInModal .or::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
#signInModal .or::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
#signInModal .sign-with {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}
#signInModal .noAcc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  color: #858481;
  margin-top: 20px;
  gap: 5px;
}
#signInModal .noAcc a {
  font-size: 1rem;
  color: #858481;
  text-decoration: none;
  font-family: "font-Med";
}

.caseSigned {
  padding-top: 55px;
}
.caseSigned .nav-tabs {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-bottom: 2px solid #999;
  margin-bottom: 18px;
}
.caseSigned .nav-tabs .nav-item {
  flex: 1;
}
.caseSigned .nav-tabs .nav-item .nav-link {
  font-size: 1.125rem;
  color: #666;
  padding: 2px 0 20px 0;
  border: none;
  border-radius: 0;
  width: 100%;
}
.caseSigned .nav-tabs .nav-item .nav-link.active {
  color: #000000;
  font-family: "font-Bold";
  border-bottom: 2px solid #000000;
}
.caseSigned .tab-content {
  padding-top: 20px;
}
.caseSigned .tab-content .trip-data1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
  margin-bottom: 36px;
}
.caseSigned .tab-content .trip-data1 select {
  border-radius: 1000px;
  padding: 9px 16px;
  font-size: 0.875rem;
  color: #000000;
  border: none;
  -webkit-appearance: none;
  background: url(../images/shared/arrows/select-arr.svg) no-repeat 3% center #F0F0F0;
  padding-right: 40px;
  flex-grow: 1;
  height: 44px;
}
.caseSigned .tab-content .trip-data1 .addNew-trip a {
  font-size: 1rem;
  border-radius: 1000px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  height: 44px;
  gap: 8px;
}
.caseSigned .tab-content .trip-data2 .myTrip-topSec {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 0 5px;
}
.caseSigned .tab-content .trip-data2 .myTrip-topSec .title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.caseSigned .tab-content .trip-data2 .myTrip-topSec .title h3 {
  font-size: 1.5rem;
  color: #000000;
  font-family: "font-Bold";
  margin-bottom: 0;
  line-height: 1.5;
}
.caseSigned .tab-content .trip-data2 .myTrip-topSec .print a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 16px;
  color: #666;
  font-size: 1rem;
  font-family: "font-Med";
  height: 40px;
  background-color: #F0F0F0;
  border-radius: 1000px;
}
.caseSigned .tab-content .trip-data2 .myTrip-topSec .map-show a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5px 16px;
  color: #666;
  font-size: 1rem;
  font-family: "font-Med";
  height: 40px;
  background-color: #F0F0F0;
  border-radius: 1000px;
}
.caseSigned .tab-content .trip-data2 .myTrip-details {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.caseSigned .tab-content .trip-data2 .myTrip-details .details1 {
  padding-left: 5px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: flex-start;
  align-items: center;
}
.caseSigned .tab-content .trip-data2 .myTrip-details .details1 div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #666;
  font-size: 1rem;
}
.caseSigned .tab-content .trip-data2 .myTrip-details .details2 {
  padding-right: 5px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
  align-items: center;
  color: #666;
  font-size: 0.875rem;
}
.caseSigned .tab-content .trip-data2 .myTrip-details .details2 div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 4px;
  color: #666;
  font-size: 0.875rem;
}
.caseSigned .tab-content .formTo {
  padding-top: 20px;
}
.caseSigned .tab-content .formTo h3 {
  font-size: 1.125rem;
  color: #994129;
  font-family: "font-Bold";
  margin-bottom: 28px;
}
.caseSigned .tab-content .formTo .fromTo-Form {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.caseSigned .tab-content .formTo .fromTo-Form div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.caseSigned .tab-content .formTo .fromTo-Form div label {
  font-size: 1rem;
  color: #000000;
}
.caseSigned .tab-content .formTo .fromTo-Form div input {
  padding: 8px 12px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  text-align: left;
  position: relative;
  box-shadow: none;
  outline: none;
}
.caseSigned .tab-content .formTo .fromTo-Form div input[type=date]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 9;
  position: absolute;
  top: 9px;
  right: 15px;
}
.caseSigned .tab-content .formTo .fromTo-Form div input[type=date]:before {
  color: transparent;
  background: none;
  display: block;
  content: url(../images/shared/date_range.svg);
  /* This is the calendar icon in FontAwesome */
  width: 18px;
  height: 20px;
  position: absolute;
  top: 9px;
  right: 15px;
  z-index: 1;
}
.caseSigned .tab-content .formTo .fromTo-Form div.from, .caseSigned .tab-content .formTo .fromTo-Form div.to {
  flex-grow: 1;
}
.caseSigned .tab-content .formTo .fromTo-Form .nextButton a {
  border-radius: 12px;
  background: #000000;
  padding: 10px;
  width: 44px;
  height: 44px;
}
.caseSigned .tab-content .noDataAdded {
  margin-top: 36px;
  border-radius: 12px;
  background: #FAFAFA;
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
.caseSigned .tab-content .noDataAdded p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 0;
}

.days-list {
  padding-bottom: 100px;
}
.days-list .day-card {
  margin-top: 36px;
}
.days-list .day-card .topSec {
  padding: 10px 5px;
  border-top: 1px solid #DEDEDE;
  background: #FAFAFA;
}
.days-list .day-card .topSec .dayInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}
.days-list .day-card .topSec .dayInfo h4 {
  font-size: 1rem;
  line-height: 1.5;
  font-family: "font-Bold";
  color: #666;
  margin-bottom: 0;
}
.days-list .day-card .topSec .dayInfo span {
  font-size: 0.75rem;
  color: #666;
}
.days-list .day-card .detailsSec {
  padding: 28px 0;
}
.days-list .day-card .detailsSec.noData {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.days-list .day-card .detailsSec.noData p {
  font-size: 0.875rem;
  color: #666;
}
.days-list .day-card .detailsSec ul {
  margin: 0;
  padding: 0;
}
.days-list .day-card .detailsSec li {
  list-style: none;
}
.days-list .day-card .detailsSec .drag-sort-active {
  background: transparent;
  color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.days-list .day-card .detailsSec .drag-sort-active {
  background: transparent;
  color: transparent;
}
.days-list .day-card .detailsSec .activity-card {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 8px;
  justify-content: flex-start;
  align-items: center;
}
.days-list .day-card .detailsSec .activity-card + .activity-card {
  margin-top: 24px;
}
.days-list .day-card .detailsSec .activity-card .dragMe {
  -webkit-user-drag: none;
  pointer-events: none;
}
.days-list .day-card .detailsSec .activity-card .card-content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  width: 95%;
}
.days-list .day-card .detailsSec .activity-card .card-content .img-box {
  width: 205px;
  height: 170px;
  flex: 0 0 205px;
  border-radius: 8px;
  overflow: hidden;
}
.days-list .day-card .detailsSec .activity-card .card-content .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box {
  flex-grow: 1;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box span {
  margin-bottom: 20px;
  display: block;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box h4 {
  margin-bottom: 20px;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note .addNote {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note #noteText {
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  width: 100%;
  max-height: 66px;
  resize: none;
  display: none;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note .save-cancel {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note .save-cancel button {
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: #FFF;
  font-size: 0.875rem;
  font-family: "font-Med";
  margin-top: 10px;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note .save-cancel button.save {
  color: #015D45;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note .save-cancel button.cancel {
  color: #994129;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note.noteHere .addNote {
  display: none;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note.noteHere #noteText {
  display: block;
}
.days-list .day-card .detailsSec .activity-card .card-content .cont-box .note.noteHere .save-cancel {
  display: flex;
}
.days-list .day-card .detailsSec .activity-card .delete-btn {
  position: absolute;
  top: 10px;
  right: 5px;
}
.days-list .day-card .btnsSec {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.days-list .day-card .btnsSec a {
  display: flex;
  padding: 10px 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  font-size: 1rem;
  font-family: "font-Med";
}
.days-list .download-print {
  margin-top: 36px;
  padding-top: 40px;
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
.days-list .download-print a {
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  height: 48px;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  font-size: 1rem;
  color: #994129;
  font-family: "font-Med";
}

.tab-pane#prev .activity-card .note #noteText {
  display: block;
}

.overlay {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.overlay.open {
  position: fixed;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.destPopUp {
  width: 700px;
  height: 100%;
  position: fixed;
  top: 0;
  left: -800px;
  background-color: #FFF;
  border-radius: 8px;
  z-index: 999;
  transition: 0.5s;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  padding: 0;
  overflow-y: auto;
}
.destPopUp.open {
  left: 0px;
}
.destPopUp .modal-hed {
  padding: 10px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.destPopUp .servList {
  position: relative;
}
.destPopUp .servList ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  padding: 16px 0;
  margin: 0;
  position: relative;
  padding-left: 40px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #F6F2E7;
  cursor: grab;
}
.destPopUp .servList ul::-webkit-scrollbar {
  display: none;
}
.destPopUp .servList ul li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  flex: 0 0 auto;
}
.destPopUp .servList ul li a {
  padding: 6px 16px;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #FFF;
  transition: 0.3s;
}
.destPopUp .servList ul li a.active {
  border: 1px solid #F8D15D;
  background: #F8D15D;
}
.destPopUp .autocomplete {
  padding: 20px 40px;
  position: relative;
  /*when navigating through the items using the arrow keys:*/
}
.destPopUp .autocomplete input {
  width: 100%;
  height: 48px;
  padding: 8px 12px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  background-image: url(../images/shared/search1.svg);
  background-repeat: no-repeat;
  background-position: 3% center;
}
.destPopUp .autocomplete .autocomplete-items {
  position: absolute;
  border: 1px solid rgba(11, 9, 3, 0.15);
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 80%;
  left: 0%;
  right: 0%;
  margin: 0 40px;
}
.destPopUp .autocomplete .autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #FFF;
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
}
.destPopUp .autocomplete .autocomplete-items div:hover {
  background-color: #e9e9e9;
}
.destPopUp .autocomplete .autocomplete-active {
  background-color: #F8D15D !important;
  color: #FFF;
}
.destPopUp .list {
  padding: 40px;
  padding-top: 0;
  max-height: 65vh;
  overflow-y: scroll;
}
.destPopUp .list h3 {
  margin-bottom: 32px;
}
.destPopUp .list .destCard {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
}
.destPopUp .list .destCard .img-box {
  width: 115px;
  height: 115px;
  flex: 0 0 115px;
}
.destPopUp .list .destCard .cont-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.destPopUp .list .destCard .cont-box .addTo a {
  border-radius: 4px;
  border: 1px solid #E7E5E4;
  background: #FAFAFA;
  padding: 5px 14px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  height: 38px;
}
.destPopUp .popFooter {
  border-top: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.destPopUp .popFooter button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 140px;
  padding: 10px 24px;
}

.deleteModal .modal-header {
  border: 0 !important;
}
.deleteModal .modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.deleteModal .modal-body .img-box {
  display: flex;
  padding: 16px;
  align-items: center;
  gap: 10px;
  border-radius: 100px;
  background: #F5ECEA;
  margin-bottom: 36px;
  width: 64px;
  height: 64px;
}
.deleteModal .modal-body .content-box {
  text-align: center;
  margin-bottom: 56px;
}
.deleteModal .modal-body .content-box h3 {
  margin-bottom: 16px;
}
.deleteModal .modal-body .content-box h5 {
  margin-bottom: 0;
}
.deleteModal .modal-footer {
  display: flex;
  padding: 20px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  border-top: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
}
.deleteModal .modal-footer .cancel {
  display: flex;
  width: 140px;
  height: 40px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid #DDD;
  font-size: 1rem;
  color: #0B0903;
  font-family: "font-Med";
}
.deleteModal .modal-footer .yesDelete {
  display: flex;
  width: 140px;
  height: 40px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid #994129;
  background: #994129;
  font-size: 1rem;
  color: #FFF;
  font-family: "font-Med";
}

.col-2-5 {
  width: 20%;
}
@media (max-width: 767px) {
  .col-2-5 {
    width: 100%;
  }
}

.siteMap-sec {
  margin-top: 44px;
  padding: 24px;
}
.siteMap-sec .siteHead {
  padding: 16px 12px;
}
.siteMap-sec .siteMain {
  padding: 10px 12px;
  position: relative;
}
.siteMap-sec .siteMain.hasList::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  right: 12px;
  top: 16px;
  background-image: url(../images/shared/arrow_forward_iosxxx.svg);
  background-repeat: no-repeat;
}
.siteMap-sec .sitelist {
  flex-direction: column;
  gap: 16px;
  list-style-position: inside;
  padding: 24px 8px;
  background-color: #F7F7F7;
  margin-top: -24px;
}
.siteMap-sec .sitelist li {
  padding: 0 15px;
  margin-bottom: 16px;
}
.siteMap-sec .sitelist li::marker {
  font-size: 0.75rem;
  color: #666;
}
.siteMap-sec .sitelist li:last-of-type {
  margin-bottom: 0;
}

.bg5 {
  background: linear-gradient(0deg, #FFF 0%, #FFF 100%), var(--SR-Primary-50, #FCF8EC);
  position: relative;
}
.bg5::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, #FCF8EC 0%, #FFF 100%);
  height: 660px;
  width: 100%;
  top: 0;
  right: 0;
}
.bg5 section {
  position: relative;
}

.bg-55 {
  background: linear-gradient(180deg, #FFF 0%, #FAFAFA 17.94%);
}

div[id*=detailsModal] .modal-dialog {
  max-width: 420px;
}
div[id*=detailsModal] .modal-header {
  border: 0;
  align-items: flex-start;
}
div[id*=detailsModal] .modal-header p {
  margin-bottom: 0;
  margin-top: 10px;
}
div[id*=detailsModal] .modal-body .img-box {
  width: 100%;
  height: 190px;
  flex-shrink: 0;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 15px;
}
div[id*=detailsModal] .modal-body .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div[id*=detailsModal] .modal-body .content-box .fs-22,
div[id*=detailsModal] .modal-body .content-box .fs-20 {
  font-size: 0.875rem !important;
}
div[id*=detailsModal] .modal-body .content-box .mb-4 {
  margin-bottom: 0.75rem !important;
}
div[id*=detailsModal] .modal-body .content-box .rate, div[id*=detailsModal] .modal-body .content-box .time {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
}
div[id*=detailsModal] .modal-body .content-box .btns-box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
div[id*=detailsModal] .modal-body .content-box .btns-box a {
  padding: 6px 14px;
  border-radius: 4px;
  border: 1px solid #E7E5E4;
  background: #FAFAFA;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 184px;
  height: 38px;
  font-size: 1rem;
  color: #0B0903;
}
div[id*=detailsModal] .modal-body .content-box .btns-box a.det {
  background-color: #FDD462;
  border-color: #FDD462;
}

.signIn-form {
  margin: 0 auto;
  max-width: 480px;
  margin-bottom: 200px;
}
.signIn-form .modal-title {
  padding: 16px 20px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.signIn-form .sign-content {
  padding: 28px;
}

.password-toggle {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 20px;
  height: 20px;
  z-index: 10;
}

.avatar-upload {
  position: relative;
  max-width: 96px;
  margin: 0 auto;
  margin-bottom: 28px;
}
.avatar-upload .avatar-edit {
  position: absolute;
  left: 5px;
  z-index: 1;
  bottom: -5px;
}
.avatar-upload .avatar-edit input {
  display: none;
}
.avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #666;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
  margin-bottom: 0 !important;
}
.avatar-upload .avatar-edit input + label:hover {
  background: #666;
  border-color: #d6d6d6;
}
.avatar-upload .avatar-edit input + label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(../images/shared/photo_camera.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 18px;
  height: 18px;
}
.avatar-upload .avatar-preview {
  width: 96px;
  height: 96px;
  position: relative;
  border-radius: 100%;
  border: none;
  box-shadow: none;
}
.avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.btns-edit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid rgba(11, 9, 3, 0.15);
}
.btns-edit a {
  padding: 10px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.delete-sure h4 {
  font-size: 1rem;
  font-family: "font-Bold";
  color: #000000;
  margin-bottom: 12px;
}
.delete-sure p {
  padding: 12px 20px;
  border-radius: 8px;
  background: #F4ECE9;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  margin-bottom: 28px;
}

.btns-delete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-top: 44px;
  padding-top: 32px;
  border-top: 1px solid rgba(11, 9, 3, 0.15);
}
.btns-delete button {
  width: 100%;
  padding: 10px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-family: "font-Med";
  font-size: 1rem;
}
.btns-delete button.cancel {
  border: 1px solid #DDD;
  color: #0B0903;
}
.btns-delete button.yesDelete {
  border: 1px solid #994129;
  background: #994129;
  color: #FFF;
}

#userModal .modal-dialog {
  max-width: 400px;
}
#userModal .modal-body .img-box {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 20px;
}
#userModal .modal-body .content-box {
  margin-bottom: 32px;
}
#userModal .modal-body .content-box p {
  margin-bottom: 0;
}
#userModal .modal-body .content-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
#userModal .modal-body .content-box ul li {
  width: 100%;
}
#userModal .modal-body .content-box ul li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  position: relative;
  padding: 12px 0;
  font-size: 1rem;
  color: #000000;
  font-family: "font-Med";
}
#userModal .modal-body .content-box ul li a::after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 16px;
  height: 16px;
  background-image: url(../images/shared/arrows/arrow_back_ios_new.svg);
  background-repeat: no-repeat;
}
#userModal .modal-footer button {
  border: 1px solid #994129;
  padding: 10px 24px;
  min-width: 100px;
}

.interactiveMap {
  position: relative;
}
.interactiveMap .mapImg {
  width: 120%;
  height: 120%;
  object-fit: cover;
}
.interactiveMap .map-filter {
  position: fixed;
  top: 135px;
  left: 25%;
  z-index: 99;
  width: 70%;
}
.interactiveMap .map-filter .category-filter {
  min-height: inherit;
  background-color: transparent;
  overflow-x: auto;
  flex-wrap: nowrap;
  padding-right: 1%;
  padding-bottom: 20px;
}
.interactiveMap .map-filter .category-filter li {
  flex: 0 0 auto;
}
.interactiveMap .map-filter .category-filter::-webkit-scrollbar {
  display: none;
}
.interactiveMap .map-actions {
  position: fixed;
  z-index: 99;
  right: 5%;
  bottom: 5%;
}
.interactiveMap .map-actions ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.interactiveMap .map-actions ul li a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  width: 44px;
  height: 44px;
}
.interactiveMap .map-actions ul li a.plus {
  border-radius: 6px 6px 0 0;
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.interactiveMap .map-actions ul li a.minus {
  border-radius: 0 0 6px 6px;
  box-shadow: none;
}
.interactiveMap .map-actions ul li.plusMinus {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  margin-top: 12px;
}
.interactiveMap .openSide {
  display: flex;
  padding: 10px 2px;
  align-items: center;
  gap: 10px;
  border-radius: 4px 0 0 4px;
  background: #994129;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 200px;
  left: 275px;
  width: 28px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
.interactiveMap .openSide img {
  transition: 0.5s;
  transform: rotate(0deg) !important;
}
.interactiveMap .mapList-cards {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  overflow-y: auto;
  gap: 16px;
  position: fixed;
  z-index: 1;
  left: 0%;
  top: 0;
  bottom: 0;
  padding: 20px 16px 44px 16px;
  padding-bottom: 80px;
  padding-top: 7%;
  cursor: grab;
  scroll-behavior: smooth;
  max-width: 100%;
  background-color: #FFF;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
  width: 275px;
  transition: 0.5s;
}
.interactiveMap .mapList-cards::-webkit-scrollbar {
  display: none;
}
.interactiveMap .mapList-cards .map-card {
  position: relative;
  width: 240px;
  min-height: 170px;
  border-radius: 12px;
  background: #FFF;
  overflow: hidden;
  flex: 0 0 auto;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.interactiveMap .mapList-cards .map-card .img-box {
  width: 100%;
  height: 120px;
}
.interactiveMap .mapList-cards .map-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interactiveMap .mapList-cards .map-card .tag {
  position: absolute;
  top: 7px;
  left: 8px;
  font-size: 0.875rem;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  padding: 8px;
  max-height: 30px;
}
.interactiveMap .mapList-cards .map-card .content-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 20px;
  background-color: #FFF;
  transition: 0.3s;
}
.interactiveMap .mapList-cards .map-card .content-box h4 {
  font-size: 1rem;
  font-family: "font-Bold";
  color: #000000;
  margin: 0;
  transition: 0.3s;
}
.interactiveMap .mapList-cards .map-card:hover .content-box {
  background-color: #F5EFDD;
}
.interactiveMap .listSec {
  transition: 0.5s;
}
.interactiveMap .listSec.close .mapList-cards {
  transform: translateX(275px);
}
.interactiveMap .listSec.close .openSide {
  left: 0;
}
.interactiveMap .listSec.close .openSide img {
  transform: rotate(180deg) !important;
}

.searchBanner {
  position: relative;
  height: 510px;
}
.searchBanner .container {
  position: relative;
}
.searchBanner .img-box {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.searchBanner .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.searchBanner .img-box::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.3;
}
.searchBanner .content-area {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin-bottom: 90px;
  z-index: 5;
}
.searchBanner .content-area .content-box {
  margin-bottom: 50px;
}
.searchBanner .content-area .content-box h1 {
  margin-bottom: 28px;
}
.searchBanner .content-area .form-box {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.searchBanner .content-area .form-box input {
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background-color: #FFF;
  background-image: url(../images/search/searchgr.svg);
  background-repeat: no-repeat;
  background-position: 98% center;
  height: 56px;
  padding: 8px 12px;
  padding-left: 70px;
  flex-grow: 1;
}
.searchBanner .content-area .form-box button {
  display: flex;
  width: 180px;
  height: 56px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid #F8D15D;
  background: #F8D15D;
  font-size: 1rem;
  font-family: "font-Med";
  color: #0B0903;
}
.searchBanner .content-area .Quick-links {
  margin-top: 16px;
  padding-top: 16px;
  margin-bottom: 16px;
}
.searchBanner .content-area .Quick-links h3 {
  font-size: 1rem;
}
.searchBanner .content-area .Quick-links .category-filter li a {
  padding: 7px 16px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  color: #666;
  font-size: 0.875rem;
}
.searchBanner .content-area .Quick-links .category-filter li a.active {
  border: 1px solid #F8D15D;
  background: #F8D15D;
  color: #000000;
}

.searchList-page .search-main h3 {
  margin-bottom: 30px;
}
.searchList-page .search-main .cont-box {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.16);
}
.search-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 32px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.search-list .search-card {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 32px;
}
.search-list .search-card .img-box {
  width: 204px;
  height: 173px;
  flex: 0 0 204px;
  border-radius: 8px;
  overflow: hidden;
}
.search-list .search-card .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-list .search-card .content-box h6 {
  display: inline-flex;
  padding: 5px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  border-radius: 100px;
  margin-bottom: 0;
}
.search-list .search-card .content-box h3 {
  margin: 16px 0;
}
.search-list .search-card .content-box p {
  line-height: 1.8;
  margin-bottom: 0;
}
.customPagi .pagination {
  gap: 8px;
}
.customPagi .pagination .page-item .page-link {
  display: flex;
  width: 46px;
  padding: 8px 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background-color: #FFF;
  font-size: 1rem;
  color: #000000;
  line-height: 1.5;
}
.customPagi .pagination .page-item .page-link.active {
  background-color: #E6C968;
}

.contactUs-card {
  padding: 46px 55px;
}
.contactUs-card .contactUs-map iframe {
  width: 100% !important;
  height: 365px;
}
.contactUs-card .contactUs-form {
  margin-top: 55px;
}
.contactUs-card .contactUs-form h3 {
  margin-bottom: 48px;
}
.contactUs-card .contactUs-form form {
  padding-right: 10%;
}
.contactUs-card .contactUs-form form .d-flex {
  gap: 24px;
}
.contactUs-card .contactUs-form form .d-flex .form-group {
  flex-grow: 1;
}
.contactUs-card .contactUs-form form .form-group {
  margin-bottom: 32px;
}
.contactUs-card .contactUs-form form .form-group label {
  font-size: 1rem;
  font-family: "font-Med";
  color: #000000;
  margin-bottom: 12px;
}
.contactUs-card .contactUs-form form .form-group .form-control {
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
}
.contactUs-card .contactUs-form form .btn-area {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.contactUs-card .contactUs-form form .btn-submit {
  display: flex;
  width: 151px;
  height: 44px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
}
.contactUs-card .contact-data {
  padding: 28px;
  border-color: rgba(0, 0, 0, 0.1);
}
.contactUs-card .contact-data h4 {
  margin-bottom: 16px;
}
.contactUs-card .contact-data .contact-info {
  padding: 0;
  margin: 0;
  padding-top: 28px;
  list-style: none;
}
.contactUs-card .contact-data .contact-info li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  margin-bottom: 24px;
}
.contactUs-card .contact-data .contact-info li .img-box {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 8px;
  background-color: #F8F1D9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactUs-card .contact-data .contact-info li .data-box .title {
  font-size: 1rem;
  font-family: "font-Med";
  color: #666;
  margin-bottom: 5px;
}
.contactUs-card .contact-data .contact-info li .data-box a {
  font-size: 1.125rem;
  font-family: "font-Bold";
  color: #000000;
  display: block;
}
.contactUs-card .contact-data .social {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  padding-top: 28px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.contactUs-card .contact-data .social h5 {
  margin-bottom: 0;
  font-size: 1rem;
  font-family: "font-Med";
  color: #666;
}
.contactUs-card .contact-data .social ul {
  list-style: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  gap: 32px;
}
.contactUs-card .contact-data .social ul li a {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

[type=email], [type=number], [type=tel], [type=url] {
  direction: rtl;
}

.share .dropdown button {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.share .dropdown button::after {
  display: none;
}
.share .dropdown .dropdown-menu {
  padding: 12px 12px 12px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
  min-width: max-content;
}
.share .dropdown .dropdown-menu li {
  margin-bottom: 16px;
}
.share .dropdown .dropdown-menu li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  min-width: 95px;
  padding: 0;
  background: none;
}
.share .dropdown .dropdown-menu li a span {
  transition: 0.5s;
}
.share .dropdown .dropdown-menu li a:hover span {
  color: #BB963A;
}

.Img360 {
  margin: 0;
  background-color: #000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 580px;
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
}
.Img360 .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 80px);
}
.Img360 .info {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 10px;
  border-radius: 8px;
  user-select: none;
  z-index: 1;
  direction: ltr;
}
.Img360 .thumbnails-container {
  position: absolute;
  bottom: 10px;
  display: flex;
  gap: 10px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  z-index: 10;
}
.Img360 .thumbnail {
  width: 80px;
  height: 45px;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.2s ease-in-out, transform 0.2s ease-in-out;
  border-radius: 5px;
  object-fit: cover;
}
.Img360 .thumbnail:hover {
  transform: scale(1.1);
}
.Img360 .thumbnail.selected {
  border-color: #4A90E2;
  box-shadow: 0 0 10px #4A90E2;
}
.Img360 .icon-360 {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 1.2em;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.favAnchors-sec {
  padding: 32px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  position: sticky;
  top: 0;
}
.favAnchors-sec h3 {
  margin-bottom: 35px;
}
.favAnchors-sec ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.favAnchors-sec ul li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.favAnchors-sec ul li:last-of-type {
  border: 0;
}
.favAnchors-sec ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}
.sort-secFav {
  display: flex;
  align-items: center;
  height: 100%;
}
.sort-secFav h3 {
  margin-bottom: 0;
}

.favCard .img-box {
  height: 375px;
}
.favCard .content-box {
  padding: 24px 0;
  padding-right: 36px;
  flex: 0 0 65%;
  gap: 24px;
}
.favCard .content-box .box2 {
  gap: 8px;
  margin-bottom: 12px;
}
.favCard .note {
  min-height: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.favCard .note .addNote {
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.favCard .note #noteText {
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  width: 100%;
  max-height: 66px;
  resize: none;
  display: none;
}
.favCard .note .save-cancel {
  display: none;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 25px;
}
.favCard .note .save-cancel button {
  padding: 4px 8px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  border: none;
  box-shadow: none;
  outline: none;
  background-color: #FFF;
  font-size: 0.875rem;
  font-family: "font-Med";
  margin-top: 10px;
}
.favCard .note .save-cancel button.save {
  color: #015D45;
}
.favCard .note .save-cancel button.cancel {
  color: #994129;
}
.favCard .note.noteHere .addNote {
  display: none;
}
.favCard .note.noteHere #noteText {
  display: block;
}
.favCard .note.noteHere .save-cancel {
  display: flex;
}
.favCard .delete-btn {
  position: absolute;
  top: 30px;
  right: 22px;
  width: 44px;
  height: 44px;
  border: 1px solid #ddd;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.favCard .btnsSec {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
  position: absolute;
  bottom: 24px;
  right: 35px;
}
.favCard .btnsSec a {
  padding: 10px 24px;
  width: 150px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.emptyFav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 40px;
  height: 320px;
  border-radius: 16px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  background: #FFF;
  margin-top: 40px;
}
.emptyFav h4 {
  margin-top: 28px;
  margin-bottom: 12px;
}

.uc-404 {
  margin-bottom: 200px;
}
.uc-404 .img-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 48px;
}
.uc-404 .content-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.uc-404 .content-box h3 {
  margin-bottom: 24px;
  text-align: center;
}
.uc-404 .content-box p {
  margin-bottom: 0;
  text-align: center;
}
.uc-404 .content-box .btn-box {
  margin-top: 40px;
}
.uc-404 .content-box .btn-box a {
  padding: 10px 24px;
  min-width: 160px;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.list-full .tab-content {
  max-width: 1300px;
  margin: 0 auto;
}

.tooltip {
  --bs-tooltip-bg: #BB963A ;
}

.guideList {
  margin-bottom: 48px;
}
.guideList .guideList-card {
  display: block;
  padding: 28px 36px;
  gap: 28px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  height: calc(100% - 20px);
}
.guideList .guideList-card .personal-data {
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 28px;
  position: relative;
}
.guideList .guideList-card .personal-data .col-12 {
  display: flex;
  gap: 30px;
}
.guideList .guideList-card .personal-data .img-box {
  width: 85px;
  height: 100px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.guideList .guideList-card .personal-data .img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guideList .guideList-card .personal-data .content-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.guideList .guideList-card .personal-data .content-box h4 {
  margin-bottom: 16px;
}
.guideList .guideList-card .personal-data .content-box p {
  margin: 0;
}
.guideList .guideList-card .personal-data .reviews {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
}
.guideList .guideList-card .personal-data .reviews .topRev {
  display: flex;
  padding: 8px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 120px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.guideList .guideList-card .personal-data .reviews .topRev .stars {
  display: flex;
  padding-right: 8px;
  align-items: center;
  gap: 2px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.guideList .guideList-card .personal-data .reviews .topRev .stars span {
  font-size: 1rem;
  line-height: 20px;
}
.guideList .guideList-card .personal-data .reviews .topRev .stars img {
  height: 20px;
  width: 20px;
}
.guideList .guideList-card .personal-data .reviews .bottomRev {
  margin-top: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  cursor: pointer;
}
.guideList .guideList-card .personal-data .reviews .bottomRev span {
  font-size: 0.8125rem;
  color: #222;
  transition: 0.3s;
}
.guideList .guideList-card .personal-data .reviews .bottomRev:hover span {
  color: #BB963A;
}
.guideList .guideList-card .main-data .mb-27 {
  margin-bottom: 20px;
}
.guideList .guideList-card .main-data h5 {
  margin-bottom: 5px;
}
.guideList .guideList-card .main-data p {
  margin-bottom: 0;
}

#revModal .modal-header {
  border: 0;
}
#revModal .modal-body {
  padding: 20px 28px 44px;
}
#revModal h5 {
  margin-bottom: 12px;
}
#revModal .fs-16 {
  font-size: 1rem;
}
#revModal .ratBox {
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 24px 0 32px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
}
#revModal .ratBox .starRate {
  display: flex;
  align-items: center;
  gap: 4px;
}
#revModal .ratBox .starRate img.notSelct {
  transition: 0.3s;
  filter: brightness(0.5) grayscale(1) opacity(0.2);
}
#revModal .saveBtn {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
#revModal .saveBtn .btn-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  min-width: 128px;
  height: 44px;
}

.rules-details {
  padding: 30px 45px;
  padding-right: 65px;
}

.rules-sideList {
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 32px;
}
.rules-sideList ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-top: 32px;
}
.rules-sideList ul li {
  padding: 16px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.rules-sideList ul li:last-of-type {
  border-bottom: none;
}
.rules-sideList ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.callCenter-card {
  padding: 24px;
  border: 1px solid #DADAD9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-bottom: 40px;
  height: calc(100% - 40px);
}
.callCenter-card h4 {
  margin: 0;
}
.callCenter-card .content-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}
.callCenter-card .content-area div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12px;
}

.search-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
}
.search-area label {
  font-size: 1rem;
  color: rgba(11, 9, 3, 0.6);
}
.search-area .search-bar {
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(11, 9, 3, 0.15);
  background: #FFF;
}
.search-area .search-bar input {
  box-shadow: none;
  border: none;
  padding: 5px 0;
  padding-right: 12px;
}
.search-area .search-bar .search-btn {
  box-shadow: none;
  border: none;
  background: #FFF;
  padding: 0;
}

.goToBtn {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.goToBtn a {
  padding: 12px 20px;
  min-width: 300px;
  text-align: center;
}

.hours {
  width: 100%;
  padding: 0 20px;
}
.hours .day {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 10px;
  border-bottom: 1px solid rgba(11, 9, 3, 0.15);
  gap: 12px;
  margin-bottom: 7px;
}
.hours .day strong {
  font-size: 1rem;
  color: #000000;
  min-width: 100px;
  font-weight: 400;
  font-family: "font-Bold";
}
.hours .day span {
  font-size: 0.875rem;
  color: #666;
}

.rateContet {
  background-color: #FFF;
  padding-bottom: 40px;
  position: relative;
  z-index: 2;
}
.rateContet p {
  margin: 0;
}
.rateContet .bgRate {
  background-color: #FFF;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  padding: 12px 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  margin-bottom: 10px;
}
.rateContet .bgRate .rateRight {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.rateContet .bgRate .rateRight .rate-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.rateContet .bgRate .rateRight p {
  padding-right: 24px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.rateContet .bgRate .rateRight label:before {
  display: none;
}
.rateContet .bgRate .rateLeft {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.rateContet .rateBtns {
  background-color: #FFF;
  border-radius: 8px;
  padding: 12px 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  gap: 40px;
  margin-bottom: 10px;
}
.rateContet .pWarp {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: flex-start;
  align-items: center;
}
.rateContet .actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
}
.rateContet .actions a {
  padding: 10px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 75px;
  height: 45px;
  font-size: 1rem;
  font-family: "font-Med";
  color: #0B0903;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FFF;
  transition: 0.3s;
}
.rateContet .actions a:hover {
  background-color: #FBF8EC;
}
.rateContet .rate {
  direction: ltr;
  padding: 0 10px;
}
.rateContet .rate:not(:checked) > input {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
  opacity: 0;
}
.rateContet .rate:not(:checked) > label {
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 1.875rem;
  position: relative;
}
.rateContet .rate:not(:checked) > label {
  background: transparent url(../images/trip-planner/star2.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rateContet .rate > input:checked ~ label {
  background: transparent url(../images/trip-planner/star.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rateContet .rate:not(:checked) > label:hover,
.rateContet .rate:not(:checked) > label:hover ~ label {
  background: transparent url(../images/trip-planner/star.svg) no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: inline-block;
}
.rateContet .rateSec {
  background-color: #FFF;
  border-radius: 8px;
  padding: 28px 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  margin-bottom: 10px;
}
.rateContet .rateSec h4 {
  margin-bottom: 20px;
}
.rateContet .rateSec p {
  margin: 0;
}
.rateContet .rateSec .checkbox-rate {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  max-width: 50%;
  gap: 20px;
  flex-wrap: wrap;
}
.rateContet .rateSec .checkbox-rate .form-check {
  width: 45%;
}
.rateContet .rateSec .checkbox-rate .form-check label {
  font-size: 1rem;
  color: #0B0903;
}
.rateContet .rateSec .btns-rate {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.rateContet .rateSec .btns-rate button {
  padding: 7px 24px;
  height: 40px;
  width: 100px;
}
.rateContet .rateSec .btns-rate button.btn-back {
  border-color: rgba(0, 0, 0, 0.1);
}
.rateContet .thnQ {
  background-color: #FFF;
  border-radius: 8px;
  padding: 12px 24px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  gap: 24px;
}

@media (min-width: 1650px) {
  #guideModal .modal-xl {
    --bs-modal-width: 1385px;
  }
}
#guideModal .modal-body {
  padding-left: 5%;
  padding-right: 2%;
  margin-bottom: 0;
}
#guideModal .modal-body .stepsSec {
  margin-bottom: 20px;
}
#guideModal .modal-body .stepsSec .img-box {
  height: 320px;
  width: 100%;
}
#guideModal .modal-body .stepsSec .img-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#guideModal .modal-body .stepsSec .content-box {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
}
#guideModal .modal-body .stepsSec .content-box .num {
  display: flex;
  width: 84px;
  height: 84px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  font-size: 3.5rem;
  font-family: "font-Bold";
  color: #994129;
  background: #EBEBEB;
}
#guideModal .modal-body .stepsSec .content-box h3 {
  margin: 0;
}
#guideModal .modal-body .stepsSec .content-box p {
  margin: 0;
}
#guideModal .modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 40px;
}
#guideModal .modal-footer .custom-paginavi {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#guideModal .modal-footer .custom-paginavi .swiper-button-next,
#guideModal .modal-footer .custom-paginavi .swiper-button-prev {
  position: unset;
  background-image: url(../images/trip-planner/left-grey.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin: 0 10px;
  margin-top: -6px;
}
#guideModal .modal-footer .custom-paginavi .swiper-button-next::after,
#guideModal .modal-footer .custom-paginavi .swiper-button-prev::after {
  display: none;
}
#guideModal .modal-footer .custom-paginavi .swiper-button-prev {
  transform: scaleX(-1);
  display: none;
}
#guideModal .modal-footer .custom-paginavi .swiper-pagination {
  position: unset;
}
#guideModal .modal-footer .custom-paginavi .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin: 0 6px;
  background: #994129;
  opacity: 1;
}
#guideModal .modal-footer .custom-paginavi .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #994129;
}
#guideModal .modal-footer .custom-paginavi .swiper-pagination .swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
  background: #9F9F9F; /* Lighter grey for bullets after active */
  opacity: 1;
}
#guideModal .modal-footer .skip {
  display: flex;
  width: 140px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.contrast {
  filter: grayscale(100%) brightness(95%) contrast(112%);
}

.mouseIncr {
  cursor: url("../images/cur.svg"), auto;
}

.accessiblitySec {
  padding-bottom: 32px;
  background: #F2F2F2;
  border-radius: 0 20px 20px 0;
  overflow: hidden;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);
  position: fixed;
  top: 120px;
  right: 0;
  width: 400px;
  transform: translateX(-500px);
  transition: 0.3s;
  z-index: 999999;
}
.accessiblitySec.openMe {
  transform: translateX(0);
}
.accessiblitySec .top {
  position: relative;
  background-color: #E9CF7A;
  display: flex;
  padding: 16px 24px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.accessiblitySec .top .close {
  cursor: pointer;
}
.accessiblitySec .btns {
  padding: 32px 24px 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
.accessiblitySec .btns a {
  display: flex;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 12px;
  border: 1px solid #FFF;
  background: #F8F8F8;
  min-width: 130px;
  height: 115px;
}
.accessiblitySec .btns a.active {
  border-color: #BB963A;
}
.accessiblitySec .reset-btn {
  padding: 0 24px;
}
.accessiblitySec .reset-btn a {
  display: flex;
  height: 44px;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background-color: #F8D15D;
}
.accessiblitySec .reset-btn a.disabled {
  background: #B5B5B3;
}

.footer-mid {
  display: flex;
  padding: 36px 0 44px 0;
  justify-content: center;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
  margin-top: 24px;
}
.footer-mid .footer-col {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 12px;
  align-items: center;
}
.footer-mid .footer-col h5 {
  font-size: 1rem;
  font-family: "font-Med";
  color: #DDD;
  margin-bottom: 0;
}
.footer-mid .subscription-form form {
  margin: 0 !important;
}
.footer-mid .subscription-form .control-label {
  display: none;
}
.footer-mid .subscription-form form {
  display: flex;
  gap: 12px;
}
.footer-mid .subscription-form .editing-form-control-nested-control .form-control {
  background-color: transparent;
  width: 430px;
  height: 44px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid rgba(221, 221, 221, 0.5);
  background: rgba(255, 255, 255, 0);
  color: #FFF;
  outline: none;
  box-shadow: none;
}
.footer-mid .subscription-form .editing-form-control-nested-control .form-control:focus {
  border-color: #F8D15D;
}
.footer-mid .subscription-form .editing-form-control-nested-control .form-control::placeholder {
  color: rgba(221, 221, 221, 0.6);
}
.footer-mid .subscription-form .btn-submit {
  height: 44px;
  padding: 10px 24px;
  border-radius: 12px;
  border: 1px solid #F8D15D;
  background: #F8D15D;
  font-size: 1rem;
  font-family: "font-Med";
  color: #0B0903;
}

.alertModal .modal-header {
  border: 0;
}
.alertModal .modal-body {
  align-items: center;
  padding: 15px 30px 40px;
  gap: 16px;
}
.alertModal .img-box {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #F5ECEA;
  margin-bottom: 20px;
  width: 64px;
  height: 64px;
}
.alertModal h4 {
  line-height: 1.8;
}
.alertModal .modal-footer {
  justify-content: center;
}
.alertModal .modal-footer .cancel {
  border: 1px solid #ddd;
}

a.text-primary {
  text-decoration: underline;
  color: #444 !important;
}

.map-interactive-container {
  height: 80vh !important;
}

.bannerSlider-button-next,
.landmarks-button-next {
  transition: 0.3s;
}
.bannerSlider-button-next:hover,
.landmarks-button-next:hover {
  background-color: #f8f1d9;
  transform: scale(1.2);
}

.bannerSlider-button-prev,
.landmarks-button-prev {
  transition: 0.3s;
}
.bannerSlider-button-prev:hover,
.landmarks-button-prev:hover {
  background-color: #f8f1d9;
  transform: scaleX(-1) scale(1.2);
}

.events-main .swiper-button-next,
.suggested-paths .swiper-button-next,
.tourist-packages .swiper-button-next,
.restaurent-cafe .swiper-button-next,
.everyAngle-makkah .everyAngleSlider .swiper-button-next,
.worth-visiting .swiper-button-next,
.more-landmarks.morePacks .morePacksSlider .swiper-button-next,
.more-events .swiper-button-next,
.more-landmarks .swiper-button-next,
.marketSlider .swiper-button-next,
.moreeeeMarkets .more-markets .swiper-button-next {
  transition: 0.3s;
}
.events-main .swiper-button-next:hover,
.suggested-paths .swiper-button-next:hover,
.tourist-packages .swiper-button-next:hover,
.restaurent-cafe .swiper-button-next:hover,
.everyAngle-makkah .everyAngleSlider .swiper-button-next:hover,
.worth-visiting .swiper-button-next:hover,
.more-landmarks.morePacks .morePacksSlider .swiper-button-next:hover,
.more-events .swiper-button-next:hover,
.more-landmarks .swiper-button-next:hover,
.marketSlider .swiper-button-next:hover,
.moreeeeMarkets .more-markets .swiper-button-next:hover {
  background-color: #f8f1d9;
  transform: scale(1.2);
}
.events-main .swiper-button-prev,
.suggested-paths .swiper-button-prev,
.tourist-packages .swiper-button-prev,
.restaurent-cafe .swiper-button-prev,
.everyAngle-makkah .everyAngleSlider .swiper-button-prev,
.worth-visiting .swiper-button-prev,
.more-landmarks.morePacks .morePacksSlider .swiper-button-prev,
.more-events .swiper-button-prev,
.more-landmarks .swiper-button-prev,
.marketSlider .swiper-button-prev,
.moreeeeMarkets .more-markets .swiper-button-prev {
  transition: 0.3s;
}
.events-main .swiper-button-prev:hover,
.suggested-paths .swiper-button-prev:hover,
.tourist-packages .swiper-button-prev:hover,
.restaurent-cafe .swiper-button-prev:hover,
.everyAngle-makkah .everyAngleSlider .swiper-button-prev:hover,
.worth-visiting .swiper-button-prev:hover,
.more-landmarks.morePacks .morePacksSlider .swiper-button-prev:hover,
.more-events .swiper-button-prev:hover,
.more-landmarks .swiper-button-prev:hover,
.marketSlider .swiper-button-prev:hover,
.moreeeeMarkets .more-markets .swiper-button-prev:hover {
  background-color: #f8f1d9;
  transform: scaleX(-1) scale(1.2);
}

html[lang=en] {
  font-size: 85%;
}
html[lang=en] .topSec div {
  max-height: 70px;
}
html[lang=en] .topSec.opened div {
  max-height: inherit;
}
html[lang=en] .breadcrumb .breadcrumb-items .item::after {
  top: 4px;
}
html[lang=en] .sticky-container {
  direction: ltr;
}
html[lang=en] .accessiblitySec {
  transform: translateX(500px);
  border-radius: 20px 0 0 20px;
}
html[lang=en] .accessiblitySec.openMe {
  transform: translateX(0);
}
html[lang=en] .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link:hover, html[lang=en] .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link.active {
  transform: translateX(5px);
}
html[lang=en] .sort-div2 select {
  background-position: 95%;
}
html[lang=en] .discover-options .main-sec .more {
  max-width: max-content;
}
html[lang=en] .interactiveMap .openSide {
  border-radius: 0 4px 4px 0;
}
html[lang=en] .interactiveMap .listSec.close .mapList-cards {
  transform: translateX(-275px);
}
html[lang=en] .swiper-button-prev,
html[lang=en] .landmarks .landmarks-button-prev,
html[lang=en] .bannerMenu .bannerSlider-button-prev {
  transform: scaleX(1) !important;
}
html[lang=en] .breadcrumb .breadcrumb-items .item::after,
html[lang=en] .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .show-all a img,
html[lang=en] .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link img,
html[lang=en] .everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box .more-arrow img,
html[lang=en] .swiper-button-next,
html[lang=en] .landmarks .landmarks-button-next,
html[lang=en] .bannerMenu .bannerSlider-button-next .favAnchors-sec ul li a img,
html[lang=en] .bannerMenu .content-box a img,
html[lang=en] .discover-options .main-sec .more img,
html[lang=en] .interactiveMap .mapList-cards .map-card .content-box img,
html[lang=en] .interactiveMap .openSide img,
html[lang=en] .rules-sideList ul li a img,
html[lang=en] .worth-visiting .slider-moreWorthVisiting::before,
html[lang=en] #guideModal .modal-footer .skip img,
html[lang=en] .caseSigned .tab-content .formTo .fromTo-Form .nextButton a img,
html[lang=en] .story-more .listCards .more img,
html[lang=en] .navi .mainMobileNav ul li a img,
html[lang=en] .navi .mainMobileNav .backClose-btns .backBtn img,
html[lang=en] #userModal .modal-body .content-box ul li a::after,
html[lang=en] .navi .mainMobileNav.level3 .title-sec a img,
html[lang=en] .bannerMenu .bannerSlider-button-next {
  transform: scaleX(-1) !important;
}
html[lang=en] .interactiveMap .listSec.close .openSide img {
  transform: none !important;
}
html[lang=en] .sticky-container .sticky-slide > div.box::after {
  transform: scaleX(1);
}
html[lang=en] .sticky-container .sticky-slide > div.box::before {
  transform: scaleX(-1);
}
html[lang=en] footer .contactUs a span {
  line-height: 1;
}
html[lang=en] .horizontalSlide .box:not(:first-of-type) .img-box,
html[lang=en] .horizontalSlide .box:not(:first-of-type) .video-box,
html[lang=en] .horizontalSlide .box:not(:first-of-type) .main-sec h5,
html[lang=en] .horizontalSlide .box:not(:first-of-type) .main-sec h2,
html[lang=en] .horizontalSlide .box:not(:first-of-type) .main-sec p {
  transform: translateX(200px) !important;
}
html[lang=en] .horizontalSlide .is-active.box:not(:first-of-type) .img-box,
html[lang=en] .horizontalSlide .is-prev-blur.box:not(:first-of-type) .img-box,
html[lang=en] .horizontalSlide .is-active.box:not(:first-of-type) .video-box,
html[lang=en] .horizontalSlide .is-prev-blur.box:not(:first-of-type) .video-box,
html[lang=en] .horizontalSlide .is-active.box:not(:first-of-type) .main-sec h5,
html[lang=en] .horizontalSlide .is-prev-blur.box:not(:first-of-type) .main-sec h5,
html[lang=en] .horizontalSlide .is-active.box:not(:first-of-type) .main-sec h2,
html[lang=en] .horizontalSlide .is-prev-blur.box:not(:first-of-type) .main-sec h2,
html[lang=en] .horizontalSlide .is-prev-blur.box:not(:first-of-type) .main-sec p,
html[lang=en] .horizontalSlide .is-active.box:not(:first-of-type) .main-sec p {
  transform: translateX(0) !important;
}
html[lang=en] .events-main .event-card .evNow {
  width: auto;
}
html[lang=en] .rateContet .rate {
  direction: rtl;
}
html[lang=en] [type=email], html[lang=en] [type=number], html[lang=en] [type=tel], html[lang=en] [type=url] {
  direction: ltr;
}
html[lang=en] .caseSigned .tab-content .trip-data1 select {
  background-position: 96% center;
}
html[lang=en] .bannerSlider-button-next:hover,
html[lang=en] .landmarks-button-next:hover {
  transform: scaleX(-1) scale(1.2) !important;
}
html[lang=en] .bannerSlider-button-prev:hover,
html[lang=en] .landmarks-button-prev:hover {
  transform: scale(1.2) !important;
}
html[lang=en] .events-main .swiper-button-next:hover,
html[lang=en] .suggested-paths .swiper-button-next:hover,
html[lang=en] .tourist-packages .swiper-button-next:hover,
html[lang=en] .restaurent-cafe .swiper-button-next:hover,
html[lang=en] .everyAngle-makkah .everyAngleSlider .swiper-button-next:hover,
html[lang=en] .worth-visiting .swiper-button-next:hover,
html[lang=en] .more-landmarks.morePacks .morePacksSlider .swiper-button-next:hover,
html[lang=en] .more-events .swiper-button-next:hover,
html[lang=en] .more-landmarks .swiper-button-next:hover,
html[lang=en] .marketSlider .swiper-button-next:hover,
html[lang=en] .moreeeeMarkets .more-markets .swiper-button-next:hover {
  transform: scaleX(-1) scale(1.2) !important;
}
html[lang=en] .events-main .swiper-button-prev:hover,
html[lang=en] .suggested-paths .swiper-button-prev:hover,
html[lang=en] .tourist-packages .swiper-button-prev:hover,
html[lang=en] .restaurent-cafe .swiper-button-prev:hover,
html[lang=en] .everyAngle-makkah .everyAngleSlider .swiper-button-prev:hover,
html[lang=en] .worth-visiting .swiper-button-prev:hover,
html[lang=en] .more-landmarks.morePacks .morePacksSlider .swiper-button-prev:hover,
html[lang=en] .more-events .swiper-button-prev:hover,
html[lang=en] .more-landmarks .swiper-button-prev:hover,
html[lang=en] .marketSlider .swiper-button-prev:hover,
html[lang=en] .moreeeeMarkets .more-markets .swiper-button-prev:hover {
  transform: scale(1.2) !important;
}
@media (max-width: 991.98px) {
  html[lang=en] .interactiveMap .listSec .openSide {
    border-radius: 4px 4px 0 0;
  }
  html[lang=en] .interactiveMap .listSec .openSide img {
    transform: rotate(90deg) !important;
  }
  html[lang=en] .interactiveMap .listSec.close .mapList-cards {
    transform: translateY(210px);
  }
  html[lang=en] .interactiveMap .listSec.close .openSide img {
    transform: rotate(270deg) !important;
  }
  html[lang=en] .topSec div {
    max-height: 60px;
  }
  html[lang=en] .topSec.opened div {
    max-height: inherit;
  }
}
@media (max-width: 574.98px) {
  html[lang=en] .fast-links .fl-card h4 {
    text-align: center;
  }
}

@media (min-width: 1650px) {
  .container {
    max-width: 1440px;
  }
  .container-custom {
    max-width: 1575px;
  }
}
/**********************************************************
                    meeeeedia max-width
**********************************************************/
@media (max-width: 1849.98px) {
  footer .up {
    bottom: 25%;
  }
}
@media (max-width: 1649.98px) {
  .col-xl-2 .map-a a {
    font-size: 1rem;
  }
  .list-adventures .adventure-card .img-box,
.inner-res-card .img-box,
.list-pack-card .img-box {
    height: 330px;
  }
  .list-events .list-event-card .img-box {
    height: 280px;
  }
  .categ-card .img-box {
    height: 315px;
  }
  .categ-card .content-box h4, .list-event-card .content-box h4 {
    min-height: 48px;
  }
  .story-two .custom-navi .swiper-button-prev, .story-two .custom-navi .swiper-button-next {
    width: 30px;
    height: 30px;
    background-size: 18px;
  }
  .story-two .custom-navi .swiper-button-next {
    right: -3%;
  }
  .story-two .custom-navi .swiper-button-prev {
    left: -3%;
  }
  footer .up {
    bottom: 25%;
    left: 2%;
  }
  footer .up a {
    width: 35px;
    height: 35px;
    padding: 7px;
  }
  .outerLink {
    padding: 10px;
    gap: 6px;
  }
  .outerLink .fs-16 {
    font-size: 0.875rem;
  }
  .navi .logoMain {
    width: 150px;
  }
  .menuWithBanner .navbarMenu .navbar-nav {
    gap: 25px;
    padding-left: 7%;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link {
    font-size: 1rem;
    padding: 30px 0;
  }
  .menuWithBanner .end {
    gap: 12px;
  }
  .about-storyInfo .card-white ul li p {
    height: 75px;
    -webkit-line-clamp: 3;
  }
  .landmarks .landmarks-card {
    height: 350px;
  }
  .cultDet-card {
    height: auto;
  }
  .sticky-container .sticky-slide > div.box::before {
    width: 2%;
    height: 8px;
  }
  .sticky-container .sticky-slide > div.box::after {
    width: 6%;
    height: 8px;
  }
}
@media (max-width: 1399.98px) {
  .menuWithBanner .navbarMenu .navbar-nav {
    gap: 35px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link {
    font-size: 1rem;
    padding: 30px 0;
  }
  .menuWithBanner .end {
    gap: 12px;
  }
  .col-xl-2 .map-a a {
    gap: 4px;
    padding: 10px 16px;
  }
  .categ-card .img-box,
.list-pack-card .img-box,
.list-adventures .adventure-card .img-box,
.inner-res-card .img-box {
    height: 305px;
  }
  .categ-card .content-box h4,
.list-event-card .content-box h4 {
    min-height: 48px;
  }
  .list-pack-card .content-box h4 {
    min-height: 54px;
  }
  .hotels-card .img-box {
    width: 40% !important;
  }
  .hotels-card .content-box {
    gap: 24px;
  }
  .hotels-card .content-box .box3 .btns-box a {
    padding: 10px 15px;
    height: auto;
  }
  .col-4 .sort-div2 select {
    min-width: 195px;
  }
  .fs-56 {
    font-size: 2.8125rem;
  }
  .fs-52 {
    font-size: 2.625rem;
  }
  .grid-album .album-list {
    grid-template-columns: repeat(12, minmax(auto, 1fr));
  }
  .bannerMenu .content-box {
    max-width: 400px;
  }
  .bannerMenu .content-box .fs-54 {
    font-size: 2.5rem;
  }
  .bannerMenu .content-box .fs-20 {
    font-size: 1.125rem;
  }
  .contactUs-card .contact-data .social ul {
    gap: 16px;
  }
  .list-full .tab-content .col-xl-2 {
    width: 25%;
  }
  .guideList .guideList-card .personal-data .reviews {
    position: unset;
    width: max-content;
    margin-top: 10px;
  }
  .guideList .guideList-card .personal-data .reviews .topRev {
    padding: 4px 12px;
  }
  .guideList .guideList-card .personal-data .reviews .topRev .stars span {
    font-size: 0.875rem;
  }
  .guideList .guideList-card .personal-data .reviews .bottomRev span {
    font-size: 0.75rem;
  }
  .menuWithBanner .navbarMenu .navbar-nav {
    padding-left: 4%;
    gap: 20px;
  }
  .about-storyInfo .card-white ul li p {
    height: 95px;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 1199.98px) {
  .detBanner .imgs-list {
    margin-bottom: 50px;
    gap: 5px;
  }
  .detBanner .imgs-list .img-list-a {
    display: none;
    width: 100px;
    height: 70px;
  }
  .detBanner .imgs-list .img-list-a:first-child {
    display: block;
  }
  .detBanner .imgs-list .more-a {
    width: 100px;
    height: 70px;
  }
  .details-areaPacks .details.withBtn .content-sec {
    grid-template-columns: 1fr;
    width: 100%;
  }
  .details-areaPacks .details {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
  }
  .advSwiper .advSlider-card {
    height: 425px;
  }
  .st-direction .content-box, .rev-direction .content-box {
    gap: 12px;
  }
  .st-direction .fs-40, .rev-direction .fs-40 {
    font-size: 1.75rem;
  }
  .st-direction .fs-18, .rev-direction .fs-18 {
    font-size: 1rem;
  }
  .main-info h2 {
    font-size: 2.1875rem;
  }
  .main-info p {
    font-size: 1.5rem;
  }
  .gallary-sliders .gallarySwiper {
    height: 450px;
  }
  .details-sideNews {
    padding: 24px 12px;
  }
  .details-sideNews .more-newsList .more-card {
    gap: 12px;
    padding: 0px;
    padding-bottom: 12px;
  }
  .details-sideNews .more-newsList .more-card .img-box {
    flex: 0 0 80px;
    height: 80px !important;
  }
  .details-sideNews .more-newsList .more-card .content-box {
    gap: 8px;
  }
  .details-sideNews .more-newsList .more-card .content-box .fs-18 {
    font-size: 1rem;
  }
  .details-sideNews .more-newsList .more-card .content-box::after {
    bottom: -12px;
  }
  .guide-sec {
    padding: 80px 20px;
    gap: 80px;
    justify-content: center;
    align-items: center;
  }
  .slideSec .story .cont-box .fs-20 {
    font-size: 0.1 0.125rem;
  }
  .about-details .aboutDet-card {
    margin-bottom: 32px;
  }
  .about-details .fs-28 {
    font-size: 1.25rem;
  }
  .hotels-card.tourOp-card .content-box {
    flex: 0 0 65%;
    width: 65%;
  }
  .contactWzUs ul {
    padding: 10px 0 !important;
  }
  .contactWzUs ul li {
    padding: 0 !important;
  }
  .contactWzUs .fs-16 {
    font-size: 0.875rem;
  }
  .slideSec .story .cont-box {
    padding: 0;
  }
  .slideSec .story .cont-box .fs-52 {
    font-size: 2.1875rem;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .hotels-card .content-box {
    gap: 16px;
  }
  .hotels-card .content-box .box3 {
    gap: 12px;
  }
  .hotels-card .content-box .box3 .reservations {
    flex: 0 0 40%;
  }
  .hotels-card .content-box .box3 .btns-box {
    justify-content: flex-end;
  }
  .contactUs-card .contact-data .social {
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }
  .contactUs-card .contact-data .social ul {
    gap: 32px;
  }
  .details-about .details .content-sec {
    min-width: 150px;
    max-width: 150px;
  }
  .menuWithBanner .navbarMenu .col-lg-6 .tab-content .col-lg-3 {
    width: 33%;
  }
  .menuWithBanner .navbarMenu .navbar-nav {
    padding-left: 5%;
    gap: 15px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
  }
  .menuWithBanner .end {
    gap: 8px;
  }
  .trip-plannerSec {
    padding-right: 4%;
  }
  footer .contactUs a .fs-16 {
    font-size: 14px;
  }
  .navi .logoMain {
    width: 160px;
  }
  .details-spy {
    padding: 20px 15px;
  }
  .details-spy ul li a {
    gap: 10px;
    font-size: 0.75rem;
  }
  .advSwiper,
.fancy-imgsList {
    height: 425px;
  }
  .fancy-imgsList .fancyImg {
    height: 212px;
  }
  .story-more {
    padding-left: 15%;
  }
  .aboutDet-card {
    height: 450px;
  }
  .check-list.grid {
    grid-template-columns: 1fr 1fr;
  }
  .destPopUp .list .destCard .img-box img, .destPopUp2 .list .destCard .img-box img {
    object-fit: cover;
  }
  .outerLink {
    transform: none;
    top: 80%;
  }
  .menuWithBanner .end {
    gap: 5px;
  }
  .menuWithBanner .end a img {
    width: 18px;
    height: 18px;
  }
  .menuWithBanner .end .lang {
    padding: 1px 5px 1px 2px;
    width: 50px;
    height: 25px;
  }
  .about-storyInfo .card-white ul li p {
    height: auto;
    overflow: initial;
    display: block;
  }
  .about-storyInfo .card-white .col-lg-6 {
    width: 100%;
  }
  .about-storyInfo .card-white .col-lg-6:last-of-type {
    padding-left: 12px;
  }
}
@media (max-width: 991.98px) {
  .morePacks .morePacksSlider .swiper-wrapper {
    width: 100%;
    height: 100%;
    transform: none !important;
    display: flex;
    flex-direction: column;
  }
  .morePacks .swiper-button-next,
.morePacks .swiper-button-prev {
    display: none !important;
  }
  .menuWithBanner .navbar-toggler {
    position: absolute;
    right: 20px;
  }
  .menuWithBanner .navbar-collapse {
    background: #ffffff;
    position: absolute;
    right: 0;
    left: 0;
    top: 65px;
    padding: 20px;
  }
  .menuWithBanner .navbar-collapse .navbar-nav {
    gap: 8px;
  }
  .menuWithBanner .navbar-collapse .navbar-nav .nav-link {
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    font-family: "font-Bold";
    height: auto;
  }
  .menuWithBanner .navbar-collapse .end {
    justify-content: center;
  }
  .story-one .titleSec .main-sec {
    height: auto;
  }
  .story-one .descSec {
    position: unset;
    height: auto;
  }
  .story-two .bigThumbSwiper .img-box {
    height: 335px;
  }
  .map-area .main-sec {
    margin-bottom: 48px;
    height: auto;
  }
  .map-area .main-sec .download-a {
    width: 100%;
  }
  .map-area .main-sec a {
    flex-grow: 1;
    padding: 8px 12px !important;
    min-width: inherit !important;
  }
  .map-area .map-sec {
    border-radius: 16px;
    height: 500px;
  }
  .grid-album .album-list {
    grid-template-columns: unset;
  }
  footer .footer-social h5 {
    display: none;
  }
  footer .footer-social .contactUs {
    justify-content: center;
  }
  footer .footer-logo-inverted {
    text-align: center;
  }
  footer .footer-social .social-footer {
    justify-content: center;
    margin-bottom: 10px;
  }
  footer .accordion,
footer .accordion * {
    border: none !important;
    border-radius: 0;
  }
  footer .accordion-button {
    outline: none;
    box-shadow: none !important;
    border-radius: 0;
    font-size: 1rem;
  }
  footer .accordion-button::after {
    filter: grayscale(0) invert(1) brightness(50);
  }
  footer .accordion-body {
    padding: 0 5% 10px;
  }
  footer .accordion-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  footer .footer-bottom {
    flex-direction: column-reverse;
    margin-top: 16px;
    padding-top: 24px;
  }
  footer .footer-bottom > * {
    display: flex;
    justify-content: flex-start !important;
  }
  footer .footer-bottom .text-md-end {
    margin-bottom: 15px;
  }
  footer .up {
    position: relative;
    left: 5%;
    bottom: 0;
    display: inline-flex;
    margin-left: 20px;
    margin-top: 10px;
  }
  footer .btns {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    padding: 12px 0;
  }
  footer .btns a {
    min-width: 110px;
    height: 36px;
    justify-content: center;
  }
  .fs-48 {
    font-size: 2rem;
  }
  .fs-40 {
    font-size: 1.875rem;
    line-height: 1.4;
  }
  .fs-24 {
    font-size: 1.25rem;
  }
  .det-sec {
    gap: 20px;
  }
  .det-sec .fs-18 {
    font-size: 1rem;
  }
  .Inner-suggested-paths .fs-36 {
    font-size: 1.375rem;
  }
  .mainBanner, .detBanner {
    height: 400px;
  }
  .navi .logoMain {
    width: 150px;
  }
  .menuWithBanner .navi {
    padding: 12px 0 15px;
  }
  .sticky {
    position: relative;
    top: 0;
  }
  .details-area {
    margin-top: 30px;
  }
  .more-landmarks.morePacks .morePacksSlider {
    padding: 15px;
  }
  .more-landmarks.morePacks .morePacksSlider .more-card {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0 10px 45px 0 rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
  }
  .more-landmarks.morePacks .morePacksSlider .swiper-slide:nth-child(n+4) {
    display: none;
  }
  .packs-activities .grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .packs-activities .grid .activities-card {
    display: flex;
    flex-direction: row;
    gap: 20px;
  }
  .packs-activities .grid .activities-card .img-box {
    width: 115px;
    height: 110px;
    flex-shrink: 0;
  }
  .packs-activities .grid .activities-card .content-box {
    padding: 0;
    gap: 12px;
  }
  .packs-activities .grid .activities-card .content-box h4 {
    font-size: 0.1 0.125rem;
  }
  .packs-activities .grid .activities-card .content-box p {
    font-size: 0.875rem;
  }
  .details-areaPacks .details {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
  }
  .pack-details .data {
    padding: 0;
  }
  .pack-details .data > * {
    flex: auto;
  }
  .pack-details .requiredPreparations {
    padding: 12px 16px;
  }
  .pack-details .requiredPreparations h4 {
    font-size: 1rem;
  }
  .st-direction .img-box, .rev-direction .img-box {
    width: 100%;
    margin-bottom: 12px;
    margin-top: 28px;
    height: 250px;
  }
  .st-direction .img-box img, .rev-direction .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .st-direction .content-box, .rev-direction .content-box {
    height: 50px;
    overflow: hidden;
    justify-content: flex-start;
    padding: 0;
    transition: 0.3s;
  }
  .st-direction .fs-24, .rev-direction .fs-24 {
    font-size: 1.5rem;
  }
  .st-direction .col-lg-6, .rev-direction .col-lg-6 {
    position: relative;
  }
  .st-direction .readMore, .rev-direction .readMore {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 31.4%, #FFF 75.71%);
    width: 100%;
    position: absolute;
    padding: 69px 12px 28px;
    top: -12px;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }
  .st-direction .readMore img, .rev-direction .readMore img {
    transition: 0.3s;
  }
  .st-direction.opened, .rev-direction.opened {
    margin-bottom: 0;
  }
  .st-direction.opened .content-box, .rev-direction.opened .content-box {
    height: auto;
  }
  .st-direction.opened .readMore, .rev-direction.opened .readMore {
    position: relative;
    padding: 40px 12px 20px;
  }
  .st-direction.opened .readMore img, .rev-direction.opened .readMore img {
    transform: rotate(180deg);
  }
  .rev-direction {
    flex-direction: column-reverse;
  }
  .col-lg-10.offset-lg-1 .row {
    padding-top: 28px;
  }
  .col-lg-10.offset-lg-1 .row:first-child {
    padding-top: 0;
  }
  .filter-wz-img ul {
    gap: 12px;
  }
  .filter-wz-img ul li a {
    width: 210px;
    height: 67px;
    padding: 12px 16px;
  }
  .filter-wz-img ul li a .img-box {
    width: 40px;
    height: 40px;
  }
  .filter-wz-img ul li a .det-box {
    gap: 4px;
  }
  .filter-wz-img ul li a .det-box p {
    font-size: 0.75rem;
  }
  .gridView-icon {
    height: 65px;
  }
  .filterModal-btn button {
    min-width: auto;
    width: 100%;
  }
  .sort-div2 label {
    display: none;
  }
  .sort-div2 select {
    min-width: auto;
    width: 100%;
  }
  .inner-res-card {
    background: #FFF;
    /* shadow-custom */
    box-shadow: 0 2px 6px -4px rgba(22, 22, 43, 0.4);
  }
  .main-info h2 {
    font-size: 1.75rem;
  }
  .main-info p {
    display: none;
  }
  .advSwiper,
.gallary-sliders,
.gallarySwiper {
    height: 385px;
  }
  .fancy-imgsList {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px;
    margin-top: 16px;
    height: 115px;
  }
  .fancy-imgsList .fancyImg {
    height: 115px;
  }
  .fancy-imgsList .fancyImg:nth-of-type(3) {
    display: none;
  }
  .fancy-imgsList .fancyImg .showAll {
    font-size: 0.75rem;
    gap: 5px;
  }
  .fancy-imgsList .fancyImg .showAll > div {
    font-size: 1rem;
  }
  .fancy-imgsList.twoCardsVerticle {
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    margin-top: 16px;
    height: 140px;
  }
  .fancy-imgsList.twoCardsVerticle .fancyImg {
    height: 140px;
  }
  .main-sec .check-list {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    max-height: 160px;
    overflow: hidden;
    position: relative;
  }
  .main-sec .check-list .readMore {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, #FFF 50.62%);
    width: 100%;
    position: absolute;
    padding: 40px 10px 10px 10px;
    bottom: -12px;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .main-sec .check-list .readMore img {
    transition: 0.3s;
  }
  .main-sec .check-list.opened {
    padding-bottom: 50px;
    max-height: inherit;
  }
  .main-sec .check-list.opened .readMore {
    padding: 20px;
    background: none;
  }
  .main-sec .check-list.opened .readMore img {
    transform: rotate(180deg);
  }
  .contact-det .mapsec {
    height: 235px;
    margin-top: 28px;
    margin-bottom: 20px;
  }
  .contact-det .content-box {
    padding: 0;
  }
  .contact-det .content-box .map-go a {
    display: flex;
  }
  .contact-det .row {
    flex-direction: column-reverse;
  }
  .more-landmarks h4 {
    font-size: 1.375rem;
  }
  .hotels-card {
    flex-direction: column;
    gap: 24px;
  }
  .hotels-card .img-box {
    width: 100% !important;
    height: 245px;
  }
  .hotels-card .content-box {
    width: 100%;
    padding: 0 16px 20px;
  }
  .hotels-card .content-box .fs-28 {
    font-size: 1.25rem;
  }
  .hotels-card .content-box .box3 {
    gap: 20px;
    flex-direction: column;
  }
  .hotels-card .content-box .box3 .reservations {
    flex: 0 0 auto;
  }
  .hotels-card .content-box .box3 .btns-box {
    align-items: center;
    justify-content: space-between;
  }
  .hotels-card .content-box .box3 .btns-box a {
    width: 48%;
    text-align: center;
  }
  .row-rev {
    display: flex;
    flex-direction: column-reverse;
  }
  .row-rev .col-4 {
    width: 100%;
    margin-bottom: 20px;
  }
  .news-listCard {
    margin-bottom: 15px !important;
  }
  .news-listCard .img-box {
    height: 300px !important;
  }
  .news-listCard .content-box {
    padding: 24px 0 !important;
    gap: 12px;
  }
  .news-listCard .content-box .fs-32 {
    font-size: 1.25rem;
  }
  .news-listCard .content-box .fs-16 {
    font-size: 0.875rem;
  }
  .news-listCard .content-box .fs-18 {
    font-size: 1rem;
  }
  .news-listCard .content-box .load-more {
    display: none;
  }
  .news-listCard.mainNewsCard {
    margin-top: 28px;
  }
  .news-details .tags {
    margin: 16px 0;
  }
  .news-details .fs-18 {
    font-size: 1rem;
  }
  .details-sideNews {
    padding: 24px 12px;
    border: none;
  }
  .details-sideNews .more-newsList .more-card {
    gap: 24px;
  }
  .details-sideNews .more-newsList .more-card .img-box {
    flex: 0 0 100px;
  }
  .details-sideNews .more-newsList .more-card .content-box {
    gap: 12px;
  }
  .details-sideNews .more-newsList .more-card .content-box .fs-18 {
    font-size: 0.1 0.125rem;
  }
  .details-sideNews .more-newsList .more-card .content-box::after {
    bottom: -12px;
  }
  .fs-28 {
    font-size: 1.5rem;
  }
  .col-lg-8.pe-4 {
    padding-right: 12px !important;
  }
  .col-lg-4.ps-3 {
    padding-left: 12px !important;
  }
  .guide-sec {
    margin-top: 35px;
    padding: 65px 20px;
    align-items: flex-start;
  }
  .guide-sec .btns-box {
    width: 100%;
  }
  .fs-56 {
    font-size: 2.25rem;
  }
  .stories-listCard {
    margin-bottom: 10px;
  }
  .stories-listCard .content-box {
    padding: 25px 0 !important;
  }
  .stories-listCard .content-box .custom-underline {
    padding-bottom: 16px;
    margin-bottom: 20px;
  }
  .stories-listCard .content-box h5 {
    display: none;
  }
  .stories-listCard .content-box p {
    font-size: 1rem;
  }
  .stories-listCard .content-box .load-more {
    margin-top: 25px;
  }
  .mb-lg-125 {
    margin-bottom: 50px;
  }
  .about-details .aboutDet-card {
    height: 385px;
  }
  .about-details .cont-box {
    padding: 0 !important;
  }
  .about-details .cont-box .custom-underline {
    font-size: 2.5rem;
    padding-bottom: 20px;
    margin-bottom: 32px;
  }
  .slideSec .story .fs-32 {
    margin-bottom: 20px;
  }
  .slideSec .story .img-box {
    height: 320px;
    margin-bottom: 20px;
  }
  .slideSec .story .custom-underline {
    display: none;
  }
  .slideSec .story + .story {
    margin-top: 25px;
    padding: 0;
  }
  .worth-visiting .col-4,
.worth-visiting .col-8 {
    width: 100%;
  }
  .worth-visiting .main-box {
    padding-left: 15%;
  }
  .worth-visiting .main-box h5.fs-24 {
    display: none;
  }
  .worth-visiting .main-box .custom-underline {
    padding-bottom: 20px;
    margin-bottom: 0;
  }
  .worth-visiting .slider-moreWorthVisiting {
    padding: 0;
  }
  .worth-visiting .slider-moreWorthVisiting::before {
    display: none;
  }
  .about-storyInfo .card-white {
    padding: 32px 20px;
  }
  .about-storyInfo .card-white .col-lg-6 {
    padding: 0 12px !important;
  }
  .about-storyInfo .card-white ul li {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .about-storyInfo .fs-36 {
    font-size: 1.5rem;
  }
  .everyAngle-makkah.story-info-last {
    background-color: #F6F2E7;
    padding: 40px 0;
  }
  .everyAngle-makkah .fs-44 {
    font-size: 1.375rem;
  }
  .videoSec {
    height: 600px;
  }
  .videoSec .content-box {
    max-width: 300px;
  }
  .cultDet-main .cultDet-card {
    height: 380px;
    margin-bottom: 32px;
  }
  .cultDet-main .cont-box {
    padding: 0 !important;
  }
  .cultDet-main .cont-box .custom-underline {
    font-size: 2.5rem;
    padding-bottom: 20px;
    margin-bottom: 32px;
  }
  .cultDet-main .cont-box .fs-28 {
    font-size: 1.25rem;
  }
  .cultDet-detailsList {
    padding: 0 !important;
  }
  .cultDet-detailsList .fs-32 {
    font-size: 1.75rem;
  }
  .cultDet-detailsList .cultDet-card {
    margin-bottom: 20px;
  }
  .cultDet-detailsList .cont-box p {
    font-size: 1rem;
  }
  .hotels-card.tourOp-card .img-box {
    max-width: inherit;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .hotels-card.tourOp-card .content-box {
    flex: 0 0 auto;
    width: 100%;
  }
  .hotels-card.tourOp-card .contactWzUs ul {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .hotels-card.tourOp-card .box3 .reservations {
    font-size: 0.875rem;
  }
  .hotels-card.tourOp-card .box3 .btns-box a {
    width: 100%;
  }
  .bannerMenu {
    height: 650px;
  }
  .bannerMenu .content-box {
    max-width: 85%;
    align-items: flex-start;
  }
  .bannerMenu .content-box .fs-54 {
    font-size: 1.625rem;
    margin-bottom: 40px;
  }
  .bannerMenu .controls-box {
    flex-direction: row;
    bottom: 40px;
  }
  .landmarks {
    padding: 30px 0 30px;
  }
  .landmarks h2 {
    font-size: 1.375rem;
    margin-bottom: 0;
  }
  .landmarks .landmarks-card {
    height: 230px;
  }
  .landmarks .main-sec .more {
    padding: 8px 12px;
  }
  .landmarks .landmarks-button-prev, .landmarks .landmarks-button-next {
    display: none;
  }
  .story-one .main-sec,
.story-two .main-sec,
.story-three .main-sec {
    padding: 0;
    align-items: center;
  }
  .story-one .main-sec .fs-18,
.story-two .main-sec .fs-18,
.story-three .main-sec .fs-18 {
    font-size: 1rem;
  }
  .story-one .main-sec h2,
.story-two .main-sec h2,
.story-three .main-sec h2 {
    font-size: 1.625rem;
  }
  .story-one .main-sec .fs-20,
.story-two .main-sec .fs-20,
.story-three .main-sec .fs-20 {
    font-size: 0.1 0.125rem;
  }
  .story-one .main-sec .fs-22,
.story-two .main-sec .fs-22,
.story-three .main-sec .fs-22 {
    font-size: 1rem;
  }
  .story-one .descSec,
.story-two .descSec,
.story-three .descSec {
    margin-top: 30px;
  }
  .story-one .descSec .main-sec,
.story-two .descSec .main-sec,
.story-three .descSec .main-sec {
    padding: 0;
  }
  .story-one .descSec .main-sec .fs-20,
.story-two .descSec .main-sec .fs-20,
.story-three .descSec .main-sec .fs-20 {
    font-size: 0.1 0.125rem;
  }
  .story-one .btns-box a,
.story-two .btns-box a,
.story-three .btns-box a {
    flex: 1 0 0;
  }
  .events-main .event-card.event-card-mob .img-box {
    max-width: 185px;
  }
  .suggested-paths .path-card .content-box h4 {
    font-size: 0.1 0.125rem;
  }
  .tourist-packages .pack-card .content-box h4 {
    font-size: 1rem;
  }
  .discover-options .main-sec {
    padding: 0;
  }
  .discover-options .main-sec .more {
    margin-bottom: 48px;
  }
  .restaurent-cafe {
    padding: 60px 0;
  }
  .map-area .main-sec h2 {
    font-size: 2.75rem;
  }
  .map-area .main-sec .more {
    padding: 8px 12px;
  }
  .map-area,
.restaurent-cafe,
.events-main,
.tourist-packages {
    margin-top: 0;
    margin-bottom: 0;
    background-color: #F6F2E7;
  }
  .restaurent-cafe .main-sec h2,
.events-main .main-sec h2,
.suggested-paths .main-sec h2,
.tourist-packages .main-sec h2 {
    font-size: 1.375rem;
  }
  .restaurent-cafe .main-sec .more,
.events-main .main-sec .more,
.suggested-paths .main-sec .more,
.tourist-packages .main-sec .more {
    padding: 8px 12px;
  }
  .slideSec .story {
    padding-top: 30px !important;
    padding-bottom: 30px;
    margin-top: 0 !important;
  }
  .caseSigned .tab-content .trip-data2 .myTrip-topSec {
    flex-wrap: wrap;
  }
  .caseSigned .tab-content .trip-data2 .myTrip-topSec .title {
    order: 3;
    width: 100%;
    margin-top: 20px;
  }
  .caseSigned .tab-content .trip-data2 .myTrip-topSec .title h3 {
    font-size: 0.1 0.125rem;
  }
  .caseSigned .tab-content .trip-data2 .myTrip-details {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .days-list .day-card .detailsSec .activity-card .delete-btn {
    filter: brightness(50);
  }
  .days-list .day-card .detailsSec .activity-card .card-content {
    flex-direction: column;
    align-items: flex-start;
  }
  .days-list .day-card .detailsSec .activity-card .card-content .img-box {
    width: 100%;
    height: 135px;
  }
  .days-list .day-card .detailsSec .activity-card .card-content .cont-box {
    width: 100%;
  }
  .days-list .day-card .detailsSec .activity-card .card-content .cont-box h4 {
    font-size: 1.25rem;
  }
  .caseSigned .tab-content .formTo .fromTo-Form {
    gap: 12px;
  }
  .caseSigned .tab-content .formTo .fromTo-Form div {
    gap: 8px;
  }
  .tripMap {
    height: 825px;
  }
  .destPopUp {
    width: 100%;
    left: 0;
    top: 150%;
  }
  .destPopUp.open {
    top: 20%;
    max-height: 80%;
  }
  .destPopUp .list {
    height: 50%;
    max-height: 50%;
  }
  .destPopUp .servList ul {
    padding: 13px 10px;
  }
  .interactiveMap .map-filter {
    left: 4%;
    right: auto;
    width: 96%;
    top: 100px;
  }
  .interactiveMap .map-actions {
    left: 4%;
    right: auto;
    top: 170px;
    bottom: auto;
  }
  .interactiveMap .map-actions .plusMinus {
    display: none;
  }
  .interactiveMap .mapList-cards {
    padding-left: 4%;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 210px;
    bottom: 0;
    top: auto;
    padding: 16px;
    position: absolute;
  }
  .interactiveMap .mapList-cards .map-card {
    width: 200px;
    min-height: 170px;
  }
  .interactiveMap .mapList-cards .map-card .content-box h4 {
    font-size: 0.875rem;
  }
  .interactiveMap .listSec .openSide {
    border-radius: 4px 4px 0 0;
    top: auto;
    left: 24px;
    bottom: 285px;
    width: 44px;
    height: 28px;
  }
  .interactiveMap .listSec .openSide img {
    transform: rotate(90deg) !important;
  }
  .interactiveMap .listSec.close .openSide {
    left: 24px;
    transform: translateY(210px);
  }
  .interactiveMap .listSec.close .openSide img {
    transform: rotate(270deg) !important;
  }
  .interactiveMap .listSec.close .mapList-cards {
    transform: translateY(210px);
  }
  .contactUs-card {
    padding: 24px 12px;
  }
  .col-lg-5 {
    order: 1;
    margin-bottom: 56px;
  }
  .col-lg-7 {
    order: 2;
  }
  .contactUs-card .contact-data {
    padding: 28px 20px;
  }
  .contactUs-card .contactUs-form form .d-flex {
    flex-direction: column;
    gap: 0;
  }
  .contactUs-card .contactUs-form form {
    padding: 0;
  }
  .contactUs-card .contactUs-form form .btn-submit {
    width: 100%;
  }
  .main-box-details .fs-20 {
    font-size: 1rem;
  }
  .favCard .delete-btn {
    background-color: #FFF;
  }
  .favCard .note {
    min-height: auto;
  }
  .favCard .btnsSec {
    position: unset;
    width: 100%;
  }
  .favCard .btnsSec > div {
    flex-grow: 1;
  }
  .favCard .btnsSec a {
    width: auto;
  }
  .guideList .guideList-card .personal-data .content-box h4 {
    font-size: 0.1 0.125rem;
  }
  .guideList .guideList-card .personal-data .content-box p {
    font-size: 0.875rem;
  }
  .breadcrumb .action-btns {
    margin-top: 16px;
  }
  .date-weather {
    right: 5px;
    top: 90px;
  }
  .aboutDet-card {
    height: 380px;
  }
  .px-5 {
    padding: 0 !important;
  }
  .gridView-icon {
    display: flex;
    z-index: 9;
  }
  .filter-wz-img .imgsFilterListSwiper .swiper-button-next, .filter-wz-img .imgsFilterListSwiper .swiper-button-prev {
    display: none;
  }
  .filter-wz-img {
    padding-right: 70px;
  }
  .filter-wz-img .gridView-icon {
    right: -60px;
  }
  .filter-wz-img .imgsFilterListSwiper a {
    padding: 12px 16px;
    height: 65px;
  }
  .filter-wz-img .imgsFilterListSwiper a .img-box {
    width: 40px;
    height: 40px;
  }
  .filter-wz-img .imgsFilterListSwiper a .det-box {
    gap: 4px;
  }
  .filter-wz-img .imgsFilterListSwiper a .det-box p {
    font-size: 0.75rem;
  }
  .fs-22 {
    font-size: 1rem;
  }
  .cultDet-main {
    margin-bottom: 0;
  }
  .fs-28 {
    font-size: 1.25rem;
  }
  .emptyFav p {
    text-align: center;
  }
  .everyAngle-makkah .everyAngleSlider .everyAngle-card .img-box {
    height: 415px !important;
  }
  .topSec {
    padding-bottom: 20px;
  }
  .topSec div {
    max-height: 65px;
  }
  .topSec div p {
    font-size: 1.125rem;
  }
  .topSec.opened div {
    max-height: inherit;
  }
  .det-sec p.fs-28 {
    font-size: 1.125rem;
  }
  #guideModal .modal-body .stepsSec .content-box {
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 15px;
  }
  #guideModal .modal-body .stepsSec .content-box .num {
    width: 50px;
    height: 50px;
    font-size: 2rem;
  }
  .days-list .day-card .btnsSec a {
    height: auto;
    padding: 10px 12px;
  }
  .destPopUp .list .destCard {
    flex-direction: column;
  }
  .destPopUp .list {
    padding: 40px 20px;
  }
  .destPopUp .list .destCard .img-box {
    flex: 0 0 auto;
    width: 100%;
    height: 200px;
    overflow: hidden;
  }
  .destPopUp .list .destCard .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .date-weather {
    display: none;
  }
  .main-sec .check-list.check-list.grid {
    max-height: inherit;
    grid-template-columns: 1fr;
  }
  .rules-details {
    padding: 24px 12px;
  }
  footer .footer-first {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 24px;
  }
  footer .footer-social {
    gap: 16px;
    margin-bottom: 30px;
  }
  footer .footer-outerLink {
    justify-content: center;
  }
  .trip-plannerSec {
    padding-right: 0%;
  }
  .news-listCard .content-box .fs-24 {
    height: 65px;
  }
  .story-three .main-sec, .story-four .main-sec, .story-five .main-sec, .story-six .main-sec, .story-more .main-sec {
    padding: 0 20px;
    text-align: center;
  }
  .story-more .listCards {
    flex-wrap: wrap;
  }
  .everyAngle-makkah .everyAngleSlider .everyAngle-card .content-box .custom-underline {
    font-size: 1.5rem;
  }
  .mobile_menu_list {
    height: 100%;
  }
  .mobile_menu_image img {
    height: 170px !important;
    object-fit: cover;
  }
  .filter-wz-img .outerLink {
    display: none;
  }
  .filter-grid-card {
    padding: 10px 12px;
    gap: 8px;
  }
  .filter-grid-card .det-box h5 {
    font-size: 0.875rem;
  }
  .gridViewModal .outerLink {
    position: relative;
    top: 0;
    margin-top: 30px;
  }
  .events-main .event-card .evNow {
    top: 10px;
    left: 10px;
    font-size: 0.625rem;
    width: auto;
    padding: 4px 8px;
  }
  .worth-visiting {
    padding: 40px 0;
    margin-top: 30px;
  }
  .map-interactive-container {
    height: 85vh !important;
  }
  .interactiveMap .map-filter .category-filter li a {
    gap: 5px;
    padding: 5px 8px;
    font-size: 0.75rem;
  }
  footer .footer-first .footer-logo-inverted, footer .footer-first .by {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .list-events .list-event-card .img-box {
    height: 320px;
  }
  .mobile_menu_image img {
    height: 135px !important;
  }
  .modalSearch .modal-dialog .modal-content .SearchCustom {
    width: 100%;
    height: 55px;
  }
  .modalSearch .modal-dialog .modal-content .SearchCustom .searchInput {
    padding: 10px 20px;
  }
  .col-xl-10 .my-5 {
    margin: 0 !important;
  }
  .categ-card .img-box,
.list-pack-card .img-box {
    height: 390px;
  }
  .inner-res-card .img-box {
    height: 340px;
  }
  .Inner-suggested-paths .marketSlider .res-card .img-box {
    height: 305px;
  }
  .categ-card .content-box h4,
.list-event-card .content-box h4 {
    min-height: auto;
  }
  .list-pack-card .content-box h4 {
    min-height: auto;
  }
  .navi .logoMain {
    width: 110px;
  }
  .mainBanner {
    height: 240px;
  }
  .mainBanner .content-area {
    padding: 0 20px;
    margin-bottom: 24px;
  }
  .detBanner {
    height: 300px;
  }
  .detBanner .content-area {
    width: 100%;
    margin-bottom: 100px;
    padding: 0 20px;
  }
  .detBanner .action-btns {
    margin-bottom: 37px;
    gap: 20px;
    padding: 0 20px;
  }
  .detBanner .action-btns img {
    width: 32px !important;
    height: 32px !important;
  }
  .detBanner .imgs-list {
    margin-bottom: 24px;
    right: 20px;
    gap: 5px;
  }
  .detBanner .imgs-list .img-list-a {
    display: none;
    width: 70px;
    height: 57px;
  }
  .detBanner .imgs-list .img-list-a:first-child {
    display: block;
  }
  .detBanner .imgs-list .more-a {
    width: 100px;
    height: 57px;
  }
  .detBanner .imgs-list .more-a img {
    max-height: 17px;
    display: none;
  }
  .detBanner .imgs-list .more-a .fs-14 {
    font-size: 0.75rem;
  }
  .pe-4 {
    padding-right: 12px !important;
  }
  .ps-3 {
    padding-left: 12px !important;
  }
  .more-landmarks,
.more-events,
.tourist-packages,
.suggested-paths,
.cafeSlider2,
.marketSlider {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .more-landmarks .swiper-button-prev,
.more-landmarks .swiper-button-next,
.more-events .swiper-button-prev,
.more-events .swiper-button-next,
.tourist-packages .swiper-button-prev,
.tourist-packages .swiper-button-next,
.suggested-paths .swiper-button-prev,
.suggested-paths .swiper-button-next,
.cafeSlider2 .swiper-button-prev,
.cafeSlider2 .swiper-button-next,
.marketSlider .swiper-button-prev,
.marketSlider .swiper-button-next {
    display: none;
  }
  .more-landmarks .slider-pr,
.more-events .slider-pr,
.tourist-packages .slider-pr,
.suggested-paths .slider-pr,
.cafeSlider2 .slider-pr,
.marketSlider .slider-pr {
    margin-right: -12px;
  }
  .more-markets .slider-pr {
    margin-right: 0;
  }
  .cafeSlider2,
.marketSlider {
    padding-top: 0;
    padding-bottom: 0;
  }
  .mainBanner .pdf-a {
    margin-bottom: 25px;
  }
  .mainBanner .pdf-a a {
    border-color: #FFF !important;
  }
  .packSwiper .swiper-button-prev, .packSwiper .swiper-button-next, .packSwiper .packSlider-card::after,
.advSwiper .swiper-button-prev, .advSwiper .swiper-button-next, .advSwiper .advSlider-card::after,
.gallary-sliders .swiper-button-prev, .gallary-sliders .swiper-button-next, .gallary-sliders .gallarySwiper .gallaryCard::after {
    width: 32px;
    height: 32px;
  }
  .pack-details .data {
    flex-direction: column;
  }
  .pack-details .requiredPreparations .content-box p {
    display: none;
  }
  section.more-landmarks.morePacks {
    padding-bottom: 0;
  }
  .inner-tourist-packages .fs-40 {
    font-size: 1.375rem;
  }
  .tourist-packages .pack-card .img-box {
    height: 310px;
  }
  .advSwiper .advSlider-card {
    height: 385px;
  }
  .pack-details {
    overflow: hidden;
  }
  .tags {
    flex-wrap: nowrap;
    overflow: auto;
    width: auto;
  }
  .tags li a {
    white-space: nowrap;
  }
  .suggested-paths .path-card .img-box {
    height: 320px;
  }
  .RBModal .modal-body {
    padding: 32px 20px;
  }
  .row.listFilter-wz-img .col-lg-4.col-6 {
    padding: 0 8px;
  }
  .row.listFilter-wz-img .filter-grid-card {
    padding: 15px 12px;
    gap: 12px;
  }
  .row.listFilter-wz-img .filter-grid-card .img-box {
    width: 40px;
    height: 40px;
  }
  .row.listFilter-wz-img .filter-grid-card .det-box {
    gap: 4px;
  }
  .row.listFilter-wz-img .filter-grid-card .det-box p {
    font-size: 0.75rem;
  }
  .workTimes {
    padding: 28px 24px;
  }
  .gallary-sliders .gallarySwiper {
    height: 570px;
  }
  .gallary-sliders .gallarySwiper .gallaryCard h4 {
    bottom: 145px;
    font-size: 1.75rem;
    left: 15px;
  }
  .gallary-sliders .gallarySwiper .vid-box .controls-box {
    left: 10px;
    right: auto;
    bottom: 10px !important;
  }
  .gallary-sliders .gallaryThumbsSwiper {
    bottom: 75px;
    left: 10px;
  }
  p.fs-32.gray2.m-0 {
    font-size: 1.25rem;
  }
  .worth-visiting .swiper-button-prev, .worth-visiting .swiper-button-next,
.everyAngle-makkah .everyAngleSlider .swiper-button-prev, .everyAngle-makkah .everyAngleSlider .swiper-button-next {
    display: none;
  }
  .worth-visiting .main-box {
    padding-right: 5%;
  }
  footer .up {
    left: auto;
    margin-top: 0;
  }
  .Img360 {
    height: 400px;
  }
  .footer-mid .footer-col {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-mid .footer-col .subscription-form {
    width: 100%;
  }
  .footer-mid .footer-col .subscription-form form {
    flex-direction: column;
    max-width: 100%;
  }
  .footer-mid .footer-col .subscription-form .editing-form-control-nested-control .form-control {
    width: 100%;
  }
  .rateContet .rateSec .checkbox-rate {
    max-width: inherit;
  }
  .rateContet .rateBtns {
    flex-direction: column;
    gap: 20px;
  }
  .rateContet .actions {
    justify-content: center;
  }
  .rateContet .bgRate {
    flex-direction: column;
    gap: 20px;
  }
  .rateContet .bgRate .rateRight {
    gap: 12px;
  }
  .rateContet .bgRate .rateRight .rate-title {
    gap: 12px;
  }
  .rateContet .bgRate .rateRight p {
    padding-right: 20px;
  }
  .rateContet .rate {
    padding: 0;
  }
  .rateContet .rate:not(:checked) > label {
    width: 25px;
    height: 25px;
  }
  .case-add .create-trip a {
    min-width: 160px;
    padding: 8px 10px;
    font-size: 0.875rem;
  }
  .filterModal .modal-body .SearchCustom .formGroup .searchInput {
    max-width: 85%;
  }
  .everyAngle-makkah .everyAngleSlider {
    padding: 0 5%;
  }
  .restaurent-cafe,
.map-area,
.grid-album {
    padding: 40px 0;
  }
  .main-box-details {
    margin: 20px 0 5px;
  }
  div[id*=detailsModal] .modal-body .content-box .btns-box a {
    width: 48%;
    font-size: 0.875rem;
  }
  .story-two::after,
.sticky-container .sticky-slide > div.box::before, .sticky-container .sticky-slide > div.box::after {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .caseSigned .tab-content .formTo .fromTo-Form div input {
    max-width: 130px;
    font-size: 0.75rem;
  }
  .caseSigned .tab-content .formTo .fromTo-Form div input[type=date]:before {
    right: 5px;
  }
  .search-area .search-bar {
    width: 100%;
    display: flex;
  }
  .search-area .search-bar input {
    flex-grow: 2;
  }
}
@media (-webkit-device-pixel-ratio: 1.5) {
  html {
    font-size: 10px;
  }
  .container {
    max-width: 1070px;
  }
  .navi .logoMain {
    width: 150px;
  }
  .menuWithBanner .end a,
.menuWithBanner .end a img {
    width: 18px;
    height: 18px;
  }
  .menuWithBanner .end {
    gap: 8px;
  }
  .menuWithBanner .end .lang {
    width: 46px;
    height: 24px;
  }
  .menuWithBanner .navbarMenu .navbar-nav {
    gap: 25px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs {
    gap: 20px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a {
    margin-bottom: 15px;
  }
  .menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .tab-content .drop-nav-a .img-box {
    height: 115px;
  }
  .date-weather > div {
    width: 35px !important;
    height: 35px !important;
    min-height: 35px !important;
  }
  .bannerMenu .content-box {
    left: 9%;
  }
  .cafeSlider, .touristPackagesSlider, .suggestedPathsSlider, .eventsSlider, .landmarksSlider, .touristPackagesSlider2, .cafeSlider2, .marketSlider, .moreLandmarks, .everyAngle-makkah .everyAngleSlider {
    padding-left: 9%;
  }
  .landmarks .landmarks-card {
    height: 300px;
  }
  .bannerMenu .bannerSlider-button-prev, .bannerMenu .bannerSlider-button-next,
.bannerMenu .controls-box,
a img,
.story-one .video-box,
.story-two .bigThumbSwiper .img-box,
.story-two .thumbsSwiper .img-box,
.story-three .img-box, .story-four .img-box, .story-five .img-box, .story-six .img-box, .story-more .img-box, .story-more .listCards .more,
.menuWithBanner .navbarMenu .navbar-nav .dropdown-megamenu .nav-tabs .nav-item .nav-link img,
footer .up,
.ai-assistant,
.grid-album .album-list,
.uc-404 .img-box img,
.accessiblitySec,
.everyAngle-makkah .everyAngleSlider .swiper-button-prev, .everyAngle-makkah .everyAngleSlider .swiper-button-next,
.worth-visiting .swiper-button-prev, .worth-visiting .swiper-button-next,
.rating-container,
.cultDet-card::after, .aboutDet-card::after,
.action-btns .share,
.suggested-paths .swiper-button-prev, .suggested-paths .swiper-button-next,
.advSwiper .swiper-button-prev, .advSwiper .swiper-button-next,
.more-landmarks .swiper-button-prev, .more-landmarks .swiper-button-next,
.advSwiper .advSlider-card::after,
.check-list li::before,
.pack-details .informations li img,
.callCenter-card .content-area div img,
.callCenter-card .img-box,
.contactUs-card .contact-data .contact-info li .img-box,
.details-about .details .title img,
.details-Facilities ul li img,
.details-map .details .title img,
.more-events .event-card .content-box .location img,
.more-events .swiper-button-prev, .more-events .swiper-button-next,
.list-events .list-event-card .content-box .location img,
.rateContet .rate:not(:checked) > label,
.rateContet .bgRate .rateRight .rate-title img,
.rateContet .pWarp .bgLogo img,
.favCard .delete-btn,
.filter-wz-img .imgsFilterListSwiper a .img-box,
.hotels-card .content-box .box3 .reservations img,
.interactiveMap .map-actions,
.interactiveMap .listSec,
div[id*=detailsModal] .modal-header .main p img,
div[id*=detailsModal] .modal-body .content-box .time img,
.available img,
.not-available img,
.langModal .modal-header h5 img,
.gallary-sliders .swiper-button-prev, .gallary-sliders .swiper-button-next,
.gallary-sliders .gallarySwiper .gallaryCard::after,
.controls-box,
.makkahMadeGallery::after,
.contact-det .informations li img,
.fancybox__toolbar,
.news-details .newsDetails-card::after,
.packSwiper .packSlider-card::after,
.packSwiper .swiper-button-prev, .packSwiper .swiper-button-next,
.tourist-packages .swiper-button-prev, .tourist-packages .swiper-button-next,
.siteMap-sec .siteMain.hasList::before,
.slideSec .story .img-box::after,
#revModal .ratBox .starRate,
.hotels-card .content-box .box2 ul li img,
.info img,
.case-add .img-box img,
#guideModal .modal-body .stepsSec .content-box .num,
#guideModal .modal-body .stepsSec .img-box,
#guideModal .modal-footer .custom-paginavi .swiper-pagination .swiper-pagination-bullet,
.caseSigned .tab-content .trip-data2 .myTrip-details .details1 img,
.days-list .day-card .topSec .dayInfo img,
.days-list .day-card .detailsSec .activity-card .card-content .img-box,
.events-main .swiper-button-prev, .events-main .swiper-button-next,
.story-two .custom-navi .swiper-button-prev, .story-two .custom-navi .swiper-button-next,
.landmarks .landmarks-button-prev, .landmarks .landmarks-button-next {
    zoom: 0.7;
  }
  .story-one .btns-box .skip,
.story-one .btns-box .start {
    width: 115px;
    padding: 10px 15px;
  }
  .bannerMenu .content-box a {
    padding: 10px 15px;
    gap: 6px;
  }
  .story-more .listCards .storyMore-card {
    flex: 0 0 150px;
    width: 150px;
  }
  .caseSigned .nav-tabs .nav-item .nav-link {
    padding-bottom: 10px;
  }
  .days-list .day-card .btnsSec a {
    padding: 7px 12px;
    gap: 4px;
  }
  .destPopUp .servList ul {
    gap: 4px;
    padding: 8px 0;
    padding-left: 25px;
  }
  .destPopUp .list .destCard {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
  .destPopUp .list .destCard .cont-box .addTo a {
    padding: 5px 10px;
    gap: 5px;
    height: 30px;
  }
  .destPopUp .popFooter {
    padding: 12px;
  }
  .destPopUp .popFooter button {
    width: 75px;
    padding: 7px 15px;
  }
  .caseSigned .tab-content .trip-data1 select,
.caseSigned .tab-content .trip-data1 .addNew-trip a,
.caseSigned .tab-content .trip-data2 .myTrip-topSec .print a,
.caseSigned .tab-content .formTo .fromTo-Form div input,
.caseSigned .tab-content .formTo .fromTo-Form .nextButton a,
.destPopUp .autocomplete input,
.days-list .download-print a {
    height: 35px;
  }
  .destPopUp .autocomplete input {
    background-size: 15px;
  }
  .caseSigned .tab-content .formTo .fromTo-Form div input[type=date]:before {
    content: "";
    background-image: url(../images/shared/date_range.svg);
    background-size: 18px;
    background-repeat: no-repeat;
  }
  .caseSigned .tab-content .formTo .fromTo-Form .nextButton {
    width: 35px;
  }
  .caseSigned .tab-content .formTo .fromTo-Form .nextButton img {
    zoom: 0.5;
  }
  .case-add .create-trip a {
    height: 40px;
    gap: 8px;
  }
  .blackBanner {
    min-height: 105px;
  }
  .case-add {
    padding-top: 165px;
  }
  .guideList .guideList-card .personal-data .img-box {
    width: 65px;
    height: 70px;
  }
  .guideList .guideList-card .personal-data .reviews {
    position: absolute;
    margin-top: 0;
  }
  #revModal .saveBtn .btn-submit {
    min-width: 100px;
    height: 35px;
  }
  .about-storyInfo .card-white ul li p {
    height: 30px;
  }
  .list-pack-card .content-box h4 {
    min-height: 36px;
  }
  .tourist-packages .pack-card .img-box {
    height: 300px;
  }
  .tourist-packages .pack-card .content-box h4 {
    line-height: 24px;
    height: 48px;
  }
  .news-listCard .img-box {
    height: 350px;
  }
  .restaurent-cafe .res-card .img-box {
    height: 280px;
  }
  .gallary-sliders .gallarySwiper,
.gallary-sliders,
.fancy-imgsList,
.advSwiper {
    height: 400px;
  }
  .fancy-imgsList .fancyImg {
    height: 200px;
  }
  .fancy-imgsList .popTag {
    padding: 5px 10px;
  }
  .categ-card .img-box,
.list-pack-card .img-box,
.list-adventures .adventure-card .img-box,
.inner-res-card .img-box {
    height: 250px;
  }
  .category-filter li a {
    padding: 6px 12px;
    gap: 5px;
  }
  .map-a a {
    height: 35px;
  }
  .topSec div {
    max-height: 50px;
  }
  .available,
.not-available,
.info {
    padding: 10px 15px;
  }
  .interactiveMap .map-filter {
    top: 100px;
    left: 22%;
  }
  .interactiveMap .map-filter .category-filter li a {
    padding: 6px 13px;
    gap: 5px;
  }
  .hotels-card .content-box .box3 .btns-box a {
    padding: 7px 13px;
  }
  .filter-wz-img .imgsFilterListSwiper a {
    height: auto;
  }
  .Img360 {
    height: 400px;
  }
  .st-direction .img-box,
.rev-direction .img-box {
    height: 300px;
  }
  .filterModal-btn button {
    min-width: 165px;
    height: 35px;
  }
  .filterModal-btn button img {
    zoom: 0.7;
  }
  .sort-div2 select {
    min-width: 165px;
    height: 35px;
    background-size: 15px;
  }
  .favCard .btnsSec a {
    padding: 7px 15px;
    width: 85px;
    height: 30px;
  }
  .rateContet .actions a {
    padding: 7px 20px;
    min-width: 55px;
    height: 32px;
  }
  .guide-sec {
    padding: 50px 30px;
    gap: 70px;
  }
  .guide-sec .img-box {
    zoom: 0.7;
  }
  .guide-sec .btns-box a {
    height: 40px;
  }
  .search-area .search-bar {
    padding: 4px 12px;
  }
  .search-area .search-bar .search-btn {
    width: 16px;
  }
  .sort-a select {
    background-size: 15px;
  }
  .list-events .list-event-card .img-box {
    height: 210px;
  }
  .more-events .event-card .img-box,
.events-main .event-card .img-box {
    height: 200px;
  }
  .details-spy {
    padding: 24px;
  }
  .details-spy ul {
    gap: 12px;
  }
  .tags li a {
    padding: 8px;
  }
  .RBModal .modal-footer button {
    width: auto;
  }
  .details-areaPacks {
    gap: 12px;
    padding: 25px;
  }
  .details-areaPacks .details {
    padding-bottom: 14px;
  }
  .discover-options .main-sec .more {
    max-width: 125px;
  }
  .map-area .main-sec .download-a a {
    gap: 8px;
    padding: 10px 24px;
    min-width: 160px;
    height: 35px;
  }
  footer .footer-first .footer-logo-inverted, footer .footer-first .by {
    max-width: 200px;
  }
  footer .footer-first .by img {
    max-width: 150px;
  }
  footer .footer-first .by::before {
    top: 7px;
  }
  footer .footer-social .social-footer {
    gap: 20px;
  }
  footer .contactUs {
    gap: 10px;
  }
  footer .contactUs a {
    padding: 6px 10px;
    gap: 5px;
    min-width: 70px;
    height: 30px;
  }
  footer .footer-about ul li, footer .footer-go ul li {
    margin-bottom: 10px;
  }
  footer .footer-social {
    gap: 20px;
  }
  .breadcrumb .breadcrumb-items .item::after {
    height: 7px;
    top: 4px;
  }
  .uc-404 .content-box .btn-box a {
    padding: 8px 20px;
    min-width: 110px;
    height: 35px;
  }
  .everyAngle-makkah .everyAngleSlider .everyAngle-card .img-box {
    height: 370px;
  }
  .videoSec {
    height: 450px;
  }
  .videoSec .content-box a {
    padding: 10px 20px;
    gap: 6px;
    height: 35px;
  }
  .worth-visiting .more-card .img-box {
    height: 275px;
  }
  .aboutDet-card {
    height: 450px;
  }
  .more-landmarks .more-card .img-box {
    height: 260px;
  }
  .suggested-paths .path-card .img-box {
    height: 300px;
  }
  .advSwiper .advSlider-card {
    height: 400px;
  }
  .mainBanner,
.detBanner {
    height: 400px;
  }
  .contactUs-card .contactUs-form form .form-group .form-control {
    min-height: 35px;
  }
  .contactUs-card .contactUs-form form .btn-submit {
    width: 100px;
    height: 35px;
  }
  .hours .day strong {
    min-width: 65px;
  }
  .hotels-card .img-box {
    height: 350px;
  }
  .hotels-card .content-box .box2 ul li .icon-box {
    zoom: 0.7;
  }
  .searchBanner {
    height: 350px;
  }
  .searchBanner .content-area {
    margin-bottom: 30px;
  }
  .searchBanner .content-area .form-box input {
    height: 35px;
    background-size: 17px;
    padding-left: 50px;
  }
  .searchBanner .content-area .form-box button {
    width: 85px;
    height: 35px;
  }
  .customPagi .pagination .page-item .page-link {
    width: 35px;
    padding: 5px 10px;
  }
  .signIn-form {
    max-width: 350px;
  }
  .avatar-upload {
    max-width: 70px;
  }
  .avatar-upload .avatar-preview {
    width: 70px;
    height: 70px;
  }
  .avatar-upload .avatar-edit input + label {
    width: 20px;
    height: 20px;
  }
  .avatar-upload .avatar-edit input + label:after {
    width: 14px;
    height: 14px;
    background-size: contain;
    top: 3px;
  }
  .form-check input:checked + label:after,
.form-check label::before {
    top: 0px;
    width: 15px;
    height: 15px;
  }
  .stories-listCard .img-box,
.slideSec .story .img-box {
    height: 400px;
  }
  .favCard .img-box {
    height: 290px;
  }
}/*# sourceMappingURL=styleLTR.css.map */