/**************************/
@font-face {
  font-family: "font-light";
  src: url("../fonts/noor-light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-regular";
  src: url("../fonts/noor-regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "font-bold";
  src: url("../fonts/noor-bold.ttf");
  font-weight: normal;
  font-style: normal;
}
/*************************/
html, html body {
  font-family: "font-regular", sans-serif;
  transition: 0.3s;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
  height: 100%;
  scroll-behavior: smooth;
  text-transform: capitalize;
  font-size: 14px;
  color: #1e1e1e;
}
@media (min-width: 1024px) {
  html, html body {
    scrollbar-gutter: stable;
  }
}
html body {
  overflow-x: hidden;
  position: relative;
  z-index: 1;
  background-color: #ecf1f4;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  padding: 0 !important;
}
html body.modal-open, html body.swal2-shown {
  padding: 0 !important;
}
html body ::-moz-selection {
  background-color: #000;
  color: #fff;
}
html body ::selection {
  background-color: #000;
  color: #fff;
}
html body ul {
  list-style: none;
}
html body a,
html body a:hover,
html body a:visited,
html body a:link {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
html body article,
html body aside,
html body details,
html body figcaption,
html body figure,
html body footer,
html body header,
html body hgroup,
html body menu,
html body nav,
html body section {
  display: block;
}
html body div, html body body div,
html body span,
html body body span,
html body object,
html body body object,
html body iframe,
html body body iframe,
html body h1,
html body body h1,
html body h2,
html body body h2,
html body h3,
html body body h3,
html body h4,
html body body h4,
html body h5,
html body body h5,
html body h6,
html body body h6,
html body p,
html body body p,
html body blockquote,
html body body blockquote,
html body pre,
html body body pre,
html body abbr,
html body body abbr,
html body address,
html body body address,
html body cite,
html body body cite,
html body code,
html body body code,
html body del,
html body body del,
html body dfn,
html body body dfn,
html body em,
html body body em,
html body img,
html body body img,
html body ins,
html body body ins,
html body kbd,
html body body kbd,
html body q,
html body body q,
html body samp,
html body body samp,
html body small,
html body body small,
html body strong,
html body body strong,
html body sub,
html body body sub,
html body sup,
html body body sup,
html body var,
html body body var,
html body b,
html body body b,
html body i,
html body body i,
html body dl,
html body body dl,
html body dt,
html body body dt,
html body dd,
html body body dd,
html body ol,
html body body ol,
html body ul,
html body body ul,
html body li,
html body body li,
html body fieldset,
html body body fieldset,
html body form,
html body body form,
html body label,
html body body label,
html body legend,
html body body legend,
html body table,
html body body table,
html body caption,
html body body caption,
html body tbody,
html body body tbody,
html body tfoot,
html body body tfoot,
html body thead,
html body body thead,
html body tr,
html body body tr,
html body th,
html body body th,
html body td,
html body body td,
html body article,
html body body article,
html body aside,
html body body aside,
html body canvas,
html body body canvas,
html body details,
html body body details,
html body figcaption,
html body body figcaption,
html body figure,
html body body figure,
html body footer,
html body body footer,
html body header,
html body body header,
html body hgroup,
html body body hgroup,
html body menu,
html body body menu,
html body nav,
html body body nav,
html body section,
html body body section,
html body summary,
html body body summary,
html body time,
html body body time,
html body mark,
html body body mark,
html body audio,
html body body audio,
html body video,
html body body video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: middle;
  background: transparent;
}
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.3;
}
html body textarea {
  resize: none;
}
html body p {
  line-height: 1.4;
}

.overlay-s {
  position: fixed;
  inset: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.overlay-s.active {
  opacity: 1;
  visibility: visible;
}

.dropdown > button {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  background: transparent;
  border: 0;
}
.dropdown > button img {
  width: 20px;
  height: 20px;
}
.dropdown .dropdown-menu {
  padding: 0 13px;
  border: 0;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  min-width: 220px;
  left: 0;
  right: auto;
}
[dir=ltr] .dropdown .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown .dropdown-menu li a {
  padding: 15px 0;
  border-bottom: 1px solid #ecf1f4;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 16px !important;
  transition: 0.3s;
  color: #000;
}
.dropdown .dropdown-menu li a img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.dropdown .dropdown-menu li a:hover {
  background: transparent;
  color: #f47c20;
  padding-inline: 5px;
}
.dropdown .dropdown-menu li:last-child a {
  border: 0;
}

.form-control {
  background: #f5f5f5;
  border: 1px solid transparent;
  height: 45px;
  border-radius: 10px;
  padding: 0 20px;
  transition: 0.3s;
  box-shadow: none !important;
  font-size: 16px;
}
.form-control:focus {
  border-color: #f47c20;
}
.form-control::-moz-placeholder {
  color: #676767;
}
.form-control::placeholder {
  color: #676767;
}

.hero-section {
  padding: 20px 0;
}
.hero-section .item {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  padding-top: 40%;
}
.hero-section .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
}

.swiper-pagination {
  position: unset;
  bottom: 0;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 30px;
  height: 6px;
  border-radius: 50px;
  background-color: #909090;
  transition: 0.3s;
  margin: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #f47c20;
}

.row {
  row-gap: 24px;
}

.btn {
  background: #f47c20;
  border-radius: 50px;
  height: 45px;
  padding: 0 20px;
  color: #fff;
  border: 0;
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
@media (max-width: 768px) {
  .btn {
    padding: 0 10px;
    height: 40px;
    font-size: 13px;
  }
}
.btn img {
  filter: brightness(0) invert(1);
  width: 20px;
  height: 20px;
}
.btn:hover {
  background: #333;
  color: #fff;
}

.modal {
  padding: 0 !important;
}
.modal .modal-content {
  box-shadow: 0 0 26px rgba(0, 0, 0, 0.16);
  border-radius: 15px;
  border: 0;
}
@media (max-width: 768px) {
  .modal .modal-content {
    border-radius: 15px;
  }
}
.modal .modal-content .modal-header {
  margin: 0;
  padding: 20px 30px;
  border: 0;
}
@media (max-width: 768px) {
  .modal .modal-content .modal-header {
    padding: 20px;
  }
}
.modal .modal-content .modal-header h5 {
  font-size: 20px;
  flex-grow: 1;
  text-align: center;
}
@media (max-width: 768px) {
  .modal .modal-content .modal-header h5 {
    font-size: 18px;
  }
}
.modal .modal-content .close {
  border: 0;
  padding: 0;
  background-color: transparent;
}
.modal .modal-content .modal-body {
  padding: 0;
}
.modal .modal-content .modal-body #map {
  border-radius: 0 0 15px 15px;
}

.iti {
  width: 100%;
}
.iti .form-control {
  padding-inline: 90px 20px !important;
  text-align: right;
}
[dir=ltr] .iti .form-control {
  text-align: left;
}
[dir=rtl] .iti .iti__flag-container {
  left: 0;
  right: auto;
}
.iti .iti__flag-container .iti__arrow {
  display: none;
}
.iti .iti__flag-container .iti__dropdown-content {
  left: 0;
  right: auto;
}
.iti .iti__flag-container .iti__selected-flag {
  flex-direction: row-reverse;
  gap: 5px;
  align-items: center;
}
.iti .iti__flag-container .iti__selected-dial-code {
  color: #828282;
  font-size: 12px;
  margin: 0;
}
.iti .iti__flag-container .iti__search-input {
  border-radius: 7px;
  border: 1px solid #e0e0e2;
  height: 40px;
  font-size: 12px;
  text-transform: lowercase;
  margin: 12px;
  width: calc(100% - 24px);
  outline: none;
  box-shadow: none;
  transition: 0.3s;
}
.iti .iti__flag-container .iti__search-input:focus {
  border-color: #f47c20;
}
.iti .iti__flag-container .iti__country {
  font-size: 12px;
}
.iti .iti__flag-container .iti__country .iti__dial-code {
  flex-grow: 1;
  text-align: left;
}

.auth-wrap {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .auth-wrap {
    padding: 50px 0;
  }
}
.auth-wrap .row {
  justify-content: center;
}
.auth-wrap .auth-tabs {
  margin-bottom: 25px;
}
.auth-wrap .auth-tabs .nav-tabs {
  border: 0;
  gap: 25px;
}
.auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link {
  color: #909090;
  font-size: 16px;
  transition: 0.3s;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  position: relative;
  padding: 0 0 12px;
}
.auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 4px;
  background: #f47c20;
  border-radius: 50px;
  left: 0;
  width: 0;
  transition: 0.3s;
}
[dir=ltr] .auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link::after {
  right: 0;
  left: auto;
}
.auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link.active {
  color: #000;
  font-family: "font-bold";
}
.auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link.active::after {
  width: 100%;
  right: 0;
  left: auto;
}
[dir=ltr] .auth-wrap .auth-tabs .nav-tabs .nav-item .nav-link.active::after {
  right: auto;
  left: 0;
}
.auth-wrap .auth-box {
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0 13px 46px rgba(0, 0, 0, 0.11);
  padding: 70px 40px;
}
@media (max-width: 768px) {
  .auth-wrap .auth-box {
    padding: 50px 20px;
  }
}
.auth-wrap .auth-box .box-head {
  text-align: center;
  margin-bottom: 50px;
}
.auth-wrap .auth-box .box-head h4 {
  font-size: 20px;
  font-family: "font-bold";
  margin-bottom: 12px;
}
.auth-wrap .auth-box .box-head p {
  line-height: 1.9;
}
.auth-wrap .auth-box .form-group {
  margin-bottom: 30px;
  position: relative;
}
.auth-wrap .auth-box .form-group .form-label {
  color: #c8d0d6;
  margin-bottom: 10px;
  position: absolute;
  right: 45px;
  top: -12px;
  font-size: 12px;
  background: #fff;
  padding-inline: 10px;
  z-index: 1;
}
.auth-wrap .auth-box .form-group div {
  position: relative;
}
.auth-wrap .auth-box .form-group div > img {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 20px;
  z-index: 1;
}
[dir=ltr] .auth-wrap .auth-box .form-group div > img {
  left: 20px;
  right: auto;
}
.auth-wrap .auth-box .form-group div .iti .iti__flag-container {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0 10px;
}
[dir=ltr] .auth-wrap .auth-box .form-group div .iti .iti__flag-container {
  left: auto;
  right: 0;
}
.auth-wrap .auth-box .form-group div .iti .iti__flag-container .iti__selected-flag {
  background-color: transparent;
  gap: 10px;
}
.auth-wrap .auth-box .form-group div .iti .iti__flag-container .iti__selected-flag .iti__selected-dial-code {
  font-size: 16px;
  color: #000;
}
.auth-wrap .auth-box .form-group div .iti .iti__flag-container .iti__dropdown-content {
  margin-inline-end: -9px;
  border-radius: 10px;
}
.auth-wrap .auth-box .form-group div .iti .iti__flag-container .iti__dropdown-content .iti__search-input {
  padding: 0 20px;
  font-size: 14px;
}
.auth-wrap .auth-box .form-group div .iti .form-control {
  padding-inline: 100px 55px !important;
}
[dir=ltr] .auth-wrap .auth-box .form-group div .iti .form-control {
  padding-inline: 55px 100px !important;
}
.auth-wrap .auth-box .form-group .form-control {
  border: 1px solid #c8d0d6;
  background-color: transparent;
  height: 50px;
  padding-inline-start: 55px;
  font-size: 14px;
}
.auth-wrap .auth-box .form-group .form-control:focus {
  border-color: #f47c20;
}
.auth-wrap .auth-box .form-group .btn {
  width: 100%;
  height: 50px;
}
.auth-wrap .auth-box .form-group .hint {
  display: flex;
  flex-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  margin-top: 50px;
}
.auth-wrap .auth-box .form-group .hint a {
  font-family: "font-bold";
  color: #f47c20;
}
.auth-wrap .auth-box .form-group.has-verf {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  direction: ltr;
}
.auth-wrap .auth-box .form-group.has-verf .form-control {
  width: 60px;
  height: 60px;
  padding: 0;
  font-size: 20px;
  text-align: center;
  border-radius: 10px;
  font-family: "font-bold";
  border-color: #cbcbcb;
}
@media (max-width: 768px) {
  .auth-wrap .auth-box .form-group.has-verf .form-control {
    width: 50px;
    height: 50px;
  }
}
.auth-wrap .auth-box .form-group:last-child {
  margin-bottom: 0;
}

