@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.x-color {
  color: #4db2c2 !important ;
}
.x-bg {
  background: #4db2c2 !important ;
}
.navbar .navbar-nav .nav-link {
  font-size: 14px;
  letter-spacing: 0;
}
.montserrat-mont {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.master-nav {
  background: rgb(31 66 52 / 1);
  margin-top: 18px;
  border-radius: 15px;
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}
.sticky-active .master-nav {
  background: rgb(31 66 52 / 79%);
}
header .navbar-brand {
  padding: 18px 0;
}
.sec1 {
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.portfolio-creative .portfolio-box:hover .portfolio-image img {
  opacity: 0.2;
}
.price-menu {
  position: absolute;
  width: 99px;
  height: 37px;
  line-height: 37px;
  background-color: #ad800b;
  color: #fff;
  z-index: 9999;
  top: 8px;
  left: 10px;
  border-radius: 10px;
  font-size: 14px;
  text-align: center;
}
.menu-sec-t .portfolio-box .portfolio-image {
  transition: 0.5s;
}

.menu-sec-t .portfolio-box .portfolio-image:hover {
  z-index: 999999999;
  transition: 0.5s;
}
.menu-sec-t .portfolio-classic .portfolio-box {
  border-radius: 11px;
}
.menu-sec-t .highlight-separator[data-shadow-animation] span {
  bottom: 19px;
  z-index: -1;
}
.menu-sec-t .portfolio-classic .portfolio-box:hover .portfolio-image img {
  opacity: 0.14;
  -webkit-filter: blur(4px);
  filter: blur(2px);
}
.menu-sec-t .bg-gradient-pink-orange {
  background-image: linear-gradient(
    to right top,
    #675632,
    #285c47,
    #777344,
    #6a6d44,
    #bb9030
  );
}
.menu-sec-t .title14 {
  font-size: 18px;
  z-index: 9;
}
.menu-sec-t .portfolio-filter li a {
  color: var(--medium-gray);
  border-bottom: 2px solid transparent;
  background: #e4e4e4;
  color: #222;
  padding: 4px 13px;
  border-radius: 5px;
  font-size: 15px;
}
.menu-sec-t .portfolio-filter li {
  padding: 0 8px;
}
.menu-sec-t .portfolio-filter li.active a {
  color: #fff !important;
  background: #1f4234 !important;
}
.highlight-separator[data-shadow-animation] span img {
  filter: brightness(0) saturate(100%) invert(64%) sepia(87%) saturate(388%)
    hue-rotate(2deg) brightness(91%) contrast(87%);
}

.clients1 .des1 {
  font-size: 13px;
  line-height: 26px;
  color: #6e6e6e;
}
.clients1 .img2 {
  position: absolute;
  top: 13px;
  left: 15px;
  width: 35px;
}

.footer-t1 p,
.footer-t1 a {
  color: #646464;
}
.footer-t1 a {
  font-size: 14px;
}
.navbar-master .nav-link {
  color: #b3b3b3 !important;
}
.navbar-master .active .nav-link {
  color: #ffffff !important;
}
.navbar-master .nav-link img {
  filter: invert(80%) sepia(3%) saturate(22%) hue-rotate(25deg) brightness(90%)
    contrast(92%);
  margin: 0 5px;
}
.navbar-master .active img {
  filter: invert(100%) sepia(3%) saturate(0%) hue-rotate(298deg)
    brightness(106%) contrast(106%);
}
.btn-t1 {
  background: #ad800b !important;
}
.btn-t1:hover {
  background: #fff !important;
}

.btn-t2 {
  background: #ad800b !important;
}
.btn-t2:hover {
  background: #1f4234 !important;
  color: #fff !important;
}
.swiper-pagination-bullet-active {
  background: #bb8f30;
}
.menu-item-list .nav-link {
  padding: 7px 20px 7px 0;
  font-size: 17px;

  width: 100%;
  margin: 9px 0;

  transition: 0.3s;
}
.price112 {
  background: #ad800b;
  padding: 5px 28px;
  border-radius: 35px;
  color: #fff;
  font-size: 15px;
}

.infowindow p,
.infowindow .mb-3 {
  font-family: bh2 !important;
}
.google-maps-link a {
  font-family: bh2 !important;
  letter-spacing: 0 !important;
}

.btn-xfit {
  border-radius: 8px !important;
  padding: 10px 20px !important;
}

.btn-144 {
  background: #6accdc;
  width: 90px;
  text-align: center;
  color: #fff;
  /* font-size: 14px; */
  border-radius: 100px;
  font-size: 13px;
}
.counter-style-06 .feature-box-content .counter-title {
  top: 90px;
}
.about-sec .feature-box {
  padding-bottom: 40px !important;
}

.price-x-ul li img {
  width: 28px;
  height: 28px;
}
.price-table1 .border-color-extra-medium-gray {
  border-color: var(--extra-medium-gray) !important;
  border-bottom: 1px dashed #ccc !important;
  padding: 10px 0 !important;
}
.tag1 {
  background: #dfe9eb;
  border-radius: 9px;
  padding: 5px 16px;
  font-size: 13px;
  color: #252525;
  margin: 5px 3px;
  display: inline-block;
}
.price-table1 .btn-round-edge:hover {
  background: #68cada;
  border: 2px solid #68cada;
}

.xfit-wiz .btn-round-edge,
.btn-xfit-dark-icon {
  background: #2e5778 !important;
  border: 2px solid #2e5778;
}
.xfit-wiz .prev {
  background: #727272 !important;
  border: 2px solid #7b7b7b;
}
.xfit-wiz .btn-round-edge:hover,
.btn-xfit-dark-icon:hover {
  background: #222 !important;
  border: 2px solid #222;
}
label {
  color: #222222;
  font-weight: 500;
  font-family: "RUBIK";
  font-size: 14px;
  letter-spacing: 0;
}

.price-table2 .border-color-extra-medium-gray {
  border-bottom: 0 !important;
}

.form-control-date.is-invalid,
.form-control-date.is-valid {
  padding-left: 45px;
}
/* .progress-bar {
    width: calc(100% * (var(--progress-now) / var(--progress-max))) !important;
} */
/*********my-custom dario button******************



/* custom radio button */
.x-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.x-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark-radio {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.x-radio:hover input ~ .checkmark-radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.x-radio input:checked ~ .checkmark-radio {
  background-color: #693191;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.x-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.x-radio .checkmark-radio:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.x-radio {
  font-size: 14px;
  color: #222;
  font-weight: 400;
}
.step-x {
  font-size: 15px;
  font-weight: 500;
  background: #ffb200;
  /* padding: 1px 11px 6px 11px; */
  border-radius: 28px;
  margin: 0 6px;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  text-align: center;
  font-family: "bh2";
  font-weight: 800;
}

/*************************/

.form-container {
  border-radius: 10px;
  width: 100%;
}

.progress-bar-wiz {
  width: 100%;
  background: #ddd;
  height: 6px;
  border-radius: 6px;
  position: relative;
  margin-bottom: 20px;
}

.progress-wiz {
  width: 0%;
  height: 100%;
  background: #5e2887;
  border-radius: 6px;
  transition: width 0.4s ease-in-out;
}

.step {
  display: none;
  animation: fadeIn 0.5s ease-in-out;
}

.step.active {
  display: block;
}
.error-message {
  color: red;
  font-size: 14px;
  display: none;

  margin-top: 5px;
}
.tab-style-03 .nav-tabs .nav-link.active {
  color: #ffffff;
  background-color: #53186d;
}
.circle-cart {
  width: 18px;
  height: 19px;
  display: inline-block;
  /* margin-top: -44px; */
  position: relative;
  left: 7px;
  line-height: 20px;
  text-align: center;
  border-radius: 50px;
  top: -11px;
  background: #ff7300;
}

.text-xfit1 {
  background: #ff3b9d;
  color: #fff;
  border-radius: 5px !important;
}
.text-xfit4 {
  background: #1b88e8;
  color: #fff;
  border-radius: 5px !important;
}

.text-xfit2 {
  background: #c5e1d0;
  color: #2c6411;
  border-radius: 5px !important;
  margin: 0 3px;
}
.text-xfit3 {
  background: #ddd;
  color: #3d3d3d;
  border-radius: 5px !important;
  margin: 0 3px;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.next {
}

.prev {
  background: #ccc;
}

.text-gray {
  color: #8b8b8b;
}

.header14 p {
  margin-bottom: 0;
  margin-top: -2px;
  font-size: 13px;
}
.header14 .span14 {
  background-color: #4db2c2;
  color: #fff;
  font-size: 13px;
  border-radius: 100px;
  text-align: center;
  padding: 3px 15px;
  height: 39px;
  margin-bottom: 8px;
}
.nav-x-profile {
  background: #CDDDE0;
  background: linear-gradient(120deg,rgba(205, 221, 224, 0.81) 0%, rgba(242, 236, 232, 1) 100%);
  padding: 14px 10px;
  transition: all 0.5s;
  border-radius: 13px;
}
.nav-x-profile img{filter: invert(32%) sepia(16%) saturate(1529%) hue-rotate(165deg) brightness(91%) contrast(93%);}
.nav-x-profile {
  color: #2e5778;
  margin-bottom: 10px;
}
.nav-x-profile.active {
  color: #ffffff;
  margin-bottom: 10px;
  background: #2E5778 !important;
}
.nav-x-profile:hover {
  background: #dce9f3;
    color: #2e5778;
}
.nav-x-profile.active img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(293deg)
    brightness(104%) contrast(103%);
}
.header16 ul {
  padding: 0;
}
.nav-x-profile i {
  margin-top: 7px;
}
.span15 {
  background: #e9dda5;
  color: #222;
  padding: 5px 15px;
}

/*************gutter*************/

:root {
  --bs-gutter-1: 0.25rem;
  --bs-gutter-2: 0.5rem;
  --bs-gutter-3: 1rem;
  --bs-gutter-4: 1.5rem;
  --bs-gutter-5: 3rem;
}

/* للجميع g-* */
.g-1 {
  --bs-gutter-x: var(--bs-gutter-1);
  --bs-gutter-y: var(--bs-gutter-1);
}
.g-2 {
  --bs-gutter-x: var(--bs-gutter-2);
  --bs-gutter-y: var(--bs-gutter-2);
}
.g-3 {
  --bs-gutter-x: var(--bs-gutter-3);
  --bs-gutter-y: var(--bs-gutter-3);
}
.g-4 {
  --bs-gutter-x: var(--bs-gutter-4);
  --bs-gutter-y: var(--bs-gutter-4);
}
.g-5 {
  --bs-gutter-x: var(--bs-gutter-5);
  --bs-gutter-y: var(--bs-gutter-5);
}

/* للأفقية فقط gx-* */
.gx-1 {
  --bs-gutter-x: var(--bs-gutter-1);
}
.gx-2 {
  --bs-gutter-x: var(--bs-gutter-2);
}
.gx-3 {
  --bs-gutter-x: var(--bs-gutter-3);
}
.gx-4 {
  --bs-gutter-x: var(--bs-gutter-4);
}
.gx-5 {
  --bs-gutter-x: var(--bs-gutter-5);
}

/* للعمودية فقط gy-* */
.gy-1 {
  --bs-gutter-y: var(--bs-gutter-1);
}
.gy-2 {
  --bs-gutter-y: var(--bs-gutter-2);
}
.gy-3 {
  --bs-gutter-y: var(--bs-gutter-3);
}
.gy-4 {
  --bs-gutter-y: var(--bs-gutter-4);
}
.gy-5 {
  --bs-gutter-y: var(--bs-gutter-5);
}

/* تطبيق المسافات على .row */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-1 * var(--bs-gutter-x, 0));
  margin-left: calc(-1 * var(--bs-gutter-x, 0));
  row-gap: var(--bs-gutter-y, 0);
}

.row > [class^="col"] {
  padding-right: var(--bs-gutter-x, 0);
  padding-left: var(--bs-gutter-x, 0);
}

/*********gutter**********/
/******input-have-tag*****/
.tagify__input {
  min-width: 200px;
  margin: 0;
}
.tagify {
  padding: 5px 5px;
}

input,
select,
textarea,
.form-control,
.form-select {
  padding: 12px 12px;
}

/***************/
/*********switch*********/

/* تنسيق الحاوية */
.switch-container {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

/* إخفاء الزر الافتراضي */
.switch-input {
  display: none;
}

/* تصميم السويتش */
.switch-label {
  display: inline-block;
  width: 52px;
  height: 27px;
  background-color: #ddd;
  border-radius: 50px;
  position: relative;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* الدائرة المتحركة */
.switch-slider {
  position: absolute;
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-color: white;
  border-radius: 50%;
  transition: 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* عندما يكون السويتش ON */
.switch-input:checked + .switch-label {
  background-color: #693192;
}

.switch-input:checked + .switch-label .switch-slider {
  left: 28px;
}

/* تنسيق النص */
.switch-text {
  color: #333;
  transition: 0.3s ease;
}
/*************pie chart**********/
.chart-container {
  position: relative;
  max-width: 300px;
  margin: auto;
}
.chart-text {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: 800;
  font-family: "Montserrat", serif;
  color: #333;
}
/***********custom check box********/
.my-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 22px;
  background-color: #e4e4e4;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.my-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.my-checkbox input:checked ~ .checkmark {
  background-color: #2e5778;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-span55 {
  position: relative;

  font-size: 13px;

  font-weight: 400;
}

/* Show the checkmark when checked */
.my-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.my-checkbox .checkmark:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cont-check {
  margin-top: 15px !important;
}


/******************/
.span-forget-x {
  text-decoration: underline;
  text-align: left;
  display: block;
  color: #131313;
  /* font-weight: 600; */
  letter-spacing: 0;
  font-size: 14px;
}

/********stipper animation ********/

.progress-container2 {
  width: 100%;
  background-color: #ddd;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.progress-bar2 {
  width: 0;
  height: 15px;
  background: repeating-linear-gradient(
    -45deg,
    #4caf50,
    #4caf50 10px,
    #66bb6a 10px,
    #66bb6a 20px
  );
  animation: progress-animation 1s ease-in-out forwards,
    stripe-animation 1s linear infinite;
}
@keyframes progress-animation {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes stripe-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 40px 0;
  }
}
/***********************/

.h-brand-name {
  font-size: 15px;
  margin: 0;
  color: #222;
  font-family: bh1;
  line-height: 40px;
}
.car-brand-slider .swiper-slide {
  background: #fff;
  text-align: center;
  border-radius: 5px;
  height: 177px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.car-brand-slider .slider-navigation-style-03 {
  top: 41%;
}
.dx-card .car-title4 {
  color: #000;
  font-size: 15px;
  margin-bottom: 10px !important;
}
.tag-dx {
  background: #ecf0f5;
  background: #ecf0f5;
  color: #333;
  font-size: 13px;
  padding: 7px 19px;
  border-radius: 5px;
  margin: 0 3px;
}
.dx-card .sp1 {
  color: #198754;
  color: #198754;
  font-size: 29px;
  font-family: "Montserrat", serif;
  font-weight: 700;
}
.dx-card .sp2 {
  font-size: 13px;
  margin: 0 2px;
  color: #222;
}
.dx-card .sp3 {
  color: #989898;
  font-size: 12px;
  position: relative;
  top: -6px;
}
.dx-card .sp4 {
  color: #8b220d;
  font-size: 25px;
  font-family: "Montserrat", serif;
  font-weight: 700;
}
.dx-card .fav-i {
  position: absolute;
  z-index: 999999999999999;
  top: 12px;
  left: 5px;
  border-radius: 10px !important;
  background: #ffffff33 !important;
}
.dx-card .fav-i i {
  color: #fff;
  font-size: 20px;
}
.favorite-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  background: rgb(255 255 255 / 20%);
  border: none;
  border-radius: 11px;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 19px;
  color: #ffffff;
  transition: all 0.3sease;
  padding-top: 6px;
}

.dx-test .bg-white {
  background: rgba(242, 238, 244, 0.56) !important;
}

.favorite-btn:hover {
  background: rgba(255, 255, 255, 1);
}

.favorite-btn .bi-heart-fill {
  color: red;
}

.footer-dark ul li a,
.footer-dark .widget-link {
  color: #565656 !important;
  opacity: 1 !important;
}
.footer-dark ul li a:hover,
.footer-dark .widget-link:hover,
.footer-dark a:hover {
  opacity: 1 !important;
  color: #222 !important;
}

.footer-dark p,
.footer-dark .widget-text {
  color: #525252 !important;
  opacity: 1 !important;
}

/******image-gallary***********/
.dx-gallery .swiper-slide {
  border: 0;
  margin-left: 10px !important;
}
.dx-gallery .swiper-horizontal {
  margin-top: 10px;
}
.dx-gallery .swiper-slide img {
  border-radius: 5px;
}
.dx-gallery .swiper-button-next,
.dx-gallery .swiper-button-prev {
  color: var(--dark-gray);
  background: #00000063;
  border: 0 !important;
  border-radius: 13px !important;
  height: 40px;
  width: 40px;
  top: 41.5%;
}
/****************/
.dx-price .sp1 {
  color: #68308f;
  font-size: 29px;
  font-family: "Montserrat", serif;
  font-weight: 700;
}
.dx-price2 .sp1 {
  color: #b51f24;
  font-size: 29px;
  font-family: "Montserrat", serif;
  font-weight: 700;
}
.dx-price2 .sp3,
.dx-price .sp3 {
  font-size: 13px;
  color: #222;
}
.dx-price .sp2 {
  font-size: 14px;
  color: #68308f;
}
.dx-price2 .sp2 {
  font-size: 14px;
  color: #b51f24;
}
.dx-price {
  background: #f7edfd;
  border-radius: 9px !important;
}
.dx-price2 {
  background: #fffae0;

  border-radius: 9px !important;
}

.btn-fond {
  background: #0db56200;
  padding: 12px 15px;
  border-radius: 9px;
  border: 2px solid #693192;
  color: #693192 !important;
}
.btn-fond:hover img {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(203deg)
    brightness(104%) contrast(103%);
}
.btn-fond:hover {
  background: #693192;

  border: 2px solid #53186d;
  color: #fff !important;
}

.dx-feat img {
  width: 40px;
  background: #f0eaf4;
  padding: 5px;
  border-radius: 8px;
}
.dx-feat .dx-title {
}
.dx-feat .feature-box-content {
  margin: 0 9px;
}
.dx-feat .dx-disc {
  font-family: bh1;
  font-weight: 800;
  color: #222;
  font-size: 15px;
}
.acc-sps .accordion-style-04 .accordion-item .accordion-header {
  padding: 18px 15px;
  background: #f0eaf4;
  border-radius: 5px;
  border: 0 !important;
  margin: 1% 0;
}
.acc-sps .accordion-style-04 .accordion-item.active-accordion {
  box-shadow: none !important;
}
.acc-sps .accordion-style-04 .active-accordion .accordion-header {
  border-radius: 5px 5px 0 0;
}
.acc-sps .accordion-style-04 .accordion-item .accordion-body {
  padding: 2%;

  border-radius: 0 0 5px 5px;
}
.acc-sps .sp-color {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  border-radius: 18px;
  display: inline-block;
  position: relative;
  top: 3px;
}
.dx-feat .dx-disc3 {
  font-family: "bh2";
  font-weight: 400;
  color: #222;
  font-size: 14px;
  margin: 0 9px;
}

.acc-sps .fa-angle-down::before,
.dx-filter .fa-angle-down::before {
  content: "\f13a" !important;
}
.acc-sps .fa-angle-right::before,
.dx-filter .fa-angle-right::before {
  content: "\f139";
}
.dx-filter .fa-circle-chevron-down::before {
  content: "\f139";
}

/*******cars **********/
.dx-filter .accordion-style-04 .accordion-item .accordion-header {
  padding: 15px 15px;
  /* background: #F1F1F1; */
  margin: 6px 0;
  border-radius: 5px;
  border: 1px solid #d5d5d5 !important;
}
.dx-filter .accordion-style-04 .active-accordion .accordion-header {
  background: #f1f1f1;

  border: 0px solid #d5d5d5 !important;
}

.dx-filter .accordion .accordion-item .accordion-header .accordion-title {
  padding-right: 10px;
  font-size: 14px;

  font-family: "bh1" !important;
}
.dx-filter {
  padding: 8px 9px !important;
  border-radius: 5px !important;
}
.dx-cars2 .grid.gutter-extra-large li {
  padding: 5px;
}
.dx-filter .accordion .accordion-item .accordion-header .accordion-title span {
  margin: 0 8px;
}
.dx-filter .accordion .accordion-item .accordion-header img {
  width: 34px;
  background: #f0eaf4;
  padding: 5px;
  border-radius: 5px;
}
.dx-filter .accordion-style-04 .accordion-item.active-accordion {
  box-shadow: none !important;
}
.dx-filter .accordion-style-04 .accordion-item .accordion-body {
  padding: 15px 40px 15px;
}
.dx-filter .brand-item {
  padding-bottom: 12px !important;
  padding-top: 15px;
  margin-top: 0 !important;
}

.brand-item .checkmark {
  top: 20px;
}
.dx-filter .my-checkbox {
  width: 100%;
}

/******for image brand filter **********/
.dx-filter .brand-item img {
  width: 31px;
  position: absolute;
  right: 0;
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 10px;
  height: 31px;
}
.checkmark {
  left: 0 !important;
  right: auto;
}

.dx-filter .sp99 {
  width: 40px;
  width: 40px;
  height: 24px;
  display: inline-block;
  background: #ececec;
  line-height: 24px;
  text-align: center;
  border-radius: 50px;
  margin: 0 3px;
  color: #020202;
  /* font-weight: 800; */
  padding: 0 10px;
}
.dx-filter .sp95 {
  font-size: 15px;
  font-weight: 600;
  color: #222;
  font-family: bh2;
}
.dx-filter .img95 {
  /* width: 33px; */
  width: 34px;
  /* position: absolute; */
  right: 0;
  border: 1px solid #ccc;
  padding: 4px;
  border-radius: 10px;
  /* HEIGHT: 31PX; */
  /* BACKGROUND: #eef4fb; */
  margin: 0 5px;
}
.mt--10px {
  margin-top: -10px;
}

.dx-filter .color100 {
  margin: 0 5px;
  width: 15px;
  height: 15px;
  border-radius: 18px;
  display: inline-block;
  position: relative;
  top: 3px;
}

/*****for dark fillter item *******/

.dx-filter .accordion-style-04 .active-accordion .accordion-header {
  background: #53186d !important;
}
.dx-filter
  .accordion
  .active-accordion
  .accordion-header
  .accordion-title
  span {
  color: #fff;
}
.dx-filter .accordion .active-accordion .accordion-header .accordion-title i {
  color: #ffffff69;
}
.dx-filter .accordion .active-accordion .accordion-header img {
  filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(146deg)
    brightness(107%) contrast(101%);
  background: none;
}
.eg-dx77:hover {
  background: #0db562 !important;
  color: #fff !important;
}
.eg-dx77:hover span,
.eg-dx77:hover i {
  color: #fff !important;
}
/******************************/
.select-fl {
  width: 174px;
  margin: 0 -1px;
  padding: 8px 12px;
  color: #222;
  /* border: 1px solid #e7daed; */
  background: #fcf5ff8a;
  font-size: 13px;
}
.img-fl15 {
  position: absolute;
  top: 7px;
}
.sp104 {
  background: #6f3389;
  padding: 1px 15px;
  border-radius: 62px;
  color: #fefefe;
}

.acc-sps .accordion .accordion-item .accordion-header .accordion-title i {
  color: #6d3a83;
}
.value-ms {
  padding: 9px 12px;
  border-radius: 8px;
  margin: 0 5px;
}
.value-dx1 {
  background: #126144;
  color: #fff;
}
.value-dx2 {
  background: #30b383;
  color: #fff;
}
.value-dx3 {
  background: #8af35d;
  color: #fff;
}
.value-dx4 {
  background: #fea711;
  color: #fff;
}
.value-dx5 {
  background: #ff2a00;
  color: #fff;
}
.value-dx6 {
  background: #a41d01;
  color: #fff;
}
/*********scroll************/
/* تحسين شكل التمرير */
.scroll-box {
  overflow-y: auto;
  max-height: 400px;
  /* border: 2px solid #ddd; */
  /* border-radius: 10px; */
  padding: 0 10px;
  scrollbar-width: thin;
  scrollbar-color: #bfbfbf #f0f0f0;
}

/* تخصيص شريط التمرير للكروم و إيدج */
.scroll-box::-webkit-scrollbar {
  width: 8px;
}

.scroll-box::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 10px;
}

.scroll-box::-webkit-scrollbar-thumb {
  background: #007bff;
  border-radius: 10px;
}

.scroll-box::-webkit-scrollbar-thumb:hover {
  background: #0056b3;
}

/* إخفاء شريط التمرير في جميع المتصفحات */
.scroll-box::-webkit-scrollbar {
  display: none;
}

.scroll-box {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.brand-item:hover {
  background: #f9f9f9;
}

/*************slider range************/
.slidecontainer {
  width: 100%;
  position: relative;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  transition: opacity 0.2s;
  position: relative;
  padding: 0;
  border-radius: 5px;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background: #04aa6d;
  cursor: pointer;
  border-radius: 50%;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #04aa6d;
  cursor: pointer;
  border-radius: 50%;
}

.range-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  position: relative;
  top: -84px;
  color: #3e3e3e;
  z-index: 999999999999999999;
}
#valueDisplay {
  background: #4fc399;
  border-radius: 24px;
  padding: 1px 10px;
  color: #fff;
  font-weight: 800;
}
a:hover {
  color: #693192;
}

