/* utils */
:root {
  --primary-color: #5465FF;
  --primary-color: 84, 101, 255;
  --white: 255, 255, 255;
}

/* Booking Status Variable */
/* font family */
/* breakpoints */
/**=====================
    breakpoint mixins scss
==========================**/
/* min width */
/* max width */
/* min and max */
/**=====================
     Common scss
==========================**/
/* ======= Display Flex Css Start ======= */
/* ======= Display Flex Css End ======= */
/* ======= Gap Flex Css Start ======= */
/* ======= Gap Flex Css End ======= */
/*======= position css starts  ======= */
/*======= position css ends  ======= */
/*======= font awesome css start  ======= */
/*======= font awesome css ends  ======= */
/*======= align css starts  ======= */
/* @include rtl(float, left, right); */
/*======= align css ends  ======= */
.servicemen-lists::before, .amount-header::before, .about-us .content-detail .item-lists li .icon-box i::before, .about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::before,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::before, .job-request-section::before, .favorite-tab .nav-tabs .nav-item .nav-link::before, .custom-nav-tabs .nav-item .nav-link::before, .wallet-data-table .dataTables_paginate .paginate_button:hover::before, .job-request-list .job-request-box .job-content .job-title .badge:before, .card.delivery-location .location-header .location-icon::before, .notifications .notification-list.unread::before, .profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon .dot::before, .pagination-main .pagination .page-item .page-link:hover::before, .modal.address-modal .modal-body .set-address-box:has(.form-check-input:checked)::before, .modal.address-modal .modal-body .category-list-box .category-list .form-check:has(.form-check-input:checked) label::before, .modal.pending-modal .modal-body.booking-sec .profile-view::before, .modal.accepted-modal .modal-body.booking-sec .profile-view::before, .modal.ongoing-modal .modal-body.booking-sec .profile-view::before, .modal.completed-modal .modal-body.booking-sec .profile-view::before, .input-group .coupon-input-box::before, .service-booking .delivery-location .location-header .badge::before, .coupon-item .coupon-footer::before, .view::before, .pattern-btn-1 span:before, .flatpickr-calendar .flatpickr-day.inRange::before, .flatpickr-calendar .flatpickr-day:hover::before, .primary-light-badge::before, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time:hover::before, .xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover::before, .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status .payment-status-info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  z-index: -1;
}

/* Base */
/**=====================
     Typography scss
==========================**/
body {
  font-family: "DM Sans", serif !important;
  position: relative;
  font-size: 14px;
  margin: 0;
  background-color: #ffffff;
  color: #00162E;
  scroll-behavior: smooth;
}
body:not(:has(.announcement-bar)) header {
  top: 0;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  display: inline-block;
  font-size: 14px;
}

p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

a {
  color: var(--primary-color);
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
a:hover {
  color: var(--primary-color);
  text-decoration: none;
}
a:focus {
  outline: none;
}

button:focus {
  outline: none;
}

:focus {
  outline: none;
}

label {
  font-size: 16px;
  color: #808B97;
}

h1 {
  font-size: calc(22px + 38 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.1;
  text-transform: capitalize;
  margin: 0;
}

h2 {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  font-weight: 600;
  text-transform: capitalize;
  margin: 0;
}

h3 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}

h4 {
  font-size: calc(17px + 1 * (100vw - 320px) / 1600);
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

h5 {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

h6 {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  line-height: 1.2;
  margin: 0;
  font-weight: 400;
}

span {
  display: inline-block;
}

.theme-color {
  color: var(--primary-color) !important;
}

.theme-bg-color {
  background: var(--primary-color) !important;
}

.col-custom-3 {
  width: 29%;
}
@media (max-width: 1366px) {
  .col-custom-3 {
    width: 36%;
  }
}
@media (max-width: 1199.98px) {
  .col-custom-3 {
    width: 300px;
    position: relative;
  }
}

.col-custom-9 {
  width: 71%;
}
@media (max-width: 1366px) {
  .col-custom-9 {
    width: 64%;
  }
}
@media (max-width: 1199.98px) {
  .col-custom-9 {
    width: 100%;
  }
}

.no-data-col-custom-9 .no-data-found {
  height: 100%;
}
.no-data-col-custom-9:has(.no-data-found) {
  width: 71%;
}

.w-max {
  width: max-content !important;
}

/**=====================
     Reset scss
==========================**/
/* Section Space Scss */
section,
.section-t-space {
  padding-top: calc(30px + 40 * (100vw - 320px) / 1600);
}

.section-b-space {
  padding-bottom: calc(30px + 40 * (100vw - 320px) / 1600);
}

.section-big-space {
  padding-top: calc(30px + 120 * (100vw - 320px) / 1600);
}

.content-t-space {
  padding-top: calc(20px + 30 * (100vw - 320px) / 1600);
}

.content-t-space2 {
  padding-top: calc(15px + 15 * (100vw - 320px) / 1600);
}

.content-b-space {
  padding-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
}

.content-b-space2 {
  padding-bottom: calc(20px + 10 * (100vw - 320px) / 1600);
}

.container-fluid-xl {
  padding: 0 calc(15px + 85 * (100vw - 320px) / 1600);
}

.container-fluid-lg {
  padding: 0 calc(15px + 185 * (100vw - 320px) / 1600);
}

.container-fluid-md {
  padding: 0 calc(15px + 230 * (100vw - 320px) / 1600);
}

.container-fluid-sm {
  padding: 0 calc(15px + 370 * (100vw - 320px) / 1600);
}

.container-fluid-xs {
  padding: 0 calc(15px + 435 * (100vw - 320px) / 1600);
}

.section-bg {
  background-color: #F5F6F7;
}

.sticky {
  position: sticky !important;
  top: 100px !important;
}

/* Number Spin Button Scss */
input ::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  appearance: textfield;
}

/* Rating Scss */
.rate {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: calc(1px + 3 * (100vw - 320px) / 1600);
}
.rate small {
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #808B97;
  letter-spacing: 0.4px;
}
.rate img.star {
  width: 13px;
  height: 13px;
}

/* Title Scss */
.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: calc(7px + 7 * (100vw - 320px) / 1600);
  border-bottom: 1px solid #E5E8EA;
  position: relative;
  margin-bottom: calc(14px + 16 * (100vw - 320px) / 1600);
  gap: 4px;
}
.title.dark-title {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.title:before {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: 4px;
  width: 93px;
  bottom: -2.5px;
  left: 0;
  border-radius: 100px;
}
[dir=rtl] .title:before {
  left: unset;
  right: 0;
}
.title h2 {
  font-weight: 700;
  line-height: calc(30px + 11 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .title h2 {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
.title .view-all {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  position: relative;
  white-space: nowrap;
}
.title .view-all i {
  --Iconsax-Size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: var(--primary-color);
  transform: translateX(0px);
  transition: all 0.2s ease;
}
.title .view-all:hover {
  text-decoration: underline;
}
.title .view-all:hover i {
  transform: translateX(5px);
  transition: all 0.2s ease;
}

.title-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 12px;
}
.title-1 h2 {
  font-weight: 700;
  line-height: 1.2;
  font-size: calc(23px + 7 * (100vw - 320px) / 1600);
  text-transform: none;
}
.title-1:before {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: 4px;
  width: 93px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* Discount Tag Scss */
.discount-tag {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #FF4B4B;
  color: #ffffff;
  border-radius: 22px;
  z-index: 1;
  padding: 1px 10px;
  font-size: 14px;
  font-weight: 600;
}
[dir=rtl] .discount-tag {
  right: unset;
  left: 10px;
}

.like-icon {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  z-index: 1;
  cursor: pointer;
}
[dir=rtl] .like-icon {
  left: unset;
  right: 10px;
}
.like-icon .icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.like-icon .fill-icon {
  display: none;
}
.like-icon.active .outline-icon {
  display: none;
}
.like-icon.active .fill-icon {
  display: block;
  color: rgba(var(--error-color), 1);
}

/* Custom Scroll Scss */
.custom-scroll::-webkit-scrollbar {
  width: 2px !important;
  height: 4px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: rgba(229, 232, 234, 0.604);
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 4px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.custom-scroll::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

/* Text Scss */
.text-underline {
  text-decoration: underline;
}

.text-dark {
  color: #00162E;
  font-weight: 500;
}

.text-white {
  color: #ffffff;
}

/* Border Scss */
.border {
  border: 1px solid #E5E8EA;
}

.b-top {
  border-top: 1px solid #E5E8EA;
}

.b-bottom {
  border-bottom: 1px solid #E5E8EA;
}

.b-left {
  border-left: 1px solid #E5E8EA;
}

.b-right {
  border-right: 1px solid #E5E8EA;
}

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

.border-solid {
  border-top: 1px solid #E5E8EA;
  margin: 16px 0;
}

.b-top-dashed {
  border-top: 1px dashed #E5E8EA;
}

.b-bottom-dashed {
  border-bottom: 1px dashed #E5E8EA;
}

.b-left-dashed {
  border-left: 1px dashed #E5E8EA;
}

.b-right-dashed {
  border-right: 1px dashed #E5E8EA;
}

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

.br-15 {
  border-radius: 15px;
}

.br-10 {
  border-radius: 10px;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: "DM Sans", serif !important;
}

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

.br-tl-0 {
  border-top-left-radius: 0;
}

.br-tr-0 {
  border-top-right-radius: 0;
}

.br-bl-0 {
  border-bottom-left-radius: 0;
}

.br-br-0 {
  border-bottom-right-radius: 0;
}

/* Padding Scss */
.p-16 {
  padding: 16px;
}

.p-20 {
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
}

.pr-45 {
  padding-right: 45px !important;
}

.ms-auto {
  margin-left: auto !important;
}
[dir=rtl] .ms-auto {
  margin-left: unset !important;
  margin-right: auto !important;
}

/* Image Scss */
.img-45 {
  width: 45px !important;
  height: 45px !important;
  border-radius: 100%;
}

.plus-minus,
.increment {
  background-color: #F5F6F7;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 0;
}
.plus-minus i,
.increment i {
  --Iconsax-Size: 19px;
  --Iconsax-Color: #808B97;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
}
.plus-minus input,
.increment input {
  color: #00162E;
  border: none;
  background-color: #F5F6F7;
  text-align: center;
  width: 30px;
  height: 30px;
}
[dir=rtl] .plus-minus input,
[dir=rtl] .increment input {
  text-align: center !important;
}
.plus-minus .add,
.increment .add {
  background-color: var(--primary-color);
  --Iconsax-Color: #fff;
  border-radius: 6px;
}

.danger-note {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
  padding: 16px;
  border-radius: 8px;
}
.danger-note p {
  font-size: 16px;
}
.danger-note h3 {
  color: #FF4B4B !important;
  margin-bottom: 4px;
}

.dashed-border {
  border-top: 1px dashed #E5E8EA;
  margin: calc(14px + 6 * (100vw - 768px) / 1152) 0;
}

.note {
  margin-top: 16px;
}
.note label {
  font-weight: 500;
  color: #00162E;
}
.note p {
  color: #808B97;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: 8px !important;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-radius: 8px !important;
}
.input-group:has(label.error) {
  margin-bottom: 17px;
}
.input-group label.error {
  position: absolute;
  bottom: -18px;
}

.filter-div {
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-div a {
  border-radius: 6px;
  padding: 6px 12px;
}
@media (max-width: 767.98px) {
  .filter-div {
    width: 100%;
  }
}

@media (max-width: 1199.98px) {
  .filter {
    position: absolute;
    top: 55px;
    left: 12px;
    transition: all 0.3s ease;
    z-index: 3;
    width: 290px;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
  }
  .filter.open {
    left: 12px;
    transition: all 0.3s ease;
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
  }
}

.time-slot {
  border: none;
  background: none;
  padding: 0;
  font-size: 16px;
  color: #808B97 !important;
}

.error-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
}

.no-data-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 20px;
}
.no-data-content img {
  margin-bottom: 20px;
}
.no-data-content p {
  color: rgba(0, 22, 46, 0.8);
  font-size: calc(17px + 1 * (100vw - 320px) / 1600);
}
.no-data-content .btn {
  margin-top: 25px;
  width: max-content;
}
.no-data-content .btn i {
  --Iconsax-Size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #fff;
  transform: translateX(0px);
  transition: all 0.2s ease;
}
.no-data-content .btn:hover i {
  transform: translateX(-5px);
  transition: all 0.2s ease;
}

.spinner-border {
  display: inline-flex;
  align-items: center;
  opacity: 0.5;
  width: 16px !important;
}
.spinner-border.spinner-border-sm {
  --bs-spinner-border-width: 0.15em !important;
}

.b-r-5 {
  border-radius: 5px;
}

.error {
  font-size: 13px !important;
  color: #FF4B4B !important;
}

/* Badge Booking Status Colors */
.booking-status-FDB448 {
  background-color: rgba(253, 180, 72, 0.1);
  color: #FDB448;
}
.booking-status-FDB448:hover {
  color: #FDB448;
}

.booking-status-48BFFD {
  background-color: rgba(72, 191, 253, 0.1);
  color: #48BFFD;
}
.booking-status-48BFFD:hover {
  color: #48BFFD;
}

.booking-status-AD46FF {
  background-color: rgba(173, 70, 255, 0.1);
  color: #AD46FF;
}
.booking-status-AD46FF:hover {
  color: #AD46FF;
}

.booking-status-FF7456 {
  background-color: rgba(255, 116, 86, 0.1);
  color: #FF7456;
}
.booking-status-FF7456:hover {
  color: #FF7456;
}

.booking-status-FF4B4B {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
}
.booking-status-FF4B4B:hover {
  color: #FF4B4B;
}

.booking-status-FF4B4B {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
}
.booking-status-FF4B4B:hover {
  color: #FF4B4B;
}

.booking-status-FF7456 {
  background-color: rgba(255, 116, 86, 0.1);
  color: #FF7456;
}
.booking-status-FF7456:hover {
  color: #FF7456;
}

.booking-status-FF1D53 {
  background-color: rgba(0, 137, 150, 0.1);
  color: #008996;
}
.booking-status-FF1D53:hover {
  color: #008996;
}

.booking-status-FF1D53 {
  background-color: rgba(197, 7, 175, 0.1);
  color: #c507af;
}
.booking-status-FF1D53:hover {
  color: #c507af;
}

.booking-status-5465FF {
  background-color: rgba(39, 175, 77, 0.1);
  color: #27AF4D;
}
.booking-status-5465FF:hover {
  color: #27AF4D;
}

.booking-status-5498FF {
  background-color: rgba(84, 152, 255, 0.1);
  color: #5498FF;
}
.booking-status-5498FF:hover {
  color: #5498FF;
}

.payment-status-FDB448 {
  background-color: rgba(253, 180, 72, 0.1) !important;
  color: #FDB448 !important;
}
.payment-status-FDB448:hover {
  color: #FDB448 !important;
}

.payment-status-COMPLETED {
  background-color: rgba(39, 175, 77, 0.1) !important;
  color: #27AF4D !important;
}
.payment-status-COMPLETED:hover {
  color: #27AF4D !important;
}

.payment-status-PENDING {
  background-color: rgba(253, 180, 72, 0.1) !important;
  color: #FDB448 !important;
}
.payment-status-PENDING:hover {
  color: #FDB448 !important;
}

.payment-status-PARTIAL {
  background-color: rgba(253, 180, 72, 0.1) !important;
  color: #FDB448 !important;
}
.payment-status-PARTIAL:hover {
  color: #FDB448 !important;
}

.payment-status-REFUNDED {
  background-color: rgba(72, 191, 253, 0.1) !important;
  color: #48bffd !important;
}
.payment-status-REFUNDED:hover {
  color: #48bffd !important;
}

.payment-status-FAILED {
  background-color: rgba(255, 75, 75, 0.1) !important;
  color: #FF4B4B !important;
}
.payment-status-FAILED:hover {
  color: #FF4B4B !important;
}

.payment-status-5498FF {
  background-color: rgba(84, 152, 255, 0.1) !important;
  color: #5498FF !important;
}
.payment-status-5498FF:hover {
  color: #5498FF !important;
}

.badge {
  font-weight: 600;
  display: inline-block;
  padding: 0.35em 0.65em;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  text-transform: capitalize;
}

/* badge color */
.badge-primary {
  background-color: var(--primary-color);
  color: #ffffff;
}

.badge-success {
  background-color: #27AF4D;
  color: #ffffff;
}

.badge-warning {
  background-color: #FDB448;
  color: #ffffff;
}

.badge-info {
  background-color: #48bffd;
  color: #ffffff;
}

.badge-danger {
  background-color: #FF4B4B;
  color: #ffffff;
}

.badge-light {
  background-color: #808B97;
  color: #ffffff;
}

/* badge light color */
.badge-primary-light {
  background-color: rgba(var(--primary-color), 0.1);
  color: var(--primary-color);
}

.badge-success-light {
  background-color: rgba(39, 175, 77, 0.1);
  color: #27AF4D;
}

.badge-warning-light {
  background-color: rgba(253, 180, 72, 0.1);
  color: #FDB448;
}

.badge-info-light {
  background-color: rgba(72, 191, 253, 0.1);
  color: #48bffd;
}

.badge-danger-light {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
}

.badge-light-light {
  background-color: rgba(128, 139, 151, 0.1);
  color: #808B97;
}

del {
  color: rgba(0, 22, 46, 0.3);
}

.text-theme-color {
  color: var(--primary-color) !important;
}

.required-span {
  color: #F2393B;
}

.service-bg-warning {
  background-color: #FDB448 !important;
}

.service-bg-danger {
  background-color: #FF4B4B !important;
}

.favorite-icon {
  color: #FF4B4B;
}
.favorite-icon.iconsax svg [stroke] {
  stroke: #FF4B4B;
}
.favorite-icon.iconsax svg [fill] {
  fill: #FF4B4B;
}

[dir=rtl] input[type=number],
[dir=rtl] input[type=date],
[dir=rtl] input[type=time],
[dir=rtl] input[type=datetime-local] {
  text-align: end;
}

.book-now-tooltip .tooltip-arrow::before {
  border-bottom-color: var(--primary-color) !important;
  opacity: 0.17;
}
.book-now-tooltip .tooltip-inner {
  position: relative;
  overflow: hidden;
  z-index: 0;
  color: var(--primary-color);
  background-color: transparent;
}
.book-now-tooltip .tooltip-inner::after {
  z-index: -1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.17;
}

.chatting-main-box {
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
}
.chatting-main-box .right-sidebar-chat {
  padding: 0;
  display: block;
  border-radius: 10px;
}
.chatting-main-box .right-sidebar-chat .no-data-container {
  position: absolute;
  inset: 0;
  background-color: white;
  z-index: 1;
  display: none;
  padding: 15px 18px;
  border-radius: 12px;
}
.chatting-main-box .right-sidebar-chat .no-data-container .d-flex {
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: rgb(247, 248, 246);
  border-radius: 10px;
}
.chatting-main-box .right-sidebar-chat .no-data-container img {
  max-width: 50%;
  max-height: 50%;
}
.chatting-main-box .right-sidebar-chat .chat-item.active {
  background-color: rgba(var(--light-gray), 1);
}
.chatting-main-box .right-sidebar-chat .user-round {
  width: calc(39px + 6 * (100vw - 320px) / 1600);
  height: calc(39px + 6 * (100vw - 320px) / 1600);
  border-radius: 100%;
  background-color: rgba(23, 28, 38, 0.08);
  border: 1px solid rgba(var(--border-color), 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatting-main-box .right-sidebar-chat .msger-inputarea {
  position: relative;
}
.chatting-main-box .right-sidebar-chat .msger-input-error-icon {
  display: none;
  position: absolute;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  color: #dc3545;
  font-size: 18px;
}
.chatting-main-box .right-sidebar-chat .msger-input.error ~ .msger-input-error-icon {
  display: block;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title {
  padding: 0;
  box-shadow: none;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box .chat-profile {
  position: relative;
  width: calc(39px + 6 * (100vw - 320px) / 1600);
  height: calc(39px + 6 * (100vw - 320px) / 1600);
  border-radius: 100%;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box .chat-profile > div {
  height: 100%;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box .chat-profile .user-round {
  width: 100%;
  min-width: 100%;
  height: 100%;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  text-transform: uppercase;
  box-shadow: 0 0 10px #ddd;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box .chat-profile .user-round h6 {
  font-size: 20px;
  color: rgba(23, 28, 38, 0.7);
  line-height: 1.3;
  padding: 0;
  border: none;
  margin: 0;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chat-top-box .chat-profile .status {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  bottom: 5%;
  right: -2px;
  border: 3px solid white;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(35px + 5 * (100vw - 320px) / 1600);
  height: calc(35px + 5 * (100vw - 320px) / 1600);
  background-color: rgba(84, 101, 255, 0.1);
  border: 1px solid #eee;
  border-radius: 100%;
  font-size: 20px;
  margin-left: auto;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option i svg path {
  stroke: #5465ff;
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option {
  background-color: #1f1f1f;
  border-color: rgba(var(--white), 0.1);
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option a {
  color: white;
}
body.rtl .chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option {
  margin-left: unset;
  margin-right: auto;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option a {
  color: rgba(var(--title-color), 0.75);
  line-height: 1;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space .chat-time-chat .chatting-option a i {
  font-size: 20px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space h5 {
  font-size: 14px;
  margin: 0;
  line-height: 1.3;
  font-weight: 500;
  color: rgba(var(--title-color), 1);
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space h5 {
  color: white;
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space h5 ~ span {
  color: rgba(var(--white), 0.8);
}
.chatting-main-box .right-sidebar-chat .right-sidebar-title .common-space h6 {
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  color: #8d8d8d;
  margin: 3px 0 0;
  padding: 0;
  border: none;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats {
  margin-top: 14px;
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
  border: none;
  position: relative;
  z-index: 0;
  border-radius: 12px;
  background-color: rgba(84, 101, 255, 0.06);
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea {
  align-items: unset;
  padding-top: 10px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-input {
  border: 1px solid rgba(var(--border-color), 1);
  border-radius: calc(18px + 12 * (100vw - 320px) / 1600);
  padding: calc(8px + 3 * (100vw - 320px) / 1600) 10px;
  padding-inline: 20px calc(48px + 42 * (100vw - 320px) / 1600);
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  outline: none;
  color: rgba(var(--title-color), 0.8);
  line-height: 1.5;
  background-color: #f5f6f7;
  width: 100%;
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-input {
  background-color: rgba(var(--white), 0.1);
  color: white;
  border-color: rgba(var(--white), 0.2);
}
body.rtl .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-input {
  padding-right: 10px;
  padding-left: calc(48px + 12 * (100vw - 320px) / 1600);
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-send-btn {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 100;
  padding: 0px;
  width: calc(32px + 10 * (100vw - 320px) / 1600);
  color: white;
  border-radius: 100%;
  border: none;
  background-color: #5465ff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  height: calc(32px + 10 * (100vw - 320px) / 1600);
  display: flex;
  justify-content: center;
  align-items: center;
}
body.rtl .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-send-btn {
  right: unset;
  left: 4px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-send-btn i {
  line-height: 1;
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .msger-send-btn i svg path {
  stroke: white;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .gallery {
  margin-left: -3px;
  height: calc(38px + 4 * (100vw - 320px) / 1600);
  width: calc(38px + 4 * (100vw - 320px) / 1600);
  font-weight: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #aaaaaa;
  border-radius: 100%;
  border: none;
  background-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .gallery i {
  font-size: 26px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea .gallery i svg path {
  stroke: #5465ff;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat {
  display: flex;
  padding-top: 10px;
  padding-right: 10px;
  overflow-y: auto;
  flex-direction: column;
  gap: calc(15px + 10 * (100vw - 320px) / 1600);
  height: 606px;
}
@media (max-width: 1199.98px) {
  .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat {
    height: calc(500px + 20 * (100vw - 320px) / 880);
  }
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat::-webkit-scrollbar {
  width: 5px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat::-webkit-scrollbar-track {
  background: rgba(var(--light-gray), 1);
  border-radius: 100px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat::-webkit-scrollbar-thumb {
  background: rgba(var(--primary-color), 1);
  border-radius: 100px;
}
@supports not selector(::-webkit-scrollbar) {
  .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat {
    scrollbar-color: rgba(var(--primary-color), 1) rgba(var(--light-gray), 1);
  }
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply {
  display: flex;
  align-items: flex-end;
  gap: calc(6px + 8 * (100vw - 320px) / 1600);
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .message-profile,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .message-profile {
  width: calc(39px + 6 * (100vw - 320px) / 1600);
  height: calc(39px + 6 * (100vw - 320px) / 1600);
  border-radius: 100%;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box {
  max-width: 75%;
  background-color: rgb(245, 246, 247);
  border: 1px solid rgba(var(--border-color), 1);
  padding: calc(7px + 4 * (100vw - 320px) / 1600) calc(9px + 6 * (100vw - 320px) / 1600);
  border-radius: calc(8px + 3 * (100vw - 320px) / 1600) calc(8px + 3 * (100vw - 320px) / 1600) calc(8px + 3 * (100vw - 320px) / 1600) 0;
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box,
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box {
  background-color: rgba(var(--white), 0.1);
  border-color: rgba(var(--white), 0.1);
}
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box p,
body.dark .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box p {
  color: white;
}
@media (max-width: 575.98px) {
  .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box,
  .chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box {
    max-width: 65%;
  }
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box img,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box img {
  width: 200px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box p,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box p {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  text-align: left;
  font-weight: 400;
  color: rgba(var(--title-color), 1);
  margin-bottom: 0;
  width: fit-content;
  word-wrap: break-word;
  display: block;
  word-break: break-word;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box h6,
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .user-reply .chatting-box h6 {
  font-size: calc(11px + 1 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: rgba(var(--content-color), 1);
  margin-block: 5px 0;
  padding-bottom: 0;
  border: none;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply {
  flex-direction: row-reverse;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box {
  background-color: #5465FF;
  text-align: right;
  border-radius: calc(8px + 3 * (100vw - 320px) / 1600) calc(8px + 3 * (100vw - 320px) / 1600) 0 calc(8px + 3 * (100vw - 320px) / 1600);
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box p {
  color: white;
  margin-left: auto;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .admin-reply .chatting-box h6 {
  color: white;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .message .msger-chat .no-chat-message {
  font-size: calc(15px + 5 * (100vw - 320px) / 1600);
  height: 100%;
  display: grid;
  place-content: center;
  font-weight: 500;
  letter-spacing: 0.3px;
}
.chatting-main-box .right-sidebar-chat .right-sidebar-Chats .msger-inputarea {
  background: transparent;
}

/* components */
/**=====================
     Accordion scss
==========================**/
.accordion .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion .accordion-item .accordion-button {
  background-color: transparent;
  width: max-content;
  padding: 0;
  border: none;
  box-shadow: none;
}
.accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url(/build/assets/arrow-VBqBxFbV.svg);
}
.accordion .accordion-item .accordion-body {
  padding: 0;
}

.filter #no-results-message {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  border-radius: 7px;
  letter-spacing: 0.4px;
  line-height: 1.6;
}
.filter .accordion {
  margin-bottom: 20px;
}
.filter .accordion .accordion-item .accordion-header .accordion-button {
  font-size: 17px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  color: #00162E;
  cursor: pointer;
}
.filter .accordion .accordion-item .accordion-header .accordion-button:after {
  background-size: 16px;
}
[dir=rtl] .filter .accordion .accordion-item .accordion-header .accordion-button:after {
  margin-left: unset;
  margin-right: auto;
}
.filter .accordion .accordion-item .accordion-body {
  padding: 16px 0;
}
.filter .accordion .accordion-item .accordion-body .category-body .category-list .category-item.no-category {
  margin: 30px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  border-radius: 7px;
  letter-spacing: 0.4px;
  line-height: 1.6;
}
.filter .accordion .accordion-item .accordion-body .category-body .category-list .category-item .form-check-label {
  width: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.filter .accordion .accordion-item .accordion-body .category-body .category-list .category-item .form-check-label img {
  width: 24px;
  height: 24px;
}
.filter .accordion .accordion-item .accordion-body .category-body .category-list .category-item .form-check-input:checked ~ .form-check-label {
  font-weight: 500;
  color: #00162E;
}
.filter .accordion .accordion-item .accordion-body .filter-body .service {
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.filter .accordion .accordion-item .accordion-body .filter-body .service .form-check label {
  width: 100%;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  cursor: pointer;
}
.filter .accordion .accordion-item .accordion-body .filter-body .form-group {
  margin: 0;
}
.filter .accordion .accordion-item .accordion-body .filter-body .search-provider {
  margin-top: 10px;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .search-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 10px 16px;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .search-div i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808b97;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .search-div .form-group {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .search-div .form-group input {
  border: none;
  width: 100%;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .search-div .accordion-button:after {
  background-size: 16px;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 210px;
  overflow: auto;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body .form-check {
  gap: 8px;
  margin-bottom: 0;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul li {
  position: relative;
  color: #808B97;
  font-size: 14px;
  line-height: 18px;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul li + li {
  padding-left: 5px;
  margin-left: 5px;
}
[dir=rtl] .filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul li + li {
  padding-right: 5px;
  margin-right: 5px;
  padding-left: unset;
  margin-left: unset;
}
.filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul li + li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  background-color: #808B97;
  width: 1px;
  height: 12px;
}
[dir=rtl] .filter .accordion .accordion-item .accordion-body .accordion .accordion-item .accordion-body .search-body ul li + li:before {
  left: 0px;
  right: unset;
}
.filter .accordion .accordion-item .price-range-box {
  background-color: #ffffff;
  padding: 16px;
  border-radius: 8px;
  height: 80px;
  margin-block: 16px;
}
.filter .accordion .accordion-item .price-range-box .irs--round {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  height: unset;
}
.filter .accordion .accordion-item .price-range-box .irs--round .irs-bar {
  top: 10px;
}
.filter .accordion .accordion-item .price-range-box .irs--round .irs-handle {
  top: 5px;
}
.filter .accordion .accordion-item .price-range-box .irs--round .irs {
  width: 93%;
  margin: auto;
}
.filter .card-footer {
  padding-top: 0 !important;
}
.filter .card-footer button {
  width: 100%;
  max-width: unset !important;
  justify-content: center;
  border-radius: 8px;
}
.filter .card-footer:before, .filter .card-footer:after {
  display: none;
}

.faq-section .accordion .accordion-item,
.terms-section .accordion .accordion-item,
.privacy-section .accordion .accordion-item {
  font-family: "DM Sans", serif !important;
  background-color: #ffffff;
  border-radius: 12px;
}
.faq-section .accordion .accordion-item + .accordion-item,
.terms-section .accordion .accordion-item + .accordion-item,
.privacy-section .accordion .accordion-item + .accordion-item {
  margin-top: 20px;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button,
.terms-section .accordion .accordion-item .accordion-header .accordion-button,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button {
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 1.2;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  gap: 4px;
  color: #00162E;
  cursor: pointer;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button i,
.terms-section .accordion .accordion-item .accordion-header .accordion-button i,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button i {
  --Iconsax-Size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162E;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:after,
.terms-section .accordion .accordion-item .accordion-header .accordion-button:after,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button .add,
.terms-section .accordion .accordion-item .accordion-header .accordion-button .add,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button .add {
  display: none;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button .minus,
.terms-section .accordion .accordion-item .accordion-header .accordion-button .minus,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button .minus {
  display: flex;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed,
.terms-section .accordion .accordion-item .accordion-header .accordion-button.collapsed,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  color: rgba(0, 22, 46, 0.7);
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .add,
.terms-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .add,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .add {
  display: flex;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .minus,
.terms-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .minus,
.privacy-section .accordion .accordion-item .accordion-header .accordion-button.collapsed .minus {
  display: none;
}
.faq-section .accordion .accordion-item .accordion-body,
.terms-section .accordion .accordion-item .accordion-body,
.privacy-section .accordion .accordion-item .accordion-body {
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
}
.faq-section .accordion .accordion-item .accordion-body p,
.terms-section .accordion .accordion-item .accordion-body p,
.privacy-section .accordion .accordion-item .accordion-body p {
  font-size: 18px;
  line-height: 1.5;
}
.faq-section ul,
.faq-section ol,
.terms-section ul,
.terms-section ol,
.privacy-section ul,
.privacy-section ol {
  list-style-type: disc;
  padding-left: 1.25rem;
}
[dir=rtl] .faq-section ul,
[dir=rtl] .faq-section ol,
[dir=rtl] .terms-section ul,
[dir=rtl] .terms-section ol,
[dir=rtl] .privacy-section ul,
[dir=rtl] .privacy-section ol {
  padding-right: 1.25rem;
  padding-left: unset;
}
.faq-section ul li,
.faq-section ol li,
.terms-section ul li,
.terms-section ol li,
.privacy-section ul li,
.privacy-section ol li {
  display: list-item;
  font-size: calc(15px + 2 * (100vw - 320px) / 1600);
  color: rgba(0, 22, 46, 0.7);
  line-height: 1.3 !important;
  margin-bottom: calc(8px + 4 * (100vw - 320px) / 1600);
}

.up-down-image {
  display: flex;
  gap: 20px;
}
.up-down-image img {
  border-radius: 12px;
  background-color: #E5E8EA;
}

/**=====================
    Animation scss
==========================**/
@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
@keyframes textShine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes textChange {
  0% {
    content: "User";
  }
  30% {
    content: "Provider";
  }
  55% {
    content: "Servicemen";
  }
  80% {
    content: "Admin";
  }
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  70% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  60% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
/**=====================
    Booking scss
==========================**/
.flatpicker-calender .flatpickr-input:-webkit-calendar-picker-indicator {
  display: none;
}
.flatpicker-calender .flatpickr-input ~ i {
  z-index: 0;
  pointer-events: none;
}
.flatpicker-calender .input-icon {
  top: 50%;
  transform: translateY(-50%);
}

.booking-category .form-control {
  border: none !important;
}
.booking-category .category-body {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.booking-category .category-body ul {
  display: grid;
  gap: 10px;
  max-height: 190px;
  overflow-y: auto;
  height: 100%;
}
.booking-category .category-body ul .form-check {
  justify-content: space-between;
  gap: 4px;
  padding-left: 10px;
  margin: 0;
}
.booking-category .category-body ul .form-check label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.booking-category .category-body ul .form-check:has(.form-check-input:checked) .form-check-label span {
  font-weight: 600;
}
.booking-category .category-body ul .form-check .form-check-label img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.booking-category .category-body ul .form-check .form-check-label span {
  padding-left: 0;
  margin-left: 6px;
  transition: all 0.15s ease-in-out;
  position: relative;
  font-size: 16px;
  color: #212529;
}
[dir=rtl] .booking-category .category-body ul .form-check .form-check-label span {
  padding-left: unset;
  padding-right: 10px;
}
.booking-category .category-body ul .form-check .form-check-label span:before {
  position: absolute;
  top: 6px;
  left: 0;
  background-color: #E5E8EA;
  height: 16px;
  width: 1px;
}
[dir=rtl] .booking-category .category-body ul .form-check .form-check-label span:before {
  left: unset;
  right: 0;
}
.booking-category .category-body ul .form-check .form-check-input {
  float: unset;
  margin: 0;
}
.booking-category .booking-category-body {
  height: unset !important;
  overflow: unset !important;
}

@media (max-width: 1199px) {
  .booking-sec .filter {
    position: fixed !important;
    top: 0 !important;
    left: -300px;
    width: 300px;
    height: 100vh !important;
    z-index: 8;
    overflow: auto;
    transform: unset;
    transition: all 0.25s ease-in-out;
    opacity: 1;
    visibility: visible;
  }
  .booking-sec .filter.open {
    left: 0;
    transform: unset;
  }
  [dir=rtl] .booking-sec .filter.open {
    left: unset;
    right: 0;
  }
  .booking-sec .filter .card {
    border-radius: 0;
    border: none;
    height: 100vh;
  }
  .booking-sec .filter .card .card-header {
    padding: 1rem;
  }
  .booking-sec .filter .card .card-header a {
    font-weight: 600;
  }
  .booking-sec .filter .card .card-header h3 {
    padding-left: 10px;
  }
  [dir=rtl] .booking-sec .filter .card .card-header h3 {
    padding-left: unset;
    padding-right: 10px;
  }
  .booking-sec .filter .card form {
    overflow: auto;
  }
}
.booking-sec .filter .close-box {
  border-radius: 0;
  color: #ffffff;
  justify-content: space-between;
  padding: 14px;
  border: none;
  font-size: 19px;
  background-color: #1d2537;
}
.booking-sec .filter .close-box i {
  ---Iconsax-Size: 18px;
  --Iconsax-Color: #fff;
  transform: rotate(45deg);
  line-height: 1;
}
.booking-sec .filter .card .card-header .close-btn {
  ---Iconsax-Size: 18px;
  --Iconsax-Color: #00162E;
  line-height: 1;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .booking-sec .filter-div {
    width: 100%;
  }
}
.booking-sec .select-dropdown h4 {
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .booking-sec .select-dropdown {
    align-items: flex-start;
    gap: 12px;
  }
  .booking-sec .select-dropdown .form-group {
    width: 100%;
  }
}
@media (max-width: 425px) {
  .booking-sec .select-dropdown {
    flex-wrap: wrap;
  }
}
.booking-sec .select-dropdown .form-group .form-select {
  border-radius: 6px;
  padding: 8px 38px 8px 12px;
  min-width: 170px;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.booking-sec .select-dropdown .form-group label {
  margin-bottom: 0;
}
.booking-sec .select-dropdown .form-select {
  padding: 8px 38px 8px 12px;
  width: 100%;
  min-width: 170px;
}
.booking-sec .select-dropdown .selected-booking {
  padding: 4px 8px;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: default;
}
.booking-sec .select-dropdown .selected-booking span {
  font-weight: 600;
  line-height: 1;
}
.booking-sec .select-dropdown .selected-booking .close {
  cursor: pointer;
}
.booking-sec .status,
.booking-sec .view-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: calc(8px + 8 * (100vw - 320px) / 1600);
}
.booking-sec .status .status-btn,
.booking-sec .status h5,
.booking-sec .view-status .status-btn,
.booking-sec .view-status h5 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 28px;
  color: var(--primary-color);
  border: none;
  background-color: unset;
  padding: 0;
}
.booking-sec .status .status-btn:hover,
.booking-sec .status h5:hover,
.booking-sec .view-status .status-btn:hover,
.booking-sec .view-status h5:hover {
  text-decoration: underline;
}
.booking-sec .status .badge,
.booking-sec .view-status .badge {
  padding: calc(6px + 3 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
}
.booking-sec .data {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.booking-sec .data li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
@media (max-width: 355px) {
  .booking-sec .data li {
    display: block;
  }
}
.booking-sec .data .label {
  color: #808B97;
  display: flex;
  align-items: center;
  gap: calc(4px + 4 * (100vw - 320px) / 1600);
}
.booking-sec .data .value {
  font-weight: 500;
}
.booking-sec .data .value.location {
  font-weight: 400 !important;
  justify-content: start;
}
[dir=rtl] .booking-sec .data .value.location {
  justify-content: end;
}
.booking-sec .data i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: var(--primary-color);
}
.booking-sec .ratio_70 .bg-size {
  min-height: 100px;
  min-width: 100px;
  width: auto;
}
.booking-sec .booking-sec-box .booking-list {
  position: relative;
  display: grid;
  gap: calc(16px + 4 * (100vw - 320px) / 1600);
}
.booking-sec .booking-sec-box .booking-list .border-solid {
  border: none;
  border-top: 1px solid #E5E8EA;
}
.booking-sec .booking-sec-box .booking-list .booking-box {
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #E5E8EA;
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
}
.booking-sec .booking-sec-box .booking-list .booking-box:hover .booking-top-box .service-image a {
  transform: scale(1.1) rotate(2deg);
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box {
  display: flex;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box {
    display: grid;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-image {
  width: calc(220px + 110 * (100vw - 767px) / 1153);
  border-radius: 7px;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-image {
    width: auto;
    height: auto;
    min-width: unset;
    min-height: unset;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-image img {
  object-fit: cover;
  aspect-ratio: 8/5;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status {
  width: calc(100% - 15px - (220px + 110 * (100vw - 767px) / 1153));
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status {
    display: block;
    width: 100%;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status .payment-status-info {
  display: inline-block;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  padding: 5px 10px;
  color: var(--primary-color);
  border-radius: 100px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status .payment-status-info::before {
  opacity: 0.1;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .service-status .badge-status {
  display: inline-block;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 100px;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .border-solid {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
[dir=rtl] .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .border-solid {
  left: unset;
  right: 0;
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-top-box .border-solid {
    position: relative;
    inset: unset;
    margin: calc(11px + 5 * (100vw - 320px) / 448) 0;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box {
    margin: 0;
    display: grid;
    gap: 15px;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title {
  width: calc(220px + 110 * (100vw - 767px) / 1153);
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title {
    width: 100%;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title.booking-title {
  gap: 4px;
  flex-wrap: wrap;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title.booking-title h4 {
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  color: #00162E;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title.booking-title span {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  color: #00162E;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .service-title.booking-title small {
  font-size: 14px;
  font-weight: 500;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men {
  padding: 0;
  width: calc(100% - (220px + 110 * (100vw - 767px) / 1153) - 15px);
}
@media (max-width: 767.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 575.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men {
    grid-template-columns: 1fr;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item {
  background-color: #F5F6F7;
  border: none;
  box-shadow: none;
  min-width: calc(220px + 59 * (100vw - 575px) / 1345);
}
@media (max-width: 575.98px) {
  .booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item {
    min-width: unset;
  }
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item .list {
  width: 100%;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item .list > div {
  width: 100%;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item .list > div ul {
  justify-content: space-between;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item .list > div ul li .rate:before {
  display: none;
}
.booking-sec .booking-sec-box .booking-list .booking-box .booking-bottom-box .selected-men .servicemen-list-item .list .avatar-placeholder {
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-transform: capitalize;
  background: white;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.031372549);
}
.booking-sec .booking-sec-box .booking-list .invalid-feedback {
  position: absolute;
  bottom: -20px;
}

.date-time-location-btn {
  background-color: unset;
  padding: 0;
  border: none;
}

/**=====================
    Breadcrumb scss
==========================**/
.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  margin-top: 10px;
}
.breadcrumb .breadcrumb-item {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: #ffffff;
  text-transform: capitalize;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 8px;
}
[dir=rtl] .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: unset;
  padding-right: 8px;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  color: #ffffff;
  float: left;
  padding-right: 8px;
}
[dir=rtl] .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  float: right;
  padding-right: unset;
  padding-left: 8px;
}

.breadcrumb-icon {
  --bs-breadcrumb-divider: '>';
}
.breadcrumb-icon li {
  display: inline-block;
}

.breadcrumb-section {
  padding-block: calc(135px + 19 * (100vw - 320px) / 1600) calc(28px + 33 * (100vw - 320px) / 1600);
}
.breadcrumb-section .breadcrumb-contain {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.breadcrumb-section .breadcrumb-contain h2 {
  font-size: calc(23px + 19 * (100vw - 320px) / 1600);
  font-weight: 700;
  background: linear-gradient(to right, #fb4040 10%, var(--primary-color) 60%);
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 200% auto;
  margin: 0 auto;
  position: relative;
  animation: textclip 3s linear infinite;
}
.breadcrumb-section .breadcrumb-contain h2:before, .breadcrumb-section .breadcrumb-contain h2:after {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: calc(14px + 20 * (100vw - 320px) / 1600);
  width: calc(3px + 1 * (100vw - 320px) / 1600);
  border-radius: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1366px) {
  .breadcrumb-section .breadcrumb-contain h2:before, .breadcrumb-section .breadcrumb-contain h2:after {
    top: 50%;
    transform: translateY(-50%);
  }
}
.breadcrumb-section .breadcrumb-contain h2:before {
  left: calc(-13px + -27 * (100vw - 320px) / 1600);
}
.breadcrumb-section .breadcrumb-contain h2:after {
  right: calc(-13px + -27 * (100vw - 320px) / 1600);
}
.breadcrumb-section .breadcrumb-contain h2 span:before, .breadcrumb-section .breadcrumb-contain h2 span:after {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: calc(28px + 30 * (100vw - 320px) / 1600);
  width: calc(3px + 1 * (100vw - 320px) / 1600);
  border-radius: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1366px) {
  .breadcrumb-section .breadcrumb-contain h2 span:before, .breadcrumb-section .breadcrumb-contain h2 span:after {
    top: 50%;
    transform: translateY(-50%);
  }
}
.breadcrumb-section .breadcrumb-contain h2 span:before {
  left: calc(-7px + -23 * (100vw - 320px) / 1600);
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain h2 span:before {
  left: unset;
  right: calc(-7px + -23 * (100vw - 320px) / 1600);
}
.breadcrumb-section .breadcrumb-contain h2 span:after {
  right: calc(-7px + -23 * (100vw - 320px) / 1600);
}
[dir=rtl] .breadcrumb-section .breadcrumb-contain h2 span:after {
  right: unset;
  left: calc(-7px + -23 * (100vw - 320px) / 1600);
}
.breadcrumb-section .breadcrumb-contain p {
  font-size: 16px;
  line-height: 24px;
  max-width: 680px;
  width: 90%;
  padding-top: calc(20px + 10 * (100vw - 991px) / 929);
  color: #808B97;
  margin: 0 auto;
}
@media (max-width: 767.98px) {
  .breadcrumb-section .breadcrumb-contain p {
    display: none;
  }
}

@keyframes textclip {
  0% {
    background-position: 100% center;
  }
  50% {
    background-position: 10% center;
  }
  100% {
    background-position: 100% center;
  }
}
.date-time-slot-box {
  display: block;
}
.date-time-slot-box .form-control {
  background-color: #F5F6F7;
  border: 1px solid #E5E8EA;
  padding: 10px 16px !important;
}
.date-time-slot-box .form-control:hover, .date-time-slot-box .form-control:focus {
  background-color: #F5F6F7;
  border: 1px solid #E5E8EA;
}

.xdsoft_datetimepicker {
  width: 100%;
  border: none;
  padding: 0;
  background-color: transparent;
  font-family: "DM Sans", serif !important;
}
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button,
.xdsoft_datetimepicker .xdsoft_next {
  display: none !important;
}
.xdsoft_datetimepicker .xdsoft_scrollbar {
  width: calc(5px + 2 * (100vw - 320px) / 1600);
  background-color: #F5F6F7;
}
.xdsoft_datetimepicker .xdsoft_scrollbar > .xdsoft_scroller {
  background-color: #E5E8EA !important;
}
.xdsoft_datetimepicker .xdsoft_label {
  float: unset;
  background-color: #F5F6F7;
  border: 1px solid #E5E8EA;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  padding: 7px;
  line-height: 1.3;
  font-weight: 600;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.xdsoft_datetimepicker .xdsoft_label.xdsoft_year {
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_label:hover > span {
  text-decoration: none;
}
.xdsoft_datetimepicker .xdsoft_label > i {
  margin-left: 7px;
}
[dir=rtl] .xdsoft_datetimepicker .xdsoft_label > i {
  margin-left: unset;
  margin-right: 7px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  border: 1px solid #E5E8EA;
  border-radius: 4px;
  width: 100%;
  right: unset;
  margin-top: 8px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
  padding: 4px 10px;
  text-align: center;
  opacity: 0.8;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option + .xdsoft_option {
  border-top: 1px solid #E5E8EA;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
  background-color: var(--primary-color);
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
  background: var(--primary-color);
  box-shadow: none;
  font-weight: 600;
}
.xdsoft_datetimepicker.xdsoft_inline {
  display: grid;
  gap: 14px;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
  float: unset;
  margin: 0;
  overflow: hidden;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker .xdsoft_next {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_mounthpicker {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E5E8EA;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar {
  border: 1px solid #E5E8EA;
  border-radius: 4px;
  overflow: hidden;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table thead tr th {
  background-color: #F5F6F7;
  border: none;
  border-bottom: 1px solid #E5E8EA;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  height: auto;
  font-weight: 500;
  color: #222;
  line-height: 1.3;
  padding: calc(6px + 2 * (100vw - 320px) / 1600);
  width: auto;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td {
  background-color: transparent;
  text-align: center;
  height: auto;
  border: none;
  font-size: calc(13px + 2 * (100vw - 320px) / 1600);
  padding: calc(6px + 2 * (100vw - 320px) / 1600);
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td > div {
  padding: 0;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td:hover::before {
  opacity: 0.1;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_current {
  background-color: var(--primary-color);
  color: #ffffff;
  box-shadow: none;
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_datepicker .xdsoft_calendar table tbody tr td.xdsoft_current:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 100%;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:focus {
  background-color: var(--primary-color) !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 211px;
  border: none;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-right: 10px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time {
  background-color: #F5F6F7;
  border: 1px solid #E5E8EA;
  height: auto;
  line-height: 1.3;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
  padding: calc(6px + 4 * (100vw - 320px) / 1600);
  border-radius: 6px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time:hover {
  background-color: transparent !important;
  color: var(--primary-color) !important;
  border: 1px solid var(--primary-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time:hover::before {
  opacity: 0.1;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time.xdsoft_current {
  background-color: var(--primary-color);
  box-shadow: none;
  font-weight: 600;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box .xdsoft_time_variant .xdsoft_time.xdsoft_current:hover {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
}

/**=====================
    Button scss
==========================**/
.btn {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  padding: 10px calc(12px + 4 * (100vw - 320px) / 1600);
  letter-spacing: 1px;
  line-height: 1.5;
  gap: 4px;
  white-space: nowrap;
  width: 100%;
  transition: all 0.2s ease-in-out;
  border-radius: calc(7px + 5 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn.btn-solid, .btn.btn-solid:active {
  background-color: var(--primary-color);
  color: #ffffff;
  border-color: var(--primary-color);
  transition: all 0.2s ease-in-out;
}
.btn.btn-solid i, .btn.btn-solid:active i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #ffffff;
}
.btn.btn-solid:hover, .btn.btn-solid:active:hover {
  background-color: transparent;
  color: var(--primary-color);
}
.btn.btn-solid:hover i, .btn.btn-solid:active:hover i {
  --Iconsax-Color: var(--primary-color);
}
.btn.btn-outline {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.btn.btn-outline i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: var(--primary-color);
}
.btn.btn-outline:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}
.btn.btn-fill {
  border: transparent;
  color: #ffffff;
  background-color: var(--primary-color);
}
.btn.btn-fill i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #fff;
}
.btn.btn-solid-gray {
  background-color: #F5F6F7;
  color: #00162E;
}
.btn.btn-dark-solid {
  background-color: #00162E;
  color: #ffffff;
}
.btn.btn-dark-solid:hover {
  background-color: transparent;
  border-color: #00162E;
  color: #00162E;
}
.btn:focus {
  box-shadow: none;
}
.btn.disabled {
  background-color: #E5E8EA;
  color: #808B97;
  font-weight: 500;
}
.btn.btn-solid-danger {
  background-color: #FF4B4B;
  color: #ffffff;
}
.btn.btn-solid-danger i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #ffffff;
}
.btn.btn-solid-success {
  background-color: #27AF4D;
  color: #ffffff;
}
.btn.btn-solid-success i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #ffffff;
}

.badge {
  font-size: 14px;
  font-weight: 500;
  border-radius: 15px;
}

.job-btn {
  width: auto;
  display: inline-block;
  padding: 5px 15px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 5px;
}

/* outline buttons */
.text-primary {
  color: var(--primary-color) !important;
}

.text-secondary {
  color: #ff7456 !important;
}

.text-success {
  color: #27AF4D !important;
}

.text-danger {
  color: #FF4B4B !important;
}

.text-info {
  color: #48bffd !important;
}

.text-light {
  color: #808B97 !important;
}

.text-title {
  color: #00162E !important;
}

.text-warning {
  color: #FDB448 !important;
}

/* badge background */
.primary-badge {
  color: #ffffff !important;
  background-color: var(--primary-color) !important;
}

.secondary-badge {
  color: #ffffff !important;
  background-color: #ff7456 !important;
}

.success-badge {
  color: #ffffff !important;
  background-color: #27AF4D !important;
}

.danger-badge {
  color: #ffffff !important;
  background-color: #FF4B4B !important;
}

.info-badge {
  color: #ffffff !important;
  background-color: #48bffd !important;
}

.light-badge {
  color: #ffffff !important;
  background-color: #808B97 !important;
}

.title-badge {
  color: #ffffff !important;
  background-color: #00162E !important;
}

.pending-badge {
  color: #ffffff !important;
  background-color: #FDB448 !important;
}

.accepted-badge {
  color: #ffffff !important;
  background-color: #48BFFD !important;
}

.assigned-badge {
  color: #ffffff !important;
  background-color: #AD46FF !important;
}

.on-the-way-badge {
  color: #ffffff !important;
  background-color: #FF7456 !important;
}

.decline-badge {
  color: #ffffff !important;
  background-color: #FF4B4B !important;
}

.accepted-badge {
  color: #ffffff !important;
  background-color: #48BFFD !important;
}

.cancel-badge {
  color: #ffffff !important;
  background-color: #FF4B4B !important;
}

.on-going-badge {
  color: #ffffff !important;
  background-color: #FF7456 !important;
}

.on-hold-badge {
  color: #ffffff !important;
  background-color: #008996 !important;
}

.cancel-badge {
  color: #ffffff !important;
  background-color: #FF4B4B !important;
}

.start-again-badge {
  color: #ffffff !important;
  background-color: #c507af !important;
}

.completed-badge {
  color: #ffffff !important;
  background-color: #27AF4D !important;
}

.pending-approval-badge {
  color: #ffffff !important;
  background-color: #5498FF !important;
}

.title-badge {
  color: #ffffff !important;
  background-color: #00162E !important;
}

.warning-badge {
  color: #ffffff !important;
  background-color: #FDB448 !important;
}

/* badge light background */
.secondary-light-badge {
  color: #ff7456 !important;
  background-color: rgba(255, 116, 86, 0.1) !important;
}

.success-light-badge {
  color: #27AF4D !important;
  background-color: rgba(39, 175, 77, 0.1) !important;
}

.danger-light-badge {
  color: #FF4B4B !important;
  background-color: rgba(255, 75, 75, 0.1) !important;
}

.info-light-badge {
  color: #48bffd !important;
  background-color: rgba(72, 191, 253, 0.1) !important;
}

.light-light-badge {
  color: #808B97 !important;
  background-color: rgba(128, 139, 151, 0.1) !important;
}

.title-light-badge {
  color: #00162E !important;
  background-color: rgba(0, 22, 46, 0.1) !important;
}

.pending-light-badge {
  color: #FDB448 !important;
  background-color: rgba(253, 180, 72, 0.1) !important;
}

.accepted-light-badge {
  color: #48BFFD !important;
  background-color: rgba(72, 191, 253, 0.1) !important;
}

.assigned-light-badge {
  color: #AD46FF !important;
  background-color: rgba(173, 70, 255, 0.1) !important;
}

.on-the-way-light-badge {
  color: #FF7456 !important;
  background-color: rgba(255, 116, 86, 0.1) !important;
}

.decline-light-badge {
  color: #FF4B4B !important;
  background-color: rgba(255, 75, 75, 0.1) !important;
}

.accepted-light-badge {
  color: #48BFFD !important;
  background-color: rgba(72, 191, 253, 0.1) !important;
}

.cancel-light-badge {
  color: #FF4B4B !important;
  background-color: rgba(255, 75, 75, 0.1) !important;
}

.on-going-light-badge {
  color: #FF7456 !important;
  background-color: rgba(255, 116, 86, 0.1) !important;
}

.on-hold-light-badge {
  color: #008996 !important;
  background-color: rgba(0, 137, 150, 0.1) !important;
}

.cancel-light-badge {
  color: #FF4B4B !important;
  background-color: rgba(255, 75, 75, 0.1) !important;
}

.start-again-light-badge {
  color: #c507af !important;
  background-color: rgba(197, 7, 175, 0.1) !important;
}

.completed-light-badge {
  color: #27AF4D !important;
  background-color: rgba(39, 175, 77, 0.1) !important;
}

.pending-approval-light-badge {
  color: #5498FF !important;
  background-color: rgba(84, 152, 255, 0.1) !important;
}

.warning-light-badge {
  color: #FDB448 !important;
  background-color: rgba(253, 180, 72, 0.1) !important;
}

.primary-light-badge {
  color: var(--primary-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.primary-light-badge::before {
  opacity: 0.1;
}

/**=====================
    Calendar scss
==========================**/
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff !important;
}

.flatpickr-calendar {
  z-index: 12;
  width: 324.875px;
  padding: 16px;
}
.flatpickr-calendar.open {
  z-index: 13;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
  display: none;
}
.flatpickr-calendar .flatpickr-innerContainer {
  font-size: 14px;
  background-color: #F5F6F7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}
.flatpickr-calendar .flatpickr-weekdays {
  padding: 0;
}
.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
  color: var(--primary-color);
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .flatpickr-calendar .flatpickr-weekdays .flatpickr-weekdaycontainer .flatpickr-weekday {
    font-size: 13px;
  }
}
.flatpickr-calendar .flatpickr-day {
  max-width: 37px;
  height: 35px;
  line-height: 35px;
  color: #00162E;
  font-size: 16px;
}
@media (max-width: 480px) {
  .flatpickr-calendar .flatpickr-day {
    font-size: 13px;
    max-width: 33px;
    height: 32px;
    line-height: 32px;
  }
}
.flatpickr-calendar .flatpickr-day:hover {
  color: var(--primary-color);
  font-weight: 600;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.flatpickr-calendar .flatpickr-day:hover::before {
  opacity: 0.1;
}
.flatpickr-calendar .flatpickr-day.today {
  background-color: var(--primary-color);
  color: #ffffff;
  border: none;
}
.flatpickr-calendar .flatpickr-day.selected {
  color: #ffffff;
  background-color: var(--primary-color);
}
.flatpickr-calendar .flatpickr-day.prevMonthDay, .flatpickr-calendar .flatpickr-day.flatpickr-disabled, .flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover, .flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.notAllowed, .flatpickr-calendar .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-calendar .flatpickr-day.notAllowed.nextMonthDay {
  color: #808B97;
}
.flatpickr-calendar .flatpickr-day.inRange {
  box-shadow: none;
  z-index: 0;
  position: relative;
  overflow: hidden;
}
.flatpickr-calendar .flatpickr-day.inRange::before {
  opacity: 0.1;
}
.flatpickr-calendar .flatpickr-day.inRange.today {
  background-color: var(--primary-color);
}
.flatpickr-calendar .dayContainer {
  padding: 16px;
}
@media (max-width: 480px) {
  .flatpickr-calendar .dayContainer {
    padding: 0;
  }
}
.flatpickr-calendar .flatpickr-months {
  margin-bottom: 16px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  color: #00162E;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  padding: 0;
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month input.cur-year {
  font-size: 16px;
}
@media (max-width: 480px) {
  .flatpickr-calendar .flatpickr-months .flatpickr-current-month input.cur-year {
    font-size: 14px;
  }
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  background-color: #F5F6F7;
  border-radius: 100%;
  padding: 8px;
  height: 30px;
  width: 30px;
  top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  fill: #00162E;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
  width: 12px;
  height: 12px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  left: 16px !important;
}
[dir=rtl] .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  left: unset;
  right: 16px !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  right: 16px !important;
}
[dir=rtl] .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  right: unset;
  left: 16px !important;
}
.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  background-color: #F5F6F7;
  border-radius: 6px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  padding: 9px 12px;
  appearance: unset;
}
.flatpickr-calendar .flatpickr-months .numInputWrapper {
  background-color: #F5F6F7;
  border-radius: 6px;
  font-size: 14px;
  padding: 6px 12px;
  width: 80px;
}
.flatpickr-calendar .numInputWrapper:hover span {
  border: none;
}
.flatpickr-calendar .numInputWrapper span:hover {
  background-color: unset;
  border: none;
}
.flatpickr-calendar .numInputWrapper span.arrowUp:after {
  top: 55%;
}
.flatpickr-calendar .numInputWrapper span.arrowDown:after {
  top: 20%;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  border: none;
  line-height: unset;
  height: 70px !important;
  max-height: 70px !important;
  gap: 10px;
}
.flatpickr-calendar.hasTime .flatpickr-time:after {
  display: none;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper {
  height: 100%;
  position: relative;
  border-radius: 12px;
  z-index: 0;
  width: 30%;
  overflow: hidden;
  background-color: transparent;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
  z-index: -1;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper::after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 12px;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-color);
  opacity: 0.8;
  z-index: -1;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper input:hover, .flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper input:focus {
  background: transparent;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper span {
  right: 16px;
}
[dir=rtl] .flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper span {
  right: unset;
  left: 16px;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: var(--primary-color);
  border-width: 5px;
  top: unset;
  bottom: 13%;
}
.flatpickr-calendar.hasTime .flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: var(--primary-color);
  border-width: 5px;
  top: 13%;
}
.flatpickr-calendar.hasTime .flatpickr-time input {
  text-align: left;
  padding-left: 20px;
  font-size: 18px;
  color: var(--primary-color);
  font-weight: 500;
}
[dir=rtl] .flatpickr-calendar.hasTime .flatpickr-time input {
  text-align: right;
  padding-right: 20px;
  padding-left: unset;
}
.flatpickr-calendar.hasTime .flatpickr-time .flatpickr-time-separator {
  width: 2%;
  color: var(--primary-color);
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.flatpickr-calendar.hasTime .flatpickr-time .flatpickr-am-pm {
  height: 100%;
  position: relative;
  z-index: 0;
  width: 29%;
  font-size: 18px;
  background-color: transparent;
  overflow: hidden;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.flatpickr-calendar.hasTime .flatpickr-time .flatpickr-am-pm::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
  z-index: -1;
}
.flatpickr-calendar.hasTime .flatpickr-time .flatpickr-am-pm::after {
  content: "";
  position: absolute;
  top: 0;
  border-radius: 12px;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-color);
  opacity: 0.8;
  z-index: -1;
}

.main-inline-calender.input-group {
  flex-direction: column;
}
.main-inline-calender.input-group .form-control {
  width: 100%;
  border-radius: 6px !important;
  color: var(--primary-color);
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}
.main-inline-calender.input-group .form-control:focus {
  border: none;
}
.main-inline-calender.input-group .form-control:focus, .main-inline-calender.input-group .form-control:disabled {
  box-shadow: unset;
  border: none;
  background-color: unset;
}
.main-inline-calender.input-group .form-control[readonly] {
  box-shadow: unset;
  border: none;
  background-color: unset;
}
.main-inline-calender.input-group .flatpickr-calendar.inline {
  width: 100%;
  border-radius: 6px !important;
}
@media (max-width: 575.98px) {
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    max-width: 410px;
    min-width: 400px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 480px) {
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    min-width: 310px;
    max-width: min-content;
  }
}
@media (max-width: 360px) {
  .main-inline-calender.input-group .flatpickr-calendar.inline {
    min-width: 270px;
    max-width: min-content;
  }
}
.main-inline-calender.input-group .flatpickr-innerContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer {
  display: block;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-weekdays {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days {
  width: 100%;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
  width: 100%;
  max-width: none;
  min-width: unset;
  gap: 20px;
}
@media (max-width: 575.98px) {
  .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
    gap: 14px;
  }
}
@media (max-width: 480px) {
  .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
    gap: 3px;
    padding: 4px;
  }
}
@media (max-width: 360px) {
  .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer {
    gap: 0;
  }
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day {
  border-radius: 100%;
  width: 100%;
  color: #00162E;
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day:hover {
  color: var(--primary-color);
}
.main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.selected, .main-inline-calender.input-group .flatpickr-rContainer .flatpickr-days .dayContainer .flatpickr-day.today {
  color: #ffffff;
}

@media (max-width: 575.98px) {
  .inline-time-picker {
    max-width: 410px;
    min-width: 400px;
    margin-inline: auto;
  }
}
@media (max-width: 480px) {
  .inline-time-picker {
    min-width: 310px;
    max-width: min-content;
  }
}
@media (max-width: 360px) {
  .inline-time-picker {
    min-width: 270px;
    max-width: min-content;
  }
}

@media (max-width: 575.98px) {
  .inline-picker-btn {
    max-width: 410px;
    min-width: 400px;
    margin-inline: auto;
  }
}
@media (max-width: 480px) {
  .inline-picker-btn {
    min-width: 310px;
    max-width: min-content;
  }
}
@media (max-width: 360px) {
  .inline-picker-btn {
    min-width: 270px;
    max-width: min-content;
  }
}

.mbsc-ios-dark.mbsc-selected .mbsc-calendar-cell-text {
  background-color: var(--primary-color);
  color: #ffffff;
}

.mbsc-ios-dark.mbsc-calendar-today,
.mbsc-ios-dark.mbsc-calendar-week-nr {
  color: var(--primary-color);
}

.mbsc-ios-dark.mbsc-hover .mbsc-calendar-cell-text {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: transparent;
}
.mbsc-ios-dark.mbsc-hover .mbsc-calendar-cell-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.3;
  z-index: -1;
}

.mbsc-datepicker.mbsc-datepicker-inline {
  width: 100%;
  border: none;
  background: #fff;
  color: #000;
}
.mbsc-datepicker .mbsc-datepicker-tab-wrapper {
  display: block;
}
.mbsc-datepicker .mbsc-calendar {
  width: 100% !important;
  background-color: red;
}
.mbsc-datepicker.mbsc-selected .mbsc-calendar-cell-text {
  background: var(--primary-color);
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-slide,
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar,
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell {
  background-color: transparent;
  padding: 0;
  color: #00162E;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-slide {
  background-color: #F5F6F7;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell {
  width: 30px;
  height: 30px;
  margin: auto;
  flex: none;
  border: none;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell > div:first-child {
  display: none;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 100%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbsc-datepicker.mbsc-selected .mbsc-calendar-cell-text {
  background-color: var(--primary-color);
  font-weight: 500;
}
.mbsc-datepicker.mbsc-selected.mbsc-hover .mbsc-calendar-cell-text {
  background-color: var(--primary-color);
}
.mbsc-datepicker .mbsc-calendar-day-inner {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mbsc-datepicker.mbsc-calendar-day-text {
  margin: 0;
}
.mbsc-datepicker .mbsc-calendar-button.mbsc-button {
  font-size: 16px;
  font-weight: 500;
  color: #00162E;
  padding: 0;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  gap: 8px;
  margin: 0 auto;
  background-color: #F5F6F7;
}
.mbsc-datepicker .mbsc-calendar-button.mbsc-button .mbsc-calendar-title {
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-prev, .mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  background-color: #F5F6F7;
  border-radius: 100%;
  padding: 7px;
}
.mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-prev .mbsc-button-icon, .mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-next .mbsc-button-icon {
  width: 100%;
  height: 100%;
  line-height: 1;
}
.mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-next {
  right: 0;
}
[dir=rtl] .mbsc-datepicker .mbsc-calendar-button.mbsc-calendar-button-next {
  left: 0;
  right: unset;
}
.mbsc-datepicker .mbsc-calendar-controls {
  position: relative;
  padding: 0;
  min-height: unset;
}
.mbsc-datepicker .mbsc-calendar-week-day {
  font-size: 14px;
  font-weight: 700;
  color: var(--primary-color);
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.mbsc-datepicker .mbsc-calendar-table {
  gap: 10px;
}
.mbsc-datepicker .mbsc-calendar-table .mbsc-flex {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mbsc-datepicker.mbsc-hover .mbsc-calendar-cell-text {
  background-color: rgba(84, 101, 255, 0.12);
}
.mbsc-datepicker .mbsc-calendar-body {
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
  border-radius: 12px;
  margin-top: 15px;
  background-color: #F5F6F7;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell-inner {
  padding: 0;
}
.mbsc-datepicker.mbsc-datepicker .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
  min-width: unset;
  padding: 0;
  width: 30px !important;
  height: 30px !important;
}
.mbsc-datepicker .mbsc-calendar-row {
  flex: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.mbsc-datepicker .mbsc-calendar-row:has(.mbsc-calendar-month-inner, .mbsc-calendar-year-text) {
  grid-template-columns: 1fr 1fr 1fr;
}
.mbsc-datepicker .mbsc-calendar-row:has(.mbsc-calendar-month-inner, .mbsc-calendar-year-text) .mbsc-calendar-cell {
  width: 100%;
  height: 100%;
}
.mbsc-datepicker .mbsc-calendar-row:has(.mbsc-calendar-month-inner, .mbsc-calendar-year-text) .mbsc-calendar-cell-inner {
  width: 100%;
  height: 100%;
}
.mbsc-datepicker .mbsc-calendar-row:has(.mbsc-calendar-month-inner, .mbsc-calendar-year-text) .mbsc-calendar-cell-inner .mbsc-calendar-cell-text {
  width: 100% !important;
  height: 100% !important;
  border-radius: 5px;
  padding: 12px;
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab {
  width: 100%;
  min-height: unset;
  margin-top: 22px;
  background-color: #F5F6F7;
  border-radius: 12px;
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
  max-height: 250px;
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab .mbsc-timegrid-container {
  position: relative;
  inset: unset;
  display: flex;
  flex-direction: column;
  gap: calc(9px + 6 * (100vw - 320px) / 1600);
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab .mbsc-timegrid-container .mbsc-timegrid-row {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(9px + 6 * (100vw - 320px) / 1600);
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab .mbsc-timegrid-container .mbsc-timegrid-row .mbsc-timegrid-cell > div:first-child {
  display: none;
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab .mbsc-timegrid-container .mbsc-timegrid-row .mbsc-timegrid-cell .mbsc-timegrid-item {
  margin: 0;
  line-height: 1.3;
  padding: 10px;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  color: #808B97;
}
.mbsc-datepicker .mbsc-datepicker-tab-timegrid.mbsc-datepicker-tab .mbsc-timegrid-container .mbsc-timegrid-row .mbsc-timegrid-cell .mbsc-timegrid-item.mbsc-selected {
  background-color: var(--primary-color);
  color: #ffffff;
  font-weight: 500;
}

/**=====================
    Card scss
==========================**/
.card {
  background-color: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #E5E8EA;
  margin: 0;
}
.card:hover .card-img {
  transform: scale(1.1) rotate(2deg);
}
.card .card-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.card.dark-card {
  background-color: rgba(255, 255, 255, 0.1);
  color: #808B97;
  border: none;
}
.card.dark-card .card-body .card-title h4 {
  color: #ffffff;
}
.card.gray-card {
  background-color: #F5F6F7;
  border: none;
  height: calc(100% - 60px);
}
.card .card-footer {
  padding: 16px;
  background-color: transparent;
  border: none;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card .card-footer .book-btn {
  display: inline-block;
  width: auto;
}

/**=====================
     Cart scss
==========================**/
.cart {
  background-color: #F5F6F7;
}
.cart .cart-header {
  border-bottom: 1px solid #E5E8EA;
  padding: 15px;
}
.cart .cart-header span {
  color: #808B97;
  margin-top: 4px;
  font-size: 16px;
}
.cart .cart-body {
  padding: 15px;
}
.cart .cart-body h5 {
  font-weight: 500;
}
.cart .cart-body .cart-img img {
  height: 250px;
}
.cart .cart-body .cart-item {
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
  border-radius: 8px;
  margin-bottom: 20px;
}
.cart .cart-body .cart-item:last-child {
  margin: 0;
}
.cart .cart-body .cart-item .cart-heading {
  padding: 16px;
  border-bottom: 1px solid #E5E8EA;
  gap: 4px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .cart .cart-body .cart-item .cart-heading {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cart .cart-body .cart-item .cart-heading .cart-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart .cart-body .cart-item .cart-heading .cart-title p {
  margin: 0;
  font-weight: 500;
  color: #00162E;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.cart .cart-body .cart-item .cart-heading .cart-title .rate {
  margin: 0;
}
.cart .cart-body .cart-item .cart-heading .cart-title .rate .star {
  width: 13px;
  height: 13px;
}
@media (max-width: 480px) {
  .cart .cart-body .cart-item .cart-heading .cart-title .img-45 {
    width: 35px !important;
    height: 35px !important;
  }
}
.cart .cart-body .cart-item .cart-heading .cart-action {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 480px) {
  .cart .cart-body .cart-item .cart-heading .cart-action {
    gap: 8px;
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.cart .cart-body .cart-item .cart-heading .cart-action button {
  background-color: unset;
  border: none;
  padding: 0;
}
@media (max-width: 480px) {
  .cart .cart-body .cart-item .cart-heading .cart-action button .edit,
  .cart .cart-body .cart-item .cart-heading .cart-action button .delete {
    width: 30px;
    height: 30px;
    --Iconsax-Size: 17px;
  }
}
.cart .cart-body .cart-item .cart-detail {
  padding: 16px;
}
.cart .cart-body .cart-item .cart-detail .selected-service {
  display: flex;
  align-items: start;
  gap: 16px;
}
@media (max-width: 575.98px) {
  .cart .cart-body .cart-item .cart-detail .selected-service {
    flex-direction: column;
    align-items: start;
  }
}
.cart .cart-body .cart-item .cart-detail .selected-service + .selected-service {
  padding-top: 15px;
  border-top: 1px dashed #E5E8EA;
}
.cart .cart-body .cart-item .cart-detail .selected-service .selected-img {
  width: 160px;
  height: 160px;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  .cart .cart-body .cart-item .cart-detail .selected-service .selected-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
  }
}
@media (max-width: 767.98px) {
  .cart .cart-body .cart-item .cart-detail .selected-service .selected-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }
}
.cart .cart-body .cart-item .cart-detail .selected-service .mw-80 {
  width: 136px;
  height: auto;
  border-radius: 6px;
  aspect-ratio: 3/2;
  object-fit: cover;
}
@media (max-width: 575.98px) {
  .cart .cart-body .cart-item .cart-detail .selected-service .mw-80 {
    width: 100%;
    height: calc(136px + 120 * (100vw - 320px) / 1600);
    border-radius: calc(4px + 2 * (100vw - 320px) / 1600);
    object-fit: cover;
  }
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info {
  width: calc(100% - 136px - 16px);
}
@media (max-width: 575.98px) {
  .cart .cart-body .cart-item .cart-detail .selected-service .service-info {
    width: 100%;
  }
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info h5 {
  color: #00162E;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info p {
  margin-top: 0;
  line-height: 1.5;
  font-size: 16px;
  color: #808B97;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .addons-title {
  margin-top: 5px;
  line-height: 1.5;
  font-size: 16px;
  color: #808B97;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date {
  display: flex;
  align-items: center;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date li {
  border-right: 1px solid #E5E8EA;
  padding: 0 10px;
  font-size: 13px;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date li:first-child {
  padding-left: 0;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date li:last-child {
  border: none;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date li i {
  --Iconsax-Color: #808B97;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .date li span {
  color: #808B97;
}
.cart .cart-body .cart-item .cart-detail .selected-service .service-info .servicemen-list-item {
  width: max-content;
  min-width: 250px;
}
@media (max-width: 360px) {
  .cart .cart-body .cart-item .cart-detail .selected-service .service-info .servicemen-list-item {
    min-width: 220px;
  }
}
.cart .cart-body .cart-item .cart-detail i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #00162E;
}
.cart .cart-body .form-control {
  padding-left: 16px;
  border: 2px dashed #E5E8EA;
  font-size: 16px;
  font-weight: 500;
  color: var(--primary-color);
}
[dir=rtl] .cart .cart-body .form-control {
  text-align: right !important;
  padding: 10px 16px;
}
.cart .cart-body .form-control:hover {
  color: var(--primary-color);
}
.cart .cart-body .input-group label.error {
  position: absolute;
  left: 16px;
  bottom: -20px;
}
.cart .cart-body .pattern-input {
  border: 1px dashed var(--primary-color);
  color: var(--primary-color) !important;
  background-color: transparent;
}
.cart .cart-body .pattern-input:hover, .cart .cart-body .pattern-input:focus {
  background-color: transparent;
}
.cart.empty-cart .cart-body .cart-items {
  text-align: center;
}

.select-additional .form-check .additional {
  display: flex;
  gap: 6px;
}

.pattern-btn {
  background-color: #ffffff;
  border: 1px dashed var(--primary-color);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
  padding: calc(7px + 9 * (100vw - 320px) / 1600) 16px;
  border-left: none;
  margin-left: 0 !important;
  position: relative;
  border-radius: 8px;
}
[dir=rtl] .pattern-btn {
  border-left: 1px dashed var(--primary-color);
  border-right: none;
  margin-left: unset !important;
  margin-right: 0 !important;
}
.pattern-btn:after, .pattern-btn:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: dashed transparent;
  display: block;
  border-width: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #F5F6F7;
  z-index: 5;
}
.pattern-btn:after {
  border-right-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-top-color: var(--primary-color);
  left: -7px;
  bottom: -4px;
}
[dir=rtl] .pattern-btn:after {
  left: unset;
  right: -7px;
}
.pattern-btn:before {
  border-right-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  left: -7px;
  top: -4px;
}
[dir=rtl] .pattern-btn:before {
  left: unset;
  right: -7px;
}
.pattern-btn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
}

.form-control.pattern-input {
  border: 1px dashed var(--primary-color) !important;
  color: var(--primary-color);
  background-color: rgba(84, 101, 255, 0.1);
  border-radius: 8px;
}
.form-control.pattern-input:hover, .form-control.pattern-input:focus {
  background-color: rgba(84, 101, 255, 0.1);
  color: var(--primary-color);
}

.pattern-btn-1 {
  background-color: #ffffff;
  border: 1px dashed var(--primary-color);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
  padding: calc(7px + 9 * (100vw - 320px) / 1600) 16px;
  border-left: none;
  margin-left: 0 !important;
  position: relative;
  border-radius: 8px;
  z-index: 0;
  overflow: hidden;
}
[dir=rtl] .pattern-btn-1 {
  border-left: 1px dashed var(--primary-color);
  border-right: none;
  margin-left: unset !important;
  margin-right: 0 !important;
}
.pattern-btn-1:after, .pattern-btn-1:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: dashed transparent;
  display: block;
  border-width: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #F5F6F7;
  z-index: 5;
}
.pattern-btn-1:after {
  border-right-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-top-color: var(--primary-color);
  left: -7px;
  bottom: -4px;
}
[dir=rtl] .pattern-btn-1:after {
  left: unset;
  right: -7px;
}
.pattern-btn-1:before {
  border-right-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  left: -7px;
  top: -4px;
}
[dir=rtl] .pattern-btn-1:before {
  left: unset;
  right: -7px;
}
.pattern-btn-1 span:before {
  opacity: 0.1;
  z-index: -1;
}

.view {
  margin-top: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.view::before {
  opacity: 0.1;
}
.view span {
  font-size: 16px;
  line-height: 20px;
}
.view .value {
  font-size: calc(17px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  line-height: 1.4;
  color: var(--primary-color);
}
.view .btn {
  padding: 10px calc(12px + 12 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.view .btn i svg {
  width: calc(14px + 6 * (100vw - 320px) / 1600);
  height: calc(14px + 6 * (100vw - 320px) / 1600);
}

.price {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: var(--primary-color);
}

.discount {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  color: #FF4B4B;
  white-space: nowrap;
}

.bill-summary,
.payment-summary {
  overflow: hidden;
}
.bill-summary .charge,
.bill-summary .total,
.payment-summary .charge,
.payment-summary .total {
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
  border-radius: 8px;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  display: flex;
  flex-direction: column;
  gap: 11px;
}
@media (max-width: 575.98px) {
  .bill-summary .charge,
  .bill-summary .total,
  .payment-summary .charge,
  .payment-summary .total {
    gap: 6px;
  }
}
.bill-summary .charge:before,
.bill-summary .total:before,
.payment-summary .charge:before,
.payment-summary .total:before {
  display: none;
}
.bill-summary .charge p,
.bill-summary .total p,
.payment-summary .charge p,
.payment-summary .total p {
  margin: 0;
  font-size: 17px;
}
.bill-summary .charge li,
.bill-summary .total li,
.payment-summary .charge li,
.payment-summary .total li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin: 0;
}
@media (max-width: 575.98px) {
  .bill-summary .charge li,
  .bill-summary .total li,
  .payment-summary .charge li,
  .payment-summary .total li {
    flex-direction: column;
    align-items: start;
    gap: 2px;
  }
}
.bill-summary .charge,
.payment-summary .charge {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.bill-summary .charge p,
.payment-summary .charge p {
  color: #808B97;
  display: flex;
  align-items: center;
  gap: 6px;
}
.bill-summary .charge p span,
.payment-summary .charge p span {
  color: #00162E;
  font-weight: 600;
  font-size: 20px;
}
.bill-summary .charge span,
.payment-summary .charge span {
  color: #00162E;
  font-weight: 500;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.bill-summary .charge .badge,
.payment-summary .charge .badge {
  color: unset;
}
.bill-summary .charge .coupon-total span,
.payment-summary .charge .coupon-total span {
  color: var(--primary-color);
}
.bill-summary .total,
.payment-summary .total {
  position: relative;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.bill-summary .total p,
.payment-summary .total p {
  color: #00162E !important;
  font-weight: 500;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600) !important;
}
.bill-summary .total span,
.payment-summary .total span {
  color: var(--primary-color);
  font-weight: 600;
  text-align: right;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.bill-summary .total:after, .bill-summary .total:before,
.payment-summary .total:after,
.payment-summary .total:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  display: block;
  border-width: 1px;
  width: 15px;
  height: 15px;
  top: -8px;
  border-radius: 100%;
  background-color: #F5F6F7;
}
[dir=rtl] .bill-summary .total:after, [dir=rtl] .bill-summary .total:before,
[dir=rtl] .payment-summary .total:after,
[dir=rtl] .payment-summary .total:before {
  right: unset;
  left: -8px;
}
.bill-summary .total:after,
.payment-summary .total:after {
  border-left-color: #E5E8EA;
  border-top-color: #E5E8EA;
  border-bottom-color: #E5E8EA;
  right: -8px;
}
[dir=rtl] .bill-summary .total:after,
[dir=rtl] .payment-summary .total:after {
  left: unset;
  right: -8px;
}
.bill-summary .total:before,
.payment-summary .total:before {
  border-right-color: #E5E8EA;
  border-top-color: #E5E8EA;
  border-bottom-color: #E5E8EA;
  left: -8px;
}
[dir=rtl] .bill-summary .total:before,
[dir=rtl] .payment-summary .total:before {
  right: unset;
  left: -8px;
}

.bill-summary .charge {
  border-bottom: unset;
}

.edit {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #00162E;
  background-color: #F5F6F7;
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.delete {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #FF4B4B;
  background-color: rgba(255, 75, 75, 0.1);
  border-radius: 100%;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.service-info-modal {
  border: none;
  background-color: unset;
  padding: 0;
}
.service-info-modal i {
  --Iconsax-Size: 16px;
  --Iconsax-Color: var(--primary-color);
}

.coupon-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 670px;
  overflow: auto;
  padding-right: 10px;
}
[dir=rtl] .coupon-list {
  padding-right: unset;
  padding-left: 10px;
}

.coupon-item {
  border: 1px solid #E5E8EA;
  border-radius: 12px;
}
.coupon-item .coupon-content {
  position: relative;
  gap: 8px;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 575.98px) {
  .coupon-item .coupon-content {
    flex-direction: column;
    align-items: unset;
  }
}
[dir=rtl] .coupon-item .coupon-content {
  text-align: right;
}
.coupon-item .coupon-content h5 {
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 6px;
}
.coupon-item .coupon-content p {
  color: #808B97 !important;
  line-height: 18px;
  margin: 0;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600) !important;
}
.coupon-item .coupon-content p span {
  font-weight: 500;
  color: var(--primary-color);
}
.coupon-item .coupon-content .percent {
  font-size: calc(17px + 1 * (100vw - 320px) / 1600);
  width: calc(64px + 16 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
  padding-left: calc(20px + 10 * (100vw - 320px) / 1600);
  border-left: 1px dashed rgba(0, 22, 46, 0.4);
}
[dir=rtl] .coupon-item .coupon-content .percent {
  padding-left: unset;
  padding-right: 30px;
  border-left: unset;
  border-right: 1px dashed rgba(0, 22, 46, 0.4);
}
@media (max-width: 575.98px) {
  .coupon-item .coupon-content .percent {
    width: 100%;
    border: unset;
    padding: 0;
  }
}
.coupon-item .coupon-content:after, .coupon-item .coupon-content:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  display: block;
  border-width: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ffffff;
  border-right-color: #E5E8EA;
  border-left-color: #E5E8EA;
  border-bottom-color: #E5E8EA;
  top: -3px;
}
@media (max-width: 575.98px) {
  .coupon-item .coupon-content:after, .coupon-item .coupon-content:before {
    content: none;
  }
}
.coupon-item .coupon-content:after {
  right: 95px;
}
[dir=rtl] .coupon-item .coupon-content:after {
  right: unset;
  left: 95px;
}
.coupon-item .coupon-content:before {
  left: 40px;
}
[dir=rtl] .coupon-item .coupon-content:before {
  left: unset;
  right: 40px;
}
.coupon-item .coupon-content > div {
  width: calc(100% - (64px + 16 * (100vw - 320px) / 1600) - (20px + 10 * (100vw - 320px) / 1600));
}
@media (max-width: 575.98px) {
  .coupon-item .coupon-content > div {
    width: 100%;
    border: unset;
    padding: 0;
  }
}
.coupon-item .coupon-footer {
  display: flex;
  justify-content: space-between;
  gap: 4px;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding-block: calc(25px + 10 * (100vw - 320px) / 1600) calc(12px + 8 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.coupon-item .coupon-footer::before {
  opacity: 0.1;
}
.coupon-item .coupon-footer p {
  margin: 0;
  color: #808B97 !important;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 425px) {
  .coupon-item .coupon-footer p {
    flex-direction: column;
    align-items: unset;
  }
}
.coupon-item .coupon-footer p span {
  color: #00162E;
}
.coupon-item .coupon-footer .use-code {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--primary-color);
  font-weight: 500;
  line-height: 18px;
}
.coupon-item .coupon-footer .use-code i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: var(--primary-color);
}

.circle {
  background-image: url(/build/assets/circle-C_fR1Exg.png);
  background-position: top left;
  background-repeat: repeat-x;
  background-size: contain;
  height: 22px;
  width: 100%;
  margin: -14px 0;
  position: relative;
  z-index: 1;
}

.payment {
  background-color: #F5F6F7;
  border-radius: 15px;
}
.payment .payment-header {
  border-bottom: 1px solid #E5E8EA;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  position: relative;
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.payment .payment-header span {
  color: rgba(0, 22, 46, 0.6);
  margin-top: 4px;
  font-size: 16px;
}
.payment .payment-header .back-icon {
  --Iconsax-Size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162E;
  position: absolute;
  top: calc(14px + 7 * (100vw - 320px) / 1600);
  left: 18px;
}
[dir=rtl] .payment .payment-header .back-icon {
  left: unset;
  right: 18px;
}
@media (max-width: 767.98px) {
  .payment .payment-header {
    flex-direction: column;
    align-items: start;
  }
  [dir=rtl] .payment .payment-header {
    align-items: end;
  }
  .payment .payment-header .edit-option {
    padding-left: 24px;
  }
  [dir=rtl] .payment .payment-header .edit-option {
    padding-left: unset;
    padding-right: 24px;
  }
}
.payment .payment-body {
  padding: 0 calc(16px + 4 * (100vw - 320px) / 1600);
  margin-block: calc(16px + 4 * (100vw - 320px) / 1600);
  overflow: auto;
  height: 450px;
}
.payment .payment-body .payment-options .payment-option {
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
  border-radius: 10px;
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
  cursor: pointer;
}
.payment .payment-body .payment-options .payment-option .payment-title {
  display: flex;
  align-items: center;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
}
.payment .payment-body .payment-options .payment-option .payment-title a {
  color: #00162E;
}
.payment .payment-body .payment-options .payment-option .payment-title h4 {
  line-height: 23px;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}
.payment .payment-body .payment-options .payment-option .payment-title h4.wallet:hover {
  color: var(--primary-color);
}
.payment .payment-body .payment-options .payment-option .payment-title p {
  margin: 0;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  color: #808B97;
  line-height: 20px;
}
.payment .payment-body .payment-options .payment-option .payment-title p span {
  font-weight: 600;
  color: #27AF4D;
}
.payment .payment-body .payment-options .payment-option .payment-title .payment-img {
  width: calc(80px + 20 * (100vw - 320px) / 1600);
  height: calc(40px + 20 * (100vw - 320px) / 1600);
  background-color: #F5F6F7;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all 0.25s ease-in-out;
}
.payment .payment-body .payment-options .payment-option .payment-title .payment-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: -1;
}
.payment .payment-body .payment-options .payment-option .payment-title .payment-img .payment-icon {
  height: calc(30px + 2 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.payment .payment-body .payment-options .payment-option .payment-title .payment-img .active {
  display: block;
}
.payment .payment-body .payment-options .payment-option .form-check {
  gap: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.payment .payment-body .payment-options .payment-option .form-check .form-radio-input:checked ~ .payment-title .payment-img {
  background-color: transparent;
}
.payment .payment-body .payment-options .payment-option .form-check .form-radio-input:checked ~ .payment-title .payment-img::before {
  opacity: 0.1;
}
.payment .payment-body .payment-options .payment-option .form-check .form-radio-input:checked ~ .payment-title .payment-img .active {
  display: block;
}
.payment .payment-body .payment-options .payment-option .form-check .form-radio-input:checked ~ .payment-title ~ a {
  color: var(--primary-color);
  display: block;
}
.payment .payment-footer {
  padding: 20px;
  border-top: 1px solid #E5E8EA;
}
.payment .payment-footer .btn {
  width: max-content;
  padding: 10px 46px;
  padding: calc(4px + 6 * (100vw - 320px) / 1600) calc(20px + 26 * (100vw - 320px) / 1600);
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}
.payment .payment-footer .payment-btn {
  margin-left: auto;
}
[dir=rtl] .payment .payment-footer .payment-btn {
  margin-left: unset;
  margin-right: auto;
}
.payment .wallet-body {
  padding: 20px;
}
.payment .wallet-body .total-balance {
  background-color: var(--primary-color);
  background-image: url(/build/assets/3-ONvF42vj.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  margin-bottom: 20px;
}
.payment .wallet-body .total-balance p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  font-weight: 500;
  margin: 0;
  line-height: 20px;
}
.payment .wallet-body .total-balance h3 {
  font-weight: 700;
  color: #ffffff;
  line-height: 31px;
}
.payment .wallet-body .wallet-history {
  overflow: auto;
  height: 660px;
}
.payment .wallet-body .wallet-history .history-list {
  border: 1px solid #E5E8EA;
  padding: 16px;
  border-radius: 10px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  box-shadow: 0px 4px 4px 0px rgba(0, 22, 46, 0.06);
}
.payment .wallet-body .wallet-history .history-list .status {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: 23px;
}
.payment .wallet-body .wallet-history .history-list .date {
  font-size: 16px;
  color: #808B97;
  line-height: 20px;
}
.payment .wallet-body .wallet-history .history-list .balance {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  line-height: 23px;
}
.payment .wallet-body .wallet-history .history-list .credit,
.payment .wallet-body .wallet-history .history-list .debit {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
.payment .wallet-body .wallet-history .history-list .credit {
  color: #27AF4D;
}
.payment .wallet-body .wallet-history .history-list .debit {
  color: #FF4B4B;
}
@media (max-width: 767.98px) {
  .payment .wallet-body .wallet-history .history-list {
    flex-direction: column;
    align-items: start;
  }
}
.payment .wallet-body .select-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 24px;
  margin: 0;
}
.payment .wallet-body .select-date h4 {
  color: #00162E;
  font-weight: 500;
}
.payment .wallet-body .select-date .date-pick {
  display: flex;
  align-items: center;
  gap: calc(9px + 3 * (100vw - 320px) / 1600);
}
.payment .wallet-body .select-date .date-pick label {
  white-space: nowrap;
}
.payment .wallet-body .select-date .date-pick .input-group input {
  border-radius: 8px;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
  width: 100%;
  z-index: 0;
}
.payment .wallet-body .select-date .date-pick .btn {
  display: inline-block;
  width: fit-content;
}
@media (max-width: 767.98px) {
  .payment .wallet-body .select-date {
    gap: 10px;
    flex-direction: column;
    align-items: start;
    justify-content: unset;
  }
}

/**=====================
    Comment scss
==========================**/
.review-section .review-content .review-card {
  border: 1px solid #E5E8EA;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  border-radius: 8px;
  background-color: #F5F6F7;
  display: block;
}
.review-section .review-content .review-card + .review-card {
  margin-top: 20px;
}
.review-section .review-content .review-card .review-detail {
  display: block;
  position: relative;
}
.review-section .review-content .review-card .review-detail .review-image-box {
  border-radius: 100%;
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.review-section .review-content .review-card .review-detail .review-image-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review-section .review-content .review-card .review-detail .review-image-box .initial-letter {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  color: #00162E;
  font-size: 24px;
  line-height: 1;
  font-weight: 500;
}
.review-section .review-content .review-card .review-detail .review-top-box {
  display: flex;
  align-items: center;
  gap: 13px;
}
.review-section .review-content .review-card .review-detail .review-auth-name {
  display: flex;
  align-items: center;
  gap: calc(4px + 7 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
  width: calc(100% - (30px + 10 * (100vw - 320px) / 1600) - 13px);
}
.review-section .review-content .review-card .review-detail .review-auth-name h4 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.3;
}
.review-section .review-content .review-card .review-detail .review-auth-name span {
  line-height: 1.5;
  position: relative;
  color: #808B97;
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
}
.review-section .review-content .review-card .review-detail .review-right-box {
  margin-top: 15px;
}
.review-section .review-content .review-card .review-detail .review-right-box h4 {
  font-weight: 600;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.review-section .review-content .review-card .review-detail .review-right-box span {
  color: #808B97;
  font-weight: 500;
}
.review-section .review-content .review-card .review-detail .review-right-box h4,
.review-section .review-content .review-card .review-detail .review-right-box span {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}
.review-section .review-content .review-card .review p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: 1.4;
}
.review-section .review-content .review-card .review .comment-box {
  margin-top: 19px;
}
.review-section .review-content .review-card .review .comment-box .btn {
  border-radius: 7px;
  margin-top: 13px;
  font-weight: 500;
}
.review-section .review-content .review-card .review .comment-box.reply-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.review-section .review-content .review-card .review .comment-box.reply-box .reply-btn {
  display: inline-block;
  width: auto;
  margin-top: 0;
}
.review-section .review-content .review-card .favourite {
  top: 0;
  right: calc(-3px + 18 * (100vw - 320px) / 1600);
  left: unset;
  padding: 0;
  background-color: unset;
}
[dir=rtl] .review-section .review-content .review-card .favourite {
  right: unset;
  left: calc(-3px + 18 * (100vw - 320px) / 1600);
}
.review-section .review-content .review-card .favourite .nolike {
  --Iconsax-Size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808B97;
}
.review-section .review-content .review-card .favourite .nolike.hide {
  display: none;
}
.review-section .review-content .review-card .favourite .like {
  height: calc(16px + 4 * (100vw - 320px) / 1600) !important;
  width: calc(16px + 4 * (100vw - 320px) / 1600) !important;
  display: none;
}
.review-section .review-content .review-card .favourite .like.show {
  display: block;
}
.review-section .review-content .review-card > ul {
  border: unset;
  padding: 0;
  border-radius: unset;
  background-color: unset;
  margin-top: 20px;
  margin-left: 0;
  border-left: 1px solid #E5E8EA;
  display: grid;
  gap: calc(11px + 9 * (100vw - 320px) / 1600);
}
[dir=rtl] .review-section .review-content .review-card > ul {
  margin-left: unset;
  margin-right: 0;
  border-left: none;
  border-right: 1px solid #E5E8EA;
}
.review-section .review-content .review-card > ul > .review-card {
  border: none;
  padding: 0;
  padding-left: calc(16px + 4 * (100vw - 320px) / 1600);
  position: relative;
}
[dir=rtl] .review-section .review-content .review-card > ul > .review-card {
  padding-left: unset;
  padding-right: calc(16px + 4 * (100vw - 320px) / 1600);
}
.review-section .review-content .review-card > ul > .review-card::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  width: calc(30px + 20 * (100vw - 320px) / 1600);
  height: 1px;
  border-top: 1px solid #E5E8EA;
}
[dir=rtl] .review-section .review-content .review-card > ul > .review-card::before {
  left: unset;
  right: 0;
}
.review-section .review-content .review-card > ul > .review-card + .review-card {
  margin: 0;
}

.comment-section form {
  border: 1px solid #E5E8EA;
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
  border-radius: 8px;
  background-color: #F5F6F7;
}
.comment-section form .btn {
  width: max-content;
}

/**=====================
    Dropdown scss
==========================**/
.dropdown .onhover-show-div {
  transition: all 0.3s linear;
  position: absolute;
  z-index: 3;
  background-color: #ffffff;
  box-shadow: 0 0 7px 0px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -5%, 0);
  top: 35px;
  right: 14px;
  padding: 14px;
  border-radius: 4px;
}
[dir=rtl] .dropdown .onhover-show-div {
  left: 14px;
  right: unset;
}
.dropdown .onhover-show-div li {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
}
.dropdown .onhover-show-div li:hover a {
  color: var(--primary-color);
}
.dropdown .onhover-show-div li + li {
  margin-top: 5px;
}
.dropdown:hover .onhover-show-div {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.dropdown.select-dropdown-div .select-btn {
  background: #ffffff;
  color: #00162E;
  border: none;
  padding: 12px;
  gap: 12px;
  height: calc(38px + 6 * (100vw - 320px) / 1600);
  border-radius: 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dropdown.select-dropdown-div .select-btn i {
  --Iconsax-Size: 18px !important;
}
.dropdown.select-dropdown-div .select-btn span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
  font-size: 15px;
}
.dropdown.select-dropdown-div .select-btn span img {
  width: 22px;
}
.dropdown.select-dropdown-div .select-show-div {
  transition: all ease-in-out 0.3s;
  position: absolute;
  z-index: 3;
  background-color: #ffffff;
  transform: translate3d(0, -5%, 0);
  top: 60px;
  right: 0;
  padding: 14px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  width: 100%;
}
[dir=rtl] .dropdown.select-dropdown-div .select-show-div {
  left: 0;
  right: unset;
}
.dropdown.select-dropdown-div .select-show-div.active {
  opacity: 1;
  visibility: visible;
  transition: all ease-in-out 0.3s;
}
.dropdown.select-dropdown-div .select-show-div .select-show-div-item {
  width: 100%;
  cursor: pointer;
}
.dropdown.select-dropdown-div .select-show-div .select-show-div-item span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.dropdown.select-dropdown-div .select-show-div .select-show-div-item span img {
  width: 22px;
}

/* Select Dropdown */
.select-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.select-dropdown .onhover-show-div {
  min-width: 120px;
  right: 14px;
  padding: 14px;
}
[dir=rtl] .select-dropdown .onhover-show-div {
  left: 14px;
  right: unset;
}
.select-dropdown .onhover-show-div li {
  display: block;
  cursor: pointer;
  transition: all 0.3s;
}
.select-dropdown .onhover-show-div li:hover {
  color: var(--primary-color);
  transform: translateX(5px);
}
[dir=rtl] .select-dropdown .onhover-show-div li:hover {
  transform: translateX(-5px);
}
.select-dropdown .onhover-show-div li + li {
  margin-top: 5px;
}
.select-dropdown .form-group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.select-dropdown .form-group label {
  color: #808B97;
  font-size: 16px;
}

.select-dropdown .form-group {
  z-index: 0;
  position: relative;
}

.select2-container {
  z-index: 2 !important;
}

.select2-dropdown {
  z-index: 2;
}

/**=====================
     Form Wizard scss
==========================**/
.basic-wizard .stepper-horizontal {
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 24px;
  border-bottom: 1px solid #E5E8EA;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 767.98px) {
  .basic-wizard .stepper-horizontal {
    flex-direction: column;
    gap: calc(12px + 4 * (100vw - 320px) / 448);
  }
}
.basic-wizard .stepper-horizontal .step {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}
.basic-wizard .stepper-horizontal .step:last-child:after {
  display: none;
}
.basic-wizard .stepper-horizontal .step:after {
  content: "";
  position: relative;
  border-bottom: 1px dashed var(--primary-color);
  height: 1px;
  width: 50px;
  inset: unset;
}
@media (max-width: 767.98px) {
  .basic-wizard .stepper-horizontal .step:after {
    display: none;
  }
}
.basic-wizard .stepper-horizontal .step .step-title {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  white-space: nowrap;
  color: #808B97;
}
.basic-wizard .stepper-horizontal .step.stepper .step-circle {
  border: 1px dashed var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
}
.basic-wizard .stepper-horizontal .step.stepper .step-title {
  color: var(--primary-color);
  font-weight: 600;
}
.basic-wizard .stepper-horizontal .step:first-child {
  padding-left: 0;
}
[dir=rtl] .basic-wizard .stepper-horizontal .step:first-child {
  padding-left: unset;
  padding-right: 0;
}
@media (max-width: 767.98px) {
  .basic-wizard .stepper-horizontal .step:first-child {
    padding-right: 0;
  }
  [dir=rtl] .basic-wizard .stepper-horizontal .step:first-child {
    padding-right: unset;
    padding-left: 0;
  }
}
.basic-wizard .stepper-horizontal .step:last-child {
  padding-right: 0;
}
[dir=rtl] .basic-wizard .stepper-horizontal .step:last-child {
  padding-right: unset;
  padding-left: 0;
}
@media (max-width: 767.98px) {
  .basic-wizard .stepper-horizontal .step:last-child {
    padding-left: 0;
  }
  [dir=rtl] .basic-wizard .stepper-horizontal .step:last-child {
    padding-left: unset;
    padding-right: 0;
  }
}
.basic-wizard .stepper-horizontal .step:last-child .step-bar-left, .basic-wizard .stepper-horizontal .step:last-child .step-bar-right {
  display: none;
}
.basic-wizard .stepper-horizontal .step .step-circle {
  width: calc(48px + 14 * (100vw - 320px) / 1600);
  height: calc(48px + 14 * (100vw - 320px) / 1600);
  border-radius: calc(5px + 3 * (100vw - 320px) / 1600);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  border: 1px solid #E5E8EA;
  color: #808B97;
}
.basic-wizard .stepper-horizontal .step.done .step-circle {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: #ffffff;
  position: relative;
}
.basic-wizard .stepper-horizontal .step.done .step-circle:before {
  content: "";
  position: absolute;
  top: calc(10px + 2 * (100vw - 320px) / 1600);
  left: calc(10px + 2 * (100vw - 320px) / 1600);
  background-image: url(/build/assets/tick-CorPpg-b.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 0;
  width: 20px;
  height: 20px;
}
[dir=rtl] .basic-wizard .stepper-horizontal .step.done .step-circle:before {
  left: unset;
  right: calc(10px + 2 * (100vw - 320px) / 1600);
}
.basic-wizard .stepper-horizontal .step.done .step-circle * {
  display: none;
}
.basic-wizard .stepper-horizontal .step.done .step-title {
  color: var(--primary-color);
}
.basic-wizard .stepper-horizontal .step.done ~ .step .step-circle {
  border: 1px dashed var(--primary-color);
  color: var(--primary-color);
}
.basic-wizard .stepper-horizontal .step.done ~ .step .step-title {
  color: var(--primary-color);
  font-weight: 600;
}
.basic-wizard .stepper-horizontal .step .step-title,
.basic-wizard .stepper-horizontal .step .step-optional {
  text-align: center;
}

.service-booking {
  padding: calc(20px + 10 * (100vw - 320px) / 1600);
  width: 100%;
}
.service-booking ul .booking-list {
  padding-bottom: calc(20px + 30 * (100vw - 320px) / 1600);
  position: relative;
}
.service-booking ul .booking-list:before {
  content: "";
  position: absolute;
  border-left: 1px dashed #808B97;
  opacity: 0.3;
  top: 16px;
  left: 7px;
  height: calc(100% - 16px);
}
[dir=rtl] .service-booking ul .booking-list:before {
  left: unset;
  right: 7px;
}
.service-booking ul .booking-list:last-child {
  padding: 0;
}
.service-booking ul .booking-list:last-child:before {
  display: none;
}
.service-booking ul .invalid-feedback {
  position: absolute;
  left: 40px;
  bottom: 30px;
}
[dir=rtl] .service-booking ul .invalid-feedback {
  left: unset;
  right: 40px;
}
.service-booking h3 {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 23px;
  color: #00162E;
}
.service-booking .delivery-location {
  background-color: #ffffff !important;
  border: 1px solid #E5E8EA !important;
  border-radius: 10px;
  margin-bottom: 0;
  height: 100%;
  overflow: unset;
}
.service-booking .delivery-location .location-header {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  border-bottom: 1px solid #E5E8EA;
}
@media (max-width: 575.98px) {
  .service-booking .delivery-location .location-header {
    flex-direction: column;
    align-items: start;
  }
  [dir=rtl] .service-booking .delivery-location .location-header {
    align-items: end;
  }
}
.service-booking .delivery-location .location-header .location-icon {
  border-radius: 100%;
  height: calc(42px + 8 * (100vw - 320px) / 1600);
  width: calc(42px + 8 * (100vw - 320px) / 1600);
  background-color: #E5E8EA;
  border: calc(2px + 2 * (100vw - 320px) / 1600) solid #ffffff;
  outline: 1px solid #E5E8EA;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-booking .delivery-location .location-header .location-icon img {
  height: 24px;
}
@media (max-width: 575.98px) {
  .service-booking .delivery-location .location-header .location-icon img {
    height: 16px;
  }
}
.service-booking .delivery-location .location-header .active-icon {
  border: 1px solid var(--primary-color);
  border-radius: 100%;
  height: calc(42px + 8 * (100vw - 320px) / 1600);
  width: calc(42px + 8 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-booking .delivery-location .location-header .active-icon img {
  background-color: var(--primary-color);
  border: 1px solid #ffffff;
  padding: calc(8px + 2 * (100vw - 320px) / 1600);
  border-radius: 100%;
  height: calc(38px + 4 * (100vw - 320px) / 1600);
  width: calc(38px + 4 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-booking .delivery-location .location-header .name {
  text-transform: capitalize;
}
.service-booking .delivery-location .location-header .name h4 {
  font-weight: 500;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.service-booking .delivery-location .location-header .name span {
  margin-top: 2px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: #808B97;
}
.service-booking .delivery-location .location-header .badge {
  position: relative;
  z-index: 0;
  background-color: transparent !important;
  overflow: hidden;
}
.service-booking .delivery-location .location-header .badge::before {
  opacity: 0.1;
}
@media (max-width: 575.98px) {
  .service-booking .delivery-location .location-header .badge {
    margin-left: 50px;
  }
  [dir=rtl] .service-booking .delivery-location .location-header .badge {
    margin-left: unset;
    margin-right: 50px;
  }
}
.service-booking .delivery-location .address {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
}
.service-booking .delivery-location .address p {
  font-size: 16px;
  line-height: 1.5;
  height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.service-booking .delivery-location .address .btn-outline {
  border-width: 1px;
  width: max-content;
  padding: 9px 18px;
}
.service-booking .delivery-location .address-bottom-box {
  padding: calc(10px + 10 * (100vw - 320px) / 1600) calc(16px + 4 * (100vw - 320px) / 1600);
  border-top: 1px solid #ddd;
  position: relative;
  overflow: unset;
}
.service-booking .delivery-location .address-bottom-box .action {
  position: relative;
  display: flex;
  align-items: center;
  gap: 13px;
}
.service-booking .delivery-location .address-bottom-box .btn {
  width: 100%;
  padding-block: 10px;
  font-weight: 500;
  border-radius: 8px;
}
.service-booking .delivery-location .address-bottom-box .btn-fill {
  border: transparent;
  color: #ffffff;
  background-color: var(--primary-color);
}
.service-booking .delivery-location .address-bottom-box .btn-fill:hover {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.service-booking .delivery-location .address-bottom-box .btn-outline {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}
.service-booking .delivery-location .address-bottom-box .btn-outline:hover {
  background-color: var(--primary-color);
  color: #ffffff;
  border-color: transparent;
}
.service-booking .delivery-location .address-bottom-box .radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
[dir=rtl] .service-booking .delivery-location .address-bottom-box .radio {
  left: unset;
  right: 0;
}
.service-booking .delivery-location .radio:checked ~ button {
  background-color: var(--primary-color);
  color: #ffffff;
}
.service-booking input[type=radio]:checked ~ .delivery-location .btn-outline {
  background-color: var(--primary-color);
  color: #ffffff;
}
.service-booking .add-location {
  color: var(--primary-color);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
}
.service-booking .add-location:hover {
  text-decoration: underline;
}
.service-booking .booking-data {
  margin-top: -3px;
  width: calc(100% - 16px - (14px + 10 * (100vw - 320px) / 1600));
  margin-left: calc(14px + 10 * (100vw - 320px) / 1600);
}
[dir=rtl] .service-booking .booking-data {
  margin-left: unset;
  margin-right: calc(14px + 10 * (100vw - 320px) / 1600);
}
.service-booking .booking-data .select-option {
  flex-direction: row;
  background-color: transparent;
  border: none;
  background-color: #ffffff;
  padding: 0 0 calc(13px + 7 * (100vw - 320px) / 1600) 0;
  gap: calc(4px + 36 * (100vw - 320px) / 1600);
  flex-wrap: wrap;
}
.service-booking .booking-data .select-option .form-check {
  border: none;
  padding: 0;
  flex-direction: row;
  align-items: flex-start;
}
.service-booking .booking-data .select-option .form-check .form-radio-input {
  width: 22px;
  height: 22px;
  border: none;
  margin-top: 1px;
  appearance: none;
}
.service-booking .booking-data .select-option .form-check .form-radio-input:checked::before {
  transform: translate(-50%, -50%) scale(1);
}
.service-booking .booking-data .select-option .form-check .form-radio-input:checked ~ label {
  font-weight: 500;
  color: rgba(0, 22, 46, 0.9) !important;
}
.service-booking .booking-data .select-option .form-check .form-radio-input::before {
  top: 50%;
  left: 50%;
  right: unset;
  transform: translate(-50%, -50%) scale(0);
}
.service-booking .booking-data .select-option .form-check .form-radio-input::after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  right: unset;
}
.service-booking .booking-data .text-success {
  font-size: 18px;
}
.service-booking .booking-data .servicemen-list-item {
  width: max-content;
  min-width: 276px;
  background-color: #F5F6F7 !important;
  border: none !important;
  box-shadow: none !important;
}
@media (max-width: 480px) {
  .service-booking .booking-data .servicemen-list-item {
    min-width: 188px;
    width: auto;
  }
}
.service-booking .booking-data .note {
  margin-block: 16px;
}
.service-booking .form-control {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 16px;
  color: #00162E;
}
.service-booking .form-control:hover, .service-booking .form-control:focus {
  color: #00162E;
  background-color: #ffffff;
}

.activity-dot {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  outline: 1px solid var(--primary-color);
  position: relative;
  z-index: 0;
}
.activity-dot:after {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: 8px;
  width: 8px;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wizard-footer {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  border-top: 1px dashed #E5E8EA;
  padding: calc(16px + 4 * (100vw - 320px) / 1600) calc(15px + 185 * (100vw - 320px) / 1600);
}
.wizard-footer .btn-outline {
  border-width: 1px;
}
.wizard-footer .next-btn {
  padding: 12px 20px;
  display: inline-block;
  width: auto;
}
@media (max-width: 375px) {
  .wizard-footer .next-btn {
    width: 100%;
  }
}
.wizard-footer button {
  width: max-content;
  padding: 12px 20px;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .wizard-footer button {
    width: 100%;
  }
}
.wizard-footer.service-booking-wizard-footer {
  padding-inline: 30px;
}
.wizard-footer.service-booking-footer {
  padding: calc(10px + 10 * (100vw - 320px) / 1600) calc(20px + 10 * (100vw - 320px) / 1600);
}

.date-time-picket-sec {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #E5E8EA;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
}

.date-time-picker {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767.98px) {
  .date-time-picker {
    flex-wrap: wrap;
  }
}
.date-time-picker input {
  color: #00162E !important;
}

.input-icon {
  position: absolute;
  top: calc(9px + 3 * (100vw - 320px) / 1600);
  left: 16px;
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808B97;
  z-index: 3;
}
[dir=rtl] .input-icon {
  left: unset;
  right: 16px;
}

.edit-option {
  background-color: unset;
  border: none;
  padding: 0;
  color: var(--primary-color);
  text-decoration: underline;
  font-size: 18px;
}

.selected-men {
  background-color: #ffffff;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

/**=====================
    Form scss
==========================**/
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 0;
}

.form-control {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  color: #00162E;
  padding: calc(7px + 3 * (100vw - 320px) / 1600) 16px;
  width: 100%;
  border-radius: 8px;
}
.form-control ::placeholder {
  color: #E5E8EA;
}
.form-control.first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.form-control.last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.form-control:focus, .form-control:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #00162E;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.form-control.form-control-gray {
  background-color: #F5F6F7;
  color: #00162E;
}
.form-control.form-control-gray:focus, .form-control.form-control-gray:hover {
  background-color: #F5F6F7;
  color: #00162E;
  box-shadow: none;
}
.form-control.form-control-gray ::placeholder {
  color: #E5E8EA;
}
.form-control.form-control-white {
  background-color: #ffffff;
  color: #00162E;
  border-radius: 8px;
}
.form-control.form-control-white:focus, .form-control.form-control-white:hover {
  background-color: #ffffff;
  color: #00162E;
  box-shadow: none;
}
.form-control.form-control-white ::placeholder {
  color: #E5E8EA;
}
.form-control.error {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600) !important;
  color: #00162E !important;
}

textarea.form-control {
  min-height: calc(39px + 7 * (100vw - 320px) / 1600);
}

.comment-section textarea.form-control {
  min-height: 110px;
}

.form-group {
  margin-bottom: 24px;
}
.form-group:last-child {
  margin-bottom: 0;
}
.form-group label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: calc(6px + 2 * (100vw - 320px) / 1600);
  position: relative;
}
@media (max-width: 575.98px) {
  .form-group label {
    font-weight: 400;
    color: rgba(0, 22, 46, 0.639);
  }
}
.form-group label.error {
  margin-bottom: 0;
}

.form-check {
  padding: 0;
  min-height: unset;
  display: flex;
  align-items: center;
  gap: 12px;
}
.form-check .form-check-input,
.form-check .form-radio-input {
  cursor: pointer;
  position: relative;
  border: none;
  width: 22px;
  height: 22px;
  box-shadow: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  filter: none;
  float: unset;
  margin: 0;
}
.form-check .form-check-input:focus,
.form-check .form-radio-input:focus {
  box-shadow: none;
}
.form-check .form-check-input:before,
.form-check .form-radio-input:before {
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: 11px;
  top: 8px;
  z-index: 1;
  width: 12px;
  height: 7px;
  border: 2px solid #ffffff;
  border-top-style: none;
  border-right-style: none;
}
[dir=rtl] .form-check .form-check-input:before,
[dir=rtl] .form-check .form-radio-input:before {
  left: unset;
  right: 4px;
}
.form-check .form-check-input:after,
.form-check .form-radio-input:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid #E5E8EA;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
}
[dir=rtl] .form-check .form-check-input:after,
[dir=rtl] .form-check .form-radio-input:after {
  left: unset;
  right: -1px;
}
.form-check .form-check-input:checked:before,
.form-check .form-radio-input:checked:before {
  transform: translate(-50%, -50%) rotate(-45deg) scale(1, 1);
}
.form-check .form-check-input:checked:after,
.form-check .form-radio-input:checked:after {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.form-check .form-radio-input {
  margin: 0;
  appearance: none;
  padding: 0;
  position: relative;
  width: 20px;
  height: 20px;
}
.form-check .form-radio-input:after {
  border-radius: 100%;
}
.form-check .form-radio-input:before {
  border: none;
  background-color: var(--primary-color);
  border-radius: 100%;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
[dir=rtl] .form-check .form-radio-input:before {
  left: unset;
  right: 5px;
}
.form-check .form-radio-input ~ label {
  color: #808B97;
}
.form-check .form-radio-input:checked:after {
  border: 6px solid var(--primary-color);
  background-color: #ffffff;
  opacity: 0.12;
}
.form-check .form-radio-input:checked ~ label {
  font-weight: 500;
  color: #00162E;
}
.form-check .form-radio-input.solid:checked:after {
  border: 1px solid var(--primary-color);
}
.form-check p {
  font-size: 16px;
}
.form-check label {
  font-size: 14px;
}

.login-main .login-card .login-detail .phone-detail {
  position: relative;
  overflow: unset;
  display: grid;
  grid-template-columns: auto 1fr;
}
.login-main .login-card .login-detail .phone-detail .form-control {
  width: 100%;
}
.login-main .login-card .login-detail.phone-detail {
  position: relative;
}
.login-main .login-card .login-detail.phone-detail label .form-group.error {
  position: absolute !important;
  bottom: -30px;
  left: 0;
}

.form-select {
  background-color: #F5F6F7;
  border: none;
  color: #00162E;
  font-size: 16px;
  padding: 8px 70px 8px 12px;
  border-radius: 6px;
}
.form-select:focus {
  box-shadow: none;
}
.form-select.form-select-white {
  background-color: #ffffff;
  color: #808B97;
  border-radius: 8px;
  padding: 10px 46px;
}
.form-select.form-select-white:focus, .form-select.form-select-white:hover {
  background-color: #ffffff;
  color: #808B97;
  box-shadow: none;
}
.form-select.form-select-sm {
  background-color: #ffffff;
  color: #00162E;
  border-radius: 8px;
  padding: 14px 45px 14px 14px;
}
.form-select.form-select-sm:focus, .form-select.form-select-sm:hover {
  background-color: #ffffff;
  color: #808B97;
  box-shadow: none;
}

.input-group .form-control {
  padding: 10px 16px 10px 46px;
}
[dir=rtl] .input-group .form-control {
  padding: 10px 46px 10px 16px;
}
.input-group.phone-field {
  gap: 10px;
}
.input-group.phone-field .contact-btn {
  border-radius: 8px;
}
.input-group:has(.coupon-input-box) {
  flex-wrap: nowrap;
}
.input-group .coupon-input-box {
  width: 100%;
  z-index: 0;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
}
.input-group .coupon-input-box::before {
  opacity: 0.1;
}
.input-group .coupon-input-box .pattern-input,
.input-group .coupon-input-box .form-control {
  height: 100%;
  width: 100%;
  background-color: transparent;
  border: 1px dashed var(--primary-color);
}

.search-form {
  margin-top: 30px;
  width: 30%;
  margin-inline: auto;
  padding: 10px;
  border-radius: 40px !important;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.search-form .form-control {
  border-radius: 40px;
  color: #ffffff;
}
.search-form ::placeholder {
  color: #808B97;
}
.search-form i {
  --Iconsax-Size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808B97;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1460px) {
  .search-form {
    width: 40%;
  }
}
@media (max-width: 991.98px) {
  .search-form {
    width: 70%;
    padding: 4px;
  }
}
@media (max-width: 575.98px) {
  .search-form {
    width: 90%;
    margin-top: 16px;
  }
}

.avatar-group {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.avatar-group .avatar {
  width: 40px;
  height: 40px;
}
.avatar-group .avatar img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.avatar-group .avatar:first-child {
  margin-right: -20px;
}
[dir=rtl] .avatar-group .avatar:first-child {
  margin-right: unset;
  margin-left: -20px;
}
.avatar-group .avatar:nth-child(2) {
  width: 45px;
  height: 45px;
  position: relative;
  z-index: 1;
}
.avatar-group .avatar:last-child {
  margin-left: -20px;
}
[dir=rtl] .avatar-group .avatar:last-child {
  margin-left: unset;
  margin-right: -20px;
}

/**=====================
    Home Section scss
==========================**/
.home-section {
  position: relative;
  background-image: url(/build/assets/bg-3bxMWlFU.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: calc(60px + 10 * (100vw - 320px) / 1600);
  z-index: 0;
}
[dir=rtl] .home-section {
  height: auto;
}
@media (max-width: 1199px) {
  .home-section {
    height: auto;
  }
}
.home-section .home-icon img,
.home-section .home-icon svg {
  position: absolute;
  animation: mover 2s infinite alternate;
  z-index: -1;
}
.home-section .home-icon img.image-1,
.home-section .home-icon svg.image-1 {
  top: 180px;
  right: -65px;
  animation-delay: 1s;
  width: 140px;
  overflow: hidden;
  height: 29px;
}
[dir=rtl] .home-section .home-icon img.image-1,
[dir=rtl] .home-section .home-icon svg.image-1 {
  right: unset;
  left: -65px;
}
@media (max-width: 575.98px) {
  .home-section .home-icon img.image-1,
  .home-section .home-icon svg.image-1 {
    display: none;
  }
}
.home-section .home-icon img.image-2,
.home-section .home-icon svg.image-2 {
  top: calc(200px + 80 * (100vw - 992px) / 928);
  left: 60px;
  animation-delay: 2s;
  height: 120px;
}
[dir=rtl] .home-section .home-icon img.image-2,
[dir=rtl] .home-section .home-icon svg.image-2 {
  left: unset;
  right: 60px;
}
@media (max-width: 991.98px) {
  .home-section .home-icon img.image-2,
  .home-section .home-icon svg.image-2 {
    display: none;
  }
}
.home-section .home-icon img.image-3,
.home-section .home-icon svg.image-3 {
  animation-delay: 3s;
  height: 140px;
  animation-delay: 3s;
  height: 140px;
  filter: brightness(0.5);
  transform: rotate3d(3, 2, 1, 180deg);
  animation: unset;
  top: calc(220px + 100 * (100vw - 992px) / 928);
  right: calc(20px + 220 * (100vw - 992px) / 928);
}
[dir=rtl] .home-section .home-icon img.image-3,
[dir=rtl] .home-section .home-icon svg.image-3 {
  right: unset;
  left: calc(20px + 220 * (100vw - 992px) / 928);
}
@media (max-width: 991.98px) {
  .home-section .home-icon img.image-3,
  .home-section .home-icon svg.image-3 {
    display: none;
  }
}
.home-section .home-slider {
  margin-top: 530px;
}
@media (max-width: 991.98px) {
  .home-section .home-slider {
    margin-top: 400px;
  }
}
@media (max-width: 767.98px) {
  .home-section .home-slider {
    margin-top: 360px;
  }
}
.home-section .home-slider .service-slider:has(.swiper-wrapper:empty) {
  display: none;
  height: 0;
}
.home-section .home-slider .service-slider .swiper-wrapper {
  height: 372px;
  transition-timing-function: linear;
}
.home-section .home-slider .service-slider .swiper-wrapper:has(.home-section .home-slider .service-slider .swiper-wrapper:empty) {
  display: none;
  height: 0;
}
@media (max-width: 991.98px) {
  .home-section .home-slider .service-slider .swiper-wrapper {
    height: 332px;
  }
}
@media (max-width: 575.98px) {
  .home-section .home-slider .service-slider .swiper-wrapper {
    height: 300px;
  }
}
.home-section .home-slider .service-slider .swiper-wrapper:empty {
  display: none;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide {
  position: relative;
  padding-top: 10px;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide .service-card {
  height: 100%;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide .service-card .img-box {
  height: 100%;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide .service-card .img-box .bg-size {
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  width: 100%;
  height: 100%;
  background-position: top center !important;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide .service-card .service-content {
  background: linear-gradient(180deg, rgba(0, 10, 28, 0) 0%, rgba(0, 10, 28, 0.4990371148) 56%, rgba(0, 10, 28, 0.9332107843) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  padding: 90px 15px 16px;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide .service-card .service-content span {
  text-align: center;
  position: relative;
}
.home-section .home-slider .service-slider .swiper-wrapper .swiper-slide:nth-child(even) {
  padding-top: calc(40px + 60 * (100vw - 320px) / 1600);
}
.home-section .home-contain {
  position: absolute;
  top: calc(80px + 80 * (100vw - 320px) / 1600);
  text-align: center;
  left: 0px;
  right: 0;
  width: 90%;
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1399.99px) {
  .home-section .home-contain {
    top: 178px;
  }
}
@media (max-width: 991.98px) {
  .home-section .home-contain {
    top: 143px;
  }
}
.home-section .home-contain h1 {
  color: #ffffff;
  line-height: 1;
}
@media (max-width: 991.98px) {
  .home-section .home-contain h1 {
    width: 70%;
    margin-inline: auto;
  }
}
@media (max-width: 767.98px) {
  .home-section .home-contain h1 {
    width: 90%;
  }
}
@media (max-width: 575.98px) {
  .home-section .home-contain h1 {
    width: 100%;
  }
}
.home-section .home-contain p {
  color: #808B97;
  font-size: 20px;
  padding-top: 50px;
  width: 45%;
  line-height: 1.5;
  margin: 0 auto;
}
@media (max-width: 1660px) {
  .home-section .home-contain p {
    width: 55%;
  }
}
@media (max-width: 1366px) {
  .home-section .home-contain p {
    font-size: 18px;
  }
}
@media (max-width: 1199.98px) {
  .home-section .home-contain p {
    width: 65%;
    padding-top: 40px;
  }
}
@media (max-width: 991.98px) {
  .home-section .home-contain p {
    display: none;
  }
}
.home-section .home-contain .home-form-group {
  padding-top: 40px;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}
.home-section .home-contain .home-form-group .input-group {
  padding: calc(6px + 4 * (100vw - 320px) / 1600);
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  gap: calc(7px + 5 * (100vw - 320px) / 1600);
  flex-wrap: nowrap;
}
.home-section .home-contain .home-form-group .input-group .position-relative i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808B97;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 14px;
}
.home-section .home-contain .home-form-group .input-group .position-relative .form-control {
  padding: 10px 16px 10px 45px;
  color: #ffffff;
  border-radius: 100px 0 0 100px;
}
[dir=rtl] .home-section .home-contain .home-form-group .input-group .position-relative .form-control {
  border-radius: 0 100px 100px 0;
}
.home-section .home-contain .home-form-group .input-group .position-relative ::placeholder {
  color: #808B97;
}
.home-section .home-contain .home-form-group .input-group .btn {
  border-radius: 0 100px 100px 0;
  z-index: 0;
  border-color: var(--font-color);
  color: var(--font-color);
  background-color: transparent;
  padding-inline: calc(15px + 14 * (100vw - 320px) / 1600);
}
.home-section .home-contain .home-form-group .input-group .btn:hover {
  background-color: var(--font-color);
  color: #000000;
}
[dir=rtl] .home-section .home-contain .home-form-group .input-group .btn {
  border-radius: 100px 0 0 100px;
}
.home-section .home-contain .home-animation {
  position: relative;
  line-height: 1;
  margin-left: 35px;
  text-transform: uppercase;
  font-size: calc(22px + 38 * (100vw - 320px) / 1600);
  letter-spacing: 2px;
  font-weight: 900;
  background: linear-gradient(to right, rgb(251, 64, 64) 20%, rgb(255, 84, 156) 30%, rgb(114, 94, 254) 70%, rgb(36, 119, 255) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 150% auto;
  animation: textShine 1s ease-in-out infinite alternate;
}
[dir=rtl] .home-section .home-contain .home-animation {
  margin-left: unset;
  margin-right: 35px;
}
.home-section .home-contain .home-animation .shape {
  border-radius: 35px;
  position: absolute;
  top: -21px;
  left: -27px;
  z-index: -1;
  width: calc(375px + 138 * (100vw - 991px) / 929);
  height: calc(81px + 27 * (100vw - 991px) / 929);
}
[dir=rtl] .home-section .home-contain .home-animation .shape {
  left: unset;
  right: -27px;
}
@media (max-width: 991.98px) {
  .home-section .home-contain .home-animation .shape {
    width: calc(237px + 293 * (100vw - 320px) / 1600);
    height: calc(46px + 44 * (100vw - 320px) / 1600);
    top: -12px;
    left: -23px;
  }
  [dir=rtl] .home-section .home-contain .home-animation .shape {
    left: unset;
    right: -23px;
  }
}
@media (max-width: 991.98px) {
  .home-section .home-contain .home-animation {
    margin-top: 25px;
    margin-left: 0;
  }
  [dir=rtl] .home-section .home-contain .home-animation {
    margin-left: unset;
    margin-right: 0;
  }
}
.home-section.ratio_18 .home-contain {
  width: 100%;
  top: calc(80px + 60 * (100vw - 320px) / 1600);
}
.home-section.ratio_18 .home-contain h2 {
  font-size: calc(20px + 22 * (100vw - 320px) / 1600);
  font-weight: 700;
  background: linear-gradient(to right, rgb(251, 64, 64) 20%, rgb(255, 84, 156) 30%, rgb(114, 94, 254) 50%, rgb(36, 119, 255) 80%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-size: 150% auto;
  width: max-content;
  margin: 0 auto;
  position: relative;
}
.home-section.ratio_18 .home-contain h2:before, .home-section.ratio_18 .home-contain h2:after {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: calc(14px + 20 * (100vw - 320px) / 1600);
  width: 4px;
  border-radius: 6px;
  top: 4px;
}
@media (max-width: 1366px) {
  .home-section.ratio_18 .home-contain h2:before, .home-section.ratio_18 .home-contain h2:after {
    top: 7px;
  }
}
.home-section.ratio_18 .home-contain h2:before {
  left: calc(-25px + -15 * (100vw - 320px) / 1600);
}
[dir=rtl] .home-section.ratio_18 .home-contain h2:before {
  right: calc(-25px + -15 * (100vw - 320px) / 1600);
  left: unset;
}
.home-section.ratio_18 .home-contain h2:after {
  right: calc(-25px + -15 * (100vw - 320px) / 1600);
}
[dir=rtl] .home-section.ratio_18 .home-contain h2:after {
  left: calc(-25px + -15 * (100vw - 320px) / 1600);
  right: unset;
}
.home-section.ratio_18 .home-contain h2 span:before, .home-section.ratio_18 .home-contain h2 span:after {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: calc(28px + 30 * (100vw - 320px) / 1600);
  width: 4px;
  border-radius: 6px;
  top: -8px;
}
@media (max-width: 1366px) {
  .home-section.ratio_18 .home-contain h2 span:before, .home-section.ratio_18 .home-contain h2 span:after {
    top: -3px;
  }
}
.home-section.ratio_18 .home-contain h2 span:before {
  left: calc(-15px + -15 * (100vw - 320px) / 1600);
}
[dir=rtl] .home-section.ratio_18 .home-contain h2 span:before {
  right: calc(-15px + -15 * (100vw - 320px) / 1600);
  left: unset;
}
.home-section.ratio_18 .home-contain h2 span:after {
  right: calc(-15px + -15 * (100vw - 320px) / 1600);
}
[dir=rtl] .home-section.ratio_18 .home-contain h2 span:after {
  left: calc(-15px + -15 * (100vw - 320px) / 1600);
  right: unset;
}
.home-section.ratio_18 .home-contain p {
  font-size: 16px;
  line-height: 24px;
  max-width: 680px;
  width: 90%;
  padding-top: calc(20px + 10 * (100vw - 991px) / 929);
}
@media (max-width: 991.98px) {
  .home-section.ratio_18 .home-contain p {
    display: none;
  }
}
.home-section.ratio_18 .home-contain h3 {
  color: #ffffff;
  margin-top: 30px;
  font-size: 30px;
}
@media (max-width: 991.98px) {
  .home-section.ratio_18 .home-contain h3 {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .home-section.ratio_18 .bg-size:before {
    padding-bottom: calc(170px + -230 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 991.98px) {
  .home-section.ratio_18 .bg-size:before {
    padding-bottom: calc(60px + -130 * (100vw - 320px) / 1600);
  }
}
@media (min-width: 1199px) {
  .home-section.ratio_18 .bg-size:before {
    padding-bottom: calc(110px + -180 * (100vw - 991px) / 929);
  }
}

.no-data-found {
  padding: calc(38px + 32 * (100vw - 320px) / 1600);
  text-align: center;
  background-color: #F5F6F7;
  width: 100%;
  border-radius: 6px;
}
.no-data-found .no-data-img {
  margin-bottom: 25px;
  width: 370px;
  height: 443px;
}
.no-data-found p {
  line-height: 1.3;
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.no-data-found.category-no-data {
  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);
}

/**=====================
    Invoice scss
==========================**/
.top_rw {
  background-color: #f4f4f4;
}

button {
  padding: 5px 10px;
  font-size: 14px;
}

.invoice-box {
  max-width: 890px;
  margin: auto;
  padding: 10px;
  border: 1px solid #eee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  font-size: 14px;
  line-height: 24px;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  color: #555;
}

.invoice-box table {
  width: 100%;
  line-height: inherit;
  text-align: left;
  border-bottom: solid 1px #ccc;
}

.invoice-box table td {
  padding: 5px;
  vertical-align: middle;
}

.invoice-box table tr td:nth-child(2) {
  text-align: right;
}
[dir=rtl] .invoice-box table tr td:nth-child(2) {
  text-align: left;
}

.invoice-box table tr.top table td {
  padding-bottom: 20px;
}

.invoice-box table tr.top table td.title {
  font-size: 45px;
  line-height: 45px;
  color: #333;
}

.invoice-box table tr.information table td {
  padding-bottom: 40px;
}

.invoice-box table tr.heading td {
  background: #eee;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  font-size: 12px;
}

.invoice-box table tr.details td {
  padding-bottom: 20px;
}

.invoice-box table tr.item td {
  border-bottom: 1px solid #eee;
}

.invoice-box table tr.item.last td {
  border-bottom: none;
}

.invoice-box table tr.total td:nth-child(2) {
  border-top: 2px solid #eee;
  font-weight: bold;
}

@media (max-width: 600px) {
  .invoice-box table tr.top table td {
    width: 100%;
    display: block;
    text-align: center;
  }
  .invoice-box table tr.information table td {
    width: 100%;
    display: block;
    text-align: center;
  }
}
/**=====================
    Invoice scss
==========================**/
/**=====================
     Loader scss
==========================**/
#loader {
  position: absolute;
  background: white;
  width: 100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
}
[dir=rtl] #loader {
  left: unset;
  right: 0px;
}

.notLoaded {
  height: 100vh;
  overflow: hidden;
  position: fixed;
  margin: 0px;
  width: 100%;
}

.page-loader .page-loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  gap: 12px;
}

/**=====================
    Modal scss
==========================**/
.modal-backdrop {
  z-index: 9;
}

.modal {
  z-index: 10;
  margin: 0;
}
.modal .modal-dialog .modal-content {
  border-radius: 12px;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: calc(16px + 4 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
  border: none;
}
.modal .modal-dialog .modal-content .modal-header h3 {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
  text-transform: capitalize;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  opacity: 1;
  padding: 0;
  width: calc(16px + 4 * (100vw - 320px) / 1600);
  height: calc(16px + 4 * (100vw - 320px) / 1600);
  margin: 0 0 0 auto;
}
[dir=rtl] .modal .modal-dialog .modal-content .modal-header .btn-close {
  margin: 0 auto 0 0;
}
.modal .modal-dialog .modal-content .modal-header .btn-close .iconsax {
  --Iconsax-Color: #222;
  transform: rotate(45deg);
  --Iconsax-Size: calc(27px + (31 - 27) * ((100vw - 320px) / (1920 - 320)));
}
.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  border: none;
  box-shadow: none;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0 calc(15px + 15 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
}
.modal .modal-dialog .modal-content .modal-body.custom-scroll {
  overflow: auto;
  height: calc(100vh - (57px + 21 * (100vw - 320px) / 1600) - (74px + 22 * (100vw - 320px) / 1600) - var(--bs-modal-margin) - var(--bs-modal-margin));
}
.modal .modal-dialog .modal-content .modal-body .card {
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-body .modal-body-content {
  background-color: #F5F6F7;
  border-radius: 10px;
  width: 100%;
  height: calc(200px + 50 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  padding: 20px 0;
}
.modal .modal-dialog .modal-content .modal-body .modal-body-content img {
  height: 100%;
}
.modal .modal-dialog .modal-content .modal-body .cancel-content {
  background-color: #F5F6F7;
  border-radius: 10px;
  width: 100%;
}
.modal .modal-dialog .modal-content .modal-body .cancel-content label {
  font-size: 18px;
  font-weight: 500;
  list-style: 23px;
  color: #00162E;
  margin-bottom: 6px;
}
.modal .modal-dialog .modal-content .modal-body p {
  font-size: 16px;
  line-height: 1.5;
  color: #808B97;
}
.modal .modal-dialog .modal-content .modal-body .btn.btn-solid {
  width: 100%;
  justify-content: center;
  border-radius: calc(6px + 6 * (100vw - 320px) / 1600);
}
.modal .modal-dialog .modal-content .modal-footer {
  border: none;
  padding: calc(15px + 10 * (100vw - 320px) / 1600);
  flex-wrap: nowrap;
  gap: 12px;
}
.modal .modal-dialog .modal-content .modal-footer > * {
  margin: 0;
}
.modal .modal-dialog .modal-content .modal-footer .status-note {
  width: 100%;
  border-radius: 0;
  margin: 0;
}
.modal.location-detected-modal .modal-dialog {
  max-width: 650px;
}
.modal.location-detected-modal .modal-header {
  border: none;
}
.modal.location-detected-modal .modal-body .location-search {
  background-color: #F5F6F7;
  color: #00162E;
}
.modal.location-detected-modal .modal-body .location-loader[style="display: block;"], .modal.location-detected-modal .modal-body .location-loader[style=""] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 246, 247, 0.651);
  backdrop-filter: blur(1px);
  display: flex !important;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
}
.modal.location-detected-modal .modal-body .spinner-border {
  display: block;
  margin: 0 auto;
  width: 26px !important;
  height: 26px !important;
}
.modal.location-detected-modal .modal-body .location-list {
  margin-top: 20px;
}
.modal.location-detected-modal .modal-body .location-list .location {
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: start;
  justify-content: start;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent;
  gap: 8px;
  font-size: 16px;
}
.modal.location-detected-modal .modal-body .location-list .location + li {
  border-top: 1px solid #E5E8EA;
  padding-top: 16px;
  margin-top: 0;
}
.modal.location-detected-modal .modal-body .location-list .location span.no-address {
  width: 100%;
  height: 127px;
  display: grid;
  place-content: center;
  background-color: #F5F6F7;
  font-size: 18px;
  font-weight: 500;
  color: #00162E;
  border-radius: 10px;
}
.modal.location-detected-modal .modal-body .location-list .location > div h5 {
  color: #00162E;
  font-size: 18px;
}
.modal.location-detected-modal .modal-body .location-list .location > div h6 {
  color: rgba(0, 22, 46, 0.5);
  font-size: 16px;
  margin-top: 4px;
}
.modal.location-detected-modal .modal-body .location-list .location > div img {
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}
.modal.location-detected-modal .modal-body .location-list .location i {
  margin-top: 3px;
  --Iconsax-Color: #00162e !important;
}
.modal.location-detected-modal .modal-body .location-list .location:hover {
  color: #ffffff;
}
.modal.location-detected-modal .modal-body .location-list .location:hover i {
  --Iconsax-Color: #00162e;
}
.modal.location-detected-modal .modal-body .location-list .location + li {
  margin-top: 16px;
}
.modal.reset-modal .modal-dialog .modal-content .modal-body {
  text-align: center;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item {
  padding: 20px;
  border-radius: 8px;
  align-items: start;
  margin-bottom: 20px;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item:last-child {
  margin-bottom: 0;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .serviceman {
  display: flex;
  align-items: center;
  gap: 16px;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .serviceman .serviceman-detail {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 12px;
  background-color: #F5F6F7;
  border-radius: 12px;
  padding: 12px 16px;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .serviceman .serviceman-detail h6 {
  color: #808B97;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .serviceman .serviceman-detail p {
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .serviceman .serviceman-detail .rate .star {
  width: 15px !important;
  height: 15px !important;
}
.modal.book-now .modal-dialog .modal-content .modal-body .service-item .btn-outline {
  width: max-content;
  border-radius: 8px;
  margin-top: 4px;
  font-size: 16px;
  padding: 9px 18px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional {
  display: flex;
  justify-content: space-between;
  border: 1px solid #E5E8EA;
  padding: calc(13px + 3 * (100vw - 320px) / 1600);
  border-radius: 10px;
  background-color: #ffffff;
  gap: 5px;
  flex-direction: column;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional .form-check {
  margin: 0;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional .form-check .form-check-input:checked ~ label {
  color: #212529;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional .form-check .form-check-input:checked ~ label span {
  color: var(--primary-color);
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional .form-check label {
  padding-left: 0;
  transition: all 0.15s ease-in-out;
  position: relative;
  font-size: 16px;
  color: #808b97;
  font-weight: 500;
  cursor: pointer;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional.qty .form-check .plus-minus input {
  width: 25px;
  height: 25px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional.qty .form-check .plus-minus i {
  width: 20px;
  height: 20px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .select-additional.qty .form-check .plus-minus i svg {
  width: 15px;
  height: 15px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .service {
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
  border-radius: calc(9px + 3 * (100vw - 320px) / 1600);
  background-color: #F5F6F7;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: calc(14px + 2 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .modal.book-service .modal-dialog .modal-content .modal-body .service {
    flex-direction: column;
    align-items: unset;
  }
}
.modal.book-service .modal-dialog .modal-content .modal-body .service img {
  object-fit: cover;
  border-radius: 8px;
  object-position: top;
  width: 110px;
  height: 110px;
}
@media (max-width: 575.98px) {
  .modal.book-service .modal-dialog .modal-content .modal-body .service img {
    width: 100%;
    height: calc(183px + 97 * (100vw - 320px) / 256);
  }
}
.modal.book-service .modal-dialog .modal-content .modal-body .services label {
  color: #00162E;
  margin-bottom: 8px;
  font-weight: 500;
}
.modal.book-service .modal-dialog .modal-content .modal-body .services .service {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #F5F6F7;
  padding: 20px;
  border-radius: 10px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .services .service img {
  width: 80px;
  height: 80px;
}
.modal.book-service .modal-dialog .modal-content .modal-body .services .service span {
  font-size: 22px;
  font-weight: 700;
  color: var(--primary-color);
}
.modal.book-service .modal-dialog .modal-content .modal-body .service-title {
  color: #00162E;
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 500;
}
.modal.book-service .modal-dialog .modal-content .modal-body .book-service-title {
  display: block;
  margin: 0;
  width: calc(100% - 16px - 110px);
}
@media (max-width: 575.98px) {
  .modal.book-service .modal-dialog .modal-content .modal-body .book-service-title {
    width: 100%;
  }
}
.modal.book-service .modal-dialog .modal-content .modal-body .book-service-title h3 {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  line-height: 1.4;
  color: #00162E;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.modal.book-service .modal-dialog .modal-content .modal-body .book-service-title span {
  font-size: 20px;
  font-weight: 700;
  margin-top: calc(2px + 2 * (100vw - 320px) / 1600);
  line-height: 1.4;
  color: var(--primary-color);
}
.modal.location-modal .modal-content .modal-body {
  padding-bottom: calc(15px + 10 * (100vw - 320px) / 1600);
}
.modal.location-modal .location-map {
  border-radius: 12px;
  background-color: #F5F6F7;
  padding: 0;
  margin: 0;
  gap: 0;
  overflow: hidden;
}
.modal.location-modal .location-map .map {
  height: 100%;
  overflow: hidden;
}
.modal.location-modal .location-map .map iframe {
  height: 100%;
}
.modal.location-modal .location-map label {
  color: #00162E;
  font-size: 18px;
}
.modal.location-modal .location-map .location-detail {
  padding: 20px;
}
.modal.location-modal .location-map .category {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(11px + 29 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .modal.location-modal .location-map .category .form-check {
    gap: 8px;
  }
}
.modal.location-modal .location-map .category .form-check label {
  color: #808B97;
  font-size: 16px;
}
.modal.location-modal .location-map .category .form-check .form-radio-input:checked ~ label {
  color: #00162E;
}
.modal.location-modal .location-map i {
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808b97;
}
.modal.location-modal .location-map .input-icon {
  position: absolute;
  top: calc(9px + 3 * (100vw - 320px) / 1600);
  left: 16px;
}
[dir=rtl] .modal.location-modal .location-map .input-icon {
  left: unset;
  right: 16px;
}
.modal.servicemen-list-modal .search {
  margin-bottom: 16px;
}
.modal.servicemen-list-modal .search input {
  border-radius: 30px !important;
}
.modal.servicemen-list-modal .select-dropdown {
  border: none;
  margin: 0;
  padding-bottom: 16px;
}
@media (max-width: 991.98px) {
  .modal.servicemen-list-modal .select-dropdown {
    align-items: flex-start;
    gap: 12px;
  }
  .modal.servicemen-list-modal .select-dropdown .form-group {
    width: 100%;
  }
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header {
  position: relative;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header .btn {
  width: auto;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header i {
  --Iconsax-Size: 22px;
  --Iconsax-Color: #00162e;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header i {
  left: unset;
  right: 20px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header .modal-title {
  padding-left: 10px;
  line-height: 1;
  text-transform: capitalize;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header .modal-title {
  padding-left: 0;
  padding-right: 10px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header .btn-close {
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-header .btn-close {
  right: unset;
  left: 30px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .provider-content {
  padding: 0;
  border: none;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .provider-content p {
  text-align: start;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808b97;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile-bg {
  position: relative;
  background-image: url(/build/assets/profile-bg-DiVtk-f7.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
  height: 100px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile {
  z-index: 1;
  position: relative;
  margin-top: -60px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .img {
  border: 4px solid #ffffff;
  width: 100px;
  height: 100px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .initial-letter {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 43px;
  text-transform: capitalize;
  background: white;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.031372549);
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .rate {
  position: relative;
  margin: 0;
  padding-left: 8px;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .rate {
  padding-left: 0;
  padding-right: 8px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .rate:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  background-color: #E5E8EA;
  width: 1px;
  height: 12px;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .rate:before {
  left: unset;
  right: 0;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile .rate .star {
  width: 13px;
  height: 13px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile-info {
  background-color: #F5F6F7;
  border-radius: 10px;
  column-count: 2;
  padding: 16px 20px;
}
@media (max-width: 575.98px) {
  .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile-info {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .profile-info label {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .information p {
  font-size: 16px;
  font-weight: 500;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .information .btn {
  font-size: 16px;
  width: max-content;
  border-radius: 6px;
  padding: 6px 12px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .note {
  font-weight: 400;
  color: #808B97;
  margin-top: 8px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .expert {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 0.5rem;
  list-style: disc;
  padding-left: 30px;
}
[dir=rtl] .modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .expert {
  padding-left: 0;
  padding-right: 30px;
}
.modal.servicemen-detail-modal .modal-dialog .modal-content .modal-body .expert li {
  display: list-item;
}
.modal.service-charge-modal .modal-dialog .modal-content .modal-body {
  padding-bottom: calc(15px + 10 * (100vw - 320px) / 1600) !important;
}
.modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .charge,
.modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .total {
  background-color: #F5F6F7;
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
}
.modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .total:before, .modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .total:after {
  background-color: #ffffff;
}
.modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .total li {
  color: var(--primary-color);
  font-weight: 600;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.modal.service-charge-modal .modal-dialog .modal-content .modal-body .bill-summary .total li p {
  line-height: 1.3;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600) !important;
}
.modal.coupon-modal .modal-content .modal-body {
  padding-bottom: calc(15px + 10 * (100vw - 320px) / 1600) !important;
}
.modal.confirm-modal .modal-body p, .modal.fail-modal .modal-body p {
  color: #808B97 !important;
  line-height: 25px;
  text-align: center;
  margin: 0 calc(5px + 20 * (100vw - 320px) / 1600);
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail {
  display: grid;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .error {
  order: 1;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container {
  width: 100% !important;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container--default .selection {
  min-width: unset;
  width: 100%;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container--default .select2-selection--single {
  background-color: #ffffff;
  border: none;
  padding: 10px 16px 10px 46px;
}
[dir=rtl] .modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container--default .select2-selection--single {
  padding: 10px 46px 10px 16px;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container--default .select2-selection__rendered {
  padding: 0;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .phone-detail .select2-container--default .select2-selection__placeholder {
  color: #00162E;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .add-money {
  background-color: #F5F6F7;
  padding: 20px;
  border-radius: 10px;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .add-money label {
  color: #00162E;
}
.modal.wallet-modal .modal-dialog .modal-content .modal-body .add-money .input-group input {
  border-radius: 8px;
  border: none;
}
.modal.pending-modal .modal-body.booking-sec .card, .modal.accepted-modal .modal-body.booking-sec .card, .modal.ongoing-modal .modal-body.booking-sec .card, .modal.completed-modal .modal-body.booking-sec .card {
  border: none;
}
.modal.pending-modal .modal-body.booking-sec .primary-badge, .modal.accepted-modal .modal-body.booking-sec .primary-badge, .modal.ongoing-modal .modal-body.booking-sec .primary-badge, .modal.completed-modal .modal-body.booking-sec .primary-badge {
  position: absolute;
  top: 10px;
  left: 10px;
}
[dir=rtl] .modal.pending-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.accepted-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.ongoing-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.completed-modal .modal-body.booking-sec .primary-badge {
  left: unset;
  right: 20px;
}
@media (max-width: 991.98px) {
  .modal.pending-modal .modal-body.booking-sec .primary-badge, .modal.accepted-modal .modal-body.booking-sec .primary-badge, .modal.ongoing-modal .modal-body.booking-sec .primary-badge, .modal.completed-modal .modal-body.booking-sec .primary-badge {
    top: 10px;
    left: 10px;
  }
  [dir=rtl] .modal.pending-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.accepted-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.ongoing-modal .modal-body.booking-sec .primary-badge, [dir=rtl] .modal.completed-modal .modal-body.booking-sec .primary-badge {
    left: unset;
    right: 10px;
  }
}
.modal.pending-modal .modal-body.booking-sec .status, .modal.accepted-modal .modal-body.booking-sec .status, .modal.ongoing-modal .modal-body.booking-sec .status, .modal.completed-modal .modal-body.booking-sec .status {
  margin-bottom: 4px;
}
@media (max-width: 991.98px) {
  .modal.pending-modal .modal-body.booking-sec .status, .modal.accepted-modal .modal-body.booking-sec .status, .modal.ongoing-modal .modal-body.booking-sec .status, .modal.completed-modal .modal-body.booking-sec .status {
    flex-direction: column;
    align-items: start;
    justify-content: start;
  }
  [dir=rtl] .modal.pending-modal .modal-body.booking-sec .status, [dir=rtl] .modal.accepted-modal .modal-body.booking-sec .status, [dir=rtl] .modal.ongoing-modal .modal-body.booking-sec .status, [dir=rtl] .modal.completed-modal .modal-body.booking-sec .status {
    align-items: end;
  }
}
.modal.pending-modal .modal-body.booking-sec .status h5, .modal.accepted-modal .modal-body.booking-sec .status h5, .modal.ongoing-modal .modal-body.booking-sec .status h5, .modal.completed-modal .modal-body.booking-sec .status h5 {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  color: #00162E;
}
.modal.pending-modal .modal-body.booking-sec .status h5:hover, .modal.accepted-modal .modal-body.booking-sec .status h5:hover, .modal.ongoing-modal .modal-body.booking-sec .status h5:hover, .modal.completed-modal .modal-body.booking-sec .status h5:hover {
  text-decoration: unset;
}
.modal.pending-modal .modal-body.booking-sec .status .status-btn, .modal.accepted-modal .modal-body.booking-sec .status .status-btn, .modal.ongoing-modal .modal-body.booking-sec .status .status-btn, .modal.completed-modal .modal-body.booking-sec .status .status-btn {
  font-size: 20px;
}
.modal.pending-modal .modal-body.booking-sec .status .status-btn:hover, .modal.accepted-modal .modal-body.booking-sec .status .status-btn:hover, .modal.ongoing-modal .modal-body.booking-sec .status .status-btn:hover, .modal.completed-modal .modal-body.booking-sec .status .status-btn:hover {
  text-decoration: unset;
}
.modal.pending-modal .modal-body.booking-sec .view-status, .modal.accepted-modal .modal-body.booking-sec .view-status, .modal.ongoing-modal .modal-body.booking-sec .view-status, .modal.completed-modal .modal-body.booking-sec .view-status {
  align-items: start;
  margin-bottom: 10px;
}
.modal.pending-modal .modal-body.booking-sec .view-status button, .modal.accepted-modal .modal-body.booking-sec .view-status button, .modal.ongoing-modal .modal-body.booking-sec .view-status button, .modal.completed-modal .modal-body.booking-sec .view-status button {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
}
.modal.pending-modal .modal-body.booking-sec .view-status button i, .modal.accepted-modal .modal-body.booking-sec .view-status button i, .modal.ongoing-modal .modal-body.booking-sec .view-status button i, .modal.completed-modal .modal-body.booking-sec .view-status button i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: var(--primary-color);
}
.modal.pending-modal .modal-body.booking-sec .status-note, .modal.accepted-modal .modal-body.booking-sec .status-note, .modal.ongoing-modal .modal-body.booking-sec .status-note, .modal.completed-modal .modal-body.booking-sec .status-note {
  color: #FF4B4B;
  padding: calc(8px + 8 * (100vw - 320px) / 1600);
  border-radius: 8px;
  background-color: rgba(255, 75, 75, 0.1);
  font-size: 14px;
  text-align: center;
}
.modal.pending-modal .modal-body.booking-sec .status-note span, .modal.accepted-modal .modal-body.booking-sec .status-note span, .modal.ongoing-modal .modal-body.booking-sec .status-note span, .modal.completed-modal .modal-body.booking-sec .status-note span {
  font-weight: 500;
}
.modal.pending-modal .modal-body.booking-sec .status-note-warning, .modal.accepted-modal .modal-body.booking-sec .status-note-warning, .modal.ongoing-modal .modal-body.booking-sec .status-note-warning, .modal.completed-modal .modal-body.booking-sec .status-note-warning {
  color: #5465FF;
  padding: calc(8px + 8 * (100vw - 320px) / 1600);
  border-radius: 8px;
  background-color: rgba(84, 101, 255, 0.1);
  font-size: 14px;
  text-align: center;
}
.modal.pending-modal .modal-body.booking-sec .status-note-warning span, .modal.accepted-modal .modal-body.booking-sec .status-note-warning span, .modal.ongoing-modal .modal-body.booking-sec .status-note-warning span, .modal.completed-modal .modal-body.booking-sec .status-note-warning span {
  font-weight: 500;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary label, .modal.accepted-modal .modal-body.booking-sec .bill-summary label, .modal.ongoing-modal .modal-body.booking-sec .bill-summary label, .modal.completed-modal .modal-body.booking-sec .bill-summary label {
  color: #00162E;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .charge,
.modal.pending-modal .modal-body.booking-sec .bill-summary .total, .modal.accepted-modal .modal-body.booking-sec .bill-summary .charge,
.modal.accepted-modal .modal-body.booking-sec .bill-summary .total, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .charge,
.modal.ongoing-modal .modal-body.booking-sec .bill-summary .total, .modal.completed-modal .modal-body.booking-sec .bill-summary .charge,
.modal.completed-modal .modal-body.booking-sec .bill-summary .total {
  background-color: #F5F6F7;
  border-color: #E5E8EA;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .charge, .modal.accepted-modal .modal-body.booking-sec .bill-summary .charge, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .charge, .modal.completed-modal .modal-body.booking-sec .bill-summary .charge {
  border-bottom: none;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .charge p, .modal.accepted-modal .modal-body.booking-sec .bill-summary .charge p, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .charge p, .modal.completed-modal .modal-body.booking-sec .bill-summary .charge p {
  color: #808B97;
  flex-wrap: wrap;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .total:before, .modal.pending-modal .modal-body.booking-sec .bill-summary .total:after, .modal.accepted-modal .modal-body.booking-sec .bill-summary .total:before, .modal.accepted-modal .modal-body.booking-sec .bill-summary .total:after, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .total:before, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .total:after, .modal.completed-modal .modal-body.booking-sec .bill-summary .total:before, .modal.completed-modal .modal-body.booking-sec .bill-summary .total:after {
  background-color: #ffffff;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .total-amount, .modal.accepted-modal .modal-body.booking-sec .bill-summary .total-amount, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .total-amount, .modal.completed-modal .modal-body.booking-sec .bill-summary .total-amount {
  background-color: #F5F6F7;
  padding: 20px;
  border: 1px solid #E5E8EA;
  border-bottom: none;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .total-amount li, .modal.accepted-modal .modal-body.booking-sec .bill-summary .total-amount li, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .total-amount li, .modal.completed-modal .modal-body.booking-sec .bill-summary .total-amount li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  font-size: 16px;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .total-amount li.total-amount-data, .modal.accepted-modal .modal-body.booking-sec .bill-summary .total-amount li.total-amount-data, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .total-amount li.total-amount-data, .modal.completed-modal .modal-body.booking-sec .bill-summary .total-amount li.total-amount-data {
  font-weight: 700;
}
.modal.pending-modal .modal-body.booking-sec .bill-summary .circle, .modal.accepted-modal .modal-body.booking-sec .bill-summary .circle, .modal.ongoing-modal .modal-body.booking-sec .bill-summary .circle, .modal.completed-modal .modal-body.booking-sec .bill-summary .circle {
  height: 16px;
  margin: 0;
  margin-top: -8px;
  margin-bottom: -8px;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary label, .modal.accepted-modal .modal-body.booking-sec .payment-summary label, .modal.ongoing-modal .modal-body.booking-sec .payment-summary label, .modal.completed-modal .modal-body.booking-sec .payment-summary label {
  color: #00162E;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary .charge, .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge, .modal.completed-modal .modal-body.booking-sec .payment-summary .charge {
  background-color: #F5F6F7;
  border-color: #E5E8EA;
  border-radius: 8px;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.pending-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  display: block;
  border-width: 1px;
  width: 10px;
  height: 15px;
  bottom: 48px;
  border-radius: 100%;
  background-color: #ffffff;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:after, .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:after {
  border-left-color: #E5E8EA;
  border-top-color: #E5E8EA;
  border-bottom-color: #E5E8EA;
  right: -2px;
}
[dir=rtl] .modal.pending-modal .modal-body.booking-sec .payment-summary .charge:after, [dir=rtl] .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:after, [dir=rtl] .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:after, [dir=rtl] .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:after {
  right: unset;
  left: -2px;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:before, .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:before {
  border-right-color: #E5E8EA;
  border-top-color: #E5E8EA;
  border-bottom-color: #E5E8EA;
  left: -2px;
}
[dir=rtl] .modal.pending-modal .modal-body.booking-sec .payment-summary .charge:before, [dir=rtl] .modal.accepted-modal .modal-body.booking-sec .payment-summary .charge:before, [dir=rtl] .modal.ongoing-modal .modal-body.booking-sec .payment-summary .charge:before, [dir=rtl] .modal.completed-modal .modal-body.booking-sec .payment-summary .charge:before {
  left: unset;
  right: -2px;
}
.modal.pending-modal .modal-body.booking-sec .payment-summary .circle, .modal.accepted-modal .modal-body.booking-sec .payment-summary .circle, .modal.ongoing-modal .modal-body.booking-sec .payment-summary .circle, .modal.completed-modal .modal-body.booking-sec .payment-summary .circle {
  height: 18px;
  margin: -11px 0;
}
.modal.pending-modal .modal-body.booking-sec .extra-service label, .modal.accepted-modal .modal-body.booking-sec .extra-service label, .modal.ongoing-modal .modal-body.booking-sec .extra-service label, .modal.completed-modal .modal-body.booking-sec .extra-service label {
  color: #00162E;
  font-weight: 500;
  margin-bottom: 8px;
}
.modal.pending-modal .modal-body.booking-sec .extra-service .total-amount, .modal.accepted-modal .modal-body.booking-sec .extra-service .total-amount, .modal.ongoing-modal .modal-body.booking-sec .extra-service .total-amount, .modal.completed-modal .modal-body.booking-sec .extra-service .total-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  border: 1px solid #E5E8EA;
  border-radius: 12px;
  padding: 16px;
}
.modal.pending-modal .modal-body.booking-sec .extra-service .total-amount h4, .modal.accepted-modal .modal-body.booking-sec .extra-service .total-amount h4, .modal.ongoing-modal .modal-body.booking-sec .extra-service .total-amount h4, .modal.completed-modal .modal-body.booking-sec .extra-service .total-amount h4 {
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 6px;
}
.modal.pending-modal .modal-body.booking-sec .extra-service .total-amount p, .modal.accepted-modal .modal-body.booking-sec .extra-service .total-amount p, .modal.ongoing-modal .modal-body.booking-sec .extra-service .total-amount p, .modal.completed-modal .modal-body.booking-sec .extra-service .total-amount p {
  margin: 0;
  color: var(--primary-color);
  line-height: 18px;
}
.modal.pending-modal .modal-body.booking-sec .extra-service .total-amount .receipt, .modal.accepted-modal .modal-body.booking-sec .extra-service .total-amount .receipt, .modal.ongoing-modal .modal-body.booking-sec .extra-service .total-amount .receipt, .modal.completed-modal .modal-body.booking-sec .extra-service .total-amount .receipt {
  background-color: rgba(84, 101, 255, 0.1);
  border-radius: 4px;
  height: 50px;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.pending-modal .modal-body.booking-sec .extra-service .total-amount .receipt .receipt-img, .modal.accepted-modal .modal-body.booking-sec .extra-service .total-amount .receipt .receipt-img, .modal.ongoing-modal .modal-body.booking-sec .extra-service .total-amount .receipt .receipt-img, .modal.completed-modal .modal-body.booking-sec .extra-service .total-amount .receipt .receipt-img {
  width: 25px;
  height: 25px;
}
.modal.pending-modal .modal-body.booking-sec .profile-view, .modal.accepted-modal .modal-body.booking-sec .profile-view, .modal.ongoing-modal .modal-body.booking-sec .profile-view, .modal.completed-modal .modal-body.booking-sec .profile-view {
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
  position: relative;
  z-index: 0;
  background-color: transparent;
  overflow: hidden;
}
.modal.pending-modal .modal-body.booking-sec .profile-view::before, .modal.accepted-modal .modal-body.booking-sec .profile-view::before, .modal.ongoing-modal .modal-body.booking-sec .profile-view::before, .modal.completed-modal .modal-body.booking-sec .profile-view::before {
  opacity: 0.1;
}
.modal.pending-modal .modal-body.booking-sec .profile-view i, .modal.accepted-modal .modal-body.booking-sec .profile-view i, .modal.ongoing-modal .modal-body.booking-sec .profile-view i, .modal.completed-modal .modal-body.booking-sec .profile-view i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: var(--primary-color);
}
.modal.pending-modal .modal-body.booking-sec .chat, .modal.accepted-modal .modal-body.booking-sec .chat, .modal.ongoing-modal .modal-body.booking-sec .chat, .modal.completed-modal .modal-body.booking-sec .chat {
  background-color: #F5F6F7;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: none;
}
.modal.pending-modal .modal-body.booking-sec .chat i, .modal.accepted-modal .modal-body.booking-sec .chat i, .modal.ongoing-modal .modal-body.booking-sec .chat i, .modal.completed-modal .modal-body.booking-sec .chat i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808b97;
}
.modal.accepted-modal .modal-dialog .modal-content .card .card-img img {
  aspect-ratio: 7/5;
}
@media (max-width: 991.98px) {
  .modal.accepted-modal .modal-dialog .modal-content .modal-body.booking-sec .view-status {
    justify-content: unset;
  }
}
.modal.accepted-modal .modal-dialog .modal-content .booking-sec p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.modal.status-modal .modal-content .modal-header {
  position: relative;
  padding: calc(16px + 4 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);
}
.modal.status-modal .modal-content .modal-header .modal-back {
  background-color: unset;
  padding: 0;
  border: none;
}
[dir=rtl] .modal.status-modal .modal-content .modal-header .modal-back {
  left: unset;
  right: 24px;
}
.modal.status-modal .modal-content .modal-header i {
  --Iconsax-Size: 22px;
  --Iconsax-Color: #00162e;
}
.modal.status-modal .modal-content .modal-header .modal-title {
  padding-left: 10px;
  text-transform: capitalize;
}
[dir=rtl] .modal.status-modal .modal-content .modal-header .modal-title {
  padding-left: 0;
  padding-right: 10px;
}
.modal.status-modal .modal-content .modal-body {
  padding: calc(15px + 10 * (100vw - 320px) / 1600);
}
.modal.status-modal .modal-content .modal-body .pattern-btn-1 {
  padding: 20px;
  background-color: transparent;
}
.modal.status-modal .modal-content .modal-body .pattern-btn-1:before, .modal.status-modal .modal-content .modal-body .pattern-btn-1:after {
  background-color: #ffffff;
}
.modal.status-modal .modal-content .modal-body .pattern-btn-1 span {
  z-index: 0;
}
.modal.status-modal .modal-content .modal-body .pattern-btn-1 span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input {
  position: relative;
  padding: 20px;
  vertical-align: middle;
  background-color: transparent;
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input:after, .modal.status-modal .modal-content .modal-body .form-control.pattern-input:before {
  content: "";
  position: absolute;
  pointer-events: none;
  border: dashed transparent;
  display: block;
  border-width: 1px;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ffffff;
  z-index: 1;
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input:after {
  border-top-color: var(--primary-color);
  border-left-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  right: -103px;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .form-control.pattern-input:after {
  right: unset;
  left: -132px;
  transform: rotate(180deg);
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input:before {
  border-top-color: var(--primary-color);
  border-right-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  left: -3px;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .form-control.pattern-input:before {
  left: unset;
  right: -3px;
  transform: rotate(170deg);
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input span {
  z-index: 0;
}
.modal.status-modal .modal-content .modal-body .form-control.pattern-input span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
}
.modal.status-modal .modal-content .modal-body .status-history {
  margin-top: 15px;
}
.modal.status-modal .modal-content .modal-body .status-history ul {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .status-history ul {
  padding-left: 0;
  padding-right: 10px;
}
.modal.status-modal .modal-content .modal-body .status-history ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 15px;
}
@media (max-width: 480px) {
  .modal.status-modal .modal-content .modal-body .status-history ul li {
    flex-wrap: wrap;
    gap: 8px;
  }
}
.modal.status-modal .modal-content .modal-body .status-history ul li i {
  --Iconsax-Size: 24px;
  --Iconsax-Color: #e5e8ea;
}
.modal.status-modal .modal-content .modal-body .status-history ul li p {
  margin: 0;
}
.modal.status-modal .modal-content .modal-body .status-history ul li .status-time {
  line-height: 20px;
  color: #808B97;
  white-space: nowrap;
}
.modal.status-modal .modal-content .modal-body .status-history ul li .status-title {
  font-size: 15px;
  line-height: 20px;
}
.modal.status-modal .modal-content .modal-body .status-history ul li .status-des {
  font-size: 15px;
  line-height: 20px;
  color: #808B97;
}
.modal.status-modal .modal-content .modal-body .status-history ul li .status-main {
  padding-left: 16px;
  position: relative;
  width: 100%;
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .status-history ul li .status-main {
  padding-left: 0;
  padding-right: 16px;
}
@media (max-width: 480px) {
  .modal.status-modal .modal-content .modal-body .status-history ul li .status-main {
    padding-left: 42px;
  }
  [dir=rtl] .modal.status-modal .modal-content .modal-body .status-history ul li .status-main {
    padding-left: 0;
    padding-right: 42px;
  }
}
.modal.status-modal .modal-content .modal-body .status-history ul li .status-main:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #E5E8EA;
  height: 26px;
  width: 1px;
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .status-history ul li .status-main:before {
  left: unset;
  right: 0;
}
@media (max-width: 480px) {
  .modal.status-modal .modal-content .modal-body .status-history ul li .status-main:before {
    display: none;
  }
}
.modal.status-modal .modal-content .modal-body .status-history ul li .dashed-border {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
  margin: 0;
}
[dir=rtl] .modal.status-modal .modal-content .modal-body .status-history ul li .dashed-border {
  left: unset;
  right: 0;
}
.modal.status-modal .modal-content .modal-body .status-history ul li.recent .activity-dot {
  background-color: var(--primary-color);
  outline-color: var(--primary-color);
}
.modal.status-modal .modal-content .modal-body .status-history ul li.recent .activity-dot:after {
  background-color: #ffffff;
  border: 1px dashed var(--primary-color);
}
.modal.status-modal .modal-content .modal-body .status-history ul li.recent i {
  --Iconsax-Size: 24px;
  --Iconsax-Color: var(--primary-color);
}
.modal.terms-modal {
  --bs-modal-width: 650px !important;
}
.modal.terms-modal .modal-content .modal-body .accordion {
  width: 100%;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item {
  background-color: #ffffff;
  border-radius: calc(8px + 4 * (100vw - 320px) / 1600);
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item + .accordion-item {
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  line-height: 1.2;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  gap: 4px;
  color: #00162E;
  cursor: pointer;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button i {
  --Iconsax-Size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162e;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button:after {
  display: none;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button .add {
  display: none;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button .minus {
  display: flex;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button.collapsed {
  color: rgba(0, 22, 46, 0.7);
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button.collapsed .add {
  display: flex;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-header .accordion-button.collapsed .minus {
  display: none;
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-body {
  padding: calc(15px + 5 * (100vw - 320px) / 1600);
}
.modal.terms-modal .modal-content .modal-body .accordion .accordion-item .accordion-body p {
  font-size: 18px;
  line-height: 1.5;
}
.modal.terms-modal .modal-content .modal-body ul,
.modal.terms-modal .modal-content .modal-body ol {
  list-style-type: disc;
  padding-left: 1.25rem;
}
[dir=rtl] .modal.terms-modal .modal-content .modal-body ul,
[dir=rtl] .modal.terms-modal .modal-content .modal-body ol {
  padding-right: 1.25rem;
  padding-left: unset;
}
.modal.terms-modal .modal-content .modal-body ul li,
.modal.terms-modal .modal-content .modal-body ol li {
  display: list-item;
  font-size: calc(15px + 2 * (100vw - 320px) / 1600);
  color: rgba(0, 22, 46, 0.7);
  line-height: 1.5 !important;
}
.modal.terms-modal .modal-content .modal-body ul li + li,
.modal.terms-modal .modal-content .modal-body ol li + li {
  margin-top: 12px;
}
.modal.delete-modal .modal-content .btn-close {
  position: absolute;
  top: calc(15px + 15 * (100vw - 320px) / 1600);
  right: calc(15px + 10 * (100vw - 320px) / 1600);
  z-index: 1;
}
[dir=rtl] .modal.delete-modal .modal-content .btn-close {
  right: unset;
  left: calc(15px + 10 * (100vw - 320px) / 1600);
}
.modal.delete-modal .modal-content .btn-close:focus {
  box-shadow: none;
}
.modal.delete-modal .modal-content .modal-body {
  position: relative;
  padding: calc(15px + 15 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
  padding-bottom: 0;
}
.modal.delete-modal .modal-content .modal-body .modal-icon {
  --Iconsax-Color: var(--primary-color);
  --Iconsax-Size: calc(36px + (50 - 36) * ((100vw - 320px) / (1920 - 320)));
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(66px + 14 * (100vw - 320px) / 1600);
  height: calc(66px + 14 * (100vw - 320px) / 1600);
  border-radius: 100%;
  margin: 0 auto 10px;
  background-color: #F5F6F7;
}
.modal.delete-modal .modal-content .modal-body h3 {
  font-weight: 600;
  margin-bottom: 8px;
}
.modal.delete-modal .modal-content .modal-body p {
  width: 80%;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin: auto;
}
.modal.start-service-modal .modal-body, .modal.restart-service-modal .modal-body {
  text-align: center;
}
.modal.start-service-modal .modal-body .modal-body-content, .modal.restart-service-modal .modal-body .modal-body-content {
  flex-direction: column;
}
.modal.start-service-modal .modal-body .modal-body-content .ellipse, .modal.restart-service-modal .modal-body .modal-body-content .ellipse {
  width: 220px;
  padding-bottom: 20px;
}
.modal.pause-service-modal .modal-body {
  text-align: center;
}
.modal.pause-service-modal .modal-body .modal-body-content {
  position: relative;
  flex-direction: column;
}
.modal.pause-service-modal .modal-body .modal-body-content .ellipse {
  width: 100px;
  height: auto !important;
}
.modal.pause-service-modal .modal-body .modal-body-content .hold {
  position: absolute;
  top: 40px;
  right: 70px;
  height: auto !important;
}
[dir=rtl] .modal.pause-service-modal .modal-body .modal-body-content .hold {
  right: unset;
  left: 70px;
}
@media (max-width: 575.98px) {
  .modal.pause-service-modal .modal-body .modal-body-content .hold {
    height: 40px !important;
  }
}
@media (max-width: 480px) {
  .modal.pause-service-modal .modal-body .modal-body-content .hold {
    right: 10px;
  }
  [dir=rtl] .modal.pause-service-modal .modal-body .modal-body-content .hold {
    right: unset;
    left: 10px;
  }
}
.modal.completed-service-modal .modal-content .modal-body {
  text-align: center;
}
.modal.completed-service-modal .modal-content .modal-body .modal-body-content {
  position: relative;
}
.modal.completed-service-modal .modal-content .modal-body .modal-body-content .success-tick {
  top: 50px;
  left: 35%;
  transform: translateX(-35%);
  position: absolute;
  height: 40px;
}
[dir=rtl] .modal.completed-service-modal .modal-content .modal-body .modal-body-content .success-tick {
  left: unset;
  right: 35%;
  transform: translateX(35%);
}
.modal.completed-service-modal .modal-content .modal-body .modal-body-content .girl-on-chair {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  height: 210px;
}
.modal.review-modal .modal-content .modal-body .rate-content {
  background-color: #F5F6F7;
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  border-radius: 12px;
}
.modal.review-modal .modal-content .modal-body .rate-content .border-dashed {
  margin-block: 16px;
}
.modal.review-modal .modal-content .modal-body .rate-content p {
  text-align: center;
  margin: 0;
  color: #808B97;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.modal.review-modal .modal-content .modal-body .rate-content .form-group {
  margin-bottom: calc(14px + 10 * (100vw - 320px) / 1600);
}
.modal.review-modal .modal-content .modal-body .rate-content .form-group label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: #00162E;
  margin-bottom: 8px;
}
.modal.profile-update-modal .update-img {
  display: flex;
  margin: 0 auto;
  width: max-content;
  position: relative;
  margin-bottom: -50px;
}
.modal.profile-update-modal .update-img img {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  border: 2px solid #ffffff;
}
.modal.profile-update-modal .update-img .update-profile {
  --Iconsax-Size: 20px;
  --Iconsax-Color: var(--primary-color);
  background-color: #F5F6F7;
  border: 2px solid #ffffff;
  height: 40px;
  width: 40px;
  border-radius: 100%;
  position: absolute;
  bottom: -10px;
  right: -10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
[dir=rtl] .modal.profile-update-modal .update-img .update-profile {
  right: unset;
  left: -10px;
}
.modal.profile-update-modal .update-img .initial-letter {
  width: 80px;
  height: 80px;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 500;
  border-radius: 100%;
  border: 2px solid rgba(84, 101, 255, 0.1);
}
.modal.profile-update-modal .update-detail {
  background-color: #F5F6F7;
  border-radius: 10px;
  padding: 20px;
  padding-top: 70px;
}
.modal.profile-update-modal input[type=file] {
  display: none;
}
.modal.profile-update-modal .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: 0 8px 8px 0 !important;
}
[dir=rtl] .modal.profile-update-modal .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-radius: 8px 0 0 8px !important;
}
@media (max-width: 1208.98px) {
  .modal.profile-update-modal .form-group .profile-phone-box .input-group .form-control.form-control-white {
    width: calc(100% - 105px) !important;
  }
}
[dir=rtl] .modal.profile-update-modal .form-group .profile-phone-box .form-control.form-control-white.w-auto {
  text-align: right;
}
.modal.profile-update-modal .select2-container--default .selection .select2-selection--single {
  border-radius: 8px 0 0 8px;
}
[dir=rtl] .modal.profile-update-modal .select2-container--default .selection .select2-selection--single {
  border-radius: 0 8px 8px 0;
}
.modal.change-password-modal .modal-body {
  padding-bottom: 0 !important;
}
.modal.change-password-modal .modal-body .form-group {
  margin-bottom: 15px;
}
.modal.change-password-modal .modal-body .form-group:last-child {
  margin-bottom: 0;
}
.modal.change-password-modal .modal-body .form-group .form-control {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600) !important;
  background-color: #F5F6F7;
  color: #00162E !important;
}
.modal.address-modal .modal-body .delivery-location .address p {
  color: #00162E;
}
.modal.address-modal .modal-body .category-list-box + .category-list-box {
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
}
.modal.address-modal .modal-body .category-list-box .error-div .select2-container--default .selection {
  min-width: unset;
  display: block;
}
.modal.address-modal .modal-body .category-list-box .form-control {
  padding: 10px 16px;
  background-color: #F5F6F7;
  color: #00162E;
}
.modal.address-modal .modal-body .category-list-box .label-title {
  color: #00162E;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  margin-bottom: calc(4px + 5 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.modal.address-modal .modal-body .category-list-box .category-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}
@media (max-width: 575.98px) {
  .modal.address-modal .modal-body .category-list-box .category-list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 360px) {
  .modal.address-modal .modal-body .category-list-box .category-list {
    grid-template-columns: 1fr;
  }
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check {
  position: relative;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check:has(.form-check-input:checked) label {
  border-color: var(--primary-color);
  color: var(--primary-color);
  font-weight: 500;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check:has(.form-check-input:checked) label::before {
  opacity: 0.12;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-input:before, .modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-input::after {
  content: none;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-input:checked ~ .form-check-label .check-box::before {
  transform: rotate(-45deg) scale(1, 1);
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-input:checked ~ .form-check-label .check-box::after {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-label {
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
  color: #00162E;
  width: 100%;
  border: 1px solid #E5E8EA;
  border-radius: 8px;
  padding: 11px 15px;
  justify-content: space-between;
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-label .check-box {
  cursor: pointer;
  position: relative;
  border: none;
  width: 20px;
  height: 20px;
  box-shadow: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  margin-top: 0;
  filter: none;
  float: unset;
  margin: 0;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-label .check-box::before {
  transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  transform: rotate(-45deg) scale(0, 0);
  content: "";
  position: absolute;
  left: 4px;
  top: 5px;
  z-index: 1;
  width: 0.75rem;
  height: 0.3rem;
  border: 2px solid #ffffff;
  border-top-style: none;
  border-right-style: none;
}
.modal.address-modal .modal-body .category-list-box .category-list .form-check .form-check-label .check-box::after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 2px solid #E5E8EA;
  border-radius: 4px;
  cursor: pointer;
}
.modal.address-modal .modal-body .set-address-box {
  border: 1px solid #ddd9d9;
  border-radius: 8px;
  padding: 11px 15px;
  justify-content: space-between;
  cursor: pointer;
  margin: 0;
  display: flex;
  align-items: center;
  position: relative;
}
.modal.address-modal .modal-body .set-address-box:has(.form-check-input:checked) {
  border-color: var(--primary-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.modal.address-modal .modal-body .set-address-box:has(.form-check-input:checked)::before {
  opacity: 0.12;
}
.modal.address-modal .modal-body .set-address-box:has(.form-check-input:checked) label {
  color: var(--primary-color);
  font-weight: 500;
}
.modal.address-modal .modal-body .set-address-box .form-check-input {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
}
.modal.address-modal .modal-body .set-address-box label {
  cursor: pointer;
  font-size: 17px;
  font-weight: 400;
  color: var(--bs-secondary-color);
  width: 100%;
  text-align: center;
}
.modal.job-request-modal .modal-content .job-request-form {
  padding: 0 calc(15px + 15 * (100vw - 320px) / 1600) calc(15px + 10 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body {
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
  background-color: #F5F6F7;
  border-radius: calc(6px + 4 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-select.form-select-sm {
  border-radius: 8px;
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(38px + 7 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600);
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-select.form-select-sm:hover {
  color: #00162E;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group {
  position: relative;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .position-relative:has(textarea.form-control) i {
  transform: unset;
  top: 12px;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .form-select {
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(38px + 7 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600);
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  background-color: #fff;
  border-radius: 8px;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .form-control {
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600) calc(38px + 7 * (100vw - 320px) / 1600);
  background-color: #ffffff;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600) !important;
  color: #00162E !important;
  border: none;
  position: relative;
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .form-control {
  text-align: right;
  padding: calc(10px + 4 * (100vw - 320px) / 1600) calc(38px + 7 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600) calc(10px + 4 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .form-control::placeholder {
  color: rgba(0, 22, 46, 0.8) !important;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group input[type=file].form-control::file-selector-button {
  visibility: hidden;
  width: 0;
  padding: 0;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group input[type=file]::placeholder::placeholder {
  z-index: 1;
  color: rgba(0, 22, 46, 0.8) !important;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group i {
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808b97;
  position: absolute;
  top: 15px;
  left: calc(11px + 4 * (100vw - 320px) / 1600);
  z-index: 1;
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .modal-body .form-group i {
  left: unset;
  right: calc(11px + 4 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 {
  position: relative;
  inset: unset;
  width: 100% !important;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .selection {
  position: relative;
  inset: unset;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection {
  min-height: unset;
  position: relative;
  inset: unset;
  background-color: transparent;
  border: none;
  padding: calc(10px + 4 * (100vw - 320px) / 1600);
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  background-color: #ffffff;
  color: #00162E;
  margin: 0;
  border: none;
  position: relative;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-selection__rendered {
  padding: 0;
  border-radius: 0;
  background-color: #ffffff;
  color: #00162E;
  border: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-selection__rendered .select2-selection__choice {
  margin: 0;
  border: 1px solid #E5E8EA;
  background-color: #F5F6F7;
  color: rgba(0, 22, 46, 0.78);
  display: flex;
  padding: 4px 12px;
  gap: 5px;
  font-size: 14px;
  font-weight: 500;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  position: relative;
  inset: unset;
  order: 1;
  z-index: unset;
  margin: 0;
  color: rgba(0, 22, 46, 0.78);
  font-size: 19px;
  line-height: 1;
  font-weight: 400;
  border: none;
  padding: 0;
  background-color: transparent;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-search {
  float: unset;
  width: 100%;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-search .select2-search__field {
  height: auto !important;
  resize: none;
  margin: 0;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .select2 .select2-selection .select2-search .select2-search__field::placeholder {
  color: rgba(0, 22, 46, 0.8);
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .d-flex.gap-2:has(.position-relative label.error) {
  margin-bottom: 22px;
}
.modal.job-request-modal .modal-content .job-request-form .modal-body .form-group .d-flex.gap-2 .position-relative label.error {
  position: absolute;
  bottom: -21px;
}
.modal.job-request-modal .modal-content .job-request-form .job-details-image .job-img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 10px;
}
.modal.job-request-modal .modal-content .job-request-form .account-details-box {
  background-image: url("images/account-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  margin-top: 20px;
  border-radius: 10px;
  padding: 15px calc(20px + 30 * (100vw - 320px) / 1600);
}
.modal.job-request-modal .modal-content .job-request-form .account-details-box .account-details-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal.job-request-modal .modal-content .job-request-form .account-details-box .account-details-content h4 {
  font-weight: 400;
  font-size: 20px;
  color: var(--primary-color);
}
.modal.job-request-modal .modal-content .job-request-form .account-details-box .account-details-content h3 {
  font-weight: 700;
  font-size: 22px;
  color: var(--primary-color);
}
.modal.job-request-modal .modal-content .job-request-form .listing {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px dashed #E5E8EA;
  overflow: auto;
}
.modal.job-request-modal .modal-content .job-request-form .listing li {
  width: 100%;
  padding: 20px 15px;
  border-right: 1px solid #E5E8EA;
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .listing li {
  border-right: unset;
  border-left: 1px solid #E5E8EA;
}
@media (max-width: 600px) {
  .modal.job-request-modal .modal-content .job-request-form .listing li {
    padding: calc(15px + 5 * (100vw - 320px) / 280) calc(10px + 5 * (100vw - 320px) / 280);
  }
}
.modal.job-request-modal .modal-content .job-request-form .listing li:last-child {
  border-right: none;
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .listing li:last-child {
  border-left: none;
}
.modal.job-request-modal .modal-content .job-request-form .listing li .listing-box {
  display: flex;
  align-items: flex-start;
}
.modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .icon {
  padding-right: 8px;
  --Iconsax-Color: #00162e;
  --Iconsax-Size: 20px;
}
@media (max-width: 600px) {
  .modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .icon {
    padding-right: calc(5px + 3 * (100vw - 320px) / 280);
  }
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .icon {
  padding-right: unset;
  padding-left: 8px;
}
@media (max-width: 600px) {
  [dir=rtl] .modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .icon {
    padding-right: unset;
    padding-left: calc(5px + 3 * (100vw - 320px) / 280);
  }
}
.modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .listing-title {
  border-left: 1px solid #E5E8EA;
  font-size: 16px;
}
[dir=rtl] .modal.job-request-modal .modal-content .job-request-form .listing li .listing-box .listing-title {
  border-right: 1px solid #E5E8EA;
  border-left: unset;
}
.modal.job-request-modal .modal-content .job-request-form .listing li .listing-box h5 {
  font-size: 14px;
}
.modal.job-request-modal .modal-content .job-request-form .discription-title {
  font-weight: 500;
  font-size: 16px;
  color: #00162E;
}
.modal.job-request-modal .modal-content .job-request-form .discription-content {
  margin-top: 5px;
  font-weight: 500;
  font-size: 16px;
  color: #808B97;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing {
  margin-top: 20px;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box {
  margin-bottom: 15px;
  padding: 10px 20px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #F5F6F7;
  border-radius: 10px;
  overflow: auto;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-image {
  width: 60px;
  height: 60px;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-image .job-provider-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% - 70px);
  gap: 10px;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content .job-provider-name {
  font-weight: 500;
  font-size: 16px;
  color: #00162E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content .price {
  font-weight: 700;
  font-size: 14px;
  color: #00162E;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content .rating {
  font-weight: 500;
  font-size: 14px;
  color: #00162E;
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content .button-part {
  display: flex;
  align-items: center;
  gap: 10px;
}
.modal.job-request-modal .modal-content .job-request-form .job-provider-listing .job-provider-box .job-provider-content .button-part .job-btn {
  padding: 8px 15px;
  border-radius: 6px;
}
.modal.custom-job-modal .job-details-image {
  height: 151px;
  border-radius: 10px;
  overflow: hidden;
}
.modal.custom-job-modal .account-details-box {
  margin-top: calc(12px + 8 * (100vw - 320px) / 1600);
  padding: 14px calc(20px + 32 * (100vw - 320px) / 1600);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.modal.custom-job-modal .account-details-box .bg-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal.custom-job-modal .account-details-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.06;
}
.modal.custom-job-modal .account-details-box h4 {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: var(--primary-color);
}
.modal.custom-job-modal .account-details-box h3 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 700;
  color: var(--primary-color);
}
.modal.custom-job-modal .custom-job-title {
  margin-block: calc(10px + 6 * (100vw - 320px) / 1600);
  padding-top: calc(10px + 6 * (100vw - 320px) / 1600);
  border-top: 1px solid #E5E8EA;
}
.modal.custom-job-modal .custom-job-title .description-title {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.modal.custom-job-modal .custom-job-title .description-content {
  margin-top: 7px;
  font-size: calc(13px + 1 * (100vw - 320px) / 1600) !important;
  font-weight: 400;
  color: #808b97 !important;
}
.modal.custom-job-modal .listing {
  margin-top: 17px;
  display: grid;
  grid-template-columns: repeat(3, auto);
  padding-inline: 0;
}
@media (max-width: 446px) {
  .modal.custom-job-modal .listing {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 20px;
  }
}
@media (max-width: 446px) {
  .modal.custom-job-modal .listing li:last-child {
    margin-left: unset;
    padding-left: unset;
    grid-area: 2/1/3/3;
    border-left: unset;
    width: calc(100% - 18px);
  }
  [dir=rtl] .modal.custom-job-modal .listing li:last-child {
    margin-right: unset;
    padding-right: unset;
    border-right: unset;
    margin-left: unset;
    padding-left: unset;
    border-left: unset;
  }
}
.modal.custom-job-modal .listing li + li {
  margin-left: 18px;
  padding-left: 18px;
  border-left: 1px solid #e5e8ea;
  width: calc(100% - 18px);
}
[dir=rtl] .modal.custom-job-modal .listing li + li {
  margin-right: 18px;
  padding-right: 18px;
  border-right: 1px solid #e5e8ea;
  margin-left: unset;
  padding-left: unset;
  border-left: unset;
}
.modal.custom-job-modal .listing li .listing-box {
  display: flex;
  align-items: flex-start;
}
.modal.custom-job-modal .listing li .listing-box .iconsax {
  --Iconsax-Size: 22px;
  --Iconsax-Color: #00162e;
  margin-right: 9px;
  padding-right: 9px;
  border-right: 1px solid #e5e8ea;
}
[dir=rtl] .modal.custom-job-modal .listing li .listing-box .iconsax {
  margin-right: unset;
  padding-right: unset;
  border-right: unset;
  margin-left: 9px;
  padding-left: 9px;
  border-left: 1px solid #e5e8ea;
}
.modal.custom-job-modal .listing li .listing-box .listing-title {
  font-size: 12px;
  color: #00162e;
  font-weight: 400;
}
.modal.custom-job-modal .listing li .listing-box h5 {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
  color: #808b97;
}
.modal.custom-job-modal .job-provider-listing {
  padding-inline: 0;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box {
  padding: 9px calc(10px + 10 * (100vw - 320px) / 1600);
  border-radius: 10px;
  background-color: #f5f6f7;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 480px) {
  .modal.custom-job-modal .job-provider-listing .job-provider-box {
    flex-direction: unset;
    align-items: flex-start;
    gap: 12px;
  }
}
.modal.custom-job-modal .job-provider-listing .job-provider-box + .job-provider-box {
  margin-top: 11px;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-image {
  width: calc(44px + 16 * (100vw - 320px) / 1600);
  height: calc(44px + 16 * (100vw - 320px) / 1600);
  border-radius: 100%;
  overflow: hidden;
  background-color: rgba(128, 139, 151, 0.1019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-image .initial-letter {
  font-size: calc(20px + 8 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content {
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
  justify-content: space-between;
  width: calc(100% - 8px - (48px + 12 * (100vw - 320px) / 1600));
}
@media (max-width: 480px) {
  .modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content {
    width: calc(100% - 12px - (48px + 12 * (100vw - 320px) / 1600));
    flex-direction: column;
    align-items: unset;
    gap: 0;
  }
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .job-title {
  display: inline-block;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .job-title .badge {
  position: relative;
  z-index: 0;
  border-radius: 4px;
  overflow: hidden;
  color: var(--primary-color);
  display: inline-flex;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .job-title .badge::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.06;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content > div .job-provider-name {
  font-weight: 500;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content > div > .d-flex {
  margin-top: 4px;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content > div > .d-flex .price {
  line-height: 1.3;
  font-weight: 600;
  font-size: 16px;
  color: #00162e;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content > div > .d-flex .rating {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-left: 3px;
  line-height: 1;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content > div > .d-flex .rating img {
  margin-top: -3px;
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .button-part {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 420px) {
  .modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .button-part {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #E5E8EA;
  }
}
.modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .button-part .btn {
  border-radius: 5px;
  font-size: 14px;
  padding: 7px 20px;
}
@media (max-width: 420px) {
  .modal.custom-job-modal .job-provider-listing .job-provider-box .job-provider-content .button-part .btn {
    width: 100%;
  }
}

.update-detail label {
  font-size: 14px;
  font-weight: 500;
  color: #00162E;
  margin-top: 4px;
  margin-bottom: 4px;
}
.update-detail .form-group {
  position: relative;
}
.update-detail .form-group .form-control {
  border: none;
  padding-left: 46px;
}
[dir=rtl] .update-detail .form-group .form-control {
  padding-left: 16px;
  padding-right: 46px;
}
.update-detail .form-group i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #808b97;
  position: absolute;
  left: 15px;
  top: 10px;
}
[dir=rtl] .update-detail .form-group i {
  left: unset;
  right: 15px;
}
.update-detail .form-group .toggle-password {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  left: unset;
  cursor: pointer;
}
[dir=rtl] .update-detail .form-group .toggle-password {
  left: 15px;
  right: unset;
}
.update-detail .form-group .toggle-password i {
  position: static;
  transform: unset;
}
.update-detail .form-group .toggle-password .eye-slash {
  display: none;
}
.update-detail .form-group .toggle-password.eye i.eye {
  display: block;
}
.update-detail .form-group .toggle-password.eye i.eye-slash {
  display: none;
}
.update-detail .form-group .toggle-password.eye-slash i.eye-slash {
  display: block;
}
.update-detail .form-group .toggle-password.eye-slash i.eye {
  display: none;
}
.update-detail .phone-detail .form-control-white {
  padding-left: 16px;
}
[dir=rtl] .update-detail .phone-detail .form-control-white {
  padding-left: 16px;
  padding-right: 16px;
}

.select-option {
  border: 1px solid #E5E8EA;
  padding: calc(13px + 3 * (100vw - 320px) / 1600);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  color: #808B97;
}
.select-option .form-check {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-bottom: 1px solid #E5E8EA;
  padding-bottom: calc(8px + 4 * (100vw - 320px) / 1600);
  margin-bottom: calc(8px + 4 * (100vw - 320px) / 1600);
}
.select-option .form-check:last-child {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.select-option .form-check Label {
  font-size: 16px;
  color: rgba(0, 22, 46, 0.9) !important;
  cursor: pointer;
}
.select-option .form-radio-input:checked ~ label {
  font-weight: 500;
  color: #00162E !important;
}

.select-servicemen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #E5E8EA;
  padding: calc(13px + 3 * (100vw - 320px) / 1600);
  border-radius: 10px;
  background-color: #ffffff;
  gap: 12px;
}
.select-servicemen p {
  margin: 0;
  font-size: 16px;
}
@media (max-width: 575.98px) {
  .select-servicemen {
    flex-direction: column;
    align-items: start;
  }
  [dir=rtl] .select-servicemen {
    align-items: end;
  }
}

.servicemen-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: auto;
  height: 450px;
  padding-right: 10px;
}
[dir=rtl] .servicemen-list {
  padding-right: unset;
  padding-left: 10px;
}

.servicemen-list-item {
  border: 1px solid #E5E8EA;
  padding: 10px 12px;
  border-radius: 10px;
  gap: 12px;
  box-shadow: 0px 4px 4px 0px rgba(0, 22, 46, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.servicemen-list-item .list {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (max-width: 575.98px) {
  .servicemen-list-item .list {
    gap: 6px;
  }
}
.servicemen-list-item .list p {
  margin: 0;
  color: #808B97 !important;
  font-size: 14px !important;
}
.servicemen-list-item .list ul {
  display: flex;
  align-items: center;
  gap: 12px;
}
.servicemen-list-item .list h5 {
  font-weight: 500;
}
@media (max-width: 360px) {
  .servicemen-list-item .list h5 {
    font-size: 14px;
    width: 70px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
  }
  [dir=rtl] .servicemen-list-item .list h5 {
    text-align: right;
  }
}
.servicemen-list-item .list .rate {
  margin: 0;
  position: relative;
  padding-left: 12px;
}
[dir=rtl] .servicemen-list-item .list .rate {
  padding-left: unset;
  padding-right: 12px;
}
.servicemen-list-item .list .rate .star {
  width: 13px;
  height: 13px;
}
.servicemen-list-item .list .rate:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #E5E8EA;
  width: 1px;
  height: 12px;
}
[dir=rtl] .servicemen-list-item .list .rate:before {
  left: unset;
  right: 0;
}
.servicemen-list-item .list .detail {
  font-size: 16px;
  font-weight: 500;
  border: none;
  background: none;
  padding: 0;
  line-height: 1;
}
@media (max-width: 360px) {
  .servicemen-list-item .list .detail {
    font-size: 14px;
    width: 100px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
  }
  [dir=rtl] .servicemen-list-item .list .detail {
    text-align: right;
  }
}
.servicemen-list-item .list .detail:hover {
  color: var(--primary-color);
}
@media (max-width: 575.98px) {
  .servicemen-list-item .list .img-45 {
    width: 35px !important;
    height: 35px !important;
  }
}

.status-note {
  color: #FF4B4B;
  padding: 16px;
  border-radius: 8px;
  background-color: rgba(255, 75, 75, 0.1);
  font-size: 14px;
  text-align: center;
}
.status-note span {
  font-weight: 500;
}

.emoji-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8px + 2 * (100vw - 320px) / 1600);
}
.emoji-tab .emoji-icon {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.emoji-tab .emoji-icon h4 {
  font-size: 16px;
  margin-top: 8px;
  color: #808B97;
}
@media (max-width: 480px) {
  .emoji-tab .emoji-icon h4 {
    display: none;
  }
}
.emoji-tab .emoji-icon .emojis {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(6px + 4 * (100vw - 320px) / 1600);
  background-color: #ffffff;
  border-radius: calc(7px + 5 * (100vw - 320px) / 1600);
  width: 100%;
  border: 1px solid #E5E8EA;
  cursor: pointer;
}
.emoji-tab .emoji-icon .emojis .emoji {
  width: calc(25px + 15 * (100vw - 320px) / 1600);
  height: calc(25px + 15 * (100vw - 320px) / 1600);
  fill: transparent;
  stroke: #898d94;
}
.emoji-tab .emoji-icon .emojis .deactivate {
  display: block;
}
.emoji-tab .emoji-icon .emojis .active {
  display: none;
  stroke: var(--primary-color);
}
.emoji-tab .emoji-icon.active .emojis {
  border: 1px solid var(--primary-color);
}
.emoji-tab .emoji-icon.active .deactive {
  display: none;
}
.emoji-tab .emoji-icon.active .active {
  display: block;
}
.emoji-tab .emoji-icon.active h4 {
  color: var(--primary-color);
}

.ribbon {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  font-weight: 600;
  color: #ffffff;
}

.ribbon {
  --r: 0.8em;
  position: absolute;
  top: calc(9px + 3 * (100vw - 320px) / 1600);
  left: 0;
  padding-right: calc(var(--r) + 0.65em);
  padding-left: 7px;
  line-height: 2.1;
  clip-path: polygon(-100vw 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, -100vw 100%);
  border-image: conic-gradient(var(--primary-color) 0 0) fill 0;
  width: fit-content;
}
[dir=rtl] .ribbon {
  left: unset;
  right: 0;
  clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0, calc(20% - var(--r)) 50%);
  padding-left: calc(var(--r) + 0.65em);
  padding-right: 7px;
}

table.booking-table div.avatar-placeholder {
  min-width: 45px;
  height: 45px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-transform: capitalize;
  background: #f5f6f7;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1215686275);
}

/**=====================
Offer scss
==========================**/
.offer-section .offer-content .sale-tag {
  position: absolute;
  top: calc(14px + 11 * (100vw - 320px) / 1600);
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  left: 0;
  background-color: #FF4B4B;
  padding: 4px calc(29px + 7 * (100vw - 320px) / 1600) 4px calc(10px + 6 * (100vw - 320px) / 1600);
  color: #ffffff;
  clip-path: polygon(0 0, 28% 0%, 67% -24%, 83% 7%, 84% 14%, 84% 27%, 84% 0%, 84% 32%, 82% 41%, 81% 49%, 81% 78%, 81% 74%, 80% 44%, 84% 65%, 84% 74%, 84% 77%, 82% 93%, 79% 100%, 84% 100%, 68% 100%, 0 100%);
}
[dir=rtl] .offer-section .offer-content .sale-tag {
  left: unset;
  right: 0;
  transform: scaleX(-1);
}
[dir=rtl] .offer-section .offer-content .sale-tag span {
  transform: scaleX(-1);
}
.offer-section .offer-content .offer-img {
  border-radius: 10px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.offer-section .offer-content .offer-img img {
  width: 100%;
  height: 100%;
}
.offer-section .offer-content .offer-detail {
  font-size: calc(13px + 1 * (100vw - 320px) / 1600);
  padding: calc(49px + 26 * (100vw - 320px) / 1600) 20px calc(20px + 14 * (100vw - 320px) / 1600);
}
.offer-section .offer-content .offer-detail h3 {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 700;
  line-height: 1.3;
}
.offer-section .offer-content .offer-detail p {
  color: rgba(0, 22, 46, 0.5);
  line-height: 1.4;
  width: 70%;
  margin-top: 4px;
}
@media (max-width: 575.98px) {
  .offer-section .offer-content .offer-detail p {
    width: 80%;
  }
}
.offer-section .offer-content .offer-detail .btn {
  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(14px + 6 * (100vw - 320px) / 1600);
  line-height: 1;
  width: max-content;
  color: #00162E;
}
.offer-section .offer-content .offer-detail .btn.btn-outline {
  margin-top: calc(9px + 15 * (100vw - 320px) / 1600);
  border: 2px solid #00162E;
  border-radius: 100px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
}
.offer-section .offer-content .offer-detail .btn.btn-outline:hover {
  background-color: #00162E;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
}

.phone-detail {
  background-color: #F5F6F7;
  color: #00162E;
  border-radius: 8px;
  overflow: hidden;
}
.phone-detail:has(.form-control.form-control-white) .select2-container--default .selection {
  border-right: 1px solid #E5E8EA;
}
[dir=rtl] .phone-detail:has(.form-control.form-control-white) .select2-container--default .selection {
  border-left: 1px solid #E5E8EA;
}
.phone-detail:has(.form-control.form-control-white) .select2-container--default .select2-selection--single {
  background-color: #ffffff;
}
.phone-detail > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
  margin-right: calc(var(--bs-border-width) * -1);
}
[dir=rtl] .phone-detail > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: 0;
  margin-left: calc(var(--bs-border-width) * -1);
}
.phone-detail .select2-dropdown {
  border-color: #E5E8EA;
}
.phone-detail .select2-container--default .selection {
  height: 100%;
  min-width: calc(95px + 20 * (100vw - 320px) / 1600);
}
.phone-detail .select2-container--default .select2-selection--single {
  height: 100%;
  border: none;
  border-right: 1px solid #E5E8EA;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 9px;
  border-radius: 0;
}
.phone-detail .select2-container--default .select2-selection__rendered {
  display: flex;
  align-items: center;
  color: #00162E;
  font-weight: 400;
  line-height: 1.5;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.phone-detail .select2-container--default .select2-selection__arrow {
  position: relative;
  inset: unset;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
  border-color: #E5E8EA;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #E5E8EA;
  border-radius: 4px;
}
.select2-container--default .select2-results__option[aria-selected] {
  width: 100%;
  padding-inline: 15px;
}
.select2-container--default .select2-results__option[aria-selected] span {
  width: 100%;
  font-size: 15px;
  color: #808B97;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #F5F6F7;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary-color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
  font-weight: 600;
  color: #ffffff;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: #F5F6F7;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #ddd;
}

.error-div {
  display: flex;
  flex-direction: column;
  justify-content: unset;
  align-items: unset;
}
.error-div .dropdown-wrapper {
  display: none;
}
.error-div .error {
  display: block;
  order: 1;
}
.error-div .select2-dropdown {
  border-color: #E5E8EA;
}
.error-div .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.error-div .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  background-color: transparent;
  border: 1px solid #E5E8EA;
  border-bottom: 0;
}
.error-div .select2-container--default .selection {
  height: 100%;
  min-width: 115px;
}
.error-div .select2-container--default .select2-selection--single {
  height: 46px;
  border: none;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 9px;
  border-radius: 4px;
}
.error-div .select2-container--default .select2-selection__placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #00162E;
}
.error-div .select2-container--default .select2-selection__rendered {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #00162E;
}
.error-div .select2-container--default .select2-selection__arrow {
  position: relative;
  inset: unset;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
  border-color: #E5E8EA;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #E5E8EA;
  border-radius: 4px;
}
.select2-container--default .select2-results__option[aria-selected] {
  width: 100%;
  letter-spacing: 1px;
}
.select2-container--default .select2-results__option[aria-selected] span {
  width: 100%;
  font-size: 15px;
  color: #808B97;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--primary-color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] span {
  font-weight: 600;
  color: #ffffff;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: #F5F6F7;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #ddd;
}

.select2-container--default .selection {
  width: 100%;
}
.select2-container--default .selection .select2-selection--single {
  background-color: #F5F6F7;
  border: 1px solid #E5E8EA;
  border-radius: 8px;
  height: 46px;
  width: 100%;
}
.select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  border-radius: 6px;
  padding: 12px 24px 12px 12px;
  line-height: 1.5;
}
[dir=rtl] .select2-container--default .selection .select2-selection--single .select2-selection__rendered {
  padding: 12px 12px 12px 24px;
}
.select2-container--default .selection .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.select2-container--default .selection .select2-selection__arrow {
  position: absolute;
  top: 45%;
  right: 1px;
  width: 20px;
  transform: translateY(-50%);
}
[dir=rtl] .select2-container--default .selection .select2-selection__arrow {
  right: unset;
  left: 1px;
}
.select2-container--default .selection .select2-selection__arrow b {
  border: none;
  background-image: url(images/svg/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 55%;
  right: 10px;
  transform: translate(-50%, -50%);
}
[dir=rtl] .select2-container--default .selection .select2-selection__arrow b {
  right: unset;
  left: 15px;
}

/**=====================
     Pagination scss
==========================**/
.pagination-main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
@media (max-width: 575.98px) {
  .pagination-main {
    justify-content: center;
  }
}
.pagination-main label {
  color: #808B97;
}
@media (max-width: 575.98px) {
  .pagination-main label {
    display: none;
  }
}
.pagination-main i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #00162E;
}
.pagination-main .pagination {
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 880);
}
.pagination-main .pagination .page-item .page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #808B97;
  width: calc(30px + 5 * (100vw - 320px) / 880);
  height: calc(30px + 5 * (100vw - 320px) / 880);
  border: none;
  border-radius: 100%;
  padding: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.pagination-main .pagination .page-item .page-link:hover {
  color: var(--primary-color);
}
.pagination-main .pagination .page-item .page-link:hover::before {
  opacity: 0.1;
}
.pagination-main .pagination .page-item .page-link:focus {
  border: 1px solid #E5E8EA;
  outline: none;
  box-shadow: none;
}
.pagination-main .pagination .page-item .page-link span {
  line-height: 1;
}
.pagination-main .pagination .page-item.active .page-link {
  background-color: var(--primary-color);
  color: #ffffff;
  font-weight: 600;
  border-radius: 100%;
}
.pagination-main .pagination .page-item.disabled .page-link {
  background-color: transparent;
}
.pagination-main .pagination .page-item:hover {
  border-radius: 100%;
}

.pagination {
  justify-content: center;
  gap: 10px;
}
.pagination .page-item:not(:first-child) .page-link {
  margin: 0;
}
.pagination .page-item:first-child .page-link {
  color: transparent;
  background-image: url(images/svg/left.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  font-size: 0;
  background-position: center;
}
.pagination .page-item:last-child .page-link {
  color: transparent;
  background-image: url(images/svg/right.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
  font-size: 0;
}
.pagination .page-item.active .page-link {
  background-color: var(--primary-color);
  color: #ffffff;
}
.pagination .page-item .page-link {
  width: 38px;
  height: 38px;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #808B97;
}

/**=====================
     Profile Setting scss
==========================**/
.profile-body-wrapper .profile-wrapper {
  background-color: var(--primary-color);
  border-radius: 15px;
  padding: 20px;
  position: sticky;
  top: 100px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper {
    position: fixed;
    top: 0;
    overflow: auto;
    left: -350px;
    width: calc(300px + 50 * (100vw - 320px) / 1600);
    height: 100vh;
    z-index: 6;
    border-radius: 0;
    background-color: #ffffff;
    transform: unset;
    opacity: 1;
    padding: 0;
    border: none;
    box-shadow: 4px 4px 8px rgba(34, 34, 34, 0.078);
    visibility: visible;
  }
  [dir=rtl] .profile-body-wrapper .profile-wrapper {
    left: unset;
    right: -350px;
  }
  .profile-body-wrapper .profile-wrapper.open {
    left: 0;
  }
  [dir=rtl] .profile-body-wrapper .profile-wrapper.open {
    left: unset;
    right: 0;
  }
  .profile-body-wrapper .profile-wrapper .close {
    margin-left: auto;
    transform: rotate(45deg);
    --Iconsax-Color: #00162E;
    --Iconsax-Size: 28px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
  }
  [dir=rtl] .profile-body-wrapper .profile-wrapper .close {
    right: unset;
    left: 10px;
    margin-left: unset;
    margin-right: auto;
  }
  .profile-body-wrapper .profile-wrapper i {
    --Iconsax-Color: #fff ;
  }
}
.profile-body-wrapper .profile-wrapper .profile {
  padding: 20px 0 40px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile {
    border-bottom: 1px solid #E5E8EA;
    background-color: #F5F6F7;
    padding-top: 40px;
    padding-bottom: 20px;
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-img {
  position: relative;
  text-align: center;
  z-index: 1;
  margin-bottom: -40px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-img {
    margin: 0;
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-img img {
  border-radius: 100%;
  border: 2px solid #ffffff;
  height: 80px;
  width: 80px;
}
.profile-body-wrapper .profile-wrapper .profile .profile-img .profile-name {
  position: relative;
  border-radius: 100%;
  border: 2px solid #ffffff;
  height: calc(62px + 18 * (100vw - 320px) / 1600);
  width: calc(62px + 18 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F5F6F7;
  color: var(--primary-color);
  position: relative;
  z-index: 1;
  font-size: calc(33px + 7 * (100vw - 320px) / 1600);
  font-weight: 600;
  margin: auto;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-img .profile-name {
    border: 2px solid #E5E8EA;
    background-color: #ffffff;
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-img .edit-modal {
  position: absolute;
  bottom: 0px;
  left: 60%;
  transform: translateX(-50%);
  z-index: 3;
  background-color: var(--primary-color);
  border-radius: 100%;
  width: 35px;
  height: 35px;
  padding: 5px;
}
[dir=rtl] .profile-body-wrapper .profile-wrapper .profile .profile-img .edit-modal {
  left: unset;
}
.profile-body-wrapper .profile-wrapper .profile .profile-img .edit-modal i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #fff;
}
.profile-body-wrapper .profile-wrapper .profile .profile-detail {
  padding: 20px;
  border-radius: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 120px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
}
.profile-body-wrapper .profile-wrapper .profile .profile-detail > svg {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-detail > svg {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-detail {
    padding-bottom: 0;
    background: none;
    height: unset;
    padding-top: calc(14px + 6 * (100vw - 320px) / 880);
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-detail h5 {
  line-height: 1.3;
  margin-bottom: 4px;
  font-size: 19px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-detail h5 {
    color: #222;
    font-weight: 500;
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-detail p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  gap: 4px;
  line-height: 1.3;
  color: #ddd;
  font-size: 15px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-detail p {
    color: #808B97;
  }
}
.profile-body-wrapper .profile-wrapper .profile .profile-detail p i {
  --Iconsax-Size: 16px;
  --Iconsax-Color: #ffffff;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile .profile-detail p i {
    --Iconsax-Color: #808B97;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings {
  height: 100%;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings {
    height: calc(100vh - 200px);
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .mainnav-close {
  display: none !important;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse {
    display: block;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel {
  width: 100%;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 calc(0px + 8 * (100vw - 1199px) / 721);
  border-bottom: unset;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper {
    margin: calc(15px + 2 * (100vw - 320px) / 880) calc(15px + 4 * (100vw - 320px) / 880) 0;
    overflow: unset;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li {
  display: block;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link {
  display: flex;
  align-items: center;
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  gap: 16px;
  margin-bottom: 0;
  border: none;
  transition: all 0.2s ease-in-out;
  outline: none;
  width: 100%;
  padding: 14px 16px;
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link {
    margin-bottom: 0;
    padding: calc(11px + 3 * (100vw - 320px) / 880) calc(14px + 2 * (100vw - 320px) / 880);
    gap: calc(12px + 4 * (100vw - 320px) / 880);
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active i {
  display: none;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link i {
  display: block;
  --Iconsax-Size: 24px;
  --Iconsax-Color: #ffffff;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link i {
    --Iconsax-Color: #222;
    --Iconsax-Size: calc(20px + (24 - 20) * ((100vw - 320px) / (1200 - 320)));
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link span {
  color: #ffffff;
  font-size: 16px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link span {
    font-size: 16px;
    color: #222;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link .active-icon {
  display: none;
  width: 24px;
  height: 24px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link .active-icon {
    width: calc(20px + 4 * (100vw - 320px) / 880);
    height: calc(20px + 4 * (100vw - 320px) / 880);
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link svg.active-icon {
  fill: var(--primary-color);
  stroke: #ffffff;
  stroke-width: 0.4px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link svg.active-icon {
    width: calc(20px + 4 * (100vw - 320px) / 880);
    height: calc(20px + 4 * (100vw - 320px) / 880);
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link .deactive-icon {
  display: block;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link svg.deactive-icon {
  display: block;
  width: 24px;
  height: 24px;
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 1.5px;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link svg.deactive-icon {
    width: calc(20px + 4 * (100vw - 320px) / 880);
    height: calc(20px + 4 * (100vw - 320px) / 880);
    stroke: #222;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active {
  background-color: #ffffff;
}
@media (max-width: 1199.98px) {
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active {
    position: relative;
    z-index: 0;
    overflow: hidden;
  }
  .profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    z-index: -1;
    opacity: 0.1;
  }
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active span {
  color: var(--primary-color);
  font-weight: 500;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active .active-icon {
  display: block;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active .deactive-icon {
  display: none;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link.active:hover {
  background-color: #ffffff;
}
.profile-body-wrapper .profile-wrapper .profile-settings .navbar .navbar-collapse .menu-panel .menu-wrapper li .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.profile-body-wrapper .profile-wrapper .profile-logout .nav-link {
  display: flex;
  align-items: center;
  border-radius: 8px;
  gap: 16px;
  border: none;
  transition: all 0.2s ease-in-out;
  outline: none;
  width: 100%;
  padding: 14px 16px;
}
.profile-body-wrapper .profile-wrapper .profile-logout .nav-link i {
  --Iconsax-Size: 24px;
  --Iconsax-Color: #ffffff;
}
.profile-body-wrapper .profile-wrapper .profile-logout .nav-link span {
  color: #ffffff;
  font-size: 16px;
}
.profile-body-wrapper .profile-wrapper .profile-logout .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.profile-body-wrapper .profile-main .card {
  background-color: #F5F6F7;
  border: none;
  border-radius: 10px;
  height: 100%;
}
@media (max-width: 1199px) {
  .profile-body-wrapper .profile-main .card {
    height: auto;
  }
}
.profile-body-wrapper .profile-main .card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  padding: calc(16px + 9 * (100vw - 320px) / 1600);
  background-color: transparent;
  border-radius: 0;
  border-bottom: 1px solid #E5E8EA;
  flex-wrap: wrap;
}
.profile-body-wrapper .profile-main .card .card-header .title-3 {
  position: relative;
}
.profile-body-wrapper .profile-main .card .card-header .title-3:before {
  content: "";
  position: absolute;
  left: calc(-15px + -10 * (100vw - 320px) / 1600);
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--primary-color);
  height: calc(28px + 7 * (100vw - 320px) / 1600);
  width: calc(3px + 1 * (100vw - 320px) / 1600);
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-header .title-3:before {
  left: unset;
  right: calc(-15px + -10 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-header .title-3 h3 {
  line-height: 1.3;
  font-size: calc(19px + 3 * (100vw - 320px) / 1600);
  font-weight: 600;
  letter-spacing: 0.7px;
}
.profile-body-wrapper .profile-main .card .card-header .job-request-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.profile-body-wrapper .profile-main .card .card-header a,
.profile-body-wrapper .profile-main .card .card-header button {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #ffffff;
  font-size: 16px;
  width: max-content;
  border-radius: 8px;
}
.profile-body-wrapper .profile-main .card .card-header a:hover,
.profile-body-wrapper .profile-main .card .card-header button:hover {
  color: var(--primary-color);
}
.profile-body-wrapper .profile-main .card .card-header a i,
.profile-body-wrapper .profile-main .card .card-header button i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: var(--primary-color);
}
.profile-body-wrapper .profile-main .card .card-body {
  padding: calc(16px + 9 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-body.service-booking .delivery-location .location-header {
  display: flex;
  align-items: center;
  gap: calc(9px + 7 * (100vw - 320px) / 1600);
  justify-content: unset;
  flex-direction: unset;
  overflow: unset;
}
.profile-body-wrapper .profile-main .card .card-body.service-booking .delivery-location .location-header .badge {
  margin-left: auto;
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-body.service-booking .delivery-location .location-header .badge {
  margin-left: unset;
  margin-right: auto;
}
.profile-body-wrapper .profile-main .card .card-body.service-booking .delivery-location .location-header .delivery-name {
  width: calc(100% - (42px + 8 * (100vw - 320px) / 1600) - (9px + 7 * (100vw - 320px) / 1600));
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card {
  border: 1px solid #E5E8EA;
  padding: calc(13px + 7 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
  border-radius: 10px;
  background-color: #ffffff;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 12px;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data h5 {
  line-height: 20px;
  color: #808B97;
  margin-bottom: 0px;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data h3 {
  font-weight: 700;
  line-height: 1.4;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data h3 .feather {
  width: 16px;
  height: 16px;
  color: var(--primary-color);
  cursor: pointer;
  margin-left: 4px;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon {
  position: relative;
  padding-right: 10px;
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon {
  padding-right: unset;
  padding-left: 10px;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon .dot {
  border-radius: 100%;
  height: calc(22px + 8 * (100vw - 320px) / 1600);
  width: calc(22px + 8 * (100vw - 320px) / 1600);
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 0;
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon .dot {
  right: unset;
  left: 0;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon .dot::before {
  opacity: 0.1;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .data-icon i {
  --Iconsax-Size: calc(31px + (38 - 31) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: var(--primary-color);
  padding-top: calc(3px + 7 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .image-wrapper {
  position: relative;
  z-index: 0;
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .image-wrapper::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  background-color: var(--primary-color);
  z-index: -1;
  opacity: 0.1;
  border-radius: 100%;
  border-radius: 100%;
  height: calc(22px + 8 * (100vw - 320px) / 1600);
  width: calc(22px + 8 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .image-wrapper svg {
  height: 40px;
  width: 40px;
  fill: var(--primary-color);
}
.profile-body-wrapper .profile-main .card .card-body .widgets .card .widget-data .bottom-svg {
  position: absolute;
  right: -20px;
  height: 100px;
  width: 100px;
  fill: var(--primary-color);
  bottom: -20px;
  rotate: 348deg;
  opacity: 0.085;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data h3 {
  line-height: 26px;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card {
  border: 1px solid #E5E8EA;
  padding: calc(13px + 7 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);
  border-radius: 10px;
  background-color: #ffffff;
  margin: 0;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card .profile-setting-img {
  background-color: #F5F6F7;
  border-radius: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(/build/assets/setting-DOGSbB5l.png);
  background-position: top;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 0;
  position: relative;
  padding: calc(15px + 9 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card .profile-setting-img .girl-on-chair {
  height: auto;
  width: calc(148px + 102 * (100vw - 320px) / 1600);
  object-fit: contain;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card .form-group .value {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card .form-group:last-child {
  margin: 0;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .card .login-detail h4 {
  color: var(--primary-color);
  font-weight: 500;
  line-height: 23px;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail {
  position: relative;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .edit-modal {
  position: absolute;
  top: 0;
  right: 0;
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .edit-modal {
  right: unset;
  left: 0;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .form-group {
  margin-bottom: calc(10px + 10 * (100vw - 320px) / 1600);
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .form-group label {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  font-weight: 400;
  margin-bottom: 4px;
}
.profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .form-group .edit-btn {
  padding-left: 5px;
  --Iconsax-Color: var(--primary-color);
  --Iconsax-Size: 18px;
}
[dir=rtl] .profile-body-wrapper .profile-main .card .card-body .profile-data .personal-detail .form-group .edit-btn {
  padding-left: unset;
  padding-right: 5px;
}
.profile-body-wrapper .profile-main .card .card-footer {
  padding: calc(16px + 9 * (100vw - 320px) / 1600);
  border-top: 1px solid #E5E8EA;
  gap: 16px;
  justify-content: start;
}
.profile-body-wrapper .profile-main .card .card-footer .btn {
  width: max-content;
  padding: 10px 30px;
}
.profile-body-wrapper .profile-main .review-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.profile-body-wrapper .profile-main .review-main .review-list {
  position: relative;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E5E8EA;
  padding: 20px;
  background-color: #ffffff;
}
.profile-body-wrapper .profile-main .review-main .review-list .review {
  display: flex;
  align-items: start;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
}
@media (max-width: 576px) {
  .profile-body-wrapper .profile-main .review-main .review-list .review {
    display: block;
  }
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-img {
  height: calc(35px + 10 * (100vw - 320px) / 1600);
  width: calc(35px + 10 * (100vw - 320px) / 1600);
  border-radius: 100%;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-img img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-img .initial-letter {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  border-radius: 100%;
  background-color: #F5F6F7;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note {
  width: calc(100% - (8px + 8 * (100vw - 320px) / 1600) - (35px + 10 * (100vw - 320px) / 1600));
}
@media (max-width: 576px) {
  .profile-body-wrapper .profile-main .review-main .review-list .review .review-note {
    width: 100%;
    margin-top: 8px;
  }
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px;
}
@media (max-width: 576px) {
  .profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date {
    align-items: center;
  }
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date span {
  font-weight: 500;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date small {
  color: #808B97;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note .name-date h6 {
  margin-top: 4px;
  color: #808B97;
}
.profile-body-wrapper .profile-main .review-main .review-list .review .review-note h5 {
  color: #00162E;
  line-height: 1.4;
  font-size: 15px;
  margin-top: 4px;
}
.profile-body-wrapper .profile-main .review-main .review-list p {
  padding-left: 60px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin: 0;
  color: #808B97;
  line-height: 1.5;
  margin-top: 10px;
}
@media (max-width: 576px) {
  .profile-body-wrapper .profile-main .review-main .review-list p {
    padding: 0;
  }
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 576px) {
  .profile-body-wrapper .profile-main .review-main .review-list .notify-time {
    position: absolute;
    right: 20px;
    top: 25px;
  }
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time .rate {
  justify-content: end;
  margin-top: 0;
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time .rate img {
  width: 13px;
  height: 13px;
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time .rate span {
  font-weight: 500;
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time button {
  background: unset;
  border: none;
  padding: 0;
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time .edit {
  --Iconsax-Size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162E;
  background-color: #F5F6F7;
  border-radius: 100%;
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-body-wrapper .profile-main .review-main .review-list .notify-time .delete {
  --Iconsax-Size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #FF4B4B;
  background-color: rgba(255, 75, 75, 0.1);
  border-radius: 100%;
  height: calc(30px + 10 * (100vw - 320px) / 1600);
  width: calc(30px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-modal {
  height: 40px;
  width: 40px;
  border: none;
  border-radius: 6px;
  background-color: rgba(84, 101, 255, 0.1);
}
.edit-modal i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: var(--primary-color);
}

.col-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
.col-img img {
  height: 594px;
}

.notifications {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.notifications .notification-list {
  border-bottom: 1px solid #E5E8EA;
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
  display: block;
  position: relative;
}
.notifications .notification-list:last-child {
  border-bottom: none;
}
.notifications .notification-list .notify {
  display: flex;
  align-items: start;
  gap: 14px;
}
@media (max-width: 575.98px) {
  .notifications .notification-list .notify {
    display: grid;
  }
}
.notifications .notification-list .notify .notify-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 100%;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications .notification-list .notify .notify-icon i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #a3aab1;
}
.notifications .notification-list .notify .notify-note h5 {
  font-weight: 500;
  color: #808B97;
  line-height: 20px;
  margin-bottom: 8px;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.notifications .notification-list .notify .notify-note p {
  margin: 0;
  color: #808B97;
  line-height: 19px;
  margin-bottom: 0;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
}
.notifications .notification-list .notify .notify-note .notify-img {
  height: 50px;
  width: 50px;
  border-radius: 4px;
  overflow: hidden;
}
.notifications .notification-list .notify .notify-note .notify-img img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.notifications .notification-list .notify-time {
  min-width: 70px;
  text-align: end;
  position: absolute;
  right: calc(12px + 8 * (100vw - 320px) / 1600);
}
[dir=rtl] .notifications .notification-list .notify-time {
  left: calc(12px + 8 * (100vw - 320px) / 1600);
  right: unset;
}
@media (max-width: 575.98px) {
  .notifications .notification-list .notify-time {
    position: absolute;
    top: 10px;
    right: 20px;
  }
  [dir=rtl] .notifications .notification-list .notify-time {
    right: unset;
    left: 20px;
  }
}
.notifications .notification-list .notify-time span {
  color: #808B97;
}
.notifications .notification-list.unread {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.notifications .notification-list.unread::before {
  opacity: 0.1;
}
.notifications .notification-list.unread .notify .notify-note h5,
.notifications .notification-list.unread .notify .notify-note p {
  color: #00162E;
}
.notifications .notification-list.unread .notify .notify-icon {
  background-color: var(--primary-color);
}
.notifications .notification-list.unread .notify .notify-icon i {
  --Iconsax-Color: #fff;
}

.notifications {
  display: flex;
  flex-direction: column;
  border: 1px solid #E5E8EA;
  background-color: #ffffff;
  border-radius: 10px;
  height: 100%;
}
@media (max-width: 1199px) {
  .notifications {
    height: auto;
  }
}
.notifications.no-data-notifications {
  border: none;
}
.notifications .no-data-detail {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications .no-data-detail .no-data-notification-img {
  height: 400px;
}
.notifications .notification-list {
  border-bottom: 1px solid #E5E8EA;
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}
.notifications .notification-list:last-child {
  border-bottom: none;
}
.notifications .notification-list .notify {
  display: flex;
  align-items: start;
  gap: 14px;
}
.notifications .notification-list .notify .notify-icon {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 100%;
  background-color: #F5F6F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifications .notification-list .notify .notify-icon i {
  --Iconsax-Size: 20px;
  --Iconsax-Color: #808B97;
}
.notifications .notification-list .notify .notify-note h5 {
  font-weight: 500;
  color: #808B97;
  line-height: 20px;
  margin-bottom: 8px;
}
.notifications .notification-list .notify .notify-note p {
  margin: 0;
  color: #808B97;
  line-height: 1.3;
}
.notifications .notification-list .notify .notify-note .notify-img {
  height: 50px;
  width: 50px;
  border-radius: 4px;
  overflow: hidden;
}
.notifications .notification-list .notify .notify-note .notify-img img {
  height: 100%;
  width: 100%;
}
.notifications .notification-list .notify-time {
  min-width: 70px;
  text-align: end;
}
.notifications .notification-list .notify-time span {
  color: #808B97;
}

.card.delivery-location .location-header {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
  display: flex;
  align-items: flex-start;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  justify-content: unset;
  flex-direction: unset;
}
.card.delivery-location .location-header .badge {
  margin-left: auto;
}
[dir=rtl] .card.delivery-location .location-header .badge {
  margin-left: unset;
  margin-right: auto;
}
.card.delivery-location .location-header .delivery-name {
  width: calc(100% - (42px + 8 * (100vw - 320px) / 1600) - (9px + 7 * (100vw - 320px) / 1600));
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
[dir=rtl] .card.delivery-location .location-header .delivery-name {
  align-items: flex-end;
}
.card.delivery-location .location-header .location-icon {
  border-radius: 100%;
  height: calc(42px + 8 * (100vw - 320px) / 1600);
  width: calc(42px + 8 * (100vw - 320px) / 1600);
  background-color: transparent;
  border: calc(2px + 2 * (100vw - 320px) / 1600) solid #ffffff;
  outline: 1px solid #E5E8EA;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.card.delivery-location .location-header .location-icon::before {
  opacity: 0.1;
}
.card.delivery-location .location-header .location-icon svg {
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .card.delivery-location .location-header .location-icon svg {
    height: 16px;
  }
}
.card.delivery-location .location-header .active-icon {
  border: 1px solid var(--primary-color);
  border-radius: 100%;
  height: calc(42px + 8 * (100vw - 320px) / 1600);
  width: calc(42px + 8 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.delivery-location .location-header .active-icon img,
.card.delivery-location .location-header .active-icon svg {
  background-color: var(--primary-color);
  border: 1px solid #ffffff;
  padding: calc(8px + 2 * (100vw - 320px) / 1600);
  border-radius: 100%;
  height: calc(38px + 4 * (100vw - 320px) / 1600);
  width: calc(38px + 4 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.delivery-location .location-header .name h4 {
  font-weight: 500;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.card.delivery-location .address {
  padding: calc(10px + 10 * (100vw - 320px) / 1600);
}
.card.delivery-location .address p {
  font-size: 16px;
  line-height: 1.5;
  height: 48px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.card.delivery-location .address .btn-outline {
  border-width: 1px;
  width: max-content;
  padding: 9px 18px;
}
.card.delivery-location .address-bottom-box {
  padding: calc(10px + 10 * (100vw - 320px) / 1600) calc(16px + 4 * (100vw - 320px) / 1600);
  border-top: 1px solid #ddd;
  position: relative;
}
.card.delivery-location .address-bottom-box .action {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 6px;
  text-align: left;
}
.card.delivery-location .address-bottom-box .btn {
  width: 100%;
  padding-block: calc(8px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  border-radius: 8px;
}
.card.delivery-location .address-bottom-box .btn-fill {
  border: transparent;
  color: #ffffff;
  background-color: var(--primary-color);
}
.card.delivery-location .address-bottom-box .btn-fill:hover {
  background-color: transparent;
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}
.card.delivery-location .address-bottom-box .btn-outline {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}
.card.delivery-location .address-bottom-box .btn-outline:hover {
  background-color: var(--primary-color);
  color: #ffffff;
  border-color: transparent;
}
.card.delivery-location .address-bottom-box .btn-outline:hover .icon {
  --Iconsax-Color: #fff ;
}
.card.delivery-location .address-bottom-box .radio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
[dir=rtl] .card.delivery-location .address-bottom-box .radio {
  left: unset;
  right: 0;
}
.card.delivery-location .radio:checked ~ button {
  background-color: var(--primary-color);
  color: #ffffff;
}

.add-location {
  color: var(--primary-color);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
}
.add-location:hover {
  text-decoration: underline;
}

[dir=rtl] .menu-wrapper {
  padding-right: 0;
}

.job-request-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
@media (max-width: 1399px) {
  .job-request-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .job-request-list {
    grid-template-columns: 1fr;
  }
}
.job-request-list .job-request-box {
  padding: 15px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.job-request-list .job-request-box .job-image {
  width: 90px;
  height: 90px;
  border-radius: 8px;
}
.job-request-list .job-request-box .job-image .job-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.job-request-list .job-request-box .job-content {
  width: calc(100% - 90px - 10px);
}
.job-request-list .job-request-box .job-content .job-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-request-list .job-request-box .job-content .job-title .title-content {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #00162E;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.job-request-list .job-request-box .job-content .job-title .badge {
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  color: var(--primary-color);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.job-request-list .job-request-box .job-content .job-title .badge:before {
  opacity: 0.1;
}
.job-request-list .job-request-box .job-content .price {
  margin-top: 5px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #00162E;
}
.job-request-list .job-request-box .job-content .job-date {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-request-list .job-request-box .job-content .job-date .date {
  font-weight: 500;
  font-size: 14px;
  color: #808B97;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.job-request-list .job-request-box .job-content .job-date .date .date-icon {
  --Iconsax-Size: 16px;
  --Iconsax-Color: #808B97;
}
.job-request-list .job-request-box .job-content .job-date .trash-icon {
  --Iconsax-Size: 16px;
  --Iconsax-Color: #FF4B4B;
  background-color: #FFEEEE;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/**=====================
     Range Slider scss
==========================**/
.irs--round {
  font-family: "DM Sans", serif !important;
  background-color: #ffffff;
  padding: 16px;
  border-radius: 8px;
  height: 80px;
}
.irs--round .irs {
  font-family: "DM Sans", serif !important;
}
.irs--round .irs-line {
  top: 10px;
  background-color: #E5E8EA;
  height: 5px;
}
.irs--round .irs-handle {
  top: 21px;
  width: 14px;
  height: 14px;
  border: none;
  background-color: rgba(0, 22, 46, 0.8);
  border-radius: 100%;
  cursor: pointer;
}
.irs--round .irs-handle:hover, .irs--round .irs-handle.state_hover {
  background-color: rgba(0, 22, 46, 0.8);
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  bottom: -40px;
  top: unset;
  background-color: transparent;
  color: rgba(0, 22, 46, 0.8);
  font-weight: 500;
  padding: 0;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  display: none;
}
.irs--round .irs-bar {
  height: 5px;
  background-color: rgba(0, 22, 46, 0.65);
  top: 26px;
}

#distance .distance {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
#distance .distance .form-group {
  margin: 0;
}
#distance .irs {
  font-family: "DM Sans", serif !important;
}
#distance .irs .irs-line {
  height: 4px;
}
#distance .irs .irs-handle.single {
  display: none;
}
#distance .irs.irs--modern .irs-grid-pol {
  color: #E5E8EA;
}
#distance .irs.irs--modern .irs-grid-pol.small {
  display: none;
}
#distance .irs.irs--modern .irs-single {
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
  font-size: 30px;
  padding: 0;
  border-radius: 0;
  width: 10px;
  color: transparent;
  top: -4px;
  overflow: hidden;
  cursor: pointer;
}
#distance .irs.irs--modern .irs-single:before {
  content: "";
  position: absolute;
  background-color: #00162E;
  border: none;
  left: 0px;
  bottom: 6px;
  height: 7px;
  width: 7px;
  border-radius: 30px 0 0 30px;
}
[dir=rtl] #distance .irs.irs--modern .irs-single:before {
  left: unset;
  right: 0px;
  border-radius: 0 30px 30px 0;
}
#distance .irs.irs--modern .irs-single::after {
  content: "";
  position: absolute;
  background-color: #00162E;
  right: -3px;
  bottom: 6px;
  height: 7px;
  width: 7px;
  border-radius: 0 30px 30px 0;
}
[dir=rtl] #distance .irs.irs--modern .irs-single::after {
  right: unset;
  left: -3px;
  border-radius: 30px 0 0 30px;
}
#distance .irs .irs-bar {
  background: #00162E;
  height: 4px;
}
#distance .irs .irs-line {
  background-color: #E5E8EA;
}
#distance .irs .irs-grid {
  height: 29px;
}
#distance .irs .irs-grid .irs-grid-text {
  color: #00162E;
  white-space: wrap;
  width: min-content;
  bottom: -12px;
  line-height: 1;
  font-size: 14px;
  font-weight: 500;
}

/**=====================
    Rating scss
==========================**/
.star-rating {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 7px;
  flex-direction: row;
  font-size: 1.5em;
}
.star-rating input {
  display: none;
}
.star-rating label {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  color: #808B97;
  gap: 6px;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #E5E8EA;
  line-height: 0;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
.star-rating label i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808B97;
}
.star-rating label:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}
.star-rating label:hover i {
  --Iconsax-Color: #fff;
}
.star-rating :checked ~ label {
  background-color: var(--primary-color);
  color: #ffffff;
  border-color: var(--primary-color);
}
.star-rating :checked ~ label i {
  --Iconsax-Color: #fff;
}

.reviews {
  background-color: #ffffff;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.reviews:last-child {
  margin: 0;
}
.reviews .person-detail {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #00162E;
}
.reviews .person-detail img {
  border-radius: 100%;
  height: 45px;
  width: 45px;
}
.reviews .person-detail p {
  line-height: 1.5;
  color: #808B97;
  margin: 0;
  font-size: 16px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.reviews .person-detail h5 {
  line-height: 1.5;
  font-weight: 500;
}
.reviews .rating .rate {
  justify-content: end;
  color: #00162E;
}
.reviews .rating .rate small {
  font-size: 16px;
}
.reviews .rating .overview-list {
  list-style: none;
}
.reviews .rating .overview-list li {
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  .reviews .rating {
    margin-left: 50px;
  }
}
@media (max-width: 575.98px) {
  .reviews {
    flex-direction: column;
    align-items: start;
    justify-content: unset;
    gap: 4px;
  }
  .reviews .rating {
    margin-left: 50px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    gap: 10px;
  }
  .reviews .rating .rate {
    margin: 0;
  }
}

.rating-bars {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
  white-space: nowrap;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.rating-bars .rating-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  text-align: left;
}
[dir=rtl] .rating-bars .rating-bar {
  text-align: right;
}
.rating-bars .rating-bar .bar {
  width: 100%;
  height: 8px;
  background-color: #F5F6F7;
  border-radius: 4px;
}
.rating-bars .rating-bar .bar .bar-item {
  height: 8px;
  background-color: #FDB448;
  border-radius: 4px;
}
.rating-bars .rating-bar .bar .bar-item-5 {
  width: 84%;
}
.rating-bars .rating-bar .bar .bar-item-4 {
  width: 30%;
}
.rating-bars .rating-bar .bar .bar-item-3 {
  width: 12%;
}
.rating-bars .rating-bar .bar .bar-item-2 {
  width: 6%;
}
.rating-bars .rating-bar .bar .bar-item-1 {
  width: 3%;
}
.rating-bars .rating-bar .left {
  min-width: 40px;
}
.rating-bars .rating-bar .right {
  color: #808B97;
  text-align: left;
  min-width: 40px;
}
[dir=rtl] .rating-bars .rating-bar .right {
  text-align: right;
}

/**=====================
    Ration scss
==========================**/
.ratio_18 .bg-size:before {
  padding-top: 18%;
  content: "";
  display: block;
}

.ratio_20 .bg-size:before {
  padding-top: 20%;
  content: "";
  display: block;
}

.ratio_24 .bg-size:before {
  padding-top: 24%;
  content: "";
  display: block;
}

.ratio_36 .bg-size:before {
  padding-top: 36%;
  content: "";
  display: block;
}

.ratio_40 .bg-size:before {
  padding-top: 40%;
  content: "";
  display: block;
}

.ratio_45 .bg-size:before {
  padding-top: 45%;
  content: "";
  display: block;
}

.ratio_46 .bg-size:before {
  content: "";
  padding-top: 46%;
  display: block;
}

.ratio_47 .bg-size:before {
  padding-top: 47.8%;
  content: "";
  display: block;
}

.ratio_70 .bg-size:before {
  padding-top: 70%;
  content: "";
  display: block;
}

.ratio2_1 .bg-size:before {
  padding-top: 50%;
  content: "";
  display: block;
}

.ratio2_2 .bg-size:before {
  padding-top: 56%;
  content: "";
  display: block;
}

.ratio2_3 .bg-size:before {
  padding-top: 60%;
  content: "";
  display: block;
}

.ratio-68 .bg-size:before {
  padding-top: 68%;
  content: "";
  display: block;
}

.ratio3_2 .bg-size:before {
  padding-top: 66.66%;
  content: "";
  display: block;
}

.ratio_landscape .bg-size:before {
  padding-top: 75%;
  content: "";
  display: block;
}

.ratio-80 .bg-size:before {
  padding-top: 80%;
  content: "";
  display: block;
}

.ratio-85 .bg-size:before {
  padding-top: 85%;
  content: "";
  display: block;
}

.ratio_blog-list .bg-size:before {
  padding-top: 88.6%;
  content: "";
  display: block;
}

.ratio_square .bg-size:before {
  padding-top: 100%;
  content: "";
  display: block;
}

.ratio_94 .bg-size:before {
  padding-top: 94%;
  content: "";
  display: block;
}

.ratio_115 .bg-size:before {
  padding-top: 115%;
  content: "";
  display: block;
}

.ratio_125 .bg-size:before {
  padding-top: 125%;
  content: "";
  display: block;
}

.ratio_124 .bg-size:before {
  padding-top: 124.7777778%;
  content: "";
  display: block;
}

.ratio_asos .bg-size:before {
  padding-top: 127.7777778%;
  content: "";
  display: block;
}

.ratio_asos_1 .bg-size:before {
  padding-top: 136.777778%;
  content: "";
  display: block;
}

.ratio_portrait .bg-size:before {
  padding-top: 150%;
  content: "";
  display: block;
}

.ratio_163 .bg-size:before {
  padding-top: 163%;
  content: "";
  display: block;
}

.ratio1_2 .bg-size:before {
  padding-top: 200%;
  content: "";
  display: block;
}

.b-top {
  background-position: top !important;
}

.b-bottom {
  background-position: bottom !important;
}

.b-center {
  background-position: center !important;
}

.b_size_content {
  background-size: contain !important;
  background-repeat: no-repeat;
}

#toast-container {
  padding-inline: 15px;
  z-index: 9;
}
#toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
  margin-top: calc(15px + 6 * (100vw - 320px) / 1600);
  opacity: 1;
  box-shadow: unset;
  border-radius: 5px;
  padding: calc(9px + 5 * (100vw - 320px) / 1600) calc(15px + 9 * (100vw - 320px) / 1600);
  background: none !important;
  position: relative;
  background-color: #ffffff;
  width: max-content;
}
#toast-container.toast-bottom-center > div::before, #toast-container.toast-top-center > div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  height: calc(100% - 12px);
}
[dir=rtl] #toast-container.toast-bottom-center > div::before, [dir=rtl] #toast-container.toast-top-center > div::before {
  left: unset;
  right: 0;
  border-radius: 3px 0 0 3px;
}
#toast-container.toast-bottom-center > div::after, #toast-container.toast-top-center > div::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
[dir=rtl] #toast-container.toast-bottom-center > div::after, [dir=rtl] #toast-container.toast-top-center > div::after {
  left: unset;
  right: 0;
}
#toast-container > .toast-success::before {
  background-color: var(--primary-color);
}
#toast-container .toast-message {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  line-height: 1.3;
  display: flex;
  align-items: center;
  gap: calc(8px + 6 * (100vw - 320px) / 1600);
  color: #27AF4D;
}
#toast-container .toast-message svg {
  fill: none;
  width: calc(22px + 2 * (100vw - 320px) / 1600);
  height: calc(14px + 3 * (100vw - 320px) / 1600);
  stroke-width: 3px;
}
#toast-container .toast-success {
  background-color: rgba(52, 119, 196, 0.051);
  border: 2px solid var(--primary-color);
}
#toast-container .toast-success .toast-message {
  color: var(--primary-color);
}
#toast-container .toast-success .toast-message svg {
  stroke: var(--primary-color);
}
#toast-container .toast-error {
  background-color: rgba(228, 62, 62, 0.051);
  border: 2px solid #e43e3e;
  background-image: url(images/svg/error.svg) !important;
}
#toast-container .toast-error::before {
  background-color: #e43e3e;
}
#toast-container .toast-error .toast-message {
  color: #e43e3e;
}
#toast-container .toast-info {
  background-color: rgba(25, 153, 179, 0.05);
  border: 2px solid #1999b3;
  background-image: url(images/svg/info.svg) !important;
}
#toast-container .toast-info::before {
  background-color: #1999b3;
}
#toast-container .toast-info .toast-message {
  color: #1999b3;
}
#toast-container .toast-warning {
  background-color: rgba(227, 158, 8, 0.051);
  border: 2px solid #e39f08;
  background-image: url(images/svg/warning.svg) !important;
}
#toast-container .toast-warning::before {
  background-color: #e39f08;
}
#toast-container .toast-warning .toast-message {
  color: #e39f08;
}

/**=====================
    Swiper scss
==========================**/
[dir=rtl] .swiper {
  direction: ltr;
}
[dir=rtl] .swiper .swiper-slide {
  direction: rtl;
}
.swiper .swiper-wrapper {
  height: auto;
}
.swiper .swiper-wrapper .swiper-slide .card {
  margin-bottom: 0;
}

.offer-section .swiper-button-next4,
.offer-section .swiper-button-prev4,
.offer-section .swiper-button-next1,
.offer-section .swiper-button-prev1,
.offer-section .swiper-button-next2,
.offer-section .swiper-button-prev2,
.offer-section .swiper-button-next3,
.offer-section .swiper-button-prev3,
.service-list-section .swiper-button-next4,
.service-list-section .swiper-button-prev4,
.service-list-section .swiper-button-next1,
.service-list-section .swiper-button-prev1,
.service-list-section .swiper-button-next2,
.service-list-section .swiper-button-prev2,
.service-list-section .swiper-button-next3,
.service-list-section .swiper-button-prev3,
.service-package-section .swiper-button-next4,
.service-package-section .swiper-button-prev4,
.service-package-section .swiper-button-next1,
.service-package-section .swiper-button-prev1,
.service-package-section .swiper-button-next2,
.service-package-section .swiper-button-prev2,
.service-package-section .swiper-button-next3,
.service-package-section .swiper-button-prev3,
.about-us-slider .swiper-button-next4,
.about-us-slider .swiper-button-prev4,
.about-us-slider .swiper-button-next1,
.about-us-slider .swiper-button-prev1,
.about-us-slider .swiper-button-next2,
.about-us-slider .swiper-button-prev2,
.about-us-slider .swiper-button-next3,
.about-us-slider .swiper-button-prev3 {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
  width: 28px;
  height: 20px;
  top: -10px;
  position: absolute;
  opacity: 1;
}
.offer-section .swiper-button-next4:after,
.offer-section .swiper-button-prev4:after,
.offer-section .swiper-button-next1:after,
.offer-section .swiper-button-prev1:after,
.offer-section .swiper-button-next2:after,
.offer-section .swiper-button-prev2:after,
.offer-section .swiper-button-next3:after,
.offer-section .swiper-button-prev3:after,
.service-list-section .swiper-button-next4:after,
.service-list-section .swiper-button-prev4:after,
.service-list-section .swiper-button-next1:after,
.service-list-section .swiper-button-prev1:after,
.service-list-section .swiper-button-next2:after,
.service-list-section .swiper-button-prev2:after,
.service-list-section .swiper-button-next3:after,
.service-list-section .swiper-button-prev3:after,
.service-package-section .swiper-button-next4:after,
.service-package-section .swiper-button-prev4:after,
.service-package-section .swiper-button-next1:after,
.service-package-section .swiper-button-prev1:after,
.service-package-section .swiper-button-next2:after,
.service-package-section .swiper-button-prev2:after,
.service-package-section .swiper-button-next3:after,
.service-package-section .swiper-button-prev3:after,
.about-us-slider .swiper-button-next4:after,
.about-us-slider .swiper-button-prev4:after,
.about-us-slider .swiper-button-next1:after,
.about-us-slider .swiper-button-prev1:after,
.about-us-slider .swiper-button-next2:after,
.about-us-slider .swiper-button-prev2:after,
.about-us-slider .swiper-button-next3:after,
.about-us-slider .swiper-button-prev3:after {
  display: none;
}
.offer-section .swiper-button-prev4,
.offer-section .swiper-button-prev1,
.offer-section .swiper-button-prev2,
.offer-section .swiper-button-prev3,
.service-list-section .swiper-button-prev4,
.service-list-section .swiper-button-prev1,
.service-list-section .swiper-button-prev2,
.service-list-section .swiper-button-prev3,
.service-package-section .swiper-button-prev4,
.service-package-section .swiper-button-prev1,
.service-package-section .swiper-button-prev2,
.service-package-section .swiper-button-prev3,
.about-us-slider .swiper-button-prev4,
.about-us-slider .swiper-button-prev1,
.about-us-slider .swiper-button-prev2,
.about-us-slider .swiper-button-prev3 {
  background-image: url("/build/assets/preview-CVYaTI-h.svg");
  right: 30px;
  left: auto;
}
.offer-section .swiper-button-prev4.swiper-button-disabled,
.offer-section .swiper-button-prev1.swiper-button-disabled,
.offer-section .swiper-button-prev2.swiper-button-disabled,
.offer-section .swiper-button-prev3.swiper-button-disabled,
.service-list-section .swiper-button-prev4.swiper-button-disabled,
.service-list-section .swiper-button-prev1.swiper-button-disabled,
.service-list-section .swiper-button-prev2.swiper-button-disabled,
.service-list-section .swiper-button-prev3.swiper-button-disabled,
.service-package-section .swiper-button-prev4.swiper-button-disabled,
.service-package-section .swiper-button-prev1.swiper-button-disabled,
.service-package-section .swiper-button-prev2.swiper-button-disabled,
.service-package-section .swiper-button-prev3.swiper-button-disabled,
.about-us-slider .swiper-button-prev4.swiper-button-disabled,
.about-us-slider .swiper-button-prev1.swiper-button-disabled,
.about-us-slider .swiper-button-prev2.swiper-button-disabled,
.about-us-slider .swiper-button-prev3.swiper-button-disabled {
  background-image: url("/build/assets/preview-disable-Dluv9T9K.svg") !important;
}
.offer-section .swiper-button-next4,
.offer-section .swiper-button-next1,
.offer-section .swiper-button-next2,
.offer-section .swiper-button-next3,
.service-list-section .swiper-button-next4,
.service-list-section .swiper-button-next1,
.service-list-section .swiper-button-next2,
.service-list-section .swiper-button-next3,
.service-package-section .swiper-button-next4,
.service-package-section .swiper-button-next1,
.service-package-section .swiper-button-next2,
.service-package-section .swiper-button-next3,
.about-us-slider .swiper-button-next4,
.about-us-slider .swiper-button-next1,
.about-us-slider .swiper-button-next2,
.about-us-slider .swiper-button-next3 {
  background-image: url("/build/assets/next-C-zcAYJ_.svg") !important;
  right: 0;
  left: auto;
}
.offer-section .swiper-button-next4.swiper-button-disabled,
.offer-section .swiper-button-next1.swiper-button-disabled,
.offer-section .swiper-button-next2.swiper-button-disabled,
.offer-section .swiper-button-next3.swiper-button-disabled,
.service-list-section .swiper-button-next4.swiper-button-disabled,
.service-list-section .swiper-button-next1.swiper-button-disabled,
.service-list-section .swiper-button-next2.swiper-button-disabled,
.service-list-section .swiper-button-next3.swiper-button-disabled,
.service-package-section .swiper-button-next4.swiper-button-disabled,
.service-package-section .swiper-button-next1.swiper-button-disabled,
.service-package-section .swiper-button-next2.swiper-button-disabled,
.service-package-section .swiper-button-next3.swiper-button-disabled,
.about-us-slider .swiper-button-next4.swiper-button-disabled,
.about-us-slider .swiper-button-next1.swiper-button-disabled,
.about-us-slider .swiper-button-next2.swiper-button-disabled,
.about-us-slider .swiper-button-next3.swiper-button-disabled {
  background-image: url("/build/assets/next-disable-CZuwijaK.svg") !important;
}

.swiper-button-next5,
.swiper-button-prev5 {
  background-repeat: no-repeat;
  background-size: 50% auto;
  background-position: center;
  width: 35px;
  height: 35px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  opacity: 1;
}
.swiper-button-next5:after,
.swiper-button-prev5:after {
  display: none;
}
.swiper-button-next5.swiper-button-disabled,
.swiper-button-prev5.swiper-button-disabled {
  opacity: 0.7;
}

.swiper-button-prev5 {
  background-image: url("/build/assets/left-B7FH6PUK.svg");
  left: 20px;
}

.swiper-button-next5 {
  background-image: url("/build/assets/right-CcxENs-I.svg") !important;
  right: 20px;
}

/**=====================
    Table scss
==========================**/
.table-responsive {
  border: 1px solid #E5E8EA;
  border-radius: calc(9px + 3 * (100vw - 320px) / 1600);
}
.table-responsive.custom-scroll::-webkit-scrollbar {
  height: 2px;
}
.table-responsive .table {
  overflow: hidden;
  border: none;
  margin: 0;
  --bs-table-bg: unset;
}
.table-responsive .table thead {
  background-color: #F5F6F7;
}
.table-responsive .table thead tr th {
  font-size: 14px;
  font-weight: 500;
  color: #808B97;
  padding: calc(12px + 4 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  line-height: 1.2;
}
.table-responsive .table tbody tr {
  border-bottom: 1px dashed #E5E8EA;
}
.table-responsive .table tbody tr:last-child {
  border-bottom: none;
}
.table-responsive .table tbody tr td {
  vertical-align: middle;
  padding: calc(12px + 4 * (100vw - 320px) / 1600) calc(12px + 4 * (100vw - 320px) / 1600);
  font-size: 14px;
  line-height: 1;
}
.table-responsive .table tbody tr td h6 {
  color: var(--primary-color);
}
.table-responsive .table > :not(:first-child),
.table-responsive .table > :not(caption) > * > * {
  border: none;
}
.table-responsive .table.wallet-table .dataTables_processing {
  position: absolute;
  top: 0;
  left: 0;
  transform: unset;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  padding: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
[dir=rtl] .table-responsive .table.wallet-table .dataTables_processing {
  right: 0;
  left: unset;
}
.table-responsive .table.wallet-table .dataTables_wrapper .dataTables_length label {
  padding-inline: 0;
}
.table-responsive .table.wallet-table .dataTables_wrapper .dataTables_length select {
  padding: 10px 16px;
  border: 1px solid #E5E8EA;
  background-color: #ffffff;
  border-radius: 7px;
  font-size: 15px;
}
.table-responsive .table.wallet-table .dataTables_wrapper .dataTables_filter label {
  padding-inline: 0;
}
.table-responsive .table.wallet-table .dataTables_wrapper .dataTables_filter label input {
  padding: 10px 16px;
  border: 1px solid #E5E8EA;
  background-color: #ffffff;
  border-radius: 7px;
  font-size: 15px;
}
.table-responsive .table.wallet-table.table {
  overflow: auto;
}
.table-responsive .table.wallet-table table {
  border-radius: 10px;
  border: 1px solid #E5E8EA;
  overflow: hidden auto;
}
.table-responsive .table.wallet-table table thead {
  background-color: var(--primary-color);
}
.table-responsive .table.wallet-table table thead tr th {
  color: #ffffff;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  white-space: nowrap;
  font-weight: 600;
  padding: 16px;
  text-align: center;
}
.table-responsive .table.wallet-table table thead tr th:nth-child(3) {
  max-width: 300px;
}
.table-responsive .table.wallet-table table thead tr th:nth-child(2), .table-responsive .table.wallet-table table thead tr th:first-child {
  text-align: left;
}
[dir=rtl] .table-responsive .table.wallet-table table thead tr th:nth-child(2), [dir=rtl] .table-responsive .table.wallet-table table thead tr th:first-child {
  text-align: right;
}
.table-responsive .table.wallet-table table tbody {
  background-color: #ffffff;
}
.table-responsive .table.wallet-table table tbody tr td {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  white-space: nowrap;
  border-bottom: 1px dashed #E5E8EA;
  text-align: center;
  padding: calc(16px + 4 * (100vw - 320px) / 1600) 16px;
}
.table-responsive .table.wallet-table table tbody tr td:nth-child(2), .table-responsive .table.wallet-table table tbody tr td:first-child {
  text-align: left;
}
.table-responsive .table.wallet-table table tbody tr td:last-child {
  color: #808B97;
}
.table-responsive .table.wallet-table table tbody tr td:first-child {
  color: var(--primary-color);
  font-weight: 600;
  font-size: 17px;
}
.table-responsive .table.wallet-table table tbody tr .success-light,
.table-responsive .table.wallet-table table tbody tr .danger-light {
  font-weight: 600;
  font-size: 13px;
  padding: 5px 9px;
  border-radius: 4px;
}
.table-responsive .table.wallet-table table tbody tr .success-light {
  background-color: rgba(39, 175, 77, 0.1);
  color: #27AF4D;
}
.table-responsive .table.wallet-table table tbody tr .danger-light {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
}
.table-responsive .table.wallet-table table tbody tr:last-child td {
  border-bottom: unset;
}
.table-responsive .table.wallet-table .dataTables_info {
  padding-top: 19px;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
}
.table-responsive .table.wallet-table .dataTables_paginate span {
  display: flex;
  align-items: center;
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a3aab1;
  width: calc(32px + 6 * (100vw - 320px) / 880);
  height: calc(32px + 6 * (100vw - 320px) / 880);
  border: none;
  border-radius: 100%;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button:hover {
  color: #5465FF !important;
  border-color: rgba(84, 101, 255, 0.01);
  background: rgba(84, 101, 255, 0.1);
  box-shadow: unset;
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button.previous {
  color: transparent !important;
  background-image: url(images/svg/left.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  width: auto;
  padding: 0;
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button:hover {
  background-color: #ffffff;
  color: var(--primary-color) !important;
  border-color: var(--primary-color);
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button.current, .table-responsive .table.wallet-table .dataTables_paginate .paginate_button.current:hover {
  background: var(--primary-color);
  color: #ffffff !important;
  font-weight: 600;
}
.table-responsive .table.wallet-table .dataTables_paginate .paginate_button.next, .table-responsive .table.wallet-table .dataTables_paginate .paginate_button.previous {
  width: auto;
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
}
.table-responsive .table.booking-table thead tr th:nth-child(1) {
  min-width: calc(185px + 65 * (100vw - 320px) / 1600);
}

.wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  color: transparent !important;
  background-repeat: no-repeat;
  background-position: center;
}
.wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.previous, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.previous, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active.previous {
  background-image: url(images/svg/left.svg);
}
.wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled.next, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover.next, .wallet-data-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active.next {
  background-image: url(images/svg/right.svg);
}
.wallet-data-table .table-responsive {
  width: 100%;
  border: none;
  border-radius: 0;
}
.wallet-data-table .table {
  margin-top: 0;
}
.wallet-data-table .table.no-footer {
  width: 100% !important;
  border-radius: 10px;
  border: 1px solid #E5E8EA;
  overflow: hidden auto;
}
.wallet-data-table .table.dataTables_wrapper {
  width: calc(100% - 1px);
  padding: 0;
}
.wallet-data-table .table thead {
  background-color: var(--primary-color);
}
.wallet-data-table .table thead tr th {
  color: #ffffff;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  white-space: nowrap;
  font-weight: 600;
  padding: 16px;
  text-align: center;
  padding-right: 50px !important;
}
.wallet-data-table .table thead tr th:nth-child(3) {
  min-width: 250px;
}
.wallet-data-table .table tbody {
  background-color: #ffffff;
}
.wallet-data-table .table tbody tr td {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  border-bottom: 1px dashed #E5E8EA;
  text-align: center;
  font-weight: 400;
  padding: calc(16px + 4 * (100vw - 320px) / 1600) 16px;
}
.wallet-data-table .table tbody tr td:nth-child(3) {
  max-width: 260px !important;
}
.wallet-data-table .table tbody tr td:last-child {
  color: #808B97;
}
.wallet-data-table .table tbody tr .user-info .user-details .user-name {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.2;
  text-align: left;
}
.wallet-data-table .table tbody tr .success-light,
.wallet-data-table .table tbody tr .danger-light {
  font-weight: 600;
  font-size: 13px;
  padding: 5px 9px;
  border-radius: 4px;
}
.wallet-data-table .table tbody tr .success-light {
  background-color: rgba(39, 175, 77, 0.1);
  color: #27AF4D;
}
.wallet-data-table .table tbody tr .danger-light {
  background-color: rgba(255, 75, 75, 0.1);
  color: #FF4B4B;
}
.wallet-data-table .table tbody tr:last-child td {
  border-bottom: unset;
}
.wallet-data-table .dataTables_paginate {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wallet-data-table .dataTables_paginate span {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
}
.wallet-data-table .dataTables_paginate .paginate_button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a3aab1;
  width: calc(32px + 6 * (100vw - 320px) / 880);
  height: calc(32px + 6 * (100vw - 320px) / 880);
  border: none;
  border-radius: 100%;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.wallet-data-table .dataTables_paginate .paginate_button:hover {
  color: var(--primary-color) !important;
  border-color: transparent;
  background: transparent;
  box-shadow: unset;
}
.wallet-data-table .dataTables_paginate .paginate_button:hover::before {
  opacity: 0.1;
}
.wallet-data-table .dataTables_paginate .paginate_button:hover:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-color);
  opacity: 0.6;
  border-radius: 100%;
}
.wallet-data-table .dataTables_paginate .paginate_button.previous, .wallet-data-table .dataTables_paginate .paginate_button.next {
  color: transparent !important;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: center;
  width: auto;
  padding: 0;
  font-size: 0;
  width: calc(32px + 6 * (100vw - 320px) / 880) !important;
  height: calc(32px + 6 * (100vw - 320px) / 880);
}
.wallet-data-table .dataTables_paginate .paginate_button.previous {
  background-image: url(images/svg/left.svg);
}
.wallet-data-table .dataTables_paginate .paginate_button.previous:hover {
  background-image: url(images/svg/left.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.wallet-data-table .dataTables_paginate .paginate_button.next {
  background-image: url(images/svg/right.svg);
}
.wallet-data-table .dataTables_paginate .paginate_button .disabled:hover {
  background-color: #f8f9fa !important;
  color: transparent !important;
  border-color: var(--primary-color);
}
.wallet-data-table .dataTables_paginate .paginate_button.current, .wallet-data-table .dataTables_paginate .paginate_button.current:hover {
  background: var(--primary-color);
  color: #ffffff !important;
  font-weight: 600;
}
.wallet-data-table .dataTables_paginate .paginate_button.next, .wallet-data-table .dataTables_paginate .paginate_button.previous {
  width: auto;
  border: none;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
}
.wallet-data-table table.dataTable.table thead td.sorting:after, .wallet-data-table table.dataTable.table thead td.sorting_desc:after, .wallet-data-table table.dataTable.table thead td.sorting_asc:after, .wallet-data-table table.dataTable.table thead td.sorting:after, .wallet-data-table table.dataTable.table thead td.sorting_asc:after, .wallet-data-table table.dataTable.table thead td.sorting_desc:after,
.wallet-data-table table.dataTable.table thead th.sorting:after,
.wallet-data-table table.dataTable.table thead th.sorting_desc:after,
.wallet-data-table table.dataTable.table thead th.sorting_asc:after,
.wallet-data-table table.dataTable.table thead th.sorting:after,
.wallet-data-table table.dataTable.table thead th.sorting_asc:after,
.wallet-data-table table.dataTable.table thead th.sorting_desc:after {
  font-family: "DM Sans", serif;
  top: 50%;
  transform: translateY(-50%);
}
.wallet-data-table table.dataTable thead .sorting:before,
.wallet-data-table table.dataTable thead .sorting_asc:before,
.wallet-data-table table.dataTable thead .sorting_desc:before,
.wallet-data-table table.dataTable thead .sorting_asc_disabled:before,
.wallet-data-table table.dataTable thead .sorting_desc_disabled:before {
  right: 25px;
  font-size: 0.8em;
}
[dir=rtl] .wallet-data-table table.dataTable thead .sorting:before,
[dir=rtl] .wallet-data-table table.dataTable thead .sorting_asc:before,
[dir=rtl] .wallet-data-table table.dataTable thead .sorting_desc:before,
[dir=rtl] .wallet-data-table table.dataTable thead .sorting_asc_disabled:before,
[dir=rtl] .wallet-data-table table.dataTable thead .sorting_desc_disabled:before {
  right: unset;
  left: 25px;
}
.wallet-data-table .dataTables_wrapper {
  font-family: "DM Sans", serif;
  position: static;
  overflow: auto;
  background-color: white;
}
.wallet-data-table .dataTables_wrapper .dataTable {
  margin-block: 0px !important;
  border: none;
}
@media (max-width: 575.98px) {
  .wallet-data-table .dataTables_wrapper .dataTable {
    margin-bottom: 85px !important;
  }
}
.wallet-data-table .dataTables_wrapper .dataTables_info {
  padding: 0;
  margin: 16px;
}
.wallet-data-table .dataTables_wrapper .dataTables_paginate {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 2px 12px 4px 12px;
}
.wallet-data-table .dataTables_wrapper .dataTables_length {
  margin: 10px 10px 0;
}
.wallet-data-table .dataTables_wrapper .dataTables_length label {
  padding: 0 0 11px;
  font-size: 16px;
}
.wallet-data-table .dataTables_wrapper .dataTables_length select {
  padding: 10px 16px;
  border: none;
  background-color: #eaecef;
  border-radius: 8px;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
  color: #00162E;
  margin-inline: 7px;
  line-height: 1.3;
}
.wallet-data-table .dataTables_wrapper .dataTables_filter {
  margin: 10px 10px 0;
}
.wallet-data-table .dataTables_wrapper .dataTables_filter label {
  padding: 0 0 11px;
  font-size: 16px;
}
.wallet-data-table .dataTables_wrapper .dataTables_filter input {
  padding: 10px 16px;
  border: none;
  margin-left: 7px;
  background-color: #eaecef;
  border-radius: 8px;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
  color: #00162E;
  line-height: 1.3;
}
[dir=rtl] .wallet-data-table .dataTables_wrapper .dataTables_filter input {
  margin-left: unset;
  margin-right: 7px;
}
.wallet-data-table .dataTables_wrapper .dataTables_processing {
  padding-block: 8px;
}
.wallet-data-table .dataTables_wrapper.custom-scrollbar::-webkit-scrollbar {
  width: 2px !important;
  height: 4px;
}
.wallet-data-table .dataTables_wrapper.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(229, 232, 234, 0.604);
}
.wallet-data-table .dataTables_wrapper.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 4px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.wallet-data-table .dataTables_wrapper.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: var(--primary-color);
}

#referral-data tbody tr td .user-email {
  text-align: left;
}
#referral-data tbody tr td .user-email a {
  color: #808b97;
}
#referral-data tbody tr td .user-email svg {
  display: inline;
  width: 16px;
  height: 16px;
  opacity: 0;
}
#referral-data tbody tr td .user-email:hover svg {
  opacity: 1;
}
#referral-data tbody tr td .initial-letter {
  display: none;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  top: 50%;
  transform: translateY(-50%);
  display: block;
  bottom: unset;
  font-size: 1.3em;
}

/**=====================
    Tabs scss
==========================**/
.custom-nav-tabs {
  border: none;
  padding-bottom: 3px;
}
.custom-nav-tabs .swiper-pagination {
  position: relative;
  inset: unset;
  margin-top: 9px;
}
.custom-nav-tabs .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(229, 232, 234, 0.8);
  opacity: 1;
  border-radius: 100px;
  transition: 0.25s;
}
.custom-nav-tabs .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--primary-color);
  width: 28px;
}
.custom-nav-tabs .nav-item {
  border: none;
  padding: 0;
}
.custom-nav-tabs .nav-item .nav-link {
  border-radius: 10px;
  padding: calc(8px + 12 * (100vw - 320px) / 1600);
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border: 1px solid #E5E8EA;
  margin-bottom: 0;
  width: 100%;
  transition: all 0.2s ease-in-out;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.custom-nav-tabs .nav-item .nav-link::before {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.custom-nav-tabs .nav-item .nav-link span,
.custom-nav-tabs .nav-item .nav-link small {
  transition: all 0.2s ease-in-out;
}
.custom-nav-tabs .nav-item .nav-link.active {
  border-color: transparent;
}
.custom-nav-tabs .nav-item .nav-link.active::before {
  opacity: 0.1;
}
.custom-nav-tabs .nav-item .nav-link.active span {
  color: var(--primary-color);
}
.custom-nav-tabs .nav-item .nav-link.active .img-box {
  background-color: #ffffff;
}
.custom-nav-tabs .nav-item .nav-link.active img.inactive {
  display: none;
}
.custom-nav-tabs .nav-item .nav-link.active img.active {
  display: block;
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover {
  border-color: transparent;
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover::before {
  opacity: 0.1;
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover span {
  color: var(--primary-color);
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover .img-box {
  background-color: #ffffff;
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover img.inactive {
  display: none;
}
.custom-nav-tabs .nav-item .nav-link.active.active:hover img.active {
  display: block;
}
@media screen and (max-width: 768px) {
  .custom-nav-tabs .nav-item .nav-link.active:hover {
    border: 1px solid #E5E8EA;
  }
  .custom-nav-tabs .nav-item .nav-link.active:hover .img-box {
    background-color: rgba(229, 232, 234, 0.4);
  }
  .custom-nav-tabs .nav-item .nav-link.active:hover::before {
    opacity: 0;
  }
}
@media (min-width: 576px) {
  .custom-nav-tabs .nav-item .nav-link:hover {
    border-color: transparent;
  }
  .custom-nav-tabs .nav-item .nav-link:hover::before {
    opacity: 0.1;
  }
  .custom-nav-tabs .nav-item .nav-link:hover span {
    color: var(--primary-color);
  }
  .custom-nav-tabs .nav-item .nav-link:hover .img-box {
    background-color: #ffffff;
  }
  .custom-nav-tabs .nav-item .nav-link:hover img.inactive {
    display: none;
  }
  .custom-nav-tabs .nav-item .nav-link:hover img.active {
    display: block;
  }
}
.custom-nav-tabs .nav-item .nav-link .img-box {
  width: 100%;
  height: calc(66px + 29 * (100vw - 320px) / 1600);
  margin-bottom: 12px;
  background-color: rgba(229, 232, 234, 0.4);
  padding: calc(13px + 12 * (100vw - 320px) / 1600);
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}
.custom-nav-tabs .nav-item .nav-link img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.custom-nav-tabs .nav-item .nav-link img.active {
  display: none;
}
.custom-nav-tabs .nav-item .nav-link img.inactive {
  display: block;
}
.custom-nav-tabs .nav-item .nav-link span {
  font-family: "DM Sans", serif !important;
  margin: 0 auto;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  color: #00162E;
  line-height: 23px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 52px;
}
.custom-nav-tabs .nav-item .nav-link small {
  font-family: "DM Sans", serif !important;
  margin: 0 auto;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  color: rgba(0, 22, 46, 0.6);
  line-height: 10px;
  white-space: nowrap;
  margin-top: 6px;
}

.tab-content {
  margin-top: 30px;
}

.review-tab {
  margin: 0;
}
.review-tab .tab-pane {
  padding: 20px;
  min-height: 290px;
}
.review-tab .nav-item .nav-link {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 500;
  color: #808B97;
  border: none;
}
.review-tab .nav-item .nav-link.active {
  background-color: transparent;
  border: none;
  color: #00162E;
  border-bottom: 2px solid #00162E;
}
.review-tab .nav-item .nav-link.active:hover {
  border-bottom: 2px solid #00162E;
}
.review-tab .nav-item .nav-link:hover {
  border: none;
}

.favorite-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-bottom: 1px solid #E5E8EA;
  padding-bottom: 16px;
  flex-wrap: wrap;
}
@media (max-width: 480.98px) {
  .favorite-tab {
    flex-direction: column;
    align-items: unset;
  }
}
.favorite-tab h3 {
  font-weight: 700;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
}
.favorite-tab .nav-tabs {
  border: none;
  gap: 12px;
}
.favorite-tab .nav-tabs .nav-item .nav-link {
  color: var(--primary-color);
  border: none;
  border-radius: calc(6px + 4 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 9px calc(22px + 5 * (100vw - 320px) / 1600);
}
.favorite-tab .nav-tabs .nav-item .nav-link::before {
  opacity: 0.1;
}
.favorite-tab .nav-tabs .nav-item .nav-link.active {
  background-color: var(--primary-color);
  color: #ffffff;
  font-weight: 500;
}
.favorite-tab ~ .tab-content {
  margin-top: calc(18px + 12 * (100vw - 320px) / 1600);
}

.provider-detail-tab .nav-tabs {
  flex-direction: column;
  gap: 16px;
}
.provider-detail-tab .nav-tabs .nav-item .nav-link {
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  border-radius: 8px;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
  padding: 12px;
  background-color: transparent;
}

.overview-list {
  list-style: disc;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
[dir=rtl] .overview-list {
  padding-left: 0;
  padding-right: 20px;
}
.overview-list li {
  display: list-item;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}

.provider-service-tab {
  padding-bottom: 16px;
  gap: 12px;
}
.provider-service-tab .nav-item .nav-link {
  background-color: rgba(84, 101, 255, 0.1);
  color: var(--primary-color);
  border: none;
  border-radius: 30px;
  font-size: 16px;
  padding: 6px 16px;
}
.provider-service-tab .nav-item .nav-link.active {
  background-color: var(--primary-color);
  color: #ffffff;
  font-weight: 500;
}

/* Layout */
/**=====================
    Announcement Bar (frontend - copied from admin)
==========================**/
.announcement-bar {
  padding: calc(10px + 4 * (100vw - 320px) / 1600);
  background-color: var(--primary-color);
  margin: 0;
  text-align: center;
  border-radius: 0;
  width: 100%;
  display: block;
  z-index: 5;
  background-image: url(images/announcement-bar.svg);
  background-repeat: repeat;
  background-size: cover;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (max-width: 575.98px) {
  .announcement-bar {
    flex-direction: column;
    height: auto;
    gap: calc(4px + 4 * (100vw - 320px) / 256);
  }
}
.announcement-bar .offer-text {
  color: white;
  letter-spacing: 0.4px;
  line-height: 1.3;
  font-size: calc(14px + 1 * (100vw - 320px) / 1600);
}
.announcement-bar .btn {
  color: var(--primary-color);
  display: inline-block;
  padding: 8px 13px;
  border-radius: 4px;
  transition: all 0.4s ease-in-out;
  font-weight: 500;
  font-size: 14px;
  line-height: 1;
  background-color: #fff;
  border: none;
  width: auto;
  letter-spacing: 0;
}
.announcement-bar .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
  outline: 1px solid white;
  color: white;
}

/**=====================
    Header scss
==========================**/
header {
  position: absolute;
  top: 52px;
  left: 0;
  width: 100%;
  z-index: 4;
}
@media (max-width: 575.98px) {
  header {
    top: calc(90px + -12 * (100vw - 320px) / 256);
  }
}
[dir=rtl] header {
  right: 0;
  left: unset;
}
header.active {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #010d25;
  box-shadow: 0 8px 10px rgba(0, 22, 46, 0.05);
  z-index: 20;
}
[dir=rtl] header.active {
  right: 0;
  left: unset;
}
header.active .container-fluid-xl {
  padding: 0 calc(12px + 88 * (100vw - 320px) / 1600);
}
header.active .navbar {
  padding-block: 40px !important;
}
@media (max-width: 1199.98px) {
  header.active .navbar {
    padding-block: calc(12px + 8 * (100vw - 320px) / 1600);
  }
}
header.active .navbar .onhover-show-div {
  background-color: #ffffff !important;
}
header.active .navbar .onhover-show-div li {
  color: rgba(0, 22, 46, 0.6) !important;
}
header.active .navbar .onhover-show-div li.location > div h5 {
  color: #00162E;
}
header.active .navbar .onhover-show-div li.location > div h6 {
  color: rgba(0, 22, 46, 0.5);
}
header.active .navbar .onhover-show-div li a {
  color: rgba(0, 22, 46, 0.6) !important;
}
header.active .navbar .onhover-show-div li i {
  --Iconsax-Color: #00162e99 !important;
}
header.active .navbar .onhover-show-div li:hover {
  color: #00162E !important;
}
header.active .navbar .onhover-show-div li:hover a {
  color: #00162E !important;
}
header.active .navbar .onhover-show-div li:hover i {
  --Iconsax-Color: #00162e !important;
}
header.active .navbar .onhover-show-div .detect-location .detect-location-title .location-icon {
  --Iconsax-Color: #00162e !important;
}
header.active .navbar .onhover-show-div .detect-location .detect-location-title h4 {
  color: #00162E !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content .detect-btn {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content .detect-btn i {
  --Iconsax-Color: var(--primary-color) !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content .detect-btn:hover {
  color: #ffffff !important;
  background-color: var(--primary-color) !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content .detect-btn:hover i {
  --Iconsax-Color: white !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content span {
  color: #00162E !important;
}
header.active .navbar .onhover-show-div .detect-location .location-content .location-search {
  background-color: #F5F6F7;
  color: #00162E;
}
header.active .navbar .onhover-show-div .detect-location .location-content .location-search::placeholder {
  color: #a3aab1;
}
header .top-header .navbar {
  padding-block: calc(15px + 8 * (100vw - 320px) / 1600) !important;
}
header .custom-navbar .logo-content {
  display: flex;
  align-items: center;
  gap: calc(4px + 11 * (100vw - 320px) / 1600);
}
header .custom-navbar .logo-content .navbar-toggler-icon {
  filter: invert(1);
}
header .custom-navbar i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: white;
}
header .custom-navbar .navbar-brand {
  margin: 0;
  padding: 0;
  font-size: 0;
}
header .custom-navbar .navbar-brand img {
  width: calc(70px + 46 * (100vw - 320px) / 1600);
  height: auto;
}
header .custom-navbar .location-dropdown {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #1d2537;
  padding: calc(6px + 4 * (100vw - 320px) / 1600);
  border-radius: 100px;
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: calc(100px + 110 * (100vw - 320px) / 1600);
}
@media (max-width: 1199px) {
  header .custom-navbar .location-dropdown {
    max-width: calc(100px + 110 * (100vw - 320px) / 879);
  }
}
header .custom-navbar .location-dropdown .location-btn {
  background: transparent;
  color: #ffffff;
  border: none;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 5px;
  overflow: auto;
}
@media (max-width: 576px) {
  header .custom-navbar .location-dropdown .location-btn {
    gap: 0;
  }
}
header .custom-navbar .location-dropdown .location-btn .location-svg {
  --Iconsax-Size: 22px;
  --Iconsax-Color: white;
}
header .custom-navbar .location-dropdown .location-btn .location-part {
  overflow: hidden;
  display: flex;
}
header .custom-navbar .location-dropdown .location-btn .location-part .location-place {
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
header .custom-navbar .location-dropdown .location-btn .arrow {
  ---Iconsax-Size: 18px;
  --Iconsax-Color: #ffffff;
}
@media (max-width: 576px) {
  header .custom-navbar .location-dropdown .location-btn .arrow {
    display: none;
  }
}
header .custom-navbar .location-dropdown .location-btn span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
@media (max-width: 576px) {
  header .custom-navbar .location-dropdown .location-btn span {
    display: none;
  }
}
header .custom-navbar .location-dropdown .onhover-show-div {
  min-width: 480px;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #1d2537;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -5%, 0);
  top: 45px;
  left: 0;
  padding: 15px;
  border-radius: 12px;
  width: 100%;
}
[dir=rtl] header .custom-navbar .location-dropdown .onhover-show-div {
  left: unset;
  right: 0;
}
@media (max-width: 767px) {
  header .custom-navbar .location-dropdown .onhover-show-div {
    left: calc(-103px + -17 * (100vw - 320px) / 230) !important;
  }
  [dir=rtl] header .custom-navbar .location-dropdown .onhover-show-div {
    left: unset !important;
    right: calc(-103px + -17 * (100vw - 320px) / 230) !important;
  }
}
@media (max-width: 550px) {
  header .custom-navbar .location-dropdown .onhover-show-div {
    min-width: calc(300px + 180 * (100vw - 320px) / 230);
  }
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title {
  display: flex;
  align-items: start;
  gap: 4px;
}
[dir=rtl] header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title {
  align-items: end;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title .location-icon {
  margin-top: 4px;
  --Iconsax-Color: white;
  --Iconsax-Size: 16px;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title h4 {
  font-size: 16px;
  color: #ffffff;
  line-height: 1.5;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title .close-btn {
  margin-left: auto;
  cursor: pointer;
}
[dir=rtl] header .custom-navbar .location-dropdown .onhover-show-div .detect-location .detect-location-title .close-btn {
  margin-left: unset;
  margin-right: auto;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
@media (max-width: 550px) {
  header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content {
    display: block;
  }
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn {
  border-radius: 8px;
  padding: 10px;
  color: var(--font-color);
  border-color: var(--font-color);
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn:hover, header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn:active {
  color: #222;
  background-color: var(--font-color);
  border-color: transparent;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn:hover i, header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn:active i {
  --Iconsax-Color: #222;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn i {
  transition: all 0.2s ease-in-out;
  --Iconsax-Color: var(--font-color);
}
@media (max-width: 550px) {
  header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .detect-btn {
    width: 100%;
  }
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .manually-location-btn {
  display: inline-block;
  width: auto;
  border-radius: 8px;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .manually-location-btn:hover {
  color: #ffffff;
  background-color: var(--primary-color);
}
@media (max-width: 550px) {
  header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .manually-location-btn {
    width: 100%;
  }
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content span {
  color: #ffffff;
  font-weight: 600;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content span.spinner-border {
  border: 0.15em solid var(--primary-color);
  border-right-color: transparent;
}
@media (max-width: 550px) {
  header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content span {
    width: 100%;
    margin: calc(8px + 2 * (100vw - 320px) / 230) 0;
    text-align: center;
  }
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .or-text {
  text-align: center;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .location-search {
  background-color: #F5F6F7;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location .location-content .location-search::placeholder {
  color: #a3aab1;
}
header .custom-navbar .location-dropdown .onhover-show-div .detect-location :hover a {
  color: #ffffff;
}
header .custom-navbar .location-dropdown .onhover-show-div .location {
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: start;
  justify-content: start;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent;
  gap: 8px;
  font-size: 16px;
  padding: 0;
}
header .custom-navbar .location-dropdown .onhover-show-div .location > div h5 {
  color: #ffffff;
  font-size: 18px;
}
header .custom-navbar .location-dropdown .onhover-show-div .location > div h6 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
  margin-top: 4px;
}
header .custom-navbar .location-dropdown .onhover-show-div .location > div img {
  border-radius: 0 !important;
  width: auto !important;
  height: auto !important;
}
header .custom-navbar .location-dropdown .onhover-show-div .location > div i {
  margin-top: 3px;
  --Iconsax-Color: #ffffff99;
}
header .custom-navbar .location-dropdown .onhover-show-div .location:hover {
  color: #ffffff;
}
header .custom-navbar .location-dropdown .onhover-show-div .location:hover i {
  --Iconsax-Color: white;
}
header .custom-navbar .location-dropdown .onhover-show-div .location + li {
  margin-top: 16px;
}
header .custom-navbar .location-dropdown .onhover-show-div.show {
  visibility: visible;
  opacity: 1;
  top: 60px;
  left: 0;
  z-index: 999;
}
[dir=rtl] header .custom-navbar .location-dropdown .onhover-show-div.show {
  left: unset;
  right: 0;
}
header .custom-navbar .location-dropdown .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 900;
}
[dir=rtl] header .custom-navbar .location-dropdown .overlay {
  left: unset;
  right: 0;
}
header .custom-navbar .no-dropdown a {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 30px;
  height: 42px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
}
header .custom-navbar .no-dropdown a span {
  color: white;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-size: 16px;
}
header .custom-navbar .no-dropdown a img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
header .custom-navbar .nav-right {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
@media (max-width: 767.98px) {
  header .custom-navbar .nav-right {
    gap: 6px;
  }
}
header .custom-navbar .nav-right .nav-item-right {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  padding: calc(5px + 2 * (100vw - 320px) / 1600) calc(6px + 3 * (100vw - 320px) / 1600);
  border-radius: 100%;
  position: relative;
}
header .custom-navbar .nav-right .nav-item-right .badge {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -5px;
  right: -5px;
  background-color: #fb4040;
  border-radius: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
header .custom-navbar .nav-right .nav-item-right.login-btn {
  border: none;
  background-color: transparent;
  padding: 0;
}
@media (max-width: 767.98px) {
  header .custom-navbar .nav-right .nav-item-right.login-btn a span {
    display: none;
  }
}
header .custom-navbar .nav-right .nav-item-right .btn.btn-outline {
  border-radius: 100px;
  padding: 8px 30px;
  border-color: var(--font-color);
  color: var(--font-color);
  background-color: transparent;
}
header .custom-navbar .nav-right .nav-item-right .btn.btn-outline:hover {
  background-color: var(--font-color);
  color: var(--primary-color);
}
@media (max-width: 991.98px) {
  header .custom-navbar .nav-right .nav-item-right .btn.btn-outline {
    padding: 4px 12px;
    font-size: 16px;
  }
}
header .custom-navbar .nav-right .nav-item-right + .nav-item-right {
  position: relative;
  margin-left: 10px;
}
[dir=rtl] header .custom-navbar .nav-right .nav-item-right + .nav-item-right {
  margin-left: unset;
  margin-right: 10px;
}
header .custom-navbar .nav-right .nav-item-right + .nav-item-right:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] header .custom-navbar .nav-right .nav-item-right + .nav-item-right:before {
  left: unset;
  right: -10px;
}
header .custom-navbar .nav-right .no-dropdown,
header .custom-navbar .nav-right .language-dropdown,
header .custom-navbar .nav-right .currency-dropdown,
header .custom-navbar .nav-right .profile-dropdown {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 30px;
  height: 42px;
}
header .custom-navbar .nav-right .no-dropdown img,
header .custom-navbar .nav-right .language-dropdown img,
header .custom-navbar .nav-right .currency-dropdown img,
header .custom-navbar .nav-right .profile-dropdown img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
header .custom-navbar .nav-right .no-dropdown .language-btn,
header .custom-navbar .nav-right .no-dropdown .currency-btn,
header .custom-navbar .nav-right .no-dropdown .profile-btn,
header .custom-navbar .nav-right .language-dropdown .language-btn,
header .custom-navbar .nav-right .language-dropdown .currency-btn,
header .custom-navbar .nav-right .language-dropdown .profile-btn,
header .custom-navbar .nav-right .currency-dropdown .language-btn,
header .custom-navbar .nav-right .currency-dropdown .currency-btn,
header .custom-navbar .nav-right .currency-dropdown .profile-btn,
header .custom-navbar .nav-right .profile-dropdown .language-btn,
header .custom-navbar .nav-right .profile-dropdown .currency-btn,
header .custom-navbar .nav-right .profile-dropdown .profile-btn {
  background: transparent;
  color: #ffffff;
  border: none;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  white-space: nowrap;
}
header .custom-navbar .nav-right .no-dropdown .language-btn span,
header .custom-navbar .nav-right .no-dropdown .language-btn a,
header .custom-navbar .nav-right .no-dropdown .currency-btn span,
header .custom-navbar .nav-right .no-dropdown .currency-btn a,
header .custom-navbar .nav-right .no-dropdown .profile-btn span,
header .custom-navbar .nav-right .no-dropdown .profile-btn a,
header .custom-navbar .nav-right .language-dropdown .language-btn span,
header .custom-navbar .nav-right .language-dropdown .language-btn a,
header .custom-navbar .nav-right .language-dropdown .currency-btn span,
header .custom-navbar .nav-right .language-dropdown .currency-btn a,
header .custom-navbar .nav-right .language-dropdown .profile-btn span,
header .custom-navbar .nav-right .language-dropdown .profile-btn a,
header .custom-navbar .nav-right .currency-dropdown .language-btn span,
header .custom-navbar .nav-right .currency-dropdown .language-btn a,
header .custom-navbar .nav-right .currency-dropdown .currency-btn span,
header .custom-navbar .nav-right .currency-dropdown .currency-btn a,
header .custom-navbar .nav-right .currency-dropdown .profile-btn span,
header .custom-navbar .nav-right .currency-dropdown .profile-btn a,
header .custom-navbar .nav-right .profile-dropdown .language-btn span,
header .custom-navbar .nav-right .profile-dropdown .language-btn a,
header .custom-navbar .nav-right .profile-dropdown .currency-btn span,
header .custom-navbar .nav-right .profile-dropdown .currency-btn a,
header .custom-navbar .nav-right .profile-dropdown .profile-btn span,
header .custom-navbar .nav-right .profile-dropdown .profile-btn a {
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-size: 16px;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div {
  min-width: 150px;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #1d2537;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -5%, 0);
  top: 45px;
  right: 0;
  padding: 15px;
  border-radius: 12px;
  width: max-content;
}
[dir=rtl] header .custom-navbar .nav-right .no-dropdown .onhover-show-div,
[dir=rtl] header .custom-navbar .nav-right .language-dropdown .onhover-show-div,
[dir=rtl] header .custom-navbar .nav-right .currency-dropdown .onhover-show-div,
[dir=rtl] header .custom-navbar .nav-right .profile-dropdown .onhover-show-div {
  left: 0;
  right: unset;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link {
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent;
  gap: 10px;
  font-size: 15px;
  padding: 0;
  white-space: nowrap;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link a {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  gap: 10px;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link i {
  --Iconsax-Color: #ffffff99;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang .lang-img,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency .lang-img,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile .lang-img,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link .lang-img,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang .lang-img,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency .lang-img,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile .lang-img,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link .lang-img,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang .lang-img,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency .lang-img,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile .lang-img,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link .lang-img,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang .lang-img,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency .lang-img,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile .lang-img,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link .lang-img {
  width: 24px !important;
  height: 24px !important;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang:hover,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency:hover,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile:hover,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link:hover,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang:hover,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency:hover,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile:hover,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link:hover,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang:hover,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency:hover,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile:hover,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link:hover,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang:hover,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency:hover,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile:hover,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link:hover {
  color: #ffffff;
  transform: translateX(5px);
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang:hover a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency:hover a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile:hover a,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link:hover a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang:hover a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency:hover a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile:hover a,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link:hover a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang:hover a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency:hover a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile:hover a,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link:hover a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang:hover a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency:hover a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile:hover a,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link:hover a {
  color: #ffffff;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang:hover i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency:hover i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile:hover i,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link:hover i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang:hover i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency:hover i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile:hover i,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link:hover i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang:hover i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency:hover i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile:hover i,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link:hover i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang:hover i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency:hover i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile:hover i,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link:hover i {
  --Iconsax-Color: white;
}
[dir=rtl] header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link:hover {
  transform: translateX(-5px);
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .lang + li,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency + li,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .profile + li,
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .page-link + li,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .lang + li,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency + li,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .profile + li,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .page-link + li,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .lang + li,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency + li,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .profile + li,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .page-link + li,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .lang + li,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency + li,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .profile + li,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .page-link + li {
  margin-top: 16px;
}
header .custom-navbar .nav-right .no-dropdown .onhover-show-div .currency img,
header .custom-navbar .nav-right .language-dropdown .onhover-show-div .currency img,
header .custom-navbar .nav-right .currency-dropdown .onhover-show-div .currency img,
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div .currency img {
  height: 24px !important;
}
header .custom-navbar .nav-right .no-dropdown:hover .onhover-show-div,
header .custom-navbar .nav-right .language-dropdown:hover .onhover-show-div,
header .custom-navbar .nav-right .currency-dropdown:hover .onhover-show-div,
header .custom-navbar .nav-right .profile-dropdown:hover .onhover-show-div {
  opacity: 1;
  visibility: visible;
  transform: none;
}
header .custom-navbar .nav-right .no-dropdown .profile-btn .initial-letter,
header .custom-navbar .nav-right .language-dropdown .profile-btn .initial-letter,
header .custom-navbar .nav-right .currency-dropdown .profile-btn .initial-letter,
header .custom-navbar .nav-right .profile-dropdown .profile-btn .initial-letter {
  background-color: #ffffff;
  padding: 5px;
  color: #00162E;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 576px) {
  header .custom-navbar .nav-right .no-dropdown .profile-btn .profile-text,
  header .custom-navbar .nav-right .language-dropdown .profile-btn .profile-text,
  header .custom-navbar .nav-right .currency-dropdown .profile-btn .profile-text,
  header .custom-navbar .nav-right .profile-dropdown .profile-btn .profile-text {
    display: none;
  }
}
@media (max-width: 576px) {
  header .custom-navbar .nav-right .no-dropdown .profile-btn,
  header .custom-navbar .nav-right .language-dropdown .profile-btn,
  header .custom-navbar .nav-right .currency-dropdown .profile-btn,
  header .custom-navbar .nav-right .profile-dropdown .profile-btn {
    gap: 0;
  }
}
header .custom-navbar .nav-right .no-dropdown,
header .custom-navbar .nav-right .currency-dropdown {
  padding-left: 40px !important;
}
header .custom-navbar .nav-right .no-dropdown .currency-btn img,
header .custom-navbar .nav-right .currency-dropdown .currency-btn img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
header .custom-navbar .nav-right .profile-dropdown img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
header .custom-navbar .nav-right .profile-dropdown .onhover-show-div {
  top: 53px;
  width: 100%;
}
header .custom-navbar .nav-right i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: white;
}
header .custom-navbar .navbar-toggler {
  border: none;
  padding: 0;
}
header .custom-navbar .navbar-toggler .navbar-toggler-icon {
  width: 20px;
  height: 20px;
}
header .custom-navbar .navbar-toggler:focus {
  box-shadow: none;
}
header .custom-navbar .navbar-collapse .navbar-nav {
  gap: calc(15px + 20 * (100vw - 1200px) / 720);
}
header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  color: rgba(255, 255, 255, 0.7);
  padding-left: 0;
  font-weight: 400;
  padding-right: 0;
}
header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
  color: #ffffff;
}
header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  font-weight: 500;
  color: var(--font-color);
}
@media (max-width: 1199.98px) {
  header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
    color: var(--primary-color);
  }
}
@media (max-width: 1199.98px) {
  header .custom-navbar .navbar-collapse {
    position: fixed;
    top: 0;
    background-color: #ffffff;
    left: -350px;
    width: calc(300px + 20 * (100vw - 320px) / 880);
    height: 100%;
    transition: all 0.3s ease-in-out;
    visibility: visible;
    opacity: 1;
    display: block;
  }
  [dir=rtl] header .custom-navbar .navbar-collapse {
    left: unset;
    right: -350px;
  }
  header .custom-navbar .navbar-collapse .navbar-header {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 8px 10px rgba(0, 22, 46, 0.05);
  }
  header .custom-navbar .navbar-collapse .navbar-header h4 {
    color: var(--primary-color);
    font-weight: 600;
    line-height: 23px;
  }
  header .custom-navbar .navbar-collapse .navbar-header i {
    ---Iconsax-Size: 18px;
    --Iconsax-Color: #a3aab1;
  }
  header .custom-navbar .navbar-collapse .navbar-header .btn-close {
    box-shadow: unset;
  }
  header .custom-navbar .navbar-collapse .navbar-nav {
    padding: 20px;
    height: 100%;
    gap: 16px;
    overflow: auto;
  }
  header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #00162E;
    padding: 0;
  }
  header .custom-navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #00162E;
  }
  header .custom-navbar .navbar-collapse.show {
    transition: all 0.3s ease-in;
    left: 0;
    z-index: 2;
    visibility: visible;
    opacity: 1;
  }
  [dir=rtl] header .custom-navbar .navbar-collapse.show {
    left: unset;
    right: 0;
  }
}
header .nav-right {
  display: flex;
  align-items: center;
  gap: calc(6px + 6 * (100vw - 320px) / 1600);
}
@media (max-width: 767.98px) {
  header .nav-right {
    gap: 6px;
  }
}
header .nav-right .nav-item-right {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  padding: calc(5px + 2 * (100vw - 320px) / 1600) calc(6px + 3 * (100vw - 320px) / 1600);
  border-radius: 100%;
  position: relative;
}
header .nav-right .nav-item-right .badge {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -5px;
  right: -5px;
  background-color: #fb4040;
  border-radius: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
header .nav-right .nav-item-right.login-btn {
  border: none;
  background-color: transparent;
  padding: 0;
}
@media (max-width: 767.98px) {
  header .nav-right .nav-item-right.login-btn a span {
    display: none;
  }
}
header .nav-right .nav-item-right .btn.btn-outline {
  border-radius: 30px;
  padding: 8px 30px;
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}
@media (max-width: 991.98px) {
  header .nav-right .nav-item-right .btn.btn-outline {
    padding: 4px 12px;
    font-size: 16px;
  }
}
header .nav-right .nav-item-right + .nav-item-right {
  position: relative;
  margin-left: 10px;
}
[dir=rtl] header .nav-right .nav-item-right + .nav-item-right {
  margin-left: unset;
  margin-right: 10px;
}
header .nav-right .nav-item-right + .nav-item-right:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
[dir=rtl] header .nav-right .nav-item-right + .nav-item-right:before {
  left: unset;
  right: -10px;
}
header .nav-right .no-dropdown,
header .nav-right .language-dropdown,
header .nav-right .currency-dropdown,
header .nav-right .profile-dropdown {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border-radius: 30px;
  height: 42px;
}
header .nav-right .no-dropdown img,
header .nav-right .language-dropdown img,
header .nav-right .currency-dropdown img,
header .nav-right .profile-dropdown img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
header .nav-right .no-dropdown .language-btn,
header .nav-right .no-dropdown .currency-btn,
header .nav-right .no-dropdown .profile-btn,
header .nav-right .language-dropdown .language-btn,
header .nav-right .language-dropdown .currency-btn,
header .nav-right .language-dropdown .profile-btn,
header .nav-right .currency-dropdown .language-btn,
header .nav-right .currency-dropdown .currency-btn,
header .nav-right .currency-dropdown .profile-btn,
header .nav-right .profile-dropdown .language-btn,
header .nav-right .profile-dropdown .currency-btn,
header .nav-right .profile-dropdown .profile-btn {
  background: transparent;
  color: #ffffff;
  border: none;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  white-space: nowrap;
}
header .nav-right .no-dropdown .language-btn span,
header .nav-right .no-dropdown .language-btn a,
header .nav-right .no-dropdown .currency-btn span,
header .nav-right .no-dropdown .currency-btn a,
header .nav-right .no-dropdown .profile-btn span,
header .nav-right .no-dropdown .profile-btn a,
header .nav-right .language-dropdown .language-btn span,
header .nav-right .language-dropdown .language-btn a,
header .nav-right .language-dropdown .currency-btn span,
header .nav-right .language-dropdown .currency-btn a,
header .nav-right .language-dropdown .profile-btn span,
header .nav-right .language-dropdown .profile-btn a,
header .nav-right .currency-dropdown .language-btn span,
header .nav-right .currency-dropdown .language-btn a,
header .nav-right .currency-dropdown .currency-btn span,
header .nav-right .currency-dropdown .currency-btn a,
header .nav-right .currency-dropdown .profile-btn span,
header .nav-right .currency-dropdown .profile-btn a,
header .nav-right .profile-dropdown .language-btn span,
header .nav-right .profile-dropdown .language-btn a,
header .nav-right .profile-dropdown .currency-btn span,
header .nav-right .profile-dropdown .currency-btn a,
header .nav-right .profile-dropdown .profile-btn span,
header .nav-right .profile-dropdown .profile-btn a {
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  font-size: 16px;
}
header .nav-right .no-dropdown .onhover-show-div,
header .nav-right .language-dropdown .onhover-show-div,
header .nav-right .currency-dropdown .onhover-show-div,
header .nav-right .profile-dropdown .onhover-show-div {
  min-width: 150px;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #1d2537;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -5%, 0);
  top: 45px;
  right: 0;
  padding: 15px;
  border-radius: 12px;
  width: max-content;
}
[dir=rtl] header .nav-right .no-dropdown .onhover-show-div,
[dir=rtl] header .nav-right .language-dropdown .onhover-show-div,
[dir=rtl] header .nav-right .currency-dropdown .onhover-show-div,
[dir=rtl] header .nav-right .profile-dropdown .onhover-show-div {
  left: 0;
  right: unset;
}
header .nav-right .no-dropdown .onhover-show-div .lang,
header .nav-right .no-dropdown .onhover-show-div .currency,
header .nav-right .no-dropdown .onhover-show-div .profile,
header .nav-right .no-dropdown .onhover-show-div .page-link,
header .nav-right .language-dropdown .onhover-show-div .lang,
header .nav-right .language-dropdown .onhover-show-div .currency,
header .nav-right .language-dropdown .onhover-show-div .profile,
header .nav-right .language-dropdown .onhover-show-div .page-link,
header .nav-right .currency-dropdown .onhover-show-div .lang,
header .nav-right .currency-dropdown .onhover-show-div .currency,
header .nav-right .currency-dropdown .onhover-show-div .profile,
header .nav-right .currency-dropdown .onhover-show-div .page-link,
header .nav-right .profile-dropdown .onhover-show-div .lang,
header .nav-right .profile-dropdown .onhover-show-div .currency,
header .nav-right .profile-dropdown .onhover-show-div .profile,
header .nav-right .profile-dropdown .onhover-show-div .page-link {
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  border: none;
  color: rgba(255, 255, 255, 0.6);
  background-color: transparent;
  gap: 10px;
  font-size: 15px;
  padding: 0;
  white-space: nowrap;
}
header .nav-right .no-dropdown .onhover-show-div .lang a,
header .nav-right .no-dropdown .onhover-show-div .currency a,
header .nav-right .no-dropdown .onhover-show-div .profile a,
header .nav-right .no-dropdown .onhover-show-div .page-link a,
header .nav-right .language-dropdown .onhover-show-div .lang a,
header .nav-right .language-dropdown .onhover-show-div .currency a,
header .nav-right .language-dropdown .onhover-show-div .profile a,
header .nav-right .language-dropdown .onhover-show-div .page-link a,
header .nav-right .currency-dropdown .onhover-show-div .lang a,
header .nav-right .currency-dropdown .onhover-show-div .currency a,
header .nav-right .currency-dropdown .onhover-show-div .profile a,
header .nav-right .currency-dropdown .onhover-show-div .page-link a,
header .nav-right .profile-dropdown .onhover-show-div .lang a,
header .nav-right .profile-dropdown .onhover-show-div .currency a,
header .nav-right .profile-dropdown .onhover-show-div .profile a,
header .nav-right .profile-dropdown .onhover-show-div .page-link a {
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  align-items: center;
  gap: 10px;
}
header .nav-right .no-dropdown .onhover-show-div .lang i,
header .nav-right .no-dropdown .onhover-show-div .currency i,
header .nav-right .no-dropdown .onhover-show-div .profile i,
header .nav-right .no-dropdown .onhover-show-div .page-link i,
header .nav-right .language-dropdown .onhover-show-div .lang i,
header .nav-right .language-dropdown .onhover-show-div .currency i,
header .nav-right .language-dropdown .onhover-show-div .profile i,
header .nav-right .language-dropdown .onhover-show-div .page-link i,
header .nav-right .currency-dropdown .onhover-show-div .lang i,
header .nav-right .currency-dropdown .onhover-show-div .currency i,
header .nav-right .currency-dropdown .onhover-show-div .profile i,
header .nav-right .currency-dropdown .onhover-show-div .page-link i,
header .nav-right .profile-dropdown .onhover-show-div .lang i,
header .nav-right .profile-dropdown .onhover-show-div .currency i,
header .nav-right .profile-dropdown .onhover-show-div .profile i,
header .nav-right .profile-dropdown .onhover-show-div .page-link i {
  --Iconsax-Color: #ffffff99;
}
header .nav-right .no-dropdown .onhover-show-div .lang .lang-img,
header .nav-right .no-dropdown .onhover-show-div .currency .lang-img,
header .nav-right .no-dropdown .onhover-show-div .profile .lang-img,
header .nav-right .no-dropdown .onhover-show-div .page-link .lang-img,
header .nav-right .language-dropdown .onhover-show-div .lang .lang-img,
header .nav-right .language-dropdown .onhover-show-div .currency .lang-img,
header .nav-right .language-dropdown .onhover-show-div .profile .lang-img,
header .nav-right .language-dropdown .onhover-show-div .page-link .lang-img,
header .nav-right .currency-dropdown .onhover-show-div .lang .lang-img,
header .nav-right .currency-dropdown .onhover-show-div .currency .lang-img,
header .nav-right .currency-dropdown .onhover-show-div .profile .lang-img,
header .nav-right .currency-dropdown .onhover-show-div .page-link .lang-img,
header .nav-right .profile-dropdown .onhover-show-div .lang .lang-img,
header .nav-right .profile-dropdown .onhover-show-div .currency .lang-img,
header .nav-right .profile-dropdown .onhover-show-div .profile .lang-img,
header .nav-right .profile-dropdown .onhover-show-div .page-link .lang-img {
  width: 24px !important;
  height: 24px !important;
}
header .nav-right .no-dropdown .onhover-show-div .lang:hover,
header .nav-right .no-dropdown .onhover-show-div .currency:hover,
header .nav-right .no-dropdown .onhover-show-div .profile:hover,
header .nav-right .no-dropdown .onhover-show-div .page-link:hover,
header .nav-right .language-dropdown .onhover-show-div .lang:hover,
header .nav-right .language-dropdown .onhover-show-div .currency:hover,
header .nav-right .language-dropdown .onhover-show-div .profile:hover,
header .nav-right .language-dropdown .onhover-show-div .page-link:hover,
header .nav-right .currency-dropdown .onhover-show-div .lang:hover,
header .nav-right .currency-dropdown .onhover-show-div .currency:hover,
header .nav-right .currency-dropdown .onhover-show-div .profile:hover,
header .nav-right .currency-dropdown .onhover-show-div .page-link:hover,
header .nav-right .profile-dropdown .onhover-show-div .lang:hover,
header .nav-right .profile-dropdown .onhover-show-div .currency:hover,
header .nav-right .profile-dropdown .onhover-show-div .profile:hover,
header .nav-right .profile-dropdown .onhover-show-div .page-link:hover {
  color: #ffffff;
  transform: translateX(5px);
}
header .nav-right .no-dropdown .onhover-show-div .lang:hover a,
header .nav-right .no-dropdown .onhover-show-div .currency:hover a,
header .nav-right .no-dropdown .onhover-show-div .profile:hover a,
header .nav-right .no-dropdown .onhover-show-div .page-link:hover a,
header .nav-right .language-dropdown .onhover-show-div .lang:hover a,
header .nav-right .language-dropdown .onhover-show-div .currency:hover a,
header .nav-right .language-dropdown .onhover-show-div .profile:hover a,
header .nav-right .language-dropdown .onhover-show-div .page-link:hover a,
header .nav-right .currency-dropdown .onhover-show-div .lang:hover a,
header .nav-right .currency-dropdown .onhover-show-div .currency:hover a,
header .nav-right .currency-dropdown .onhover-show-div .profile:hover a,
header .nav-right .currency-dropdown .onhover-show-div .page-link:hover a,
header .nav-right .profile-dropdown .onhover-show-div .lang:hover a,
header .nav-right .profile-dropdown .onhover-show-div .currency:hover a,
header .nav-right .profile-dropdown .onhover-show-div .profile:hover a,
header .nav-right .profile-dropdown .onhover-show-div .page-link:hover a {
  color: #ffffff;
}
header .nav-right .no-dropdown .onhover-show-div .lang:hover i,
header .nav-right .no-dropdown .onhover-show-div .currency:hover i,
header .nav-right .no-dropdown .onhover-show-div .profile:hover i,
header .nav-right .no-dropdown .onhover-show-div .page-link:hover i,
header .nav-right .language-dropdown .onhover-show-div .lang:hover i,
header .nav-right .language-dropdown .onhover-show-div .currency:hover i,
header .nav-right .language-dropdown .onhover-show-div .profile:hover i,
header .nav-right .language-dropdown .onhover-show-div .page-link:hover i,
header .nav-right .currency-dropdown .onhover-show-div .lang:hover i,
header .nav-right .currency-dropdown .onhover-show-div .currency:hover i,
header .nav-right .currency-dropdown .onhover-show-div .profile:hover i,
header .nav-right .currency-dropdown .onhover-show-div .page-link:hover i,
header .nav-right .profile-dropdown .onhover-show-div .lang:hover i,
header .nav-right .profile-dropdown .onhover-show-div .currency:hover i,
header .nav-right .profile-dropdown .onhover-show-div .profile:hover i,
header .nav-right .profile-dropdown .onhover-show-div .page-link:hover i {
  --Iconsax-Color: white;
}
[dir=rtl] header .nav-right .no-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .nav-right .no-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .nav-right .no-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .nav-right .no-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .nav-right .language-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .nav-right .language-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .nav-right .language-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .nav-right .language-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .nav-right .currency-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .nav-right .currency-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .nav-right .currency-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .nav-right .currency-dropdown .onhover-show-div .page-link:hover,
[dir=rtl] header .nav-right .profile-dropdown .onhover-show-div .lang:hover,
[dir=rtl] header .nav-right .profile-dropdown .onhover-show-div .currency:hover,
[dir=rtl] header .nav-right .profile-dropdown .onhover-show-div .profile:hover,
[dir=rtl] header .nav-right .profile-dropdown .onhover-show-div .page-link:hover {
  transform: translateX(-5px);
}
header .nav-right .no-dropdown .onhover-show-div .lang + li,
header .nav-right .no-dropdown .onhover-show-div .currency + li,
header .nav-right .no-dropdown .onhover-show-div .profile + li,
header .nav-right .no-dropdown .onhover-show-div .page-link + li,
header .nav-right .language-dropdown .onhover-show-div .lang + li,
header .nav-right .language-dropdown .onhover-show-div .currency + li,
header .nav-right .language-dropdown .onhover-show-div .profile + li,
header .nav-right .language-dropdown .onhover-show-div .page-link + li,
header .nav-right .currency-dropdown .onhover-show-div .lang + li,
header .nav-right .currency-dropdown .onhover-show-div .currency + li,
header .nav-right .currency-dropdown .onhover-show-div .profile + li,
header .nav-right .currency-dropdown .onhover-show-div .page-link + li,
header .nav-right .profile-dropdown .onhover-show-div .lang + li,
header .nav-right .profile-dropdown .onhover-show-div .currency + li,
header .nav-right .profile-dropdown .onhover-show-div .profile + li,
header .nav-right .profile-dropdown .onhover-show-div .page-link + li {
  margin-top: 16px;
}
header .nav-right .no-dropdown .onhover-show-div .currency img,
header .nav-right .language-dropdown .onhover-show-div .currency img,
header .nav-right .currency-dropdown .onhover-show-div .currency img,
header .nav-right .profile-dropdown .onhover-show-div .currency img {
  height: 24px !important;
}
header .nav-right .no-dropdown:hover .onhover-show-div,
header .nav-right .language-dropdown:hover .onhover-show-div,
header .nav-right .currency-dropdown:hover .onhover-show-div,
header .nav-right .profile-dropdown:hover .onhover-show-div {
  opacity: 1;
  visibility: visible;
  transform: none;
}
header .nav-right .no-dropdown .profile-btn .initial-letter,
header .nav-right .language-dropdown .profile-btn .initial-letter,
header .nav-right .currency-dropdown .profile-btn .initial-letter,
header .nav-right .profile-dropdown .profile-btn .initial-letter {
  background-color: #ffffff;
  padding: 5px;
  color: #00162E;
  border-radius: 100%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 576px) {
  header .nav-right .no-dropdown .profile-btn .profile-text,
  header .nav-right .language-dropdown .profile-btn .profile-text,
  header .nav-right .currency-dropdown .profile-btn .profile-text,
  header .nav-right .profile-dropdown .profile-btn .profile-text {
    display: none;
  }
}
@media (max-width: 576px) {
  header .nav-right .no-dropdown .profile-btn,
  header .nav-right .language-dropdown .profile-btn,
  header .nav-right .currency-dropdown .profile-btn,
  header .nav-right .profile-dropdown .profile-btn {
    gap: 0;
  }
}
header .nav-right .no-dropdown,
header .nav-right .currency-dropdown {
  padding-left: 40px !important;
  position: relative;
}
header .nav-right .no-dropdown .currency-btn img,
header .nav-right .currency-dropdown .currency-btn img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8px;
}
header .nav-right .no-dropdown:has(.language-btn) {
  padding: 8px !important;
}
header .nav-right .profile-dropdown img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
header .nav-right .profile-dropdown .onhover-show-div {
  top: 53px;
  width: 100%;
}
header .nav-right i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: white;
}
header .sub-header {
  background-color: transparent;
  padding: calc(12px + 5 * (100vw - 320px) / 1600) 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 1px solid rgba(var(--white), 0.2);
}
header .sub-header .nav-right .no-dropdown,
header .sub-header .nav-right .currency-dropdown,
header .sub-header .nav-right .language-dropdown {
  background-color: transparent;
  border: none;
  padding: 0 !important;
  height: auto;
}
header .sub-header .nav-right .no-dropdown .currency-btn img,
header .sub-header .nav-right .no-dropdown .language-btn img,
header .sub-header .nav-right .currency-dropdown .currency-btn img,
header .sub-header .nav-right .currency-dropdown .language-btn img,
header .sub-header .nav-right .language-dropdown .currency-btn img,
header .sub-header .nav-right .language-dropdown .language-btn img {
  position: relative;
  inset: unset;
  transform: unset;
  height: 20px !important;
  width: 20px !important;
}
header .sub-header .nav-right .no-dropdown .currency-btn span,
header .sub-header .nav-right .no-dropdown .language-btn span,
header .sub-header .nav-right .currency-dropdown .currency-btn span,
header .sub-header .nav-right .currency-dropdown .language-btn span,
header .sub-header .nav-right .language-dropdown .currency-btn span,
header .sub-header .nav-right .language-dropdown .language-btn span {
  gap: 7px;
}

.newsletter-section .newsletter-content {
  position: relative;
  background-image: url(/build/assets/newsletter-BfsXrFfY.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  padding-top: 1px;
}
@media (max-width: 767.98px) {
  .newsletter-section .newsletter-content {
    background-image: none;
  }
}
.newsletter-section .newsletter-content .newsletter-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: -1;
}
.newsletter-section .newsletter-content .newsletter-detail {
  color: #ffffff;
  padding: calc(60px + 40 * (100vw - 992px) / 928) 0 calc(20px + 10 * (100vw - 992px) / 928);
  padding-right: calc(40px + 60 * (100vw - 992px) / 928);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .newsletter-section .newsletter-content .newsletter-detail {
    padding: calc(15px + 15 * (100vw - 320px) / 1600);
    border-radius: calc(12px + 8 * (100vw - 320px) / 448);
    background-color: var(--primary-color);
  }
}
.newsletter-section .newsletter-content .newsletter-detail h2 {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
  font-size: calc(18px + 12 * (100vw - 320px) / 1600);
  letter-spacing: 0.9px;
}
.newsletter-section .newsletter-content .newsletter-detail p {
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.6);
  margin: 0;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.newsletter-section .newsletter-content .newsletter-detail .form-group {
  display: flex;
  align-items: center;
  gap: 6px;
  padding-top: calc(14px + 10 * (100vw - 320px) / 1600);
  margin: 0;
}
@media (max-width: 575.98px) {
  .newsletter-section .newsletter-content .newsletter-detail .form-group {
    flex-direction: column;
    align-items: unset;
  }
}
.newsletter-section .newsletter-content .newsletter-detail .form-group .form-control {
  border-radius: 6px;
  background-color: #ffffff;
  color: #808B97;
  padding: 14px 20px;
  border: none;
}
@media (max-width: 575.98px) {
  .newsletter-section .newsletter-content .newsletter-detail .form-group .form-control {
    padding: 10px 13px;
  }
}
.newsletter-section .newsletter-content .newsletter-detail .form-group .btn {
  border-radius: 6px;
  width: max-content;
  padding: 14px 20px;
}
.newsletter-section .newsletter-content .newsletter-detail .form-group .btn span {
  padding: 0;
}
@media (max-width: 575.98px) {
  .newsletter-section .newsletter-content .newsletter-detail .form-group .btn {
    padding: 10px 16px;
    font-size: 14px;
  }
  .newsletter-section .newsletter-content .newsletter-detail .form-group .btn span {
    display: none;
  }
}
[dir=rtl] .newsletter-section .newsletter-content .newsletter-icons {
  order: 1;
}
@media (max-width: 767.98px) {
  .newsletter-section .newsletter-content .newsletter-icons {
    display: none;
  }
}
.newsletter-section .newsletter-content .newsletter-icons img {
  position: absolute;
  animation: mover 2s infinite alternate;
  animation-delay: 1s;
}
.newsletter-section .newsletter-content .newsletter-icons .newsletter-1 {
  top: 140px;
  left: 70px;
  height: 90px;
}
.newsletter-section .newsletter-content .newsletter-icons .newsletter-2 {
  top: 50px;
  right: 90px;
  height: 16px;
}
[dir=rtl] .newsletter-section .newsletter-content .newsletter-icons .newsletter-2 {
  right: unset;
  left: 90px;
}
@media (max-width: 991.98px) {
  .newsletter-section .newsletter-content .newsletter-icons .newsletter-2 {
    display: none;
  }
}
.newsletter-section .newsletter-content .newsletter-icons .newsletter-3 {
  bottom: -30px;
  right: 330px;
  height: 90px;
}
[dir=rtl] .newsletter-section .newsletter-content .newsletter-icons .newsletter-3 {
  right: unset;
  left: 330px;
}
@media (max-width: 1366px) {
  .newsletter-section .newsletter-content .newsletter-icons .newsletter-3 {
    display: none;
  }
}
.newsletter-section .newsletter-content .newsletter-icons .man-image {
  position: relative;
  animation: none;
}

/**=====================
    Footer scss
==========================**/
.footer-section {
  background-color: #00162E;
  padding: calc(30px + 20 * (100vw - 320px) / 1600) 0;
}
.footer-section .copyright {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding-bottom: 12px;
  margin-bottom: calc(14px + 16 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .footer-section .copyright {
    flex-direction: column;
    align-items: start;
  }
  [dir=rtl] .footer-section .copyright {
    align-items: end;
  }
}
@media (max-width: 575.98px) {
  .footer-section .copyright .footer-logo {
    width: 100%;
    margin-bottom: 6px;
  }
  [dir=rtl] .footer-section .copyright .footer-logo {
    text-align: right;
  }
}
.footer-section .copyright .footer-logo img {
  height: calc(30px + 10 * (100vw - 320px) / 1600);
}
.footer-section .copyright p {
  color: #ffffff;
  margin: 0;
  font-size: calc(15px + 1 * (100vw - 320px) / 880);
  white-space: nowrap;
}
@media (max-width: 575.98px) {
  [dir=rtl] .footer-section .copyright p {
    text-align: right;
    width: 100%;
  }
}
.footer-section .copyright .iconsax {
  padding-right: 5px;
  --Iconsax-Color: #fff;
  --Iconsax-Size: calc(18px + (22 - 18) * ((100vw - 320px) / (1200 - 320)));
}
.footer-section i {
  --Iconsax-Size: 22px;
  --Iconsax-Color: var(--primary-color);
}
.footer-section .heading-footer {
  font-weight: 400;
  line-height: 26px;
  color: #ffffff;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .footer-section .heading-footer {
    margin-bottom: 6px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    padding-bottom: 6px;
  }
}
.footer-section .heading-footer svg {
  width: 23px;
  height: 11px;
}
.footer-section .heading-footer .down-arrow {
  margin-left: auto;
  --Iconsax-Color: #fff;
  transition: transform 0.15s ease-in-out;
}
[dir=rtl] .footer-section .heading-footer .down-arrow {
  margin-left: unset;
  margin-right: auto;
}
.footer-section ul {
  margin-left: 30px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
[dir=rtl] .footer-section ul {
  margin-left: unset;
  margin-right: 30px;
}
@media (max-width: 575.98px) {
  .footer-section ul {
    gap: 6px;
  }
}
.footer-section ul li {
  color: rgba(255, 255, 255, 0.7);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.footer-section ul li .nav-link {
  display: inline-block;
  color: rgba(255, 255, 255, 0.7);
  padding: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
  box-shadow: none;
}
.footer-section ul li .nav-link:hover {
  color: white;
  padding-left: 14px;
  font-weight: 500;
}
[dir=rtl] .footer-section ul li .nav-link:hover {
  padding-left: unset;
  padding-right: 14px;
}
.footer-section ul li .nav-link:hover::before {
  transform: translateY(-50%) scale(1);
  opacity: 1;
  visibility: visible;
  left: 0;
}
[dir=rtl] .footer-section ul li .nav-link:hover::before {
  left: unset;
  right: 0;
}
@media (max-width: 575.98px) {
  .footer-section ul li .nav-link:hover {
    padding-left: unset;
  }
  [dir=rtl] .footer-section ul li .nav-link:hover {
    padding-left: 14px;
    padding-right: unset;
  }
  .footer-section ul li .nav-link:hover::before {
    left: -23px;
  }
  [dir=rtl] .footer-section ul li .nav-link:hover::before {
    left: unset;
    right: -23px;
  }
}
.footer-section ul li .nav-link::before {
  transition: all 0.25s ease-in-out;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(0);
  left: 13px;
  width: 3px;
  height: 3px;
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
}
[dir=rtl] .footer-section ul li .nav-link::before {
  left: unset;
  right: 13px;
}
@media (max-width: 575.98px) {
  .footer-section ul li .nav-link::before {
    opacity: 1;
    visibility: visible;
    left: -23px;
    transform: translateY(-50%) scale(1);
    background-color: rgba(255, 255, 255, 0.15);
    height: 2px;
    width: 12px;
  }
  [dir=rtl] .footer-section ul li .nav-link::before {
    left: unset;
    right: -23px;
  }
}
.footer-section .btn {
  border-radius: calc(8px + 5 * (100vw - 320px) / 1600);
  width: max-content;
  padding: 10px calc(40px + 10 * (100vw - 320px) / 1600);
  margin-top: calc(20px + 20 * (100vw - 320px) / 1600);
  margin-left: 30px;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  background-color: var(--font-color);
  color: #222;
}
[dir=rtl] .footer-section .btn {
  margin-left: unset;
  margin-right: 30px;
}
.footer-section .btn .iconsax {
  --Iconsax-Color: #222;
}
.footer-section .btn:hover {
  background-color: transparent;
  border-color: var(--font-color);
  color: var(--font-color);
}
.footer-section .btn:hover .iconsax {
  --Iconsax-Color: var(--font-color);
}
@media (max-width: 575.98px) {
  .footer-section.nav-folderized .nav.open .down-arrow {
    transform: scale(-1);
  }
  .footer-section.nav-folderized .nav.open ul {
    display: flex;
  }
  .footer-section.nav-folderized .nav ul {
    display: none;
  }
}

/* Pages */
/**=====================
  Home scss
==========================**/
.autocomplete-results {
  margin-top: 8px;
  border-radius: 6px !important;
  position: absolute;
  width: 100%;
  max-height: 180px;
  overflow-y: auto;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  z-index: 999;
  padding: 14px;
}
.autocomplete-results::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ddd;
}
.autocomplete-results::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: rgba(229, 232, 234, 0.4);
}
.autocomplete-results .autocomplete-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.autocomplete-results .autocomplete-item.no-result {
  justify-content: center;
}
.autocomplete-results .autocomplete-item:hover img {
  box-shadow: 3px 3px 9px rgba(34, 34, 34, 0.3803921569);
}
.autocomplete-results .autocomplete-item:hover h5 {
  color: var(--primary-color);
  margin-left: 10px;
}
[dir=rtl] .autocomplete-results .autocomplete-item:hover h5 {
  margin-left: unset;
  margin-right: 10px;
}
.autocomplete-results .autocomplete-item + .autocomplete-item {
  border-top: 1px solid rgba(221, 221, 221, 0.52);
  padding-top: 10px;
  margin-top: 10px;
}
.autocomplete-results .autocomplete-item img {
  object-fit: cover;
  margin-right: 10px;
  width: 94px;
  height: 60px;
  border-radius: 5px;
  transition: all 0.15s ease-in-out;
}
[dir=rtl] .autocomplete-results .autocomplete-item img {
  margin-right: unset;
  margin-left: 10px;
}
.autocomplete-results .autocomplete-item h5 {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.15s ease-in-out;
}

.slick-list {
  margin: 0 -15px;
}
@media (max-width: 767.98px) {
  .slick-list {
    margin: 0 -5px;
  }
}
.slick-list .slick-track .slick-slide {
  height: auto;
}
.slick-list .slick-track .slick-slide > div {
  margin: 0 15px;
}
@media (max-width: 767.98px) {
  .slick-list .slick-track .slick-slide > div {
    margin: 0 5px;
  }
}

.service-list-section {
  position: relative;
}
.service-list-section .slick-prev {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
  width: 28px;
  height: 20px;
  top: -75px;
  position: absolute;
  opacity: 1;
  content: none;
  border: none;
  padding: 0;
  color: transparent;
  background-color: transparent;
}
@media (max-width: 1440px) {
  .service-list-section .slick-prev {
    top: -65px;
  }
}
@media (max-width: 767px) {
  .service-list-section .slick-prev {
    top: -55px;
  }
}
.service-list-section .slick-prev.slick-arrow {
  right: 30px;
  left: auto;
}
[dir=rtl] .service-list-section .slick-prev.slick-arrow {
  right: auto;
  left: 0;
}
.service-list-section .slick-prev.slick-arrow.swiper-button-disabled {
  background-image: url("/build/assets/preview-disable-Dluv9T9K.svg") !important;
}
.service-list-section .slick-next {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
  width: 28px;
  height: 20px;
  top: -75px;
  position: absolute;
  opacity: 1;
  content: none;
  border: none;
  padding: 0;
  color: transparent;
  background-color: transparent;
}
@media (max-width: 1440px) {
  .service-list-section .slick-next {
    top: -65px;
  }
}
@media (max-width: 767px) {
  .service-list-section .slick-next {
    top: -55px;
  }
}
.service-list-section .slick-next.slick-arrow {
  right: 0;
  left: auto;
}
[dir=rtl] .service-list-section .slick-next.slick-arrow {
  right: auto;
  left: 30px;
}
.service-list-section .slick-next.slick-arrow.swiper-button-disabled {
  background-image: url("/build/assets/next-disable-CZuwijaK.svg") !important;
}
.service-list-section .cart .cart-items .cart-title .avatar-placeholder {
  min-width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  text-transform: capitalize;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 7px;
  border-radius: 100%;
  background: rgb(245, 246, 247);
}

.offer-banner-slider .offer-banner {
  width: 100%;
}
.offer-banner-slider .offer-banner .banner-img {
  width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 10px;
}
.offer-banner-slider .slick-prev {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
  width: 28px;
  height: 20px;
  top: -75px;
  position: absolute;
  opacity: 1;
  content: none;
  border: none;
  padding: 0;
  color: transparent;
  background-color: transparent;
}
@media (max-width: 1440px) {
  .offer-banner-slider .slick-prev {
    top: calc(-50px + -15 * (100vw - 320px) / 1121);
  }
}
.offer-banner-slider .slick-prev.slick-arrow {
  background-image: url("/build/assets/preview-CVYaTI-h.svg");
  right: 30px;
  left: auto;
}
[dir=rtl] .offer-banner-slider .slick-prev.slick-arrow {
  right: auto;
  left: 0;
}
.offer-banner-slider .slick-prev.slick-arrow.swiper-button-disabled {
  background-image: url("/build/assets/preview-disable-Dluv9T9K.svg") !important;
}
.offer-banner-slider .slick-next {
  background-repeat: no-repeat;
  background-size: 80% auto;
  background-position: center;
  width: 28px;
  height: 20px;
  top: -75px;
  position: absolute;
  opacity: 1;
  content: none;
  border: none;
  padding: 0;
  color: transparent;
  background-color: transparent;
}
@media (max-width: 1440px) {
  .offer-banner-slider .slick-next {
    top: calc(-50px + -15 * (100vw - 320px) / 1121);
  }
}
.offer-banner-slider .slick-next.slick-arrow {
  background-image: url("/build/assets/next-C-zcAYJ_.svg") !important;
  right: 0;
  left: auto;
}
[dir=rtl] .offer-banner-slider .slick-next.slick-arrow {
  right: auto;
  left: 30px;
}
.offer-banner-slider .slick-next.slick-arrow.swiper-button-disabled {
  background-image: url("/build/assets/next-disable-CZuwijaK.svg") !important;
}

.job-request-section {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  width: 100%;
  height: 285px;
  border-radius: 8px;
  z-index: 0;
  overflow: hidden;
}
.job-request-section::before {
  opacity: 0.2;
}
.job-request-section::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 8px;
  height: 100%;
  z-index: -1;
  border: 1px solid var(--primary-color);
  opacity: 0.8;
}
@media (max-width: 1199px) {
  .job-request-section {
    height: auto;
  }
}
.job-request-section .job-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  gap: 110px;
}
@media (max-width: 1199px) {
  .job-request-section .job-details {
    display: block;
    text-align: center;
  }
}
.job-request-section .job-details .job-request-content {
  width: calc(100% - 110px - 460px);
}
@media (max-width: 1199px) {
  .job-request-section .job-details .job-request-content {
    width: 100%;
    text-align: left;
  }
}
.job-request-section .job-details .job-request-content a {
  display: inline-block;
}
.job-request-section .job-details .job-request-content h3 {
  margin-bottom: calc(14px + 6 * (100vw - 320px) / 1600);
  font-weight: 700;
  font-size: calc(18px + 14 * (100vw - 320px) / 1600);
  color: #00162E;
  width: 80%;
}
@media (max-width: 1399px) {
  .job-request-section .job-details .job-request-content h3 {
    width: 100%;
    font-weight: 600;
  }
}
@media (max-width: 1199px) {
  .job-request-section .job-details .job-request-content .book-now-btn {
    margin-inline: auto;
  }
}

/**=====================
     About Us scss
==========================**/
.about-us-section,
.about-us-section-1 {
  position: relative;
}
.about-us-section .about-us-content,
.about-us-section-1 .about-us-content {
  margin-right: 0.3px;
}
[dir=rtl] .about-us-section .about-us-content,
[dir=rtl] .about-us-section-1 .about-us-content {
  margin-left: 0.3px;
  margin-right: unset;
}
.about-us-section .about-us-content .card,
.about-us-section-1 .about-us-content .card {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.about-us-section .about-us-content .card .card-body,
.about-us-section-1 .about-us-content .card .card-body {
  padding: calc(18px + 17 * (100vw - 320px) / 1600) calc(16px + 14 * (100vw - 320px) / 1600);
}
.about-us-section .about-us-content .card .card-body .card-title,
.about-us-section-1 .about-us-content .card .card-body .card-title {
  display: flex;
  align-items: center;
  gap: 10px;
}
.about-us-section .about-us-content .card .card-body .card-title img,
.about-us-section .about-us-content .card .card-body .card-title svg,
.about-us-section-1 .about-us-content .card .card-body .card-title img,
.about-us-section-1 .about-us-content .card .card-body .card-title svg {
  width: calc(52px + 18 * (100vw - 320px) / 1600);
  height: calc(52px + 18 * (100vw - 320px) / 1600);
  border-radius: 100%;
}
.about-us-section .about-us-content .card .card-body .card-title img.star,
.about-us-section .about-us-content .card .card-body .card-title svg.star,
.about-us-section-1 .about-us-content .card .card-body .card-title img.star,
.about-us-section-1 .about-us-content .card .card-body .card-title svg.star {
  width: 15px;
  height: 15px;
}
.about-us-section .about-us-content .card .card-body .card-title img.quote, .about-us-section .about-us-content .card .card-body .card-title img.quote-active,
.about-us-section .about-us-content .card .card-body .card-title svg.quote,
.about-us-section .about-us-content .card .card-body .card-title svg.quote-active,
.about-us-section-1 .about-us-content .card .card-body .card-title img.quote,
.about-us-section-1 .about-us-content .card .card-body .card-title img.quote-active,
.about-us-section-1 .about-us-content .card .card-body .card-title svg.quote,
.about-us-section-1 .about-us-content .card .card-body .card-title svg.quote-active {
  position: absolute;
  top: calc(20px + 10 * (100vw - 320px) / 1600);
  right: calc(20px + 10 * (100vw - 320px) / 1600);
  width: calc(30px + 20 * (100vw - 1200px) / 720);
  height: calc(30px + 20 * (100vw - 1200px) / 720);
  border-radius: 0;
}
[dir=rtl] .about-us-section .about-us-content .card .card-body .card-title img.quote, [dir=rtl] .about-us-section .about-us-content .card .card-body .card-title img.quote-active,
[dir=rtl] .about-us-section .about-us-content .card .card-body .card-title svg.quote,
[dir=rtl] .about-us-section .about-us-content .card .card-body .card-title svg.quote-active,
[dir=rtl] .about-us-section-1 .about-us-content .card .card-body .card-title img.quote,
[dir=rtl] .about-us-section-1 .about-us-content .card .card-body .card-title img.quote-active,
[dir=rtl] .about-us-section-1 .about-us-content .card .card-body .card-title svg.quote,
[dir=rtl] .about-us-section-1 .about-us-content .card .card-body .card-title svg.quote-active {
  left: calc(20px + 10 * (100vw - 320px) / 1600);
  right: unset;
}
@media (max-width: 1199.98px) {
  .about-us-section .about-us-content .card .card-body .card-title img.quote, .about-us-section .about-us-content .card .card-body .card-title img.quote-active,
  .about-us-section .about-us-content .card .card-body .card-title svg.quote,
  .about-us-section .about-us-content .card .card-body .card-title svg.quote-active,
  .about-us-section-1 .about-us-content .card .card-body .card-title img.quote,
  .about-us-section-1 .about-us-content .card .card-body .card-title img.quote-active,
  .about-us-section-1 .about-us-content .card .card-body .card-title svg.quote,
  .about-us-section-1 .about-us-content .card .card-body .card-title svg.quote-active {
    width: calc(34px + 16 * (100vw - 575px) / 1345);
    height: calc(34px + 16 * (100vw - 575px) / 1345);
  }
}
.about-us-section .about-us-content .card .card-body .card-title img.quote-active,
.about-us-section .about-us-content .card .card-body .card-title svg.quote-active,
.about-us-section-1 .about-us-content .card .card-body .card-title img.quote-active,
.about-us-section-1 .about-us-content .card .card-body .card-title svg.quote-active {
  display: none;
}
.about-us-section .about-us-content .card .card-body .card-title img.quote,
.about-us-section .about-us-content .card .card-body .card-title svg.quote,
.about-us-section-1 .about-us-content .card .card-body .card-title img.quote,
.about-us-section-1 .about-us-content .card .card-body .card-title svg.quote {
  display: block;
}
.about-us-section .about-us-content .card .card-body .card-detail,
.about-us-section-1 .about-us-content .card .card-body .card-detail {
  padding: calc(10px + 14 * (100vw - 320px) / 1600) 0 0;
  margin-top: calc(13px + 7 * (100vw - 320px) / 1600);
  border-top: 1px dashed rgba(0, 22, 46, 0.1);
}
.about-us-section .about-us-content .card .card-body .card-detail p,
.about-us-section-1 .about-us-content .card .card-body .card-detail p {
  margin: 0;
  color: #808B97;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.25s ease;
}
@media (max-width: 739px) {
  .about-us-section .about-us-content .card .card-body .card-detail p,
  .about-us-section-1 .about-us-content .card .card-body .card-detail p {
    -webkit-line-clamp: 4;
  }
}
.about-us-section .about-us-content .swiper-wrapper,
.about-us-section-1 .about-us-content .swiper-wrapper {
  height: 310px;
}
@media (max-width: 739px) {
  .about-us-section .about-us-content .swiper-wrapper,
  .about-us-section-1 .about-us-content .swiper-wrapper {
    height: auto;
  }
}
.about-us-section .about-us-content .swiper-wrapper:has(.no-data-found),
.about-us-section-1 .about-us-content .swiper-wrapper:has(.no-data-found) {
  height: unset;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide {
  transition: all 200ms linear;
  transform: translateY(50px);
}
@media (max-width: 739px) {
  .about-us-section .about-us-content .swiper-wrapper .swiper-slide,
  .about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide {
    transform: unset;
  }
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: translateY(0px);
}
@media (max-width: 739px) {
  .about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active,
  .about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: unset;
  }
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card {
  border-color: transparent;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::before,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::before {
  opacity: 0.12;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::after,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--primary-color);
  opacity: 0.1;
  z-index: -1;
  border-radius: 10px;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-title .quote-active,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-title .quote-active {
  display: block;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-title .quote,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-title .quote {
  display: none;
}
.about-us-section .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-detail p,
.about-us-section-1 .about-us-content .swiper-wrapper .swiper-slide.swiper-slide-active .card .card-detail p {
  color: rgba(0, 22, 46, 0.6);
}
.about-us-section .about-us-content .image-1,
.about-us-section-1 .about-us-content .image-1 {
  top: 140px;
  left: 30px;
  height: 16px;
  position: absolute;
  animation: mover 2s infinite alternate;
  animation-delay: 1s;
  width: 140px;
  overflow: hidden;
}
[dir=rtl] .about-us-section .about-us-content .image-1,
[dir=rtl] .about-us-section-1 .about-us-content .image-1 {
  left: unset;
  right: 20px;
}
@media (max-width: 991.98px) {
  .about-us-section .about-us-content .image-1,
  .about-us-section-1 .about-us-content .image-1 {
    display: none;
  }
}
.about-us-section .about-us-content .swiper-pagination,
.about-us-section-1 .about-us-content .swiper-pagination {
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@media (max-width: 739px) {
  .about-us-section .about-us-content .swiper-pagination,
  .about-us-section-1 .about-us-content .swiper-pagination {
    position: relative;
    inset: unset;
    margin-top: 17px;
  }
}
.about-us-section .about-us-content .swiper-pagination .swiper-pagination-bullet,
.about-us-section-1 .about-us-content .swiper-pagination .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  min-width: 8px;
  background-color: var(--primary-color);
  margin: 0;
  border-radius: 100px;
  transition: all 0.2s ease;
}
.about-us-section .about-us-content .swiper-pagination .swiper-pagination-bullet-active,
.about-us-section-1 .about-us-content .swiper-pagination .swiper-pagination-bullet-active {
  width: 25px;
}
.about-us-section .about-us-content .swiper-button-next3,
.about-us-section-1 .about-us-content .swiper-button-next3 {
  bottom: 0;
  top: unset;
  right: 43%;
  z-index: 1;
  left: unset;
}
.about-us-section .about-us-content .swiper-button-prev3,
.about-us-section-1 .about-us-content .swiper-button-prev3 {
  bottom: 0;
  right: unset;
  top: unset;
  left: 43%;
  z-index: 1;
}

.more-section .more-content h3,
.feature-section .more-content h3 {
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
  margin-bottom: 4px;
}
.more-section .more-content p,
.feature-section .more-content p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  color: #808B97;
  font-weight: 500;
}
.more-section .more-content p a,
.feature-section .more-content p a {
  color: var(--primary-color);
}
.more-section .feature-content .feature-box,
.feature-section .feature-content .feature-box {
  width: 45px;
  height: 45px;
  border-radius: 4px;
  background-color: var(--primary-color);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  margin-bottom: 12px;
}
.more-section .feature-content .feature-box i,
.feature-section .feature-content .feature-box i {
  --Iconsax-Size: 24px;
  --Iconsax-Color: #fff;
}
.more-section .feature-content p,
.feature-section .feature-content p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  margin: auto;
  margin-top: 4px;
  width: 90%;
  font-weight: 500;
  color: rgba(0, 22, 46, 0.6);
}
.more-section .feature-content .feature-list,
.feature-section .feature-content .feature-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: calc(8px + 8 * (100vw - 320px) / 1600);
  margin-top: 16px;
}
.more-section .feature-content .feature-list .list-item,
.feature-section .feature-content .feature-list .list-item {
  padding: 8px calc(8px + 4 * (100vw - 320px) / 1600);
  border-radius: 6px;
  border: 1px solid rgba(0, 22, 46, 0.1);
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(0, 22, 46, 0.8);
}
.more-section .feature-content .feature-list .list-item i,
.feature-section .feature-content .feature-list .list-item i {
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: var(--primary-color);
}

.about-us .image-grp {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: calc(10px + 10 * (100vw - 320px) / 1600);
}
.about-us .image-grp img {
  height: auto;
  width: calc(140px + 160 * (100vw - 320px) / 1600);
  border-radius: 12px;
}
.about-us .image-grp img:nth-child(even) {
  margin-top: 80px;
}
.about-us .content-detail {
  color: rgba(0, 22, 46, 0.8);
}
.about-us .content-detail p {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  line-height: 1.5;
  margin-bottom: 20px;
}
.about-us .content-detail .item-lists {
  list-style: none;
  margin: 0;
  gap: calc(12px + 8 * (100vw - 320px) / 1600);
}
[dir=rtl] .about-us .content-detail .item-lists {
  margin: 0;
}
.about-us .content-detail .item-lists li {
  display: flex;
  align-items: start;
  gap: calc(10px + 5 * (100vw - 320px) / 1600);
}
.about-us .content-detail .item-lists li::before {
  display: none;
}
.about-us .content-detail .item-lists li .icon-box i {
  --Iconsax-Size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  height: calc(38px + 22 * (100vw - 320px) / 1600);
  width: calc(38px + 22 * (100vw - 320px) / 1600);
  min-width: calc(30px + 5 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.about-us .content-detail .item-lists li .icon-box i::before {
  opacity: 0.8;
}
.about-us .content-detail .item-lists li .detail h4 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 4px;
  color: #00162E;
}
.about-us .content-detail .item-lists li .detail p {
  line-height: 1.5;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin-bottom: 0;
  color: #808B97;
}

.about-us-section-1 .title-1 {
  width: 100%;
}
.about-us-section-1 .about-us-content .card {
  box-shadow: 0 0 8px rgba(0, 22, 46, 0.15);
  border-radius: 4px;
}
.about-us-section-1 .about-us-content .card .card-body {
  padding: 20px;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  margin: 0;
  border: none;
  padding: 0;
  align-items: center;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail i {
  --Iconsax-Size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: var(--primary-color);
}
.about-us-section-1 .about-us-content .card .card-body .card-detail .avatar {
  width: 50px;
  height: 50px;
  border-radius: 100%;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail .hr {
  background-color: #E5E8EA;
  height: 2px;
  width: 25px;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail h3 {
  font-size: 16px;
  color: #808B97;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail .rate {
  justify-content: center;
  margin-top: 8px;
  gap: 8px;
}
.about-us-section-1 .about-us-content .card .card-body .card-detail p {
  color: rgba(0, 22, 46, 0.8);
  overflow: unset;
  display: block;
  font-size: 17px;
}
.about-us-section-1 .about-us-content .swiper {
  padding: 0 4px;
}
.about-us-section-1 .about-us-content .swiper .swiper-wrapper {
  height: auto;
  padding: 5px 0;
}
.about-us-section-1 .about-us-content .swiper .swiper-wrapper .swiper-slide {
  transform: unset;
  transition: none;
}
.about-us-section-1 .about-us-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
  transform: none;
}
.about-us-section-1 .about-us-content .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .card {
  border: none;
  background-color: unset;
}

.our-work .our-work-content .work-box {
  padding: calc(25px + 5 * (100vw - 320px) / 1600) calc(10px + 10 * (100vw - 320px) / 1600);
  border-radius: 6px;
  background-color: #F5F6F7;
  text-align: center;
}
.our-work .our-work-content .work-box h3 {
  font-size: calc(20px + 8 * (100vw - 320px) / 1600);
  font-weight: 600;
  line-height: 1.2;
  color: var(--primary-color);
}
.our-work .our-work-content .work-box p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  text-align: center;
  display: inline-block;
  font-weight: 600;
  color: rgba(0, 22, 46, 0.6);
}

/**=====================
    Auth scss
==========================**/
.log-in-section {
  width: 100%;
  margin: 0 auto;
  overflow: auto;
  position: relative;
  height: 100vh;
}
.log-in-section .login-content {
  height: 100%;
}
.log-in-section .login-content .image-col {
  width: 40%;
}
.log-in-section .login-content .content-col {
  width: 60%;
}
@media (max-width: 1199.98px) {
  .log-in-section .login-content .content-col {
    width: 100%;
  }
}

.image-contain {
  background-color: var(--primary-color);
  padding: 50px;
  text-align: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.image-contain .logo {
  height: 50px;
  margin: 0 auto;
  display: flex;
  margin-bottom: 30px;
}
.image-contain .auth-image {
  width: 40%;
}
.image-contain .auth-content {
  color: #ffffff;
  margin-top: 50px;
}
.image-contain .auth-content h2 {
  text-transform: uppercase;
  line-height: 41px;
  font-weight: 700;
}
.image-contain .auth-content p {
  font-size: 16px;
  line-height: 20px;
}
.image-contain .auth-content .app-install {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.image-contain .auth-content .app-install img {
  height: 50px;
}

.login-main {
  background-color: #F5F6F7;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-main .language-dropdown {
  position: absolute;
  top: calc(16px + 24 * (100vw - 320px) / 1600);
  right: calc(16px + 9 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 6px;
  padding: 5px 8px;
  border-radius: 30px;
  border: 1px solid rgba(0, 22, 46, 0.1);
  background-color: #ffffff;
  margin-bottom: 30px;
  width: max-content;
  margin-left: auto;
}
[dir=rtl] .login-main .language-dropdown {
  right: unset;
  left: calc(16px + 9 * (100vw - 320px) / 1600);
}
.login-main .language-dropdown img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 100%;
}
.login-main .language-dropdown i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #00162E;
}
.login-main .language-dropdown .language-btn {
  background: transparent;
  color: #00162E;
  border: none;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}
.login-main .language-dropdown .language-btn span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
  font-size: 16px;
}
.login-main .language-dropdown .language-btn span a {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00162E;
}
.login-main .language-dropdown .onhover-show-div {
  min-width: 120px;
  transition: all 0.3s linear;
  position: absolute;
  z-index: 3;
  border: 1px solid rgba(0, 22, 46, 0.1);
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, -5%, 0);
  top: 37px;
  right: 0;
  padding: 15px;
  border-radius: 4px;
}
[dir=rtl] .login-main .language-dropdown .onhover-show-div {
  left: 0;
  right: unset;
}
.login-main .language-dropdown .onhover-show-div .lang {
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  border: none;
  color: #00162E;
  background-color: transparent;
  gap: 8px;
  font-size: 13px;
  padding: 0;
}
.login-main .language-dropdown .onhover-show-div .lang:hover {
  color: var(--primary-color);
  transform: translateX(5px);
}
[dir=rtl] .login-main .language-dropdown .onhover-show-div .lang:hover {
  transform: translateX(-5px);
}
.login-main .language-dropdown .onhover-show-div .lang + li {
  margin-top: 8px;
}
.login-main .language-dropdown .onhover-show-div a {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00162E;
}
.login-main .language-dropdown:hover .onhover-show-div {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.login-main .login-card {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffff;
  width: 530px;
  border-radius: 15px;
  margin: 20px auto;
  padding-bottom: 40px;
}
.login-main .login-card .login-title {
  width: 100%;
  border-bottom: 1px dashed #E5E8EA;
  padding: calc(16px + 9 * (100vw - 320px) / 1600);
  text-align: center;
}
.login-main .login-card .login-title h2 {
  font-weight: 700;
  line-height: 1.4;
}
.login-main .login-card .login-title p {
  color: #808B97;
  padding-top: calc(4px + 2 * (100vw - 320px) / 1600);
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  margin: 0;
}
.login-main .login-card .login-detail {
  background-color: #F5F6F7;
  border-radius: 10px;
  width: calc(100% - (22px + 58 * (100vw - 320px) / 1600));
  margin: 30px 0 0;
  padding: calc(15px + 15 * (100vw - 320px) / 1600);
}
.login-main .login-card .login-detail label {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: calc(6px + 2 * (100vw - 320px) / 1600);
  position: relative;
}
[dir=rtl] .login-main .login-card .login-detail label {
  text-align: right;
}
.login-main .login-card .login-detail label.error {
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 400;
  font-size: 13px;
  opacity: 0.8;
  color: #FF4B4B !important;
  position: absolute;
}
.login-main .login-card .login-detail label.error:before {
  display: none;
}
.login-main .login-card .login-detail label:before {
  content: "";
  position: absolute;
  background-color: var(--primary-color);
  height: calc(26px + 4 * (100vw - 320px) / 1600);
  width: calc(3px + 1 * (100vw - 320px) / 1600);
  top: 50%;
  transform: translateY(-50%);
  left: calc(-14px + -16 * (100vw - 320px) / 1600);
  border-radius: 100px;
}
[dir=rtl] .login-main .login-card .login-detail label:before {
  left: unset;
  right: calc(-14px + -16 * (100vw - 320px) / 1600);
}
.login-main .login-card .login-detail .form-group {
  position: relative;
  margin-bottom: calc(12px + 12 * (100vw - 320px) / 1600);
}
.login-main .login-card .login-detail .form-group:has(input.error) .toggle-password {
  top: 50% !important;
}
.login-main .login-card .login-detail .form-group:has(label.error) {
  margin-bottom: 48px;
}
.login-main .login-card .login-detail .form-group i {
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808B97;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
[dir=rtl] .login-main .login-card .login-detail .form-group i {
  left: unset;
  right: 15px;
}
.login-main .login-card .login-detail .form-group .toggle-password {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  cursor: pointer;
}
[dir=rtl] .login-main .login-card .login-detail .form-group .toggle-password {
  left: 15px;
  right: unset;
}
.login-main .login-card .login-detail .form-group .toggle-password i {
  position: relative;
  inset: unset;
  transform: unset;
}
.login-main .login-card .login-detail .form-group .toggle-password .eye-slash {
  display: none;
}
.login-main .login-card .login-detail .form-group .toggle-password.eye i.eye {
  display: block;
}
.login-main .login-card .login-detail .form-group .toggle-password.eye i.eye-slash {
  display: none;
}
.login-main .login-card .login-detail .form-group .toggle-password.eye-slash i.eye-slash {
  display: block;
}
.login-main .login-card .login-detail .form-group .toggle-password.eye-slash i.eye {
  display: none;
}
.login-main .login-card .login-detail .form-group .form-control {
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  padding: calc(9px + 3 * (100vw - 320px) / 1600) calc(9px + 3 * (100vw - 320px) / 1600) calc(9px + 3 * (100vw - 320px) / 1600) 45px;
  background-color: #ffffff;
  color: rgba(0, 22, 46, 0.8) !important;
  border: none;
}
[dir=rtl] .login-main .login-card .login-detail .form-group .form-control {
  padding: calc(9px + 3 * (100vw - 320px) / 1600) 45px calc(9px + 3 * (100vw - 320px) / 1600) calc(9px + 3 * (100vw - 320px) / 1600);
}
.login-main .login-card .login-detail .form-group .form-control:focus {
  box-shadow: none;
}
.login-main .login-card .login-detail .forgot-pass {
  margin-top: 12px;
  text-align: end;
}
[dir=rtl] .login-main .login-card .login-detail .forgot-pass {
  text-align: start;
}
.login-main .login-card .login-detail .forgot-pass a {
  font-size: 16px;
  line-height: 20px;
}
.login-main .login-card .login-detail .btn {
  margin-top: calc(25px + 15 * (100vw - 320px) / 1600);
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  width: 100%;
  justify-content: center;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  box-shadow: none;
  padding: calc(7px + 3 * (100vw - 320px) / 1600);
}
.login-main .login-card .login-detail .not-member {
  text-align: center;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 400;
  color: #808B97;
  line-height: 20px;
  padding-top: 10px;
}
.login-main .login-card .login-detail .not-member small {
  color: var(--primary-color);
  font-weight: 500;
}
.login-main .login-card .login-detail .phone-details .form-group,
.login-main .login-card .login-detail .phone-detail .form-group {
  position: relative;
}
.login-main .login-card .login-detail .phone-details .form-group label.error,
.login-main .login-card .login-detail .phone-detail .form-group label.error {
  position: absolute !important;
  bottom: -30px;
  left: 0;
}
.login-main .login-card .login-detail .phone-details .select2-container,
.login-main .login-card .login-detail .phone-detail .select2-container {
  width: auto !important;
}
.login-main .login-card .login-detail .phone-details .select2-container--default .selection .select2-selection--single,
.login-main .login-card .login-detail .phone-detail .select2-container--default .selection .select2-selection--single {
  border-radius: 8px 0 0 8px;
}
.login-main .login-card .login-detail .phone-details:has(.form-control.form-control-white) .select2-container--default .selection,
.login-main .login-card .login-detail .phone-detail:has(.form-control.form-control-white) .select2-container--default .selection {
  border: none;
}
.login-main .login-card .other-options {
  width: 100%;
  padding: calc(20px + 10 * (100vw - 320px) / 1600) 0 0;
}
.login-main .login-card .options {
  position: relative;
  text-align: center;
  width: max-content;
  margin: 0 auto;
  color: #808B97;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  display: flex;
}
.login-main .login-card .options:before, .login-main .login-card .options:after {
  content: "";
  position: absolute;
  background-color: #808B97;
  width: 22px;
  height: 1px;
  top: 50%;
  transform: translateY(-50%);
}
.login-main .login-card .options:before {
  left: -30px;
}
[dir=rtl] .login-main .login-card .options:before {
  left: unset;
  right: -30px;
}
.login-main .login-card .options:after {
  right: -30px;
}
[dir=rtl] .login-main .login-card .options:after {
  right: unset;
  left: -30px;
}
.login-main .login-card .social-media {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(12px + 8 * (100vw - 320px) / 1600);
  margin-top: calc(12px + 12 * (100vw - 320px) / 1600);
}
.login-main .login-card .social-media .social-icon {
  background-color: #F5F6F7;
  border-radius: 100%;
  border: 1px solid rgba(0, 22, 46, 0.1);
  height: calc(50px + 20 * (100vw - 320px) / 1600);
  width: calc(50px + 20 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-main .login-card .social-media .social-icon img {
  width: calc(25px + 5 * (100vw - 320px) / 1600);
  height: calc(25px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .login-main .login-card {
    width: 100%;
  }
}

.select2-container {
  z-index: 10 !important;
}

.terms p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  margin: 0;
  color: #808B97;
}

.terms {
  position: relative;
  padding-bottom: 25px;
}
.terms label {
  position: absolute;
  bottom: -22px;
}
.terms label.error {
  color: #FF4B4B !important;
}

.login-img {
  width: 250px;
  padding-top: 30px;
}

.otp-field {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.otp-field input {
  position: relative;
  width: 50px;
  height: 50px;
  border: none;
  background-color: #ffffff;
  border-radius: 8px;
  text-align: center;
}
.otp-field label.error {
  position: absolute !important;
  bottom: -30px !important;
  left: 0;
}

.service-list-section .row [class*=col-]:has(.no-cart-found):first-child {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .service-list-section .filter {
    position: fixed !important;
    top: 0 !important;
    left: calc(-300px + -50 * (100vw - 320px) / 880);
    transition: all 0.3s ease;
    z-index: 6;
    width: calc(300px + 50 * (100vw - 320px) / 880);
    transform: unset;
    opacity: 1;
    visibility: visible;
    height: 100vh;
    border-radius: 0;
    overflow: auto;
  }
  .service-list-section .filter.open {
    left: 0;
    box-shadow: 4px 3px 12px rgba(119, 119, 119, 0.1294117647);
  }
  .service-list-section .filter .provider-card {
    border-radius: 0;
    background-color: #ffffff;
  }
  .service-list-section .filter .provider-card .like-icon {
    top: 17px;
    right: unset;
    left: 19px;
    z-index: 2;
  }
  .service-list-section .filter .provider-card .filter-close {
    text-align: right;
    border: none;
    background-color: transparent;
    padding: 0;
    line-height: 1;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
  }
  .service-list-section .filter .provider-card .filter-close .iconsax {
    transform: rotate(45deg);
    --Iconsax-Color: #00162E;
    --Iconsax-Size: 28px;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content {
    padding: 0 0 calc(12px + 8 * (100vw - 320px) / 1600) 0;
    border-radius: 0;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile {
    z-index: 1;
    position: relative;
    background-color: #F5F6F7;
    margin: 0;
    border-bottom: 1px solid #E5E8EA;
    padding: 25px calc(12px + 8 * (100vw - 320px) / 880) 15px;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile ~ * {
    margin-inline: calc(12px + 8 * (100vw - 320px) / 880);
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile ~ .profile-info,
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile ~ .rating-bars {
    background-color: #F5F6F7;
    border-radius: 8px;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile .provider-profile-img {
    width: calc(82px + 22 * (100vw - 320px) / 880);
    height: calc(82px + 22 * (100vw - 320px) / 880);
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile .delivered {
    margin-top: calc(12px + 13 * (100vw - 320px) / 880);
    margin-bottom: 0;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .rating-bars .rating-bar .bar {
    background-color: #ffffff;
  }
  .service-list-section .filter .provider-card .provider-detail .provider-content .profile-bg {
    height: auto;
    background-color: transparent;
  }
}

/**=====================
    Blog scss
==========================**/
.blog-section .blog-details-image img {
  aspect-ratio: 5/2;
  width: 100%;
  object-fit: cover;
  border-radius: calc(6px + 6 * (100vw - 320px) / 1600);
}
.blog-section .detail-content {
  margin-top: calc(14px + 10 * (100vw - 320px) / 1600);
}
.blog-section .detail-content .title {
  padding: 0;
  margin-bottom: 5px;
}
.blog-section .detail-content .title h4 {
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  font-weight: 700;
  line-height: 1.3;
  color: #00162E;
  white-space: wrap;
}
.blog-section .detail-content .detail-sec {
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
}
.blog-section .blog-content:last-child {
  margin-bottom: 0;
}
.blog-section .blog-content .blog-main {
  background-color: #F5F6F7;
  border-radius: calc(9px + 6 * (100vw - 320px) / 1600);
  overflow: hidden;
}
.blog-section .blog-content .blog-main + .blog-main:nth-child(3n+4) {
  border-left: none;
}
[dir=rtl] .blog-section .blog-content .blog-main + .blog-main:nth-child(3n+4) {
  border-right: none;
  border-left: unset;
}
@media (max-width: 1199.98px) {
  .blog-section .blog-content .blog-main + .blog-main {
    border: none;
  }
}
@media (max-width: 1199.98px) {
  .blog-section .blog-content .blog-main {
    border: none;
  }
  .blog-section .blog-content .blog-main:nth-child(even) {
    border-left: 1px solid #E5E8EA !important;
  }
  [dir=rtl] .blog-section .blog-content .blog-main:nth-child(even) {
    border-right: 1px solid #E5E8EA !important;
    border-left: unset !important;
  }
}
@media (max-width: 767.98px) {
  .blog-section .blog-content .blog-main {
    border: none !important;
  }
  .blog-section .blog-content .blog-main:nth-child(even) {
    border: none !important;
  }
}
.blog-section .blog-content .card {
  position: relative;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 0;
}
.blog-section .blog-content .card .card-img {
  transition: all 0.2s ease-in-out;
  position: relative;
}
.blog-section .blog-content .card .blog-category {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 16px;
  font-weight: 500;
  padding: 3px 10px;
  background-color: #eeefff;
  color: var(--primary-color);
  border-radius: 5px;
}
.blog-section .blog-content .card .card-body {
  padding: calc(10px + 8 * (100vw - 320px) / 1600) calc(15px + 9 * (100vw - 320px) / 1600);
  color: #808B97;
}
.blog-section .blog-content .card .card-body h4 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  color: #00162E;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.blog-section .blog-content .card .card-body h4 a {
  color: #00162E;
}
.blog-section .blog-content .card .card-body h4:hover a {
  color: var(--primary-color);
}
.blog-section .blog-content .card .card-body i {
  --Iconsax-Size: calc(17px + (20 - 17) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #808B97;
}
.blog-section .blog-content .card .card-body .blog-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-top: calc(10px + 10 * (100vw - 320px) / 1600);
  font-size: 16px;
  padding-top: calc(10px + 2 * (100vw - 320px) / 1600);
  border-top: 1px solid #E5E8EA;
}
.blog-section .blog-content:has(.no-data-found) {
  padding: 0;
  background-color: transparent;
}
.blog-section .blog-detail {
  line-height: 1;
  color: #808B97;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 400;
  row-gap: calc(5px + 5 * (100vw - 320px) / 1600);
  margin-top: 5px;
  padding: 0;
}
.blog-section .blog-detail li {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  position: relative;
  font-weight: 400;
  line-height: 1.2;
}
.blog-section .blog-detail li + li {
  padding-left: calc(5px + 5 * (100vw - 320px) / 1600);
  margin-left: calc(5px + 5 * (100vw - 320px) / 1600);
}
[dir=rtl] .blog-section .blog-detail li + li {
  padding-left: unset;
  padding-right: calc(5px + 5 * (100vw - 320px) / 1600);
  margin-left: unset;
  margin-right: calc(5px + 5 * (100vw - 320px) / 1600);
}
.blog-section .blog-detail li + li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1px;
  height: calc(100% + 1px + 3 * (100vw - 320px) / 1600);
  border-left: 1px solid #E5E8EA;
}
[dir=rtl] .blog-section .blog-detail li + li::before {
  left: unset;
  right: 0;
  border-right: 1px solid #E5E8EA;
  border-left: none;
}

h4 {
  font-size: calc(19px + 3 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 28px;
  color: #00162E;
  white-space: wrap;
}

.detail-sec {
  border-radius: 10px;
  background-color: transparent !important;
}
.detail-sec .details-title {
  margin-bottom: calc(8px + 7 * (100vw - 320px) / 1600);
  padding-bottom: calc(8px + 7 * (100vw - 320px) / 1600);
  border-bottom: 1px dashed #E5E8EA;
}
.detail-sec .details-title h3 {
  font-size: calc(20px + 2 * (100vw - 320px) / 1600);
  font-weight: 600;
}
.detail-sec .details-title p {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  margin: 5px 0 0;
  line-height: 1.4;
}
.detail-sec .overview-list {
  padding: 0;
  font-size: 16px;
  gap: 0;
}
.detail-sec .overview-list + .overview-list {
  margin-top: 10px;
}
.detail-sec .overview-list h3 {
  font-size: 18px;
  font-weight: 600;
  color: #00162E;
}
.detail-sec .overview-list h3 ~ p {
  margin-top: 5px;
}
.detail-sec .overview-list p {
  line-height: 1.5;
  margin: 0 0 23px;
  position: relative;
  padding-left: 21px;
}
.detail-sec .overview-list p ~ p {
  margin-bottom: 10px;
}
.detail-sec .overview-list p:last-child {
  margin: 0;
}
.detail-sec .overview-list p::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 4px;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #808B97;
}
[dir=rtl] .detail-sec .overview-list p::before {
  left: unset;
  right: 4px;
}

.custom-row-col:has(.no-data-found) {
  width: 100%;
  margin-inline: 0;
}
.custom-row-col:has(.no-data-found) > .col-12 {
  width: 100%;
  padding-inline: 0;
}

.privacy-content:has(.no-data-found),
.terms-content:has(.no-data-found) {
  width: 100%;
  margin-inline: 0;
}
.privacy-content:has(.no-data-found) > .col-xxl-8.col-xl-9.col-lg-10,
.terms-content:has(.no-data-found) > .col-xxl-8.col-xl-9.col-lg-10 {
  width: 100%;
  margin-inline: 0;
}

/**=====================
     Category scss
==========================**/
.category-section .category-row > div:first-child {
  border-right: 1px solid #eee;
}
body.dark .category-section .category-row > div:first-child {
  border-color: #454851;
}
@media (max-width: 991.98px) {
  .category-section .category-row > div:first-child {
    border: none;
  }
}
[dir=rtl] .category-section .category-row > div:first-child {
  border-right: unset;
  border-left: 1px solid #eee;
}
@media (max-width: 991.98px) {
  [dir=rtl] .category-section .category-row > div:first-child {
    border: none;
  }
}
.category-section .custom-nav-tabs {
  top: 20px;
  gap: calc(10px + 4 * (100vw - 320px) / 1600);
  padding-bottom: calc(5px + 2 * (100vw - 320px) / 1600);
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs {
    flex-direction: unset;
  }
}
.category-section .custom-nav-tabs::-webkit-scrollbar {
  width: calc(2px + 2 * (100vw - 320px) / 1600);
  height: calc(2px + 2 * (100vw - 320px) / 1600);
}
.category-section .custom-nav-tabs::-webkit-scrollbar-track {
  background: #F5F6F7;
  border-radius: 10px;
}
.category-section .custom-nav-tabs::-webkit-scrollbar-thumb {
  background: rgba(238, 238, 238, 0.212);
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-item {
    min-width: unset;
  }
}
.category-section .custom-nav-tabs .nav-link {
  background-color: #ffffff;
  overflow: hidden;
  padding: calc(8px + 0.0075 * (100vw - 320px));
  position: relative;
  box-shadow: none;
  flex-direction: column;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 10px;
}
body.dark .category-section .custom-nav-tabs .nav-link {
  background-color: #252934;
  border-color: #454851;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-link {
    padding-right: 18px;
    border-radius: 8px;
  }
}
.category-section .custom-nav-tabs .nav-link i {
  display: none;
  margin-left: auto;
  margin-right: 9px;
  --Iconsax-Color: var(--primary-color);
}
[dir=rtl] .category-section .custom-nav-tabs .nav-link i {
  margin-left: 9px;
  margin-right: auto;
  transform: rotate(-180deg);
}
.category-section .custom-nav-tabs .nav-link.active, .category-section .custom-nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #fff;
}
body.dark .category-section .custom-nav-tabs .nav-link.active .text-box span, body.dark .category-section .custom-nav-tabs .nav-link:hover .text-box span {
  color: var(--primary-color);
}
.category-section .custom-nav-tabs .nav-link.active i, .category-section .custom-nav-tabs .nav-link:hover i {
  display: block;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-link.active i, .category-section .custom-nav-tabs .nav-link:hover i {
    display: none;
  }
}
.category-section .custom-nav-tabs .nav-link .img-box {
  width: 100%;
  height: calc(66px + 29 * (100vw - 320px) / 1600);
  padding: calc(9px + 3 * (100vw - 320px) / 1600);
  margin: 0;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-link .img-box {
    border-radius: 5px;
  }
}
body.dark .category-section .custom-nav-tabs .nav-link .img-box {
  background-color: #171B27;
}
body.dark .category-section .custom-nav-tabs .nav-link .img-box img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(186deg) brightness(117%) contrast(100%);
}
body.dark .category-section .custom-nav-tabs .nav-link .text-box span {
  color: #ffffff;
}
body.dark .category-section .custom-nav-tabs .nav-link .text-box small {
  color: rgba(255, 255, 255, 0.6);
}
.category-section .custom-nav-tabs .nav-link .text-box span {
  line-height: 1.3;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  text-align: left;
  height: unset;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-link .text-box span {
    white-space: nowrap;
  }
}
.category-section .custom-nav-tabs .nav-link .text-box small {
  display: flex;
  color: #808B97;
  line-height: 1.3;
}
@media (max-width: 991.98px) {
  .category-section .custom-nav-tabs .nav-link .text-box small {
    white-space: nowrap;
  }
}

.custom-nav-tabs .nav-item .nav-link img {
  width: 50px;
  height: 100% !important;
  object-fit: contain;
}
.custom-nav-tabs .nav-item .nav-link .img-box {
  margin-bottom: 12px !important;
}
.custom-nav-tabs .nav-item .nav-link.categories {
  padding: 6px;
  flex-direction: unset;
  border-radius: 100px;
  gap: calc(9px + 3 * (100vw - 320px) / 1600);
}
.custom-nav-tabs .nav-item .nav-link.categories .img-box {
  width: calc(40px + 12 * (100vw - 320px) / 1600);
  min-width: calc(40px + 12 * (100vw - 320px) / 1600);
  height: calc(40px + 12 * (100vw - 320px) / 1600);
  border-radius: 100%;
  margin-bottom: 0 !important;
}

.tab-content-2.custom-nav-tabs {
  gap: 14px;
  padding-bottom: 14px;
  margin-bottom: 18px;
  border-bottom: 1px solid #eee;
  flex-direction: unset;
}
body.dark .tab-content-2.custom-nav-tabs {
  border-bottom: 1px solid #454851;
}
.tab-content-2.custom-nav-tabs::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.tab-content-2.custom-nav-tabs::-webkit-scrollbar-track {
  background: #F5F6F7;
  border-radius: 10px;
}
.tab-content-2.custom-nav-tabs::-webkit-scrollbar-thumb {
  background: rgba(238, 238, 238, 0.212);
  border-radius: 10px;
}
.tab-content-2.custom-nav-tabs .nav-item {
  min-width: unset;
  width: fit-content;
}
.tab-content-2.custom-nav-tabs .nav-link {
  overflow: hidden;
  padding: 10px 28px;
  position: relative;
  white-space: nowrap;
  background-color: #F5F6F7;
  box-shadow: none;
  flex-direction: unset;
  transition: all 0.25s ease-in-out;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 100px;
  gap: 12px;
}
body.dark .tab-content-2.custom-nav-tabs .nav-link {
  background-color: #323640;
  border-color: #454851;
}
body.dark .tab-content-2.custom-nav-tabs .nav-link .text-box span {
  color: #ffffff;
}
.tab-content-2.custom-nav-tabs .nav-link i {
  display: none;
  margin-left: auto;
  margin-right: 9px;
  --Iconsax-Color: var(--primary-color);
}
.tab-content-2.custom-nav-tabs .nav-link.active, .tab-content-2.custom-nav-tabs .nav-link:hover {
  border-color: transparent;
  background-color: var(--primary-color);
  color: #ffffff;
}
.tab-content-2.custom-nav-tabs .nav-link.active span, .tab-content-2.custom-nav-tabs .nav-link:hover span {
  color: #ffffff !important;
}
body.dark .tab-content-2.custom-nav-tabs .nav-link.active span, body.dark .tab-content-2.custom-nav-tabs .nav-link:hover span {
  color: #ffffff;
}
.tab-content-2.custom-nav-tabs .nav-link.active i, .tab-content-2.custom-nav-tabs .nav-link:hover i {
  display: block;
}
body.dark .tab-content-2.custom-nav-tabs .nav-link.active, body.dark .tab-content-2.custom-nav-tabs .nav-link:hover {
  border-color: transparent;
  background-color: var(--primary-color);
  color: #ffffff;
}
.tab-content-2.custom-nav-tabs .nav-link .text-box span {
  display: flex;
  line-height: 1.3;
  margin: unset;
  width: unset;
  transition: all 0.25s ease-in-out;
}

.category-img {
  border-radius: calc(6px + 2 * (100vw - 320px) / 1600);
  position: relative;
  overflow: hidden;
  display: block;
}
.category-img img {
  aspect-ratio: 113/100;
  object-fit: cover;
}
.category-img:hover::after {
  animation: shine 1.15s;
}
.category-img .category-span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
  background: linear-gradient(0deg, #00162E 21%, rgba(0, 22, 46, 0) 100%);
  color: #ffffff;
  margin: 0;
  padding: calc(32px + 18 * (100vw - 320px) / 1600) 10px calc(6px + 2 * (100vw - 320px) / 1600);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.category-span {
  text-align: center;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
  margin-top: calc(8px + 8 * (100vw - 320px) / 1600);
  font-size: calc(14px + 6 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: #00162E;
}

.accordion .accordion-item {
  border: none;
}
.accordion .accordion-item .accordion-button {
  background-color: transparent;
  width: max-content;
  padding: 0;
  border: none;
  box-shadow: none;
}
.accordion .accordion-item .accordion-button:not(.collapsed):after {
  background-image: url(/build/assets/arrow-VBqBxFbV.svg);
}
.accordion.categories-accordion .accordion-item .accordion-header .title {
  width: 100%;
  cursor: pointer;
}

/**=====================
    Contact scss
==========================**/
.contact-section .heading-p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  margin: 20px 0 calc(20px + 10 * (100vw - 320px) / 1600);
  color: rgba(0, 22, 46, 0.5);
}
.contact-section .contact-content .contact-us-form {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #E5E8EA;
  background-color: #ffffff;
}
.contact-section .contact-content .contact-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-section .contact-content .contact-info li {
  border-radius: 6px;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.2;
  display: flex;
  align-items: start;
  gap: 8px;
  color: #808B97;
  width: auto;
}
.contact-section .contact-content .contact-info li i {
  --Iconsax-Size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162E;
}
.contact-section .contact-content .contact-info li .detail {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
}
.contact-section .contact-content .contact-info li .detail h5 {
  color: #00162E;
  font-weight: 500;
}
.contact-section .contact-content .contact-info li .detail p {
  color: rgba(0, 22, 46, 0.5);
  line-height: 1.5;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
}
.contact-section .contact-content .send-btn {
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  padding: 10px calc(12px + 4 * (100vw - 320px) / 1600);
  letter-spacing: 1px;
  line-height: 1.5;
  gap: 4px;
  white-space: nowrap;
  width: 100%;
  border-radius: calc(7px + 5 * (100vw - 320px) / 1600);
}

.map-section .map {
  width: 100%;
  height: calc(200px + 200 * (100vw - 320px) / 1600);
}
.map-section .map iframe {
  width: 100%;
  height: 100%;
}

/**=====================
    Policy scss
==========================**/
.list-items {
  padding-left: 1.25rem;
  list-style-type: circle;
}
.list-items .list-item {
  margin-bottom: calc(14px + 6 * (100vw - 320px) / 1600);
  display: list-item;
  line-height: 1.5;
}
.list-items .list-item h6 {
  font-size: 18px;
  margin-bottom: 0.75rem;
  font-weight: 500;
  line-height: 1.5;
  color: #00162E;
}
.list-items .list-item p {
  font-size: calc(15px + 2 * (100vw - 320px) / 1600) !important;
  color: rgba(0, 22, 46, 0.7);
  line-height: 1.5 !important;
  margin-bottom: calc(12px + 4 * (100vw - 320px) / 1600);
}
.list-items li {
  margin-bottom: 12px;
}

/**=====================
     About Us scss
==========================**/
.expert-section {
  position: relative;
  background-image: url(/build/assets/bg-3bxMWlFU.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}

.expert-content .dark-card {
  height: calc(100% - (46px + 14 * (100vw - 320px) / 1600));
}
.expert-content .dark-card .card-title a {
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.expert-content .dark-card .card-title a:hover {
  color: var(--primary-color);
}
.expert-content .dark-card,
.expert-content .gray-card {
  overflow: visible;
  margin-top: calc(46px + 14 * (100vw - 320px) / 1600);
}
.expert-content .dark-card .dark-card-img,
.expert-content .dark-card .gray-card-img,
.expert-content .gray-card .dark-card-img,
.expert-content .gray-card .gray-card-img {
  margin-bottom: calc(12px + 3 * (100vw - 320px) / 1600);
  text-align: center;
}
.expert-content .dark-card .dark-card-img .profile-pic,
.expert-content .dark-card .gray-card-img .profile-pic,
.expert-content .gray-card .dark-card-img .profile-pic,
.expert-content .gray-card .gray-card-img .profile-pic {
  margin-top: -60px;
  border-radius: 100%;
  width: 130px;
  height: 130px;
  object-fit: cover;
  border: 7px solid rgba(255, 255, 255, 0.06);
}
@media (max-width: 575.98px) {
  .expert-content .dark-card .dark-card-img .profile-pic,
  .expert-content .dark-card .gray-card-img .profile-pic,
  .expert-content .gray-card .dark-card-img .profile-pic,
  .expert-content .gray-card .gray-card-img .profile-pic {
    width: calc(95px + 15 * (100vw - 320px) / 1600);
    height: calc(95px + 15 * (100vw - 320px) / 1600);
    margin-top: calc(-50px + -10 * (100vw - 320px) / 1600);
    border-width: calc(5px + 2 * (100vw - 320px) / 1600);
  }
}
.expert-content .dark-card .dark-card-img .profile-pic.like,
.expert-content .dark-card .gray-card-img .profile-pic.like,
.expert-content .gray-card .dark-card-img .profile-pic.like,
.expert-content .gray-card .gray-card-img .profile-pic.like {
  margin: 0;
  border: none;
  border-radius: 0;
}
.expert-content .dark-card .dark-card-img .favourite,
.expert-content .dark-card .gray-card-img .favourite,
.expert-content .gray-card .dark-card-img .favourite,
.expert-content .gray-card .gray-card-img .favourite {
  top: 20px;
  right: 20px;
  left: unset;
}
[dir=rtl] .expert-content .dark-card .dark-card-img .favourite,
[dir=rtl] .expert-content .dark-card .gray-card-img .favourite,
[dir=rtl] .expert-content .gray-card .dark-card-img .favourite,
[dir=rtl] .expert-content .gray-card .gray-card-img .favourite {
  left: 20px;
  right: unset;
}
.expert-content .dark-card .card-body,
.expert-content .gray-card .card-body {
  padding: 0 15px;
}
.expert-content .dark-card .card-body .card-title,
.expert-content .gray-card .card-body .card-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  color: #ffffff;
}
.expert-content .dark-card .card-body .card-title h4,
.expert-content .gray-card .card-body .card-title h4 {
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1.3;
  font-weight: 500;
}
.expert-content .dark-card .card-body .card-title small,
.expert-content .gray-card .card-body .card-title small {
  font-size: 14px;
}
.expert-content .dark-card .card-body .card-detail,
.expert-content .gray-card .card-body .card-detail {
  padding: calc(9px + 6 * (100vw - 320px) / 1600) 0;
  margin-top: calc(9px + 6 * (100vw - 320px) / 1600);
  border-top: calc(1px + 1 * (100vw - 320px) / 1600) dashed rgba(255, 255, 255, 0.1);
}
.expert-content .dark-card .card-body .card-detail p,
.expert-content .gray-card .card-body .card-detail p {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  width: 86%;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 575.98px) {
  .expert-content .dark-card .card-body .card-detail p,
  .expert-content .gray-card .card-body .card-detail p {
    width: 100%;
  }
}
.expert-content .gray-card .card-body {
  color: #808B97;
}
.expert-content .gray-card .card-body .card-title {
  color: #00162E;
}
.expert-content .gray-card .card-body .card-title a {
  color: #00162E;
  white-space: nowrap;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.expert-content .gray-card .card-body .card-title a:hover {
  color: var(--primary-color);
}
.expert-content .gray-card .card-body .card-detail {
  border-top: 2px dashed #E5E8EA;
}

.expert-content .gray-card:hover {
  background-color: rgba(229, 232, 234, 0.569);
}

.reviews-main {
  background-color: #F5F6F7;
  border-radius: 10px;
  padding: 20px;
}
.reviews-main h6 {
  font-weight: 500;
  line-height: 1.5;
}
.reviews-main .overview-list li {
  color: #808B97;
  font-size: 14px;
}

.location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.location i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #808b97;
}
.location h5 {
  line-height: 20px;
  color: #808B97;
}

.filter .card {
  background-color: #F5F6F7;
}
.filter .card .card-header {
  padding: 18px 20px;
  background-color: transparent;
  border-bottom: 1px solid #E5E8EA;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter .card .card-header h3 {
  font-weight: 700;
}
.filter .card .card-header a {
  cursor: pointer;
}
.filter .card .card-body {
  overflow: auto;
}
.filter .card .card-body .form-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter .provider-card {
  background-color: #F5F6F7;
  border-radius: 10px;
}
.filter .provider-card .like-icon {
  top: 30px;
  right: 30px;
  left: unset;
}
[dir=rtl] .filter .provider-card .like-icon {
  left: 30px;
  right: unset;
}
.filter .provider-card .provider-detail .provider-content {
  border: none;
}
.filter .provider-card .provider-detail .provider-content .profile-bg {
  background-color: #E5E8EA;
}
.filter .provider-card .provider-detail .provider-content .profile .img {
  border-radius: 6px;
  width: 110px;
  height: 110px;
}
.filter .provider-card .provider-detail .provider-content .profile .initial-letter {
  height: 120px;
  width: 120px;
  background-color: #ffffff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  font-weight: 500;
  line-height: 1;
}
.filter .provider-card .provider-detail .provider-content i {
  --Iconsax-Size: 16px;
  --Iconsax-Color: #808b97;
}
.filter .provider-card .provider-detail .provider-content .delivered {
  background-color: #ffffff;
  padding: 13px 16px;
  border-radius: 6px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px 0 10px;
}
.filter .provider-card .provider-detail .provider-content .delivered span {
  font-size: 16px;
}
.filter .provider-card .provider-detail .provider-content .delivered small {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
}
.filter .provider-card .provider-detail .provider-content .profile-detail p {
  color: #00162E;
  text-align: left;
}
[dir=rtl] .filter .provider-card .provider-detail .provider-content .profile-detail p {
  text-align: right;
}
.filter .provider-card .provider-detail .provider-content .profile-info {
  background-color: #ffffff;
  padding: 16px;
}
.filter .provider-card .provider-detail .provider-content .profile-info p {
  color: #00162E;
  text-align: start;
}
[dir=rtl] .filter .provider-card .provider-detail .provider-content .profile-info p {
  text-align: end;
}
.filter .provider-card .provider-detail .provider-content .profile-info label {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
}
.filter .provider-card .provider-detail .provider-content .profile-info i {
  --Iconsax-Size: 18px;
}
.filter .provider-card .provider-detail .provider-content .profile-info .btn-solid-gray {
  font-size: 14px;
  border-radius: 6px;
  padding: 6px 13px;
}

.provider-detail .provider-content {
  border-radius: 12px;
  border: 1px solid #E5E8EA;
  padding: calc(12px + 8 * (100vw - 320px) / 1600);
}
.provider-detail .provider-content .profile-bg {
  background-color: #F5F6F7;
  height: 70px;
  border-radius: calc(8px + 4 * (100vw - 320px) / 1600);
}
.provider-detail .provider-content i {
  --Iconsax-Size: 16px;
  --Iconsax-Color: #ffc412;
}
.provider-detail .provider-content .profile {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: -45px;
}
.provider-detail .provider-content .profile .img {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  border: 4px solid #ffffff;
}
.provider-detail .provider-content .profile .provider-profile-img {
  border-radius: 100%;
  width: 120px;
  height: 120px;
}
.provider-detail .provider-content .profile .rate {
  font-size: 16px;
}
.provider-detail .provider-content .profile-detail {
  margin-top: 10px;
}
.provider-detail .provider-content .profile-detail ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}
.provider-detail .provider-content .profile-detail ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
}
.provider-detail .provider-content .profile-detail ul li + li {
  border-top: 1px solid #E5E8EA;
  padding-top: calc(6px + 4 * (100vw - 320px) / 1600);
  margin-top: calc(6px + 4 * (100vw - 320px) / 1600);
}
@media (max-width: 575.98px) {
  .provider-detail .provider-content .profile-detail ul li {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
}
.provider-detail .provider-content .badge {
  padding: calc(14px + 6 * (100vw - 320px) / 1600) calc(16px + 4 * (100vw - 320px) / 1600);
  border-radius: calc(6px + 4 * (100vw - 320px) / 1600);
  width: 100%;
  text-align: start;
  margin-bottom: calc(9px + 7 * (100vw - 320px) / 1600);
}
[dir=rtl] .provider-detail .provider-content .badge {
  text-align: end;
}
.provider-detail .provider-content p {
  font-size: 16px;
  color: #808B97;
  line-height: 26px;
  text-align: center;
}
.provider-detail .provider-content .badge-img {
  width: calc(25px + 10 * (100vw - 320px) / 1600);
  height: calc(25px + 10 * (100vw - 320px) / 1600);
}

.image-grp {
  position: relative;
  width: 90%;
  margin-inline: auto;
}
@media (max-width: 1199.98px) {
  .image-grp {
    width: 100%;
  }
}

.application-section,
.service-provider-section {
  position: relative;
}
.application-section .row,
.service-provider-section .row {
  align-items: center;
}
.application-section .position-absolute,
.service-provider-section .position-absolute {
  position: absolute;
  bottom: calc(50px + 143 * (100vw - 320px) / 1600);
  right: calc(20px + 40 * (100vw - 320px) / 1600);
}
[dir=rtl] .application-section .position-absolute,
[dir=rtl] .service-provider-section .position-absolute {
  right: unset;
  left: calc(20px + 40 * (100vw - 320px) / 1600);
}
@media (max-width: 1660px) {
  .application-section .position-absolute,
  .service-provider-section .position-absolute {
    bottom: calc(75px + 93 * (100vw - 320px) / 1600);
    right: calc(10px + 40 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .application-section .position-absolute,
  [dir=rtl] .service-provider-section .position-absolute {
    right: unset;
    left: calc(10px + 40 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 1460px) {
  .application-section .position-absolute,
  .service-provider-section .position-absolute {
    bottom: calc(75px + 93 * (100vw - 320px) / 1600);
    right: calc(10px + 40 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .application-section .position-absolute,
  [dir=rtl] .service-provider-section .position-absolute {
    right: unset;
    left: calc(10px + 40 * (100vw - 320px) / 1600);
  }
}
@media (max-width: 1366px) {
  .application-section .position-absolute,
  .service-provider-section .position-absolute {
    bottom: calc(75px + 73 * (100vw - 320px) / 1600);
    right: 10px;
  }
  [dir=rtl] .application-section .position-absolute,
  [dir=rtl] .service-provider-section .position-absolute {
    right: unset;
    left: 10px;
  }
}
@media (max-width: 1199.98px) {
  .application-section .position-absolute,
  .service-provider-section .position-absolute {
    bottom: 0;
    right: 0px;
  }
  [dir=rtl] .application-section .position-absolute,
  [dir=rtl] .service-provider-section .position-absolute {
    right: unset;
    left: 0px;
  }
}
@media (max-width: 575.98px) {
  .application-section .position-absolute,
  .service-provider-section .position-absolute {
    display: none;
  }
}
.application-section .gif-content,
.service-provider-section .gif-content {
  box-shadow: -8px -8px 22px rgba(82, 80, 80, 0.368627451);
  border-radius: 10px;
  color: #ffffff;
  padding: 16px;
  background: linear-gradient(180deg, rgb(139, 84, 255) 0%, rgb(84, 101, 255) 100%);
  width: 140px;
  text-align: center;
}
.application-section .gif-content p,
.service-provider-section .gif-content p {
  margin: 0;
  font-size: 12px;
}
.application-section .gif-content h6,
.service-provider-section .gif-content h6 {
  border-top: 1px dashed rgba(255, 255, 255, 0.1);
  margin-top: 4px;
  padding-top: 4px;
  position: relative;
  height: 10px;
}
.application-section .gif-content h6:before,
.service-provider-section .gif-content h6:before {
  content: "User";
  position: absolute;
  left: 0;
  right: 0;
  animation: textChange infinite 2.5s;
  animation-delay: 2.5s;
}
[dir=rtl] .application-section .gif-content h6:before,
[dir=rtl] .service-provider-section .gif-content h6:before {
  left: unset;
  right: 0;
}
.application-section .spark,
.service-provider-section .spark {
  position: absolute;
  top: -37px;
  left: 60%;
  transform: translateX(-60%);
}
[dir=rtl] .application-section .spark,
[dir=rtl] .service-provider-section .spark {
  left: unset;
  right: 60%;
  transform: translateX(60%);
}
.application-section .section-wrap .image-1,
.service-provider-section .section-wrap .image-1 {
  position: absolute;
  z-index: -1;
  bottom: 120px;
  right: -15px;
  animation: mover 2s infinite alternate;
  animation-delay: 1s;
  width: 86px;
  height: 19px;
}
[dir=rtl] .application-section .section-wrap .image-1,
[dir=rtl] .service-provider-section .section-wrap .image-1 {
  right: unset;
  left: -45px;
}
@media (max-width: 575.98px) {
  .application-section .section-wrap .image-1,
  .service-provider-section .section-wrap .image-1 {
    display: none;
  }
}
.application-section .section-wrap .image-2,
.service-provider-section .section-wrap .image-2 {
  position: absolute;
  animation: mover 2s infinite alternate;
  z-index: -1;
  top: 210px;
  left: 90px;
  animation-delay: 2s;
  height: 120px;
}
[dir=rtl] .application-section .section-wrap .image-2,
[dir=rtl] .service-provider-section .section-wrap .image-2 {
  left: unset;
  right: 90px;
}
@media (max-width: 991.98px) {
  .application-section .section-wrap .image-2,
  .service-provider-section .section-wrap .image-2 {
    display: none;
  }
}
.application-section .section-wrap .vector-1,
.application-section .section-wrap .girl-img,
.service-provider-section .section-wrap .vector-1,
.service-provider-section .section-wrap .girl-img {
  margin: 0 auto;
  display: flex;
  width: 100%;
}
@media (max-width: 991.98px) {
  .application-section .section-wrap .vector-1,
  .application-section .section-wrap .girl-img,
  .service-provider-section .section-wrap .vector-1,
  .service-provider-section .section-wrap .girl-img {
    width: 60%;
  }
}
@media (max-width: 575.98px) {
  .application-section .section-wrap .vector-1,
  .application-section .section-wrap .girl-img,
  .service-provider-section .section-wrap .vector-1,
  .service-provider-section .section-wrap .girl-img {
    width: 100%;
  }
}
.application-section .section-wrap .app-gif,
.service-provider-section .section-wrap .app-gif {
  position: absolute;
  top: 0;
  left: 20%;
  height: 100%;
}
[dir=rtl] .application-section .section-wrap .app-gif,
[dir=rtl] .service-provider-section .section-wrap .app-gif {
  left: unset;
  right: 20%;
}

.app-install {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.app-install img {
  height: 42px;
}
@media (max-width: 991.98px) {
  .app-install {
    gap: 10px;
    margin-top: calc(16px + 14 * (100vw - 320px) / 1600);
  }
  .app-install img {
    height: calc(45px + 15 * (100vw - 320px) / 1600);
  }
}

.application-section .title {
  margin-bottom: calc(12px + 10 * (100vw - 320px) / 1600);
}
.application-section .title h2 {
  font-weight: 700;
  line-height: 1.4;
}

.content-detail {
  color: #808B97;
}
.content-detail p {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
}
.content-detail .item-lists {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 30px;
}
[dir=rtl] .content-detail .item-lists {
  margin-left: 0;
  margin-right: 30px;
}
@media (max-width: 575.98px) {
  .content-detail .item-lists {
    gap: calc(0px + 12 * (100vw - 320px) / 1600);
  }
}
.content-detail .item-lists li {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
  position: relative;
  line-height: 26px;
}
.content-detail .item-lists li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #808B97;
  top: 12px;
  left: -16px;
  border-radius: 100%;
}
[dir=rtl] .content-detail .item-lists li:before {
  left: unset;
  right: -16px;
}

.chart-img {
  position: absolute;
  bottom: 55px;
  left: 120px;
  border-radius: 13px;
  animation: mover 2s infinite alternate;
  animation-delay: 1s;
}
[dir=rtl] .chart-img {
  left: unset;
  right: 120px;
}
@media (min-width: 991.98px) {
  .chart-img {
    width: calc(120px + 80 * (100vw - 992px) / 928);
  }
}
@media (max-width: 1199.98px) {
  .chart-img {
    left: 50px;
  }
  [dir=rtl] .chart-img {
    left: unset;
    right: 50px;
  }
}
@media (max-width: 991.98px) {
  .chart-img {
    left: calc(30px + 270 * (100vw - 320px) / 1600);
    bottom: calc(11px + 194 * (100vw - 320px) / 1600);
    width: calc(121px + 79 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .chart-img {
    left: unset;
    right: calc(30px + 270 * (100vw - 320px) / 1600);
  }
}

.group-img {
  position: absolute;
  top: 120px;
  right: 30px;
  border-radius: 13px;
  animation: mover 2s infinite alternate;
  animation-delay: 1s;
}
[dir=rtl] .group-img {
  right: unset;
  left: 30px;
}
@media (min-width: 991.98px) {
  .group-img {
    width: calc(120px + 80 * (100vw - 992px) / 928);
  }
}
@media (max-width: 1199.98px) {
  .group-img {
    right: 0px;
  }
  [dir=rtl] .group-img {
    right: unset;
    left: 0px;
  }
}
@media (max-width: 991.98px) {
  .group-img {
    right: calc(10px + 20 * (100vw - 320px) / 1600);
    top: calc(90px + 120 * (100vw - 320px) / 1600);
    width: calc(110px + 90 * (100vw - 320px) / 1600);
  }
  [dir=rtl] .group-img {
    right: unset;
    left: calc(10px + 20 * (100vw - 320px) / 1600);
  }
}

.service-provider-section {
  position: relative;
  background-image: url(/build/assets/bg-zJwbBSUh.png);
  background-color: #F5F6F7;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
.service-provider-section .item-lists {
  margin: 0 !important;
}
.service-provider-section .item-lists .item-list:before {
  display: none;
}
.service-provider-section .item-lists .item-list i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: var(--primary-color);
}
.service-provider-section .section-wrap .image-1 {
  bottom: 50px;
  right: 80px;
}
[dir=rtl] .service-provider-section .section-wrap .image-1 {
  right: unset;
  left: 80px;
}
.service-provider-section .section-wrap .image-2 {
  top: 60px;
  left: 70px;
}
[dir=rtl] .service-provider-section .section-wrap .image-2 {
  left: unset;
  right: 70px;
}
.service-provider-section .btn {
  border-radius: calc(6px + 7 * (100vw - 320px) / 1600);
  margin-top: 30px;
  width: max-content;
}
@media (max-width: 767.98px) {
  .service-provider-section .btn {
    margin-top: 20px;
  }
}

/**=====================
     About Us scss
==========================**/
.service-package-section .service-package-content .service-detail {
  color: #ffffff;
  margin: calc(12px + 18 * (100vw - 320px) / 1600);
  width: auto;
}
.service-package-section .service-package-content .service-detail .service-icon {
  border-radius: calc(7px + 3 * (100vw - 320px) / 1600);
  background-color: #E5E8EA;
  padding: calc(10px + 2 * (100vw - 320px) / 1600);
  width: calc(52px + 8 * (100vw - 320px) / 1600);
  height: calc(52px + 8 * (100vw - 320px) / 1600);
  margin-bottom: calc(13px + 7 * (100vw - 320px) / 1600);
  transition: all 0.3s ease-in-out;
}
.service-package-section .service-package-content .service-detail .service-icon img {
  mix-blend-mode: darken;
}
.service-package-section .service-package-content .service-detail h3 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.service-package-section .service-package-content .service-detail .price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  margin-top: calc(3px + 3 * (100vw - 320px) / 1600);
}
.service-package-section .service-package-content .service-detail .price span {
  font-size: calc(20px + 6 * (100vw - 320px) / 1600);
  font-weight: 700;
  line-height: 1.3;
}
.service-package-section .service-package-content .service-detail .price i {
  --Iconsax-Size: 24px;
  --Iconsax-Color: #ffffff;
  transform: translateX(0px);
  transition: all 0.2s ease;
}
.service-package-section .service-package-content .service-detail .price:hover i {
  transform: translateX(5px);
  transition: all 0.2s ease;
}
.service-package-section .service-package-content .service-bg {
  width: 100%;
  border-radius: calc(10px + 5 * (100vw - 320px) / 1600);
  height: 100%;
  position: relative;
  overflow: hidden;
}
.service-package-section .service-package-content .service-bg .service-1 {
  position: absolute;
  bottom: -90px;
  right: -160px;
  height: 250px;
}
.service-package-section .service-package-content .service-bg .service-2 {
  position: absolute;
  top: -120px;
  right: -90px;
  height: 250px;
  transform: rotate(230deg);
}
[dir=rtl] .service-package-section .service-package-content .service-bg .service-2 {
  right: unset;
  left: -90px;
}
.service-package-section .service-package-content .service-bg .service-3 {
  position: absolute;
  bottom: -100px;
  left: -70px;
  height: 250px;
  transform: rotate(49deg);
}
[dir=rtl] .service-package-section .service-package-content .service-bg .service-3 {
  left: unset;
  right: -70px;
}
.service-package-section .service-package-content .service-bg .service-4 {
  position: absolute;
  top: -92px;
  left: -80px;
  height: 250px;
  transform: rotate(190deg);
}
[dir=rtl] .service-package-section .service-package-content .service-bg .service-4 {
  left: unset;
  right: -80px;
}
.service-package-section .service-package-content .service-bg:hover .service-icon {
  background-color: #ffffff;
}
.service-package-section .service-package-content .service-bg:hover .service-icon img {
  animation: tada 1.5s ease infinite;
}
.service-package-section .service-package-content .service-bg-primary {
  background-color: #5465FF;
}
.service-package-section .service-package-content .service-bg-secondary {
  background-color: #ff7456;
}
.service-package-section .service-package-content .service-bg-info {
  background-color: #48bffd;
}
.service-package-section .service-package-content .service-bg-success {
  background-color: #27AF4D;
}

.service-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(3px + 5 * (100vw - 320px) / 1600);
}
@media (max-width: 480px) {
  .service-title {
    flex-direction: column;
    align-items: start;
  }
}
.service-title h4 a {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
  color: #00162E;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
}
.service-title span {
  font-size: 14px;
  line-height: 20px;
  color: #808B97;
}
.service-title small {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  line-height: 1.3;
}

.service-detail ul {
  display: flex;
  align-items: start;
}
.service-detail ul li + li {
  padding-left: calc(6px + 4 * (100vw - 320px) / 1600);
  margin-left: calc(6px + 4 * (100vw - 320px) / 1600);
  border-left: 1px solid #E5E8EA;
}
[dir=rtl] .service-detail ul li + li {
  margin-left: unset;
  margin-right: calc(6px + 4 * (100vw - 320px) / 1600);
  padding-left: unset;
  padding-right: calc(6px + 4 * (100vw - 320px) / 1600);
  border-right: 1px solid #E5E8EA;
  border-left: unset;
}
.service-detail ul li.service {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.service-detail p {
  font-size: 14px;
  color: #808B97;
  position: relative;
  padding: 0 0 0 22px;
  margin: 0;
  margin-top: calc(8px + 4 * (100vw - 320px) / 1600);
  line-height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0;
}

.time {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #27AF4D;
  font-size: 14px;
}
.time i {
  --Iconsax-Size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #27AF4D;
}
.time span {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
}

.date-time li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  flex-wrap: wrap;
}
.date-time li span {
  color: #808B97;
  font-size: 16px;
}
.date-time li small {
  font-weight: 500;
  color: #00162E;
  font-size: 16px;
}

.service-person {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #27AF4D;
  font-size: 14px;
}
.service-person i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #27AF4D;
}
.service-person img {
  width: calc(18px + 4 * (100vw - 320px) / 1600);
  height: calc(18px + 4 * (100vw - 320px) / 1600);
}
.service-person span {
  white-space: nowrap;
  font-weight: 500;
  font-size: 16px;
}

.service-type {
  font-weight: 400;
  font-size: 14px;
  color: #808B97;
}
.service-type span {
  font-size: 16px;
  font-weight: 500;
  padding: 3px 10px;
  color: var(--primary-color);
  border-radius: 5px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.service-type span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--primary-color);
  opacity: 0.1;
}

.service-list-section .service-list-content .card .card-body {
  padding: calc(12px + 4 * (100vw - 320px) / 1600);
}
.service-list-section .service-list-content .card .card-footer {
  position: relative;
  padding: calc(12px + 4 * (100vw - 320px) / 1600);
}
@media (max-width: 767px) {
  .service-list-section .service-list-content .card .card-footer {
    flex-direction: column;
    align-items: unset;
  }
}
.service-list-section .service-list-content .card .card-footer:before {
  content: "";
  position: absolute;
  width: calc(100% - 32px);
  height: 1px;
  border-top: 1px dashed #E5E8EA;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.service-list-section .service-list-content .card .card-footer:after {
  content: "";
  position: absolute;
  right: 14px;
  top: -3px;
  border-bottom: 2px solid #E5E8EA;
  border-right: 2px solid #E5E8EA;
  width: 6px;
  height: 6px;
  transform: rotate(312deg);
}
[dir=rtl] .service-list-section .service-list-content .card .card-footer:after {
  right: unset;
  left: 14px;
  transform: rotate(128deg);
}
.service-list-section .service-list-content .card .card-footer .footer-detail {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-list-section .service-list-content .card .card-footer .footer-detail img {
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.service-list-section .service-list-content .card .card-footer .footer-detail img.star {
  width: 16px;
  height: 16px;
}
.service-list-section .service-list-content .card .card-footer .footer-detail p {
  margin: 0;
  font-weight: 500;
  color: #00162E;
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  text-overflow: ellipsis;
  margin-bottom: calc(1px + 5 * (100vw - 320px) / 1600);
  line-height: 1.3;
}
.service-list-section .service-list-content .card .card-footer .footer-detail i {
  --Iconsax-Size: 18px;
  --Iconsax-Color: #FFC412;
}
.service-list-section .service-list-content .card .card-footer .footer-detail > div {
  width: calc(100% - 45px - 8px);
}
.service-list-section .service-list-content .card .card-footer a {
  display: flex;
  align-items: center;
  gap: 2px;
}
.service-list-section .service-list-content .card .card-footer a:hover i {
  --Iconsax-Color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.service-list-section .service-list-content .card .card-footer a.btn {
  width: max-content;
}
.service-list-section .service-list-content .card .card-footer a.btn.btn-outline {
  color: var(--primary-color);
  font-size: 18px;
  line-height: 1;
  transition: all 0.2s ease-in-out;
}
.service-list-section .service-list-content .card .card-footer a.btn.btn-outline:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}
@media (max-width: 1460px) {
  .service-list-section .service-list-content .card .card-footer a.btn.btn-outline {
    padding: 10px;
  }
}
@media (max-width: 767.98px) {
  .service-list-section .service-list-content .card .card-footer a.btn.btn-outline {
    font-size: 14px;
    padding: 10px 6px;
  }
  .service-list-section .service-list-content .card .card-footer a.btn.btn-outline i {
    --Iconsax-Size: 17px;
  }
}
.service-list-section .service-list-content .card .card-footer a i {
  --Iconsax-Size: 19px;
  --Iconsax-Color: #0019ff;
  transition: all 0.2s ease-in-out;
}
.service-list-section .service-list-content .card .card-footer .btn {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  padding: 12px calc(12px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
  border-radius: calc(4px + 2 * (100vw - 320px) / 1600);
  line-height: 1;
}
.service-list-section .service-list-content .card .card-footer .btn span {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.service-list-section .service-list-content .service-detail-slider .service-img {
  border-radius: 15px;
}
.service-list-section .service-list-content .service-detail p {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  padding-left: 0;
}
[dir=rtl] .service-list-section .service-list-content .service-detail p {
  padding-right: 0;
  padding-left: unset;
}
.service-list-section .service-list-content .service-detail p::before {
  content: none;
}
@media (max-width: 767.98px) {
  .service-list-section .service-list-content .select-dropdown .form-group {
    width: 100%;
  }
}
.service-list-section .service-list-content .booking-category .card .card-footer {
  border-top: 1px solid #E5E8EA;
}
.service-list-section .apply-coupon-form .pattern-btn {
  display: flex;
  align-items: center;
  gap: 8px;
}
.service-list-section .apply-coupon-form .pattern-btn .spinner-border {
  border: 0.15em solid var(--primary-color);
  border-right-color: transparent;
}
.service-list-section .apply-coupon-form .pattern-btn .spinner-border::before {
  background-color: transparent;
}
.service-list-section .apply-coupon-form .input-group {
  overflow: hidden;
}
.service-list-section .apply-coupon-form .input-group:has(.pattern-btn) .coupon-input-box {
  width: 100%;
}
.service-list-section .apply-coupon-form .input-group .text-btn {
  font-size: 15px;
}
.service-list-section .apply-coupon-form .input-group .coupon-input-box {
  width: calc(100% - 85px);
}
.service-list-section .apply-coupon-form .input-group .coupon-input-box .form-control,
.service-list-section .apply-coupon-form .input-group .coupon-input-box .pattern-input {
  border-radius: 8px 0 0 8px;
}
.service-list-section .apply-coupon-form .input-group .pattern-btn-1 {
  overflow: unset;
}
.service-list-section .apply-coupon-form .input-group .pattern-btn-1:after, .service-list-section .apply-coupon-form .input-group .pattern-btn-1:before {
  border: 1px dashed var(--primary-color);
}

.detail-content {
  margin-top: 24px;
}
.detail-content .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: none;
  margin: 0;
  padding-bottom: 4px;
}
.detail-content .title .amount-value {
  line-height: 1;
}
.detail-content .title:before {
  display: none;
}
.detail-content .title h3 {
  font-size: calc(20px + 4 * (100vw - 320px) / 1600);
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .detail-content .title {
    flex-direction: column;
    align-items: start;
  }
}
.detail-content p {
  color: #808B97;
  font-size: calc(15px + 3 * (100vw - 320px) / 1600);
  margin: 10px 0 calc(10px + 10 * (100vw - 320px) / 1600);
  line-height: 1.5;
}
.detail-content label {
  font-size: 16px;
  margin-bottom: 4px;
}
.detail-content .lists {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}
.detail-content .detail-sec {
  background-color: #F5F6F7;
  border-radius: 10px;
}
.detail-content .detail-sec .overview-list {
  color: #808B97;
}
.detail-content.service-details-content h3 {
  font-weight: 600;
  font-size: 20px;
}
.detail-content.service-details-content ul,
.detail-content.service-details-content ol {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-inline-start: 20px;
}
.detail-content.service-details-content ul li,
.detail-content.service-details-content ol li {
  font-size: 18px;
  margin-top: 10px;
  color: #808B97;
  display: list-item;
  list-style-type: decimal;
}
.detail-content.service-details-content ul li::marker,
.detail-content.service-details-content ol li::marker {
  color: #00162E;
  font-weight: 500;
}
.detail-content.service-details-content ul li strong,
.detail-content.service-details-content ol li strong {
  color: #00162E;
}
.detail-content.package-detail-content p {
  font-size: calc(14px + 4 * (100vw - 320px) / 1600);
}
.detail-content.package-detail-content .spinner-btn {
  padding: 12px;
  font-size: 18px;
  margin-top: 24px;
}
.detail-content.package-detail-content .detail-sec .service-item .detail .service-title h4 {
  font-size: calc(18px + 4 * (100vw - 320px) / 1600);
}

.service-item {
  gap: 15px;
  display: flex;
  align-items: start;
  border-bottom: 1px solid #E5E8EA;
}
.service-item:first-child {
  padding-top: 0;
}
.service-item:last-child {
  border: none;
  padding-bottom: 0;
}
.service-item img {
  width: calc(80px + 40 * (100vw - 320px) / 1600);
  height: calc(80px + 40 * (100vw - 320px) / 1600);
  object-fit: cover;
}

.amount-value {
  font-weight: 700;
  font-size: 22px;
  line-height: 40px;
}

.amount {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid #E5E8EA;
}

.amount-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--primary-color);
  padding: calc(11px + 5 * (100vw - 320px) / 1600);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.amount-header::before {
  opacity: 0.1;
}
.amount-header span {
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.amount-header small {
  font-weight: 600;
  font-size: calc(18px + 2 * (100vw - 320px) / 1600);
  line-height: 1.2;
}

.amount-detail {
  padding: calc(10px + 6 * (100vw - 320px) / 1600);
}
.amount-detail i {
  --Iconsax-Size: calc(22px + (24 - 22) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #00162E;
  border-right: 1px solid #E5E8EA;
  padding-right: 10px;
}
[dir=rtl] .amount-detail i {
  border-left: 1px solid #E5E8EA;
  border-right: unset;
  padding-left: 10px;
  padding-right: unset;
}
.amount-detail ul {
  display: flex;
  flex-direction: column;
  gap: calc(6px + 4 * (100vw - 320px) / 1600);
}
.amount-detail ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  font-weight: 500;
  color: #00162E;
}

.service-img .favourite {
  top: calc(10px + 20 * (100vw - 320px) / 1600);
  right: calc(10px + 20 * (100vw - 320px) / 1600);
  left: unset;
}
[dir=rtl] .service-img .favourite {
  left: calc(10px + 20 * (100vw - 320px) / 1600);
  right: unset;
}

.favourite {
  width: max-content;
  border-radius: 100%;
  background-color: #ffffff;
  padding: calc(5px + 3 * (100vw - 320px) / 1600);
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
}
[dir=rtl] .favourite {
  left: unset;
  right: 20px;
}
.favourite .nolike {
  --Iconsax-Size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  --Iconsax-Color: #FF4B4B;
  display: block;
}
.favourite .nolike.hide {
  display: none;
}
.favourite .like {
  height: calc(16px + 4 * (100vw - 320px) / 1600) !important;
  width: calc(16px + 4 * (100vw - 320px) / 1600) !important;
  display: none;
}
.favourite .like.show {
  display: block;
}

.service-section.border-line {
  padding-bottom: calc(16px + 9 * (100vw - 320px) / 1600);
  border-bottom: 1px solid #E5E8EA;
}
.service-section .service-right-box {
  margin: 0;
  position: sticky;
  top: 110px;
}
.service-section .label-title {
  font-weight: 500;
  color: #00162E;
}
.service-section .service-booking ul .booking-list .booking-data {
  background: white;
  padding: 13px;
  border-radius: 12px;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section {
  border: 1px solid #E5E8EA;
  padding: calc(16px + 4 * (100vw - 320px) / 1600);
  border-radius: 10px;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section .booking-form-group {
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section .booking-form-group:has(label.error) {
  margin-bottom: 22px;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section .booking-form-group:has(label.error) label.error {
  position: absolute;
  bottom: -18px;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section .booking-form-group .form-check {
  gap: 7px;
}
.service-section .service-booking ul .booking-list .booking-data .scheduled-booking-section label {
  font-weight: 600;
}
.service-section .service-booking ul .booking-list .booking-data:has(.card.delivery-location .address-bottom-box .action label.error) {
  padding-bottom: 34px;
}
.service-section .service-booking ul .booking-list .booking-data:has(.card.delivery-location .address-bottom-box .action label.error) label.error {
  position: absolute;
  bottom: -23px;
  left: 16px;
}
.service-section .service-booking ul .booking-list .booking-data:has(.card.delivery-location .address-bottom-box .action label.error) .card.delivery-location {
  position: unset;
}
.service-section .service-booking ul .booking-list .booking-data:has(.card.delivery-location .address-bottom-box .action label.error) .card.delivery-location .address-bottom-box {
  position: unset;
}
.service-section .service-booking ul .booking-list .booking-data:has(.card.delivery-location .address-bottom-box .action label.error) .card.delivery-location .address-bottom-box .action {
  position: unset;
}

.servicemen-lists {
  width: 100%;
  padding: calc(15px + 6 * (100vw - 320px) / 1600);
  border: 1px dashed var(--primary-color);
  color: var(--primary-color);
  border-radius: calc(7px + 3 * (100vw - 320px) / 1600);
  font-size: calc(16px + 2 * (100vw - 320px) / 1600);
  font-weight: 500;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.servicemen-lists::before {
  opacity: 0.1;
}

.no-cart-found {
  margin-bottom: 72px;
}
.no-cart-found h3 {
  font-size: 22px;
}
.no-cart-found p {
  margin-top: 5px;
  line-height: 1.5;
  font-size: 16px;
  color: #808B97;
}
.no-cart-found.no-cart-data {
  margin-block: calc(20px + 20 * (100vw - 320px) / 1600);
}

.service-package-section .date-time-location-btn {
  color: var(--primary-color);
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-size: 16px;
  padding: 5px 10px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.service-package-section .date-time-location-btn .iconsax {
  --Iconsax-Color: var(--primary-color);
  --Iconsax-Size: 18px;
}
.service-package-section .service-item {
  width: 100%;
  margin-bottom: 30px;
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid #E5E8EA;
  padding: calc(14px + 6 * (100vw - 320px) / 1600);
  align-items: flex-start;
}
[dir=rtl] .service-package-section .service-item {
  padding-right: calc(14px + 6 * (100vw - 320px) / 1600);
  padding-left: unset;
}
@media (max-width: 991.98px) {
  .service-package-section .service-item {
    display: block;
  }
}
.service-package-section .service-item .service-left-box {
  position: sticky;
  top: 100px;
  width: 50%;
}
@media (max-width: 1199px) {
  .service-package-section .service-item .service-left-box {
    width: 75%;
    top: 160px;
  }
}
@media (max-width: 991.98px) {
  .service-package-section .service-item .service-left-box {
    position: relative;
    inset: unset;
    width: 100%;
  }
}
.service-package-section .service-item .service-left-box .service-img {
  width: 100%;
  height: auto;
  aspect-ratio: 7/5;
  border-radius: 10px;
}
.service-package-section .service-item .service-left-box .service-title {
  display: block;
  margin-top: 24px;
}
.service-package-section .service-item .service-left-box .service-title .service-offer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.service-package-section .service-item .service-left-box .service-title .service-offer h4 {
  font-weight: 500;
}
.service-package-section .service-item .service-left-box .service-title .service-offer .time span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
}
.service-package-section .service-item .service-left-box .service-title p {
  margin-block: 5px;
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  line-height: 1.5;
  color: #808B97;
}
.service-package-section .service-item .service-left-box .service-title .amount {
  margin-block: 15px;
  border-radius: calc(8px + 4 * (100vw - 320px) / 1600);
}
.service-package-section .service-item .service-left-box .service-title .amount .amount-detail .amount-listing li {
  color: rgba(0, 22, 46, 0.6);
}
.service-package-section .service-item .detail .servicemen-lists {
  margin-block: 24px;
}
.service-package-section .service-item .detail .serviceman {
  display: flex;
  align-items: center;
  gap: 14px;
}
.service-package-section .service-item .detail .serviceman .serviceman-detail {
  background-color: #F5F6F7;
  border: none;
  padding: 10px 12px;
  border-radius: 10px;
  gap: 12px;
  box-shadow: none;
  max-width: calc(220px + 59 * (100vw - 320px) / 1600);
  display: flex;
  align-items: center;
}
.service-package-section .service-item .detail .serviceman .serviceman-detail > div {
  width: calc(100% - 45px - 12px);
}
.service-package-section .service-item .detail .serviceman .serviceman-detail h6 {
  margin: 0;
  color: #a3aab1 !important;
  font-size: 14px !important;
}
.service-package-section .service-item .detail .serviceman .serviceman-detail p {
  font-weight: 500;
  font-size: calc(15px + 1 * (100vw - 320px) / 1600);
  line-height: 1.2;
  margin: 0;
}
.service-package-section .service-item .detail .booking-data h3 {
  font-size: calc(16px + (18px - 16px) * (100vw - 320px) / (1920px - 320px));
  font-weight: 500;
  line-height: 23px;
  color: #00162E;
}
.service-package-section .service-item .detail .booking-data .date-time-picket-sec .select-option {
  padding: 0;
  border: none;
  flex-direction: row;
  display: flex;
  gap: 20px;
  margin-bottom: 17px;
}
@media (max-width: 600px) {
  .service-package-section .service-item .detail .booking-data .date-time-picket-sec .select-option {
    flex-wrap: wrap;
    gap: 10px;
  }
}
.service-package-section .service-item .detail .booking-data .date-time-picket-sec .select-option .form-check {
  padding: 0;
  flex-direction: unset;
  border: none;
}
.service-package-section .service-item .detail .booking-data .date-time-picket-sec .select-option label {
  color: rgba(0, 22, 46, 0.9);
  cursor: pointer;
}

.time-slot-main-box {
  display: grid;
  background-color: rgba(245, 246, 247, 0.361);
  border: 1px solid rgba(229, 232, 234, 0.549);
  padding: 10px;
  grid-template-columns: 1fr 1fr 1fr;
  gap: calc(8px + 4 * (100vw - 320px) / 1600);
  border-radius: 8px;
}
@media (max-width: 420px) {
  .time-slot-main-box {
    grid-template-columns: 1fr 1fr;
  }
}
.time-slot-main-box:empty {
  display: none;
}
.time-slot-main-box:has(p.no-data) {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.time-slot-main-box .no-data {
  font-size: calc(16px + 2 * (100vw - 320px) / 1600) !important;
  color: rgba(0, 22, 46, 0.68) !important;
}
.time-slot-main-box .btn {
  font-size: calc(14px + 2 * (100vw - 320px) / 1600);
  padding: calc(8px + 2 * (100vw - 320px) / 1600);
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}
.time-slot-main-box .btn.active, .time-slot-main-box .btn:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}

/* Themes */
/*=====================
    RTL CSS start
==========================*/
[dir=rtl] {
  direction: rtl;
  /* general css */
}
[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-right: calc(var(--bs-border-width) * -1);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  margin-left: inherit;
}
[dir=rtl] .feature-slider {
  direction: ltr;
}
[dir=rtl] .slick-slider {
  direction: ltr;
}
[dir=rtl] .slick-list .slick-track .slick-slide > div {
  direction: rtl;
}