.iti--fullscreen-popup.iti--container {
  padding: 0;
}
.iti--fullscreen-popup.iti--container .iti__search-input {
  height: 50px;
  border-radius: 0;
  padding: 0 20px;
}

.auth-modal .modal-header {
  border: 0;
}
.auth-modal .modal-header h4 {
  flex-grow: 1;
  text-align: center;
}
.auth-modal .modal-header .close img {
  width: 20px;
}

.swiper-button {
  padding: 0;
  background: #ccf0ed;
  border: 0;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  box-shadow: 0 0 0 2px #fff;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.swiper-button::after {
  font-size: 13px;
  color: #000;
}
.swiper-button.sb-right {
  right: 5px;
}
.swiper-button.sb-left {
  left: 5px;
}
.swiper-button.sb-left img {
  scale: -1;
}
.swiper-button.swiper-button-disabled {
  display: none;
}

.rating {
  justify-content: center;
  flex-direction: row-reverse;
  gap: 5px;
  display: flex;
  align-items: center;
}
.rating input {
  display: none;
}
.rating input:checked ~ label {
  opacity: 1;
  filter: none;
  transform: none;
}
.rating label {
  filter: brightness(0);
  opacity: 0.15;
  transition: 0.3s;
  width: 25px;
  height: 25px;
  transform: scale(0.9);
  cursor: pointer;
}
@media (max-width: 768px) {
  .rating label {
    width: 20px;
    height: 20px;
  }
}
.rating label img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.zoomContainer {
  z-index: 1;
}
@media (max-width: 768px) {
  .zoomContainer {
    display: none;
  }
}

.fancybox__toolbar {
  padding-inline-start: 20px;
}

.main-head {
  padding: 20px 50px;
  background-color: #fff;
  border-bottom: 10px solid #f47c20;
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .main-head {
    display: none;
  }
}
.main-head .logo img {
  width: 80px;
}
.main-head .menu {
  flex-grow: 1;
}
.main-head .menu > ul {
  display: flex;
  align-items: center;
}
.main-head .menu > ul > li {
  border-inline-end: 1px solid #c8d0d6;
  padding-inline: 20px;
}
.main-head .menu > ul > li a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 17px;
  color: #000;
  transition: 0.3s;
}
.main-head .menu > ul > li a:hover {
  color: #f47c20;
}
.main-head .menu > ul > li.dropdown a::after {
  display: none;
}
.main-head .menu > ul > li:last-child {
  border: 0;
}
.main-head .actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.main-head .actions > ul > li > a {
  background-color: #ecf1f4;
  border-radius: 20px;
  color: #000;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  padding: 0 20px;
  font-size: 17px;
}
.main-head .actions > ul > li > a::after {
  display: none;
}
.main-head .actions > ul > li > a img {
  width: 15px;
  height: 15px;
}
.main-head .actions > ul > li > a.dropdown-toggle.show {
  background-color: #f47c20;
  color: #fff;
}
.main-head .actions > ul > li > a.dropdown-toggle.show img {
  filter: brightness(0) invert(1);
}
.main-head .actions > ul.gender .dropdown .dropdown-menu {
  padding: 13px;
}
.main-head .actions > ul.gender .dropdown .dropdown-menu li {
  border: 0;
  margin-bottom: 7px;
}
.main-head .actions > ul.gender .dropdown .dropdown-menu li p {
  text-align: initial;
  margin-bottom: 10px;
}
.main-head .actions > ul.gender .dropdown .dropdown-menu li a {
  background-color: #c8d0d6;
  border-radius: 8px;
  padding: 10px;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  transition: 0.3s;
}
.main-head .actions > ul.gender .dropdown .dropdown-menu li a:hover, .main-head .actions > ul.gender .dropdown .dropdown-menu li a.active {
  background-color: #f47c20;
}
.main-head .actions > ul.gender .dropdown .dropdown-menu li:last-child {
  margin-bottom: 0;
}