.your-order-table2 .product td {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/************navnar-bottom--iphone******************/

.navbar-iphone {
  overflow: hidden;
  background-color: #ffffffe0;
  position: fixed;
  bottom: 0;
  width: 100%;
  backdrop-filter: blur(2px);
  border-radius: 15px 15px 0 0;
  border-top: 1px solid #ebebeb;
  z-index: 99999999;
}

.navbar-iphone img {
  margin: 0 auto;
  margin-top: 3px;
  margin-bottom: 3px;
}

.navbar-iphone a {
  float: left;
  padding: 12px;
  color: #333;
  text-decoration: none;
  font-size: 12px;
  width: 25%; /* Four links of equal widths */
  text-align: center;
}

.navbar-iphone a:hover {
  /*background: #f1f1f1;*/
  color: #886024;
}

.navbar-iphone a:hover img {
  filter: brightness(0) saturate(100%) invert(37%) sepia(66%) saturate(474%)
    hue-rotate(357deg) brightness(91%) contrast(90%);
}

.navbar-iphone a.active {
  /* background: #f1f1f1;*/
  color: #886024;
}

.navbar-iphone a.active img {
  filter: brightness(0) saturate(100%) invert(37%) sepia(66%) saturate(474%)
    hue-rotate(357deg) brightness(91%) contrast(90%);
}

.radio-group4 {
  display: block;
  /* gap: 10px; */
  text-align: center;
  width: 100%;
}
.small-icon li {
  margin: 0 0px !important;
}
.contact-dx .feature-box {
  height: 200px;
}
.radio-group4 .radio-box {
  width: 80px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 15px;
  font-weight: 400;
  user-select: none;
  background-color: #eeecee;
  text-align: center;
  line-height: 22px;
  margin-left: 9px;
}

.radio-group4 input[type="radio"] {
  display: none;
}

.radio-group4 input[type="radio"]:checked + .radio-box {
  background-color: #4a0a57;
  color: white;
  border-color: #79167b;
  transform: scale(1.1);
}


/**********correct*************/
.ce-color{color: #2E5778 !important;}
.nav-ce1{    background: #F9EDE5;
  border-radius: 0 0 10px 10px;
  padding: 5px 0 !important;}
  .nav-ce2{    padding: 6px 0}

  /* .nav-ce2 .default-logo {    width: 250px !important; max-width: 250px !important;}
.nav-ce2 .alt-logo{    width: auto !important; max-width: 250px !important;} */

header .navbar [class*=col-] .navbar-nav .nav-item a {

  align-self: center !important;}

.ce-card .services-box-style-01 .box-image {
  overflow: hidden;
  padding: 10px;
}
.ce-card .services-box-style-01 .box-image img {

  border-radius: 6px;
}
.ce-card .services-box-style-01 {

  border: 1px solid #ccc;
}
.ce-card .CHECK15{width: 21px;}
.qty-an-bt{    background: #FFEDCD;
    padding: 5px 8px;
    border-radius: 10px;
    text-align: center;
    font-family: 'Rubik';
    font-weight: 700;
    font-size: 15px;
    color: #222;
    position: relative;}
  .pr-an-bt{     background: #FFEDCD;

    padding: 5px 15px;
    border-radius: 10px;
    
    text-align: center;
    font-family: 'Rubik';
    font-weight: 700;
    font-size: 15px;
    color: #222; position: relative;}
    .pr-before2{    font-size: 14px;
      color: #5a5a5acc;
      font-weight: 400;text-decoration: line-through;}
    .sar-svg{width: 18px; margin: 0 2px;}
    .master-btn .sar-svg{filter: invert(100%) sepia(3%) saturate(0%) hue-rotate(228deg) brightness(105%) contrast(103%);}
    .master-btn:hover .sar-svg{filter: invert(30%) sepia(10%) saturate(2527%) hue-rotate(165deg) brightness(97%) contrast(90%);}
    .ce-card .book-now{    border-radius: 10px;
      padding: 10px 0;}
.ce-card{    margin-bottom: 30px;}

.category-slider-wrapper {
  position: relative;
}

.category-slider {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 10px 40px;
  user-select: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.category-slider::-webkit-scrollbar {
  display: none;
}

.category-slider a {
  flex-shrink: 0;
  white-space: nowrap;
}

.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: white;
  border: 1px solid #ddd;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-btn.prev {
  left: 5px;
}

.slider-btn.next {
  right: 5px;
}

.btn-cat-ce-active{background: #FFEDCD !important;}
.btn-cat-ce{    background: #ecf1f5;
  color: #222;
  border-radius: 8px;
  padding: 10px 11px;
  font-size: 14px;}
   .btn-cat-ce:hover{ color: #2E5778;background: #FFEDCD !important; }

   .btn-ce12{background: #ecf1f5;
  color: #222;
  border-radius: 8px;
  padding: 17px 23px;
  font-size: 15px;
  font-weight: 700 !important;
  border-radius: 15px;
  width: 160px;
  margin: 0 5px;
  position: relative;
  border: 2px solid #ffffff; transition: all 0.5s;}
  .btn-ce12:hover{ background: #EFFFD4;color:#222}
  .btn-ce12-active{background: #EFFFD4;border: 3px solid #222  !important;color: #222 !important;}
  .check12{    width: 33px;
  position: absolute;
  right: -8px;
  top: -20px;display: none;}
  .btn-ce12-active img{ display: block !important;}
.round-10{border-radius: 10px;}
.bg-34{    background: #c6b4d624;
  border-radius: 7px;
  padding: 5px 10px;}
.ce-card .check15{width: 26px;}
.master-btn{    padding: 13px 19px;
  border-radius: 10px;
  min-width: 160px;
  font-size: 15px;
  /* min-height: 53px; */
  font-weight: 400 !important;    background: #2e5778; color: #fff;}
  
  .master-btn2{ 
    border: 2px solid #2e5778;
    color: #2e5778;
    padding: 10px 15px;
    border-radius: 10px;
    min-width: 150px;
    font-size: 15px;
    /* min-height: 53px; */
    font-weight: 400 !important;
  }
  .master-btn2:hover{ 
    color: #fff;
background: #2e5778;;
  }
  .master-btn:hover{border: 2px solid #2e5778;
    color: #2e5778;}
    .hl-h2:before {
      content: "";
      background: linear-gradient(90deg, rgba(140, 112, 76, 0) 0%, rgb(92 200 230) 100%);
      width: 135px;
      height: 30px;
      position: absolute;
      top: 27px;
      left: 0px;
      border-radius: 8px;
      transform: rotate(-5deg);
      z-index:-1;
      opacity: 30%;
  }
.ce-block-14 img {width: 24px;}
.editor5 {color: #222;}
.editor5 h3{font-size: 20px;
  font-weight: 500;}
  .editor5 ul {
    list-style: "🔹 ";
    padding-right: 20px;
  }
  .editor5  .benefits {
    list-style: "✅ ";
  }
  .editor5 .cta {
    color: #055696;
    font-weight: bold;
    font-size: 1.2em;
  }

  /*******radio-feedback**********/

  
  .rating-container-ce15 {
    text-align: right;
    max-width: 400px;
  }

  .rating-title-ce15 {
    font-weight: bold;
    font-size: 1.2em;
  }

  .rating-description-ce15 {
    margin: 10px 0 14px;
    color: #555;
  }

  .radio-group-ce15 {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
  }

  .radio-group-ce15 input[type="radio"] {
    display: none;
  }

  .radio-group-ce15 label {
    background-color: #e0ecf8;
    color: #000;
    padding: 10px 15px;
    border-radius: 15px;
    cursor: pointer;
    /* font-weight: bold; */
    transition: background-color 0.3s;
    width: 46px;
    height: 47px;
    text-align: center;
  }

  .radio-group-ce15 input[type="radio"]:checked + label {
    background-color: #2e5778;
    color: white;
  }
  .tagify{padding-top: 10px !important;
    padding-bottom: 10px !important;}


    .ce-profile input, .ce-profile  select, .ce-profile textarea, .ce-profile .form-control, .ce-profile  .form-select {

      border: 1px solid #fff;

      background: #F1F5F8;
  }
  .master-btn-outline{    border: 2px solid #2e5778;
    color: #2e5778;}
    .master-btn-outline:hover{    background: #2e5778;
      color: #ffffff;}   
      
  .master-btn-outline:hover img{filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(204deg) brightness(105%) contrast(101%);}
  .tr-bg14 th{background: #CDDDE0;
    background: linear-gradient(0deg,rgba(205, 221, 224, 0.43) 0%, rgba(242, 236, 232, 1) 100%);    font-size: 14px;
    font-weight: 500;
    border: 0;
    padding: 12px 10px;
}
.ce-table-p td{    padding: 9px 5px !important;
}
.ce-branch-icon{width: 28px;
  -webkit-transform: none !important;
  transform: none !important;
  -webkit-transition: 0 !important;
  transition: 0 !important;
}
.master-btn-sm {
  padding: 8px 16px;
  font-size: 13px;
  min-width: auto !important;
  min-height: auto !important;
  

}
.branch-area{    padding: 12px 17px;
  font-size: 13px;
  background: #E5E9F2;
  color: #2E5778;
  border-radius: 9px;}
  .btn-color-c3{ background:#fff ;}
  .btn-cat-ce-active2 {
    background: #2e5778 !important;
    color: #fff !important;
}
.bg-sec22{background-image: url(../images/bg-home-sec2.png); background-repeat: no-repeat;background-position: 15px 15px;    background-size: 148px;}
.block-c99 img{width: 90px; margin: 20px 0 10px ;}

.bg-sec23{    background-image: url(../images/bg-home-sec4.png);
  background-repeat: no-repeat;
  /* background-size: 100%; */
  border-radius: 10px;
}
.bg-sec25{    background-image: url(../images/bg-home-sec5.png);
  background-repeat: no-repeat;
 background-size: 100%; 
  border-radius: 10px;
  
}
.close91{    position: absolute;
  left: 20px;
  right: auto;
}

  .search-92{    background: #e2e7ea;
    border-radius: 100%;
    padding: 8px 8px;
    margin: 0 5px;
    font-size: 20px;
    text-align: center;
    color: #737373;}
    .search-text91{    position: relative;
      top: -4px; margin: 0 2px;}
    .search-90{  
    
      border-radius: 10px;
      padding: 8px 4px; transition: all 0.5s}
      .search-90:hover{    background: #ededed;
}
.srearch-box55{max-height: 250px; overflow-y: scroll; text-align: left;}

.rating-container-ce18{
  
  max-width: none;
  padding: 0 30px;
}

.rating-container-ce18 .radio-group-ce15 label {

  height: 59px !important;
 
  line-height: 43px !important;
}
.search-btn7{    text-align: center;
  /* padding: 16px 8px; */
  background: #dcf2f7;
  color: #222;

  padding: 17px 13px !important;
  font-size: 15px;
  /* font-weight: 700 !important; */
  border-radius: 15px;
  width: auto !important;
  margin: 0 5px;
}
.search-btn7:hover {
  background: #71c9de;}
  .input-103{    border: 1px solid #d4d4d4;
    /* background: #F1F5F8; */
    border-radius: 10px}
  .hl-h2-model:before {
    content: "";
    background: linear-gradient(90deg, rgb(193 149 93 / 0%) 0%, #3edb39 100%);
    width: 135px;
    height: 30px;
    position: absolute;
    top: 19px;
     left: 0px; 
    border-radius: 8px;
    transform: rotate(-5deg);
    z-index: 99999999;
    opacity: 30%;
    margin: 0 auto;
    margin: 0 33%;}
    .img-cart9{    max-width: 75px !important;
      border-radius: 10px;}
      .cart-delete-icon{    background: #ffe0e0;
        color: #b40e0e;
        width: 35px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        border-radius: 58px;
        margin-top: -5px;
    }
    .img-sar-filter{
      filter: brightness(0) saturate(100%) invert(56%) sepia(1%) saturate(5%) hue-rotate(329deg) brightness(90%) contrast(91%); }
      .header-cart   .sar-svg {
        width: 13px;
        margin: 0 2px;
    }
    .btn-ce-hover:hover{    background: #2e5778 !important;
      color: #fff !important;}
    .hl-h3:before {
      content: "";
      background: linear-gradient(90deg, rgba(140, 112, 76, 0) 0%, rgb(91 199 230) 100%);
      width: 135px;
      height: 30px;
      position: absolute;
      top: 4px;
      left: 0px;
      border-radius: 8px;
      transform: rotate(355deg);
      z-index: 1;
      opacity: 30%;
  }
  .hl-h2-g:before {

    background: linear-gradient(90deg, rgba(140, 112, 76, 0) 0%, rgb(34 191 85) 100%);

}
.modal .btn-close {

  background: center / 0.8em auto no-repeat var(--bs-btn-close-bg) !important;

  background-color: #d6d6d6  !important;
}
.ce-form25 input:focus, .ce-form25 select:focus, .ce-form25 textarea:focus, .ce-form25.form-control:focus {
    border: 1px solid #2e5778;}
    .ce-form25 input, .ce-form25 select, .ce-form25 textarea, .ce-form25.form-control{
    border: 1px solid #2e5778;}
.ce-bg-g1{    background: linear-gradient(6deg, rgb(245 243 240) 8%, rgba(232, 213, 200, 0.3) 45%, rgba(180, 217, 221, 0.24) 90%);}
/*********for image size of cards **************/
.services-box-style-01 .box-image img

 {

    height: 312px !important;
    object-fit: cover !important;
    object-position: center;
}


/**********ios modal***********/
.fullscreen-sheet {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 90vh; /*  ده الجديد */
  background: #ffffff;
  z-index: 1050;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow-y: auto;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.1);
}

    .fullscreen-sheet.active {
      transform: translateY(0);
    }

    .fullscreen-backdrop {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      z-index: 1040;
      display: none;backdrop-filter: blur(5px);
    }

    .fullscreen-backdrop.active {
      display: block;
    }

    .sheet-header {
      padding: 0.5rem 1.25rem 0.8rem;
      display: flex
  ;
      justify-content: space-between;
      align-items: center;
      background-color: #f8f9fa;
      position: sticky;
      top: 0;
      z-index: 10;
      margin-bottom: 15px;
      height: 61px;
    }

    .sheet-content {
      padding: 1rem 1.25rem;
    }

    .sheet-avatar {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      background: #ddd;
      margin: 1rem auto;
    }

    .btn-photo {
      display: inline-block;
      padding: 0.4rem 1.2rem;
      border-radius: 20px;
      background-color: #e0e0e0;
      margin-top: 0.5rem;
    }
    .sheet-header-line {
      width: 40px;
      height: 4px;
      background: #ccc;
      border-radius: 2px;
      margin: 1px auto 5px;
      display: block;
    }
    .sheet-header-line2 {
      width: 40px;
      height: 4px;
      background: #ccc;
      border-radius: 2px;
      margin:0px auto ;
    position: relative;top: 20px;
    z-index: 99999;

    }
    .sheet-header00{height: 19px;
      background: #f8f9fa;}
.btn-close-23{    background-color: #d8d8d8;
  padding: 8px 23px;
  /* width: 10px; */
  /* height: 10px; */
  /* display: block; */
  border-radius: 6px;
  font-size: 13px;}
  .pad-90{padding-top:90px; padding-bottom: 90px;border-radius: 14px;}
  .img-master1{width :315px;
    margin-top: 66px;}
.master-btn24{    padding: 12px 39px !important;}
.about-25{  
    margin-top: 100px !important;
    
    background-position: left center !important;
    background-repeat: no-repeat;}

    /************/
/*************************/
/******for -countainer ************/

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1800px !important;
    }
}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }
}

@media (max-width: 1599px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
}





@media (max-width: 1200px) {
      .about-25{  
   
    background-size: auto !important;}

}
@media (max-width: 991px) {
  .radio-group4 {
  }
  .radio-group4 .radio-box {
    width: 59px;
    height: 60px;
    margin-left: 4px;
    font-size: 13px;
  }
      .main-bg{    margin-top: auto !important;
    background-size: auto !important;
    background-position: right top !important;}
    .text-center-md {text-align: center;}
   
.about-25
 {
   
   background-image: none !important;}


}

/************end of navbar  bottom iphone********************/
@media (max-width: 991px) {
  [data-mobile-nav-style="modern"]
    .navbar-modern-inner
    .navbar-nav
    .nav-item
    .nav-link {
    font-size: 13px;
    line-height: 24px;
    font-weight: 500;
    color: var(--white);
    padding: 8px 0 !important;
  }
      .btn-res4{    padding: 5px 15px !important;
    font-size: 14px !important;}
  .bg-sec22 {

    background-size: 70px;
}
 [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {

        font-size: 15px !important;

        font-weight: 400 !important;
    }
      [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {
        border-bottom: 1px solid rgb(39 72 100);}
      .navbar-collapse-show[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner

 {

        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(5px);
    }

  .contact-dx .feature-box {
    height: 250px;
  }
  .navbar-full-screen-menu-inner .navbar-nav
 {
      
        text-align: center;
    }
}

@media (min-width: 1400px) {
  .container-xxl-dx {
    max-width: 1400px !important;
  }
}

@media (min-width: 1200px) {
  header .navbar-brand .default-logo{max-width: 236px;}
header.sticky.sticky-active .navbar-brand .alt-logo

 {
    visibility: visible;
    opacity: 1;
    width: 239px;
    max-width: 238px;
}

}

@media (min-width: 991px) {
  .xh-14 {
    height: 400px;
  }
  .bg-sec23{background-size: 100%;}
  .px-20-min991 {
    padding-left: 20% !important;
    padding-right: 20% !important;
  }
  .btn-res4{ padding: 9px 33px !important;font-size: 15px;}
  .mt--100px {
    margin-top: -100px;
  }
  .hero-c2{top: -20px;}
  .active-menu{background: #ECF1F5;
    padding: 0 15px !important;
    line-height: 0;
    height: 42px;
    border-radius: 6px 18px;}
    .mt-133{    margin-top: 133px;}

    .fullscreen-sheet h2{         margin-top: -8px !important;
      margin-bottom: -8px !important;}
    .fullscreen-sheet {

      height: 100vh;
     background: #ffffff;
     z-index: 1050;
     border-top-left-radius: 0px; 
      border-top-right-radius: 0px; 
     overflow-y:hidden;
   
     width: 500px;
     margin: 0 auto;
   }
   .img-378{width: 180px !important;}
}
@media (max-width: 991px) {
  .mt-md-130px {
    padding-top: 70px !important;
  }
  .circle-cart {
    left: -10px;
  }
.bg-ana1{margin-top: 90px !important;}
.pad-90{padding-top: 30px; padding-bottom: 30px;}
  .navbar .navbar-nav {
    direction: rtl;
    text-align: center;
  }
  .mt-sm-91{    margin-top: 91px;        padding-top: 50px !important;}
  .mt-sm-91-2 {

    padding-top: 3% !important;
}


}

@media (min-width: 767px) {
  .ul25 li {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 767px) {
  .chart-container {
    width: 250px;
  }
  .hl-h2:before {

    top: 20px;

}
  .btn-ce12 {

    padding: 17px 23px;
    font-size: 15px;

    width: auto !important;
    margin: 0 2px;

    transition: all 0.5s;
}
.bg-ana1{background-size: auto !important;}

  .search-btn7 {

    padding: 17px 10px !important;
    font-size: 15px;

    width: auto !important;
    margin: 0 3px;
}
  .d-xs-block {
    display: block !important;
  }
  .master-banner {
    margin-top: 53px !important;
    height: 282px !important;
  }
}
@media (max-width: 600px) {

  .header-cart-icon .header-cart .cart-item-list {

    right: -70px;
}
.master-btn2 {

    min-width: 125px !important;}
    .master-btn24{    padding: 12px 27px !important;}

}

@media (max-width: 441px) {

  .cc-block7{    margin-left: -15px;}
  header .navbar-brand img {
      max-height: 32px !important;
  }


}


@media (max-width: 380px) {

  .img-378{    width: 156px !important;}
  .none-378{ display: none;}


}