.mobile-head {
  padding: 20px;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  display: none;
  background-color: #fff;
}
@media (max-width: 768px) {
  .mobile-head {
    display: flex;
  }
}
.mobile-head .sidebar {
  position: fixed;
  right: 0;
  top: 0;
  width: 280px;
  height: 100%;
  background-color: #ecf1f4;
  z-index: 3;
  translate: 150% 0;
  transition: 0.3s;
  padding: 50px 20px;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  overflow-y: auto;
}
[dir=ltr] .mobile-head .sidebar {
  left: 0;
  right: auto;
  translate: -150% 0;
}
.mobile-head .sidebar.active {
  translate: 0 0;
}
.mobile-head .sidebar .sidebar-logo {
  margin-bottom: 40px;
  text-align: center;
}
.mobile-head .sidebar .sidebar-logo img {
  /*filter: brightness(0) opacity(0.7);*/
  width: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-head .sidebar .sidebar-menu {
  margin-bottom: 40px;
}
.mobile-head .sidebar .sidebar-menu ul li a {
  color: #000;
  font-size: 15px;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
  display: flex;
}
.mobile-head .sidebar .sidebar-menu ul li:last-child a {
  border: 0;
}
.mobile-head .sidebar .sidebar-toggle {
  margin-bottom: 40px;
}
.mobile-head .sidebar .sidebar-toggle h4 {
  font-size: 16px;
  margin-bottom: 10px;
}
.mobile-head .sidebar .sidebar-toggle div {
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 10px;
}
.mobile-head .sidebar .sidebar-toggle div label {
  width: 100%;
}
.mobile-head .sidebar .sidebar-toggle div label input {
  display: none;
}
.mobile-head .sidebar .sidebar-toggle div label input:checked + span {
  background-color: #f47c20;
  color: #fff;
}
.mobile-head .sidebar .sidebar-toggle div label input:checked + span img {
  filter: brightness(0) invert(1);
}
.mobile-head .sidebar .sidebar-toggle div label span {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  height: 40px;
  transition: 0.3s;
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.mobile-head .sidebar .sidebar-toggle div label span img {
  width: 15px;
  height: 15px;
  transition: 0.3s;
  filter: brightness(0);
}
.mobile-head .sidebar .sidebar-social h4 {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.6;
}
.mobile-head .sidebar .sidebar-social div {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.mobile-head .sidebar .sidebar-social div a {
  filter: brightness(0);
}
.mobile-head .sidebar .sidebar-social div a img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-head .menu-sticky {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-head .menu-sticky a {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 15px 5px;
  font-size: 12px;
  color: #000;
  transition: 0.3s;
  flex-flow: column;
  border-inline-end: 1px solid #e5e5e5;
  width: 25%;
}
.mobile-head .menu-sticky a:last-child {
  border: 0;
}
.mobile-head .menu-sticky a img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-head .open-sidebar {
  display: flex;
  gap: 5px;
  flex-flow: column;
  padding: 0;
  background-color: transparent;
  border: 0;
}
.mobile-head .open-sidebar span {
  background-color: #000;
  height: 3px;
  border-radius: 50px;
  width: 30px;
  display: flex;
}
.mobile-head .choose-city {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.mobile-head .choose-city p {
  display: flex;
  align-items: center;
  gap: 5px;
  font-family: "font-bold";
  font-size: 16px;
}

.hero {
  position: relative;
}
.hero .swiper-slide {
  position: relative;
}
.hero .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.534) 100%);
}
.hero img {
  height: 700px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .hero img {
    height: 300px;
  }
}
.hero .swiper-pagination-bullets {
  position: absolute;
  left: 50%;
  bottom: 30px;
  translate: -50% 0;
  z-index: 1;
  transform: none !important;
}

.swiper-pagination-bullets {
  display: flex;
  align-items: center;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  background-color: #f47c20;
}

.g-head {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.g-head h3 {
  font-size: 25px;
}
@media (max-width: 768px) {
  .g-head h3 {
    font-size: 18px;
  }
}
[dir=ltr] .g-head .btn img {
  scale: -1;
}

.offers {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .offers {
    padding: 50px 0;
  }
}
.offers.offers-list .offer-block .offer-caption {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
}
.offers.offers-list .offer-block .offer-caption p {
  color: #f47c20;
  font-size: 25px;
}
.offers.offers-list .offer-block .offer-caption h4 {
  font-size: 20px;
}

.offer-block {
  position: relative;
  overflow: hidden;
  border-radius: 15px;
}
.offer-block a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.offer-block img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.offer-block .offer-caption {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.534) 100%);
  padding: 20px;
  transition: 0.3s;
}
.offer-block .offer-caption p {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-family: "font-bold";
  font-size: 22px;
  direction: ltr;
}
.offer-block .offer-caption p span {
  font-size: 12px;
  font-family: sans-serif;
  text-transform: uppercase;
}
.offer-block .offer-caption h4 {
  color: #fff;
  font-size: 17px;
}
.offer-block:hover .offer-caption {
  padding: 30px 20px;
}

.services-categories {
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .services-categories {
    padding-bottom: 20px;
  }
}
.services-categories .services-swiper-pagination {
  margin: 30px auto 0;
  transform: none;
}
.services-categories .services-swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 1;
}
.services-categories .services-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active-main {
  background-color: #f47c20;
}

.service-category-block {
  text-align: center;
  position: relative;
}
.service-category-block .service-img {
  border-radius: 20px;
  overflow: hidden;
  height: 215px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .service-category-block .service-img {
    height: 150px;
  }
}
.service-category-block .service-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-category-block h4 {
  color: #939393;
  font-size: 22px;
}
@media (max-width: 768px) {
  .service-category-block h4 {
    font-size: 18px;
  }
}
.service-category-block a {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.services {
  padding-bottom: 70px;
}
@media (max-width: 768px) {
  .services {
    padding-bottom: 30px;
  }
}

.service-block {
  border-radius: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 22px;
  gap: 20px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .service-block {
    padding: 15px;
    gap: 10px;
    flex-flow: column;
  }
}
.service-block .img {
  width: 230px;
  min-width: 230px;
  height: 190px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  .service-block .img {
    width: 100%;
    height: 230px;
  }
}
.service-block .img a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.service-block .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service-block .info {
  flex-grow: 1;
}
.service-block .info .title {
  color: #000;
  font-size: 20px;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .service-block .info .title {
    font-size: 18px;
  }
}
.service-block .info .title:hover {
  color: #f47c20;
}
.service-block .info p {
  color: #b4abab;
  margin-block: 5px 15px;
}
.service-block .info .block-footer {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
}
.service-block .info .block-footer .price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.service-block .info .block-footer .price span {
  font-size: 25px;
  font-family: "font-bold";
  direction: ltr;
  display: flex;
  align-items: center;
  gap: 5px;
}
.service-block .info .block-footer .price span i {
  font-style: normal;
  font-family: sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.service-block .info .block-footer .price span.old-price {
  color: #c8d0d6;
  text-decoration: line-through;
}
.service-block .info .block-footer .btn {
  border-radius: 10px;
  font-size: 17px;
}
@media (max-width: 768px) {
  .service-block .info .block-footer .btn {
    font-size: 13px;
  }
}
.service-block .info .block-footer button {
  padding: 0;
  background-color: transparent;
  border: 0;
}
.service-block .info .block-footer button img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}

.subscription {
  padding-bottom: 70px;
}

.subscription-block .img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  padding-top: 95%;
}
.subscription-block .img img,
.subscription-block .img a {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
}
.subscription-block .img a {
  z-index: 1;
}
.subscription-block .info {
  padding-inline: 25px;
  margin-top: -50px;
  position: relative;
}
.subscription-block .info .inner {
  background-color: #fff;
  border-radius: 20px;
  padding: 15px;
}
.subscription-block .info .inner .title {
  color: #000;
  font-size: 18px;
}
@media (max-width: 768px) {
  .subscription-block .info .inner .title {
    font-size: 16px;
  }
}
.subscription-block .info .inner .i-footer {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}
.subscription-block .info .inner .i-footer .price {
  display: flex;
  align-items: center;
  gap: 10px;
}
.subscription-block .info .inner .i-footer .price span {
  font-size: 30px;
  font-family: "font-bold";
  direction: ltr;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #f47c20;
}
.subscription-block .info .inner .i-footer .price span i {
  font-style: normal;
  font-family: sans-serif;
  font-size: 12px;
  text-transform: uppercase;
}
.subscription-block .info .inner .i-footer .price span.old-price {
  color: #000;
  text-decoration: line-through;
  font-size: 20px;
}
.subscription-block .info .inner .i-footer .btn {
  background-color: #000;
}

.main-footer {
  background-color: #f47c20;
  padding-block: 70px;
}
@media (max-width: 768px) {
  .main-footer {
    padding-block: 50px 130px;
  }
}
.main-footer .container {
  display: flex;
  align-items: center;
  gap: 20px 100px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .main-footer .container {
    gap: 20px;
    flex-flow: column;
  }
}
@media (max-width: 768px) {
  .main-footer .footer-info {
    text-align: center;
  }
}
.main-footer .footer-info img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 250px;
}
@media (max-width: 768px) {
  .main-footer .footer-info img {
    width: 200px;
  }
}
.main-footer .footer-info p {
  color: #fff;
  font-size: 17px;
  line-height: 1.8;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .main-footer .footer-info p {
    font-size: 14px;
  }
}
.main-footer .apps-btns {
  display: flex;
  flex-flow: column;
  gap: 15px;
  align-items: center;
}
.main-footer .apps-btns h4 {
  color: #fff;
  font-size: 30px;
  white-space: nowrap;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .main-footer .apps-btns h4 {
    font-size: 20px;
  }
}
.main-footer .apps-btns a {
  background-color: #000;
  border-radius: 15px;
  overflow: hidden;
  width: 200px;
}
@media (max-width: 768px) {
  .main-footer .apps-btns a {
    width: 150px;
    border-radius: 5px;
  }
}
.main-footer .apps-btns a img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-backdrop.show {
  opacity: 0.8;
}

.wallet-wrap {
  padding: 20px 30px 30px;
}
.wallet-wrap .wallet-card {
  border-radius: 20px;
  background-color: #f47c20;
  margin-bottom: 30px;
}
.wallet-wrap .wallet-card .c-top {
  padding-block: 20px;
  border-bottom: 1px dotted #fff;
  text-align: center;
}
.wallet-wrap .wallet-card .c-top h4 {
  color: #fff;
  font-size: 16px;
}
.wallet-wrap .wallet-card .c-top p {
  font-family: "font-bold";
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
  justify-content: center;
  font-size: 35px;
  direction: ltr;
}
.wallet-wrap .wallet-card .c-top p span {
  font-family: sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
.wallet-wrap .wallet-card .nav {
  flex-wrap: nowrap;
  padding-block: 10px;
  border: 0;
}
.wallet-wrap .wallet-card .nav .nav-item {
  width: 100%;
  border-inline-end: 1px solid #fff;
}
.wallet-wrap .wallet-card .nav .nav-item .nav-link {
  display: flex;
  flex-flow: column;
  color: #fff;
  align-items: center;
  width: 100%;
  font-size: 18px;
  border: 0;
  background-color: transparent;
  opacity: 0.5;
  transition: 0.3s;
}
.wallet-wrap .wallet-card .nav .nav-item .nav-link img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.wallet-wrap .wallet-card .nav .nav-item .nav-link.active {
  opacity: 1;
}
.wallet-wrap .wallet-card .nav .nav-item:last-child {
  border: 0;
}
.wallet-wrap .charge-packages {
  margin-bottom: 10px;
}
.wallet-wrap .charge-packages > h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.wallet-wrap .charge-packages label {
  width: 100%;
}
.wallet-wrap .charge-packages label input {
  display: none;
}
.wallet-wrap .charge-packages label input:checked + .package-wrap {
  box-shadow: 0 0 0 2px #f47c20;
}
.wallet-wrap .charge-packages label .package-wrap {
  margin-bottom: 20px;
  background-color: #ecf1f4;
  border-radius: 11px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  transition: 0.3s;
  cursor: pointer;
}
.wallet-wrap .charge-packages label .package-wrap .right h3 {
  font-size: 16px;
}
.wallet-wrap .charge-packages label .package-wrap .right p {
  color: #b8b8b8;
  margin-top: 5px;
  font-size: 13px;
}
.wallet-wrap .charge-packages label .package-wrap .left {
  display: flex;
  align-items: center;
}
.wallet-wrap .charge-packages label .package-wrap .left div {
  border-inline-end: 1px solid #a1a1a1;
  padding-inline: 20px;
  text-align: center;
}
.wallet-wrap .charge-packages label .package-wrap .left div span {
  font-size: 13px;
  white-space: nowrap;
}
.wallet-wrap .charge-packages label .package-wrap .left div p {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 30px;
  font-family: "font-bold";
  direction: ltr;
  color: #f47c20;
}
.wallet-wrap .charge-packages label .package-wrap .left div p span {
  font-family: sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.wallet-wrap .charge-packages label .package-wrap .left div:last-child {
  border: 0;
}
.wallet-wrap .charge-packages label .package-wrap .left div:last-child p {
  color: #2073b2;
}
.wallet-wrap .btn {
  width: 100%;
  border-radius: 10px;
  height: 50px;
  font-size: 18px;
}
.wallet-wrap .form-group {
  margin-bottom: 30px;
}
.wallet-wrap .form-group .form-label {
  font-size: 16px;
  margin-bottom: 10px;
}
.wallet-wrap .form-group .form-control {
  height: 50px;
  text-align: center;
  font-size: 20px;
}
.wallet-wrap .form-group .form-control::-moz-placeholder {
  color: #d1d1d1;
}
.wallet-wrap .form-group .form-control::placeholder {
  color: #d1d1d1;
}

.payment-methods {
  margin-bottom: 40px;
}
.payment-methods h4 {
  font-size: 18px;
  margin-bottom: 15px;
}
.payment-methods > div {
  display: flex;
  align-items: center;
  gap: 30px;
}
.payment-methods > div label input {
  display: none;
}
.payment-methods > div label input:checked + span::after {
  opacity: 1;
  filter: none;
}
.payment-methods > div label span {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-flow: column;
  cursor: pointer;
}
.payment-methods > div label span img {
  width: 61px;
  height: 61px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.payment-methods > div label span::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../images/check-radio.svg") no-repeat center/15px;
  filter: grayscale(1) opacity(0.3);
  transition: 0.3s;
}

.cities-wrap {
  padding: 20px 30px 30px;
}
.cities-wrap label {
  width: 100%;
}
.cities-wrap label input {
  display: none;
}
.cities-wrap label input:checked + span::after {
  opacity: 1;
  filter: none;
}
.cities-wrap label span {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0;
}
.cities-wrap label span img {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.cities-wrap label span::after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../images/check-radio.svg") no-repeat center/15px;
  filter: grayscale(1) opacity(0.3);
  transition: 0.3s;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
}
.cities-wrap .btn {
  width: 100%;
  border-radius: 10px;
  height: 50px;
  font-size: 18px;
  margin-top: 70px;
}
@media (max-width: 768px) {
  .cities-wrap .btn {
    margin-top: 30px;
    font-size: 14px;
  }
}

.jumbo {
  position: relative;
  height: 500px;
}
@media (max-width: 768px) {
  .jumbo {
    height: 200px;
  }
}
.jumbo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.jumbo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.7);
}
.jumbo h4 {
  color: #fff;
  font-size: 35px;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 1;
}
@media (max-width: 768px) {
  .jumbo h4 {
    font-size: 20px;
  }
}

.category-wrap {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .category-wrap {
    padding: 50px 0;
  }
}
.category-wrap .service-footer {
  margin-top: 30px;
}
.category-wrap .service-footer .btn {
  width: 100%;
  height: 60px;
  border-radius: 10px;
  font-size: 19px;
  background: #000;
}
@media (max-width: 768px) {
  .category-wrap .service-footer .btn {
    height: 50px;
    font-size: 16px;
  }
}

.subscription-list {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .subscription-list {
    padding: 50px 0;
  }
}
.subscription-list .subscription-block {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.subscription-list .subscription-block .img {
  padding-top: 50%;
}
.subscription-list .subscription-block .info {
  position: absolute;
  left: 0;
  padding: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
}
.subscription-list .subscription-block .info .inner {
  padding: 20px;
  border-radius: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.534) 100%);
}
.subscription-list .subscription-block .info .inner .title {
  color: #fff;
}
.subscription-list .subscription-block .info .inner .price span {
  color: #fff;
  font-size: 30px;
}
.subscription-list .subscription-block .info .inner .price span.old-price {
  color: #cb7500;
}
.subscription-list .subscription-block .info .inner .btn {
  background-color: #f47c20;
}

.cart .service-block .img {
  width: 130px;
  min-width: 130px;
  height: 120px;
  border-radius: 15px;
}
@media (max-width: 768px) {
  .cart .service-block .img {
    width: 100%;
    height: 200px;
  }
}
.cart .service-block .info {
  width: 100%;
}
.cart .service-block .info .block-footer {
  margin-top: 5px;
}
.cart .service-block .info .block-footer .price span {
  font-size: 30px;
}
.cart .service-block .info .block-footer .price span.old-price {
  font-size: 20px;
}

.cash-back {
  padding: 20px 30px 30px;
  text-align: center;
}
.cash-back img {
  width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
.cash-back h3 {
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
  gap: 5px;
}
.cash-back h3 span {
  color: #f47c20;
  font-family: "font-bold";
  font-size: inherit;
}
.cash-back p {
  color: #c8d0d6;
  margin-bottom: 30px;
}
.cash-back .btn {
  width: 100%;
  border-radius: 10px;
  height: 50px;
  font-size: 18px;
}

.guest-wrap {
  text-align: center;
  padding: 20px 30px 30px;
}
.guest-wrap img {
  width: 80px;
  filter: brightness(0);
  -o-object-fit: contain;
     object-fit: contain;
}
.guest-wrap h4 {
  font-size: 18px;
  margin-top: 30px;
}
.guest-wrap div {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
  align-items: center;
}
.guest-wrap div .btn {
  width: calc(50% - 10px);
  height: 55px;
  border-radius: 10px;
  font-size: 17px;
}
.guest-wrap div .btn.btn-outline {
  background-color: #fff;
  color: #000;
  border: 1px solid #f47c20;
}

.auth-modal .auth-wrap {
  padding: 30px;
}
.auth-modal .auth-wrap .auth-box {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
.auth-modal .auth-wrap .auth-box .form-group .btn {
  border-radius: 10px;
  font-size: 18px;
}

.login-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline-end: 50%;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .login-wrap {
    padding-inline-end: 0;
    flex-flow: column;
    justify-content: space-between;
  }
}
.login-wrap .auth-img {
  width: 50%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .login-wrap .auth-img {
    width: 100%;
    height: 200px;
    position: relative;
  }
}
.login-wrap .auth-img::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.349);
}
.login-wrap .auth-img img.bg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.login-wrap .auth-img .auth-caption {
  position: absolute;
  inset: 0;
  align-items: center;
  justify-content: flex-end;
  flex-flow: column;
  text-align: center;
  display: flex;
}
.login-wrap .auth-img .auth-caption .auth-logo {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .login-wrap .auth-img .auth-caption .auth-logo {
    padding: 30px 20px 70px;
    width: 100%;
    justify-content: center;
  }
}
.login-wrap .auth-img .auth-caption .auth-logo img {
  width: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .login-wrap .auth-img .auth-caption .auth-logo img {
    width: 100px;
  }
}
.login-wrap .auth-img .auth-caption .auth-footer {
  padding-bottom: 50px;
  width: 70%;
}
@media (max-width: 768px) {
  .login-wrap .auth-img .auth-caption .auth-footer {
    display: none;
  }
}
.login-wrap .auth-img .auth-caption .auth-footer h4 {
  position: relative;
  color: #fff;
  font-size: 16px;
  margin-bottom: 10px;
}
.login-wrap .auth-img .auth-caption .auth-footer h4::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 0;
  width: 100%;
  height: 10px;
  background: url("../images/line.svg") no-repeat center/100%;
}
.login-wrap .auth-img .auth-caption .auth-footer div {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: center;
}
.login-wrap .auth-img .auth-caption .auth-footer div img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
[dir=ltr] .login-wrap .auth-img {
  right: 0;
  left: auto;
}
.login-wrap .auth-wrap {
  padding: 0 30px;
  position: relative;
}
@media (max-width: 1400px) {
  .login-wrap .auth-wrap {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .login-wrap .auth-wrap {
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .login-wrap .auth-wrap .auth-box {
    padding: 100px 30px;
    border-radius: 30px 30px 0 0;
    margin-top: -40px;
  }
}
.login-wrap .auth-wrap .auth-box .form-group .btn {
  border-radius: 10px;
  height: 50px;
  font-size: 17px;
}

.locations {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .locations {
    padding: 50px 0;
  }
}
.locations .inner {
  border-radius: 20px;
  background-color: #fff;
  padding: 20px;
}
.locations .inner .city-selection-wrap {
  position: relative;
  padding: 50px;
  height: 100%;
  border-inline-end: 1px solid #dfdfdf;
}
@media (max-width: 768px) {
  .locations .inner .city-selection-wrap {
    padding: 20px 0 40px;
    border: 0;
    border-bottom: 1px solid #dfdfdf;
  }
}
.locations .inner .city-selection-wrap .city-form .form-group {
  margin-bottom: 30px;
  position: relative;
}
.locations .inner .city-selection-wrap .city-form .form-group button {
  position: absolute;
  border: 0;
  padding: 0;
  background: transparent;
  border-left: 1px solid #fff;
  padding-inline-end: 15px;
  right: 15px;
  top: 7px;
  height: 39px;
}
@media (max-width: 768px) {
  .locations .inner .city-selection-wrap .city-form .form-group button {
    top: 5px;
  }
}
.locations .inner .city-selection-wrap .city-form .form-group button img {
  filter: brightness(0) invert(1);
  width: 21px;
}
[dir=ltr] .locations .inner .city-selection-wrap .city-form .form-group button {
  right: auto;
  left: 15px;
  border-left: 0;
  border-right: 1px solid #fff;
}
.locations .inner .city-selection-wrap .city-form .form-group .form-control {
  background: #f47c20;
  height: 55px;
  color: #fff;
  padding-inline-start: 70px;
  font-size: 18px;
  box-shadow: inset 0 6px 22px rgba(0, 0, 0, 0.16) !important;
  border-radius: 15px;
}
@media (max-width: 768px) {
  .locations .inner .city-selection-wrap .city-form .form-group .form-control {
    height: 50px;
    font-size: 16px;
  }
}
.locations .inner .city-selection-wrap .city-form .form-group .form-control::-moz-placeholder {
  color: inherit;
}
.locations .inner .city-selection-wrap .city-form .form-group .form-control::placeholder {
  color: inherit;
}
.locations .inner .city-selection-wrap .city-form .form-group .form-control::-webkit-search-cancel-button {
  position: absolute;
  left: 20px;
  background-image: url("../images/close.svg");
  width: 20px;
  height: 20px;
  -webkit-appearance: none;
  background-position: center;
  background-size: 20px;
  cursor: pointer;
  filter: brightness(0) invert(1);
}
[dir=ltr] .locations .inner .city-selection-wrap .city-form .form-group .form-control::-webkit-search-cancel-button {
  left: auto;
  right: 20px;
}
.locations .inner .city-selection-wrap .city-form ul li {
  margin-bottom: 20px;
}
.locations .inner .city-selection-wrap .city-form ul li label {
  width: 100%;
  position: relative;
}
.locations .inner .city-selection-wrap .city-form ul li label input {
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
}
.locations .inner .city-selection-wrap .city-form ul li label input:checked + span {
  color: #f47c20;
  border-color: #f47c20;
}
.locations .inner .city-selection-wrap .city-form ul li label input:checked + span img {
  filter: none;
}
.locations .inner .city-selection-wrap .city-form ul li label span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f7f8f8;
  border: 1px solid #becad0;
  border-radius: 15px;
  padding: 15px;
  transition: 0.3s;
  font-size: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 768px) {
  .locations .inner .city-selection-wrap .city-form ul li label span {
    padding: 15px;
    border-radius: 10px;
  }
}
.locations .inner .city-selection-wrap .city-form ul li label span img {
  filter: grayscale(1) opacity(0.2);
  transition: 0.3s;
}
.locations .inner .city-selection-wrap .city-form ul li:last-child {
  margin-bottom: 0;
}
.locations .inner .city-selection-wrap.nears {
  border: 0;
}
.locations .inner .city-head {
  text-align: center;
  margin-bottom: 30px;
}
.locations .inner .city-head h4 {
  font-size: 22px;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .locations .inner .city-head h4 {
    font-size: 18px;
  }
}
.locations .inner .city-head img {
  width: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  /*filter: brightness(0);*/
}
@media (max-width: 768px) {
  .locations .inner .city-head img {
    width: 60px;
  }
}
.locations .inner .locations-list ul li {
  background-color: #f7f8f8;
  border: 1px solid #becad0;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
  position: relative;
  transition: 0.3s;
}
.locations .inner .locations-list ul li > a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.locations .inner .locations-list ul li .top {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.locations .inner .locations-list ul li .top .img {
  width: 45px;
  height: 45px;
  min-width: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.locations .inner .locations-list ul li .top .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.locations .inner .locations-list ul li .top .info h4 {
  font-family: "font-bold";
  font-size: 18px;
}
.locations .inner .locations-list ul li .top .info p {
  color: #8e8e8e;
  margin-top: 5px;
}
.locations .inner .locations-list ul li .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 625px) {
  .locations .inner .locations-list ul li .bottom {
    flex-flow: column;
    gap: 10px;
  }
}
.locations .inner .locations-list ul li .bottom .btn {
  border-radius: 10px;
}
@media (max-width: 625px) {
  .locations .inner .locations-list ul li .bottom .btn {
    width: 100%;
  }
}
.locations .inner .locations-list ul li .bottom .btn.outline {
  border: 1px solid #000;
  color: #000;
  background-color: transparent;
}
.locations .inner .locations-list ul li .bottom .btn.outline img {
  filter: brightness(0);
}
.locations .inner .locations-list ul li:hover {
  border-color: #f47c20;
}
.locations .inner .locations-list ul li:last-child {
  margin-bottom: 0;
}

.gift-form {
  padding: 40px 65px 65px;
}
@media (max-width: 768px) {
  .gift-form {
    padding: 10px 20px 20px;
  }
}
.gift-form .form-group {
  margin-bottom: 20px;
}
.gift-form .form-group .form-label {
  color: #797979;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
@media (max-width: 768px) {
  .gift-form .form-group .form-label {
    font-size: 14px;
  }
}
.gift-form .form-group div {
  position: relative;
}
.gift-form .form-group div > img {
  position: absolute;
  right: 20px;
  top: 16px;
  width: 24px;
  z-index: 1;
}
[dir=ltr] .gift-form .form-group div > img {
  left: 20px;
  right: auto;
}
@media (max-width: 768px) {
  .gift-form .form-group div > img {
    top: 13px;
    width: 20px;
  }
}
.gift-form .form-group div::after {
  content: "";
  position: absolute;
  top: 6px;
  width: 1px;
  background-color: #e3dada;
  right: 63px;
  height: 45px;
}
[dir=ltr] .gift-form .form-group div::after {
  left: 63px;
  right: auto;
}
@media (max-width: 768px) {
  .gift-form .form-group div::after {
    display: none;
  }
}
.gift-form .form-group .form-control {
  height: 60px;
  padding: 0 20px;
  font-size: 17px;
  padding-inline-start: 80px;
}
@media (max-width: 768px) {
  .gift-form .form-group .form-control {
    font-size: 14px;
    height: 50px;
    padding-inline-start: 55px;
  }
}
.gift-form .form-group textarea.form-control {
  height: 150px;
  padding: 15px 20px;
}
.gift-form .form-group .btn {
  height: 50px;
  font-size: 16px;
  width: 100%;
  margin-top: 50px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .gift-form .form-group .btn {
    margin-top: 10px;
    font-size: 14px;
  }
}
.gift-form .form-group.has-notes div::after {
  display: none;
}
.gift-form .form-group:last-child {
  margin-bottom: 0;
}

.checkout {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .checkout {
    padding: 30px 0;
  }
}
.checkout .checkout-head {
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 768px) {
  .checkout .checkout-head {
    margin-bottom: 20px;
  }
}
.checkout .checkout-head h3 {
  font-family: "font-bold";
  font-size: 32px;
}
@media (max-width: 768px) {
  .checkout .checkout-head h3 {
    font-size: 22px;
  }
}
.checkout .reserv-label {
  margin-bottom: 40px;
}
.checkout .reserv-label label {
  width: 100%;
}
.checkout .reserv-label label input {
  display: none;
}
.checkout .reserv-label label input:checked + span::before {
  filter: none;
}
.checkout .reserv-label label span {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 12px;
  padding: 30px 50px;
  font-size: 18px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .checkout .reserv-label label span {
    padding: 20px 30px;
    font-size: 16px;
  }
}
.checkout .reserv-label label span::before {
  content: "";
  width: 30px;
  height: 30px;
  min-width: 30px;
  background: url("../images/tick.svg") no-repeat center/30px;
  filter: grayscale(1) opacity(0.2);
  transition: 0.3s;
}
@media (max-width: 768px) {
  .checkout .reserv-label label span::before {
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}
.checkout .location-selection {
  margin-bottom: 40px;
}
.checkout .location-selection h4 {
  margin-bottom: 15px;
  font-size: 22px;
}
@media (max-width: 768px) {
  .checkout .location-selection h4 {
    font-size: 18px;
  }
}
.checkout .location-selection .selected-location {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}
.checkout .location-selection .selected-location h4 {
  font-family: "font-bold";
  margin-bottom: 10px;
  font-size: 27px;
}
@media (max-width: 768px) {
  .checkout .location-selection .selected-location h4 {
    font-size: 22px;
  }
}
.checkout .location-selection .selected-location p {
  font-size: 16px;
  color: #707274;
}
.checkout .location-selection .selected-location img {
  width: 30px;
}
.checkout .delivery-times {
  margin-bottom: 40px;
}
.checkout .delivery-times h4 {
  margin-bottom: 25px;
  font-size: 18px;
}
.checkout .delivery-times .card {
  border-radius: 12px;
  padding: 50px 30px;
  border: 0;
}
@media (max-width: 768px) {
  .checkout .delivery-times .card {
    padding: 20px;
  }
}
.checkout .delivery-times .card .dates {
  position: relative;
}
.checkout .delivery-times .card .dates h3 {
  margin-bottom: 40px;
}
.checkout .delivery-times .card .dates .swiper-slide {
  text-align: center;
}
.checkout .delivery-times .card .dates .swiper-slide div {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.checkout .delivery-times .card .dates .swiper-slide div label input {
  display: none;
}
.checkout .delivery-times .card .dates .swiper-slide div label input:checked + span {
  background-color: #f47c20;
  color: #fff;
}
.checkout .delivery-times .card .dates .swiper-slide div label span {
  border-radius: 15px;
  background-color: #f7f7f7;
  padding: 20px 40px;
  display: flex;
  flex-flow: column;
  font-size: 17px;
  cursor: pointer;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .checkout .delivery-times .card .dates .swiper-slide div label span {
    padding: 20px 30px;
    font-size: 15px;
  }
}
.checkout .delivery-times .card .dates .swiper-slide div label span b {
  font-weight: normal;
}
.checkout .delivery-times .card .dates .sp-prev,
.checkout .delivery-times .card .dates .sp-next {
  position: absolute;
  top: 0;
  padding: 0;
  background-color: transparent;
  border: 0;
  transition: 0.3s;
  z-index: 1;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.checkout .delivery-times .card .dates .sp-prev img,
.checkout .delivery-times .card .dates .sp-next img {
  width: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
.checkout .delivery-times .card .dates .sp-prev.swiper-button-disabled,
.checkout .delivery-times .card .dates .sp-next.swiper-button-disabled {
  opacity: 0.2;
}
[dir=ltr] .checkout .delivery-times .card .dates .sp-next {
  right: 0;
}
.checkout .delivery-times .card .dates .sp-prev {
  left: 0;
  scale: -1;
}
.checkout .delivery-times .card .times {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.checkout .delivery-times .card .times label {
  width: calc(50% - 20px);
}
.checkout .delivery-times .card .times label input {
  display: none;
}
.checkout .delivery-times .card .times label input:checked + span {
  border-color: #f47c20;
  color: #f47c20;
}
.checkout .delivery-times .card .times label span {
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.231372549);
  display: flex;
  flex-flow: column;
  font-size: 17px;
  cursor: pointer;
  justify-content: center;
  transition: 0.3s;
  text-align: center;
}
@media (max-width: 768px) {
  .checkout .delivery-times .card .times label span {
    padding: 15px 10px;
    font-size: 15px;
  }
}
.checkout .delivery-times .card .times label span b {
  font-weight: normal;
}
.checkout .payment-methods h4 {
  margin-bottom: 15px;
  font-size: 22px;
}
@media (max-width: 768px) {
  .checkout .payment-methods h4 {
    font-size: 18px;
  }
}
.checkout .payment-methods div {
  background-color: #fff;
  border-radius: 15px;
  padding: 20px;
  gap: 20px 50px;
}
@media (max-width: 768px) {
  .checkout .payment-methods div {
    gap: 20px;
    justify-content: center;
  }
}
.checkout .payment-methods div label span {
  font-size: 17px;
}
@media (max-width: 768px) {
  .checkout .payment-methods div label span {
    font-size: 14px;
  }
}
.checkout .payment-methods div label span img {
  width: 100px;
  height: 100px;
}
@media (max-width: 768px) {
  .checkout .payment-methods div label span img {
    width: 70px;
    height: 70px;
  }
}
.checkout .payment-methods div label span::after {
  width: 20px;
  height: 20px;
  background: url("../images/check-radio.svg") no-repeat center/20px;
}
.checkout .checkout-btns {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 768px) {
  .checkout .checkout-btns {
    flex-flow: column-reverse;
  }
}
.checkout .checkout-btns .btn {
  width: 40%;
  height: 60px;
  border-radius: 10px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .checkout .checkout-btns .btn {
    width: 100%;
    font-size: 16px;
  }
}
.checkout .checkout-btns .checkout-summary {
  height: 60px;
  border-radius: 10px;
  border: 1px solid #f47c20;
  background-color: #fff;
  padding: 15px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 16px;
}

.success-wrap {
  padding: 150px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .success-wrap {
    padding: 50px 0;
  }
}
.success-wrap img {
  width: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .success-wrap img {
    width: 70px;
  }
}
.success-wrap h4 {
  margin-block: 20px 10px;
  font-family: "font-bold";
  font-size: 30px;
}
@media (max-width: 768px) {
  .success-wrap h4 {
    font-size: 20px;
  }
}
.success-wrap p {
  color: #666a6e;
  margin-bottom: 20px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .success-wrap p {
    font-size: 16px;
  }
}
.success-wrap .btn {
  width: 30%;
  height: 50px;
  font-size: 18px;
}
@media (max-width: 768px) {
  .success-wrap .btn {
    width: 70%;
    font-size: 16px;
  }
}

.terms-wrap {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .terms-wrap {
    padding: 50px 0;
  }
}
.terms-wrap h3 {
  text-align: center;
  font-family: "font-bold";
  font-size: 32px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .terms-wrap h3 {
    font-size: 22px;
  }
}
.terms-wrap p {
  margin-bottom: 30px;
  line-height: 1.8;
}
.terms-wrap label {
  width: 30%;
}
@media (max-width: 768px) {
  .terms-wrap label {
    width: 100%;
  }
}
.terms-wrap label input {
  display: none;
}
.terms-wrap label input:checked + span::before {
  background: url("../images/tick.svg") no-repeat center/20px;
}
.terms-wrap label span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  cursor: pointer;
  background-color: #f47c20;
  padding: 20px;
  border-radius: 10px;
}
.terms-wrap label span::before {
  content: "";
  width: 20px;
  height: 20px;
  transition: 0.3s;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 0 2px #fff;
}

.reservations-wrap {
  padding: 70px 0;
}
@media (max-width: 768px) {
  .reservations-wrap {
    padding: 50px 0;
  }
}
.reservations-wrap .reservation-head {
  margin-bottom: 30px;
}
.reservations-wrap .reservation-head h3 {
  text-align: center;
  font-family: "font-bold";
  font-size: 32px;
}
@media (max-width: 768px) {
  .reservations-wrap .reservation-head h3 {
    font-size: 22px;
  }
}
.reservations-wrap .sub-head {
  margin-bottom: 24px;
}
.reservations-wrap .sub-head h4 {
  background-color: #fff6f2;
  border: 1px solid #f47c20;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  font-size: 18px;
}
.reservations-wrap .card {
  border-radius: 10px;
  border: 0;
  padding: 20px;
  margin-bottom: 24px;
}
.reservations-wrap .reserv-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #c8d0d6;
  font-size: 15px;
  border-bottom: 1px solid #dddddd;
  padding: 15px 0;
}
.reservations-wrap .reserv-list ul li span {
  color: #000;
}
.reservations-wrap .reserv-list ul li:last-child {
  border: 0;
}
.reservations-wrap .reserv-list .reserv-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.reservations-wrap .reserv-list .reserv-footer .status {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 10px;
  padding: 10px 15px;
  width: 100%;
  color: #fff;
  height: 45px;
}
.reservations-wrap .reserv-list .reserv-footer .status span {
  border-inline-end: 1px solid #fff;
  padding-inline-end: 10px;
}
.reservations-wrap .reserv-list .reserv-footer .status b {
  font-weight: normal;
  display: flex;
  align-items: center;
  gap: 5px;
}
.reservations-wrap .reserv-list .reserv-footer .status b::after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50%;
}
.reservations-wrap .reserv-list .reserv-footer .status.done {
  background-color: #0aa06e;
}
.reservations-wrap .reserv-list .reserv-footer .status.canceled {
  background-color: #e23346;
}
.reservations-wrap .reserv-list .reserv-footer .status.new {
  background-color: #f4b11b;
}
.reservations-wrap .reserv-list .reserv-footer .btn {
  border-radius: 10px;
  white-space: nowrap;
}
.reservations-wrap .bill {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: space-between;
  margin-bottom: 30px;
  background-color: #ecf1f4;
  border-radius: 15px;
  padding: 15px;
}
@media (max-width: 625px) {
  .reservations-wrap .bill {
    flex-flow: column;
  }
}
.reservations-wrap .bill .right {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 18px;
}
.reservations-wrap .bill .btn {
  border-radius: 10px;
  min-width: 150px;
  font-size: 16px;
}
@media (max-width: 625px) {
  .reservations-wrap .bill .btn {
    width: 100%;
  }
}
.reservations-wrap .branch {
  margin-bottom: 30px;
}
.reservations-wrap .branch h4 {
  margin-bottom: 10px;
}
.reservations-wrap .branch .branch-wrap {
  background-color: #ecf1f4;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
}
.reservations-wrap .branch .branch-wrap .top {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
}
.reservations-wrap .branch .branch-wrap .top .img {
  width: 45px;
  height: 45px;
  min-width: 45px;
  border-radius: 50%;
  overflow: hidden;
}
.reservations-wrap .branch .branch-wrap .top .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reservations-wrap .branch .branch-wrap .top .info h4 {
  font-family: "font-bold";
  font-size: 18px;
}
.reservations-wrap .branch .branch-wrap .top .info p {
  color: #8e8e8e;
  margin-top: 5px;
}
.reservations-wrap .branch .branch-wrap .bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 625px) {
  .reservations-wrap .branch .branch-wrap .bottom {
    flex-flow: column;
    gap: 10px;
  }
}
.reservations-wrap .branch .branch-wrap .bottom .btn {
  border-radius: 10px;
}
@media (max-width: 625px) {
  .reservations-wrap .branch .branch-wrap .bottom .btn {
    width: 100%;
  }
}
.reservations-wrap .branch .branch-wrap .bottom .btn.outline {
  border: 1px solid #000;
  color: #000;
  background-color: transparent;
}
.reservations-wrap .branch .branch-wrap .bottom .btn.outline img {
  filter: brightness(0);
}
.reservations-wrap .branch .branch-wrap:last-child {
  margin-bottom: 0;
}
.reservations-wrap .reserv-services h4 {
  margin-bottom: 10px;
}
.reservations-wrap .reserv-services .service-block {
  background-color: #ecf1f4;
  margin-bottom: 20px;
  flex-flow: row;
}
@media (max-width: 625px) {
  .reservations-wrap .reserv-services .service-block {
    flex-flow: column;
  }
}
.reservations-wrap .reserv-services .service-block .img {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
@media (max-width: 625px) {
  .reservations-wrap .reserv-services .service-block .img {
    width: 100%;
    height: 200px;
  }
}
.reservations-wrap .reserv-services .service-block .info .title {
  font-size: 16px;
}

.notifications-wrap {
  padding: 40px;
}
@media (max-width: 768px) {
  .notifications-wrap {
    padding: 20px;
  }
}
.notifications-wrap .nav-tabs {
  border: 0;
  border-radius: 50px;
  padding: 13px 20px;
  background-color: #f0f0f0;
  margin-bottom: 20px;
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .notifications-wrap .nav-tabs {
    padding: 10px;
  }
}
.notifications-wrap .nav-tabs .nav-item {
  width: 100%;
}
.notifications-wrap .nav-tabs .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  border-radius: 50px;
  height: 50px;
  font-size: 16px;
  background-color: transparent;
  transition: 0.3s;
  color: #000;
}
@media (max-width: 768px) {
  .notifications-wrap .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    height: 40px;
  }
}
.notifications-wrap .nav-tabs .nav-item .nav-link.active {
  background-color: #f47c20;
  color: #fff;
}
.notifications-wrap .notifications-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background-color: #f7f7f7;
  border-radius: 20px;
  padding: 25px;
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #f7f7f7;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list li {
    padding: 20px;
    border-radius: 15px;
  }
}
.notifications-wrap .notifications-list li .info {
  width: 100%;
}
.notifications-wrap .notifications-list li .info h4 {
  font-family: "font-bold";
  font-size: 18px;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list li .info h4 {
    font-size: 16px;
  }
}
.notifications-wrap .notifications-list li .info p {
  color: #727272;
  font-size: 13px;
  margin-block: 10px;
  line-height: 1.7;
}
.notifications-wrap .notifications-list li .info img {
  width: 100%;
  height: 150px;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list li .info img {
    height: 100px;
  }
}
.notifications-wrap .notifications-list li .info h5 {
  text-align: left;
  margin-top: 10px;
  color: #f47c20;
  font-size: 15px;
  direction: ltr;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list li .info h5 {
    font-size: 14px;
  }
}
.notifications-wrap .notifications-list li a {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.notifications-wrap .notifications-list li:hover {
  border: 1px solid #f47c20;
}
.notifications-wrap .notifications-list li:last-child {
  margin-bottom: 0;
}
.notifications-wrap .notifications-list.v2 .info h4 {
  font-family: "font-regular";
  font-size: 17px;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list.v2 .info h4 {
    font-size: 14px;
  }
}
.notifications-wrap .notifications-list.v2 .info p {
  color: #c8d0d6;
  font-size: 16px;
}
@media (max-width: 768px) {
  .notifications-wrap .notifications-list.v2 .info p {
    font-size: 14px;
  }
}

.datepicker-inline {
  width: 100%;
  padding: 0;
}
.datepicker-inline table {
  width: 100%;
  font-size: 18px;
}
@media (max-width: 768px) {
  .datepicker-inline table {
    font-size: 16px;
  }
}
.datepicker-inline table th,
.datepicker-inline table td {
  padding: 10px;
  text-shadow: none !important;
}
.datepicker-inline table th span,
.datepicker-inline table td span {
  text-shadow: none !important;
  margin: 0;
}
.datepicker-inline table th span.active,
.datepicker-inline table td span.active {
  background: #f47c20 !important;
  color: #fff;
}
.datepicker-inline table td.active {
  background: #f47c20 !important;
}/*# sourceMappingURL=style.css.map */