@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap");

/*
  1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}
/*
    2. Remove default margin
  */
* {
  margin: 0;
}
/*
    3. Allow percentage-based heights in the application
  */
html,
body {
  height: 100%;
}
/*
    Typographic tweaks!
    4. Add accessible line-height
    5. Improve text rendering
  */
body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  /* font-family: 'Bebas Neue', sans-serif; */
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
}
/*@media only screen and (max-width: 768px){*/
/*    html{*/
/*        font-size: 62.50%;*/
/*    }*/
/*}*/
/*
    6. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

img{
  -webkit-backface-visibility: hidden;
  -ms-transform: translateZ(0); /* IE 9 */
  -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
  transform: translateZ(0);

  image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    /* image-rendering: pixelated; */
    -ms-interpolation-mode: nearest-neighbor;
}

/*
    7. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
  font: inherit;
}
/*
    8. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}
/*
    9. Create a root stacking context
  */
#root,
#__next {
  isolation: isolate;
}

:root {
  --color-primary: #E3B624;
  --primary: #c6a436;
  --secondary: #111111;
  --bg-dark: #000000;
  --gray-btn: rgba(240, 233, 233, 0.927);
  --tertiary: azure;
  --light: #f4f4f4;
  --gray_text: #989898;
  --dark: #e5e6e8;
  --profile_btn_bg: #d8f2ff;
  --profile_btn_text: #229ed9;
  --service_primary_color: #229ed9;
  --tf-bg: #eee;

  --active-list-item: #d8f2ff;

  --pri-text: #111;
  --sec-text: #333;
  --text-muted: #777;
  --link: #213b87;
  --gold: #ff9800;
  --danger: #bc0126;
  --border: #d2d7dd;
  --btn-primary: var(--color-primary);

  --card-radius: 5px;
  --slider-banner-height: 25%;
  --filter-card-shadow: 0 0 10px rgb(0 0 0 / 15%);

  --fw-thin: 100;
  --fw-light: 200;
  --fw-smooth: 300;
  --fw-regular: 400;
  --fw-semibold: 500;
  --fw-strong: 600;
  --fw-bold: bold;
  --fw-ultra: 700;
  --fw-black: 800;
  --fw-black-x: 900;

  --font-xs: 10px;
  --font-sm: 12px;
  --font-md: 14px;
  --font-lg: 20px;
  --font-xl: 24px;
}


.fs-18{
  font-size: 18px !important;
}

.thin-border{
  background-color: var(--color-primary);
  display: block;
  width: 60%;
  border: 1px solid var(--color-primary);
  margin: 0 auto;
}

.fw-strong{
  font-weight: var(--fw-strong);
}

.fw-bold{
  font-weight: var(--fw-bold) !important;
}

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

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

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

.text-primary {
  color: var(--color-primary) !important;
  font-weight: 700;
}

.text-blue{
  color: #1F72FF !important;
  font-weight: 700;
}


.header-btn {
  background: var(--color-primary);
  border-radius: 35.4068px;
  padding: 18px 36px;
  border: none;
  color: white;
  transition: 0.3s all ease;
  font-size: 16px;
  font-weight: 600;
}

.header-btn:hover {
  /* background-color: #cca421; */
  transform: scale(1.05);
}

.header-align {
  position: relative;
  z-index: 999;
  width: 100%;
  background-color: #000;
}

.home-demo{
  position: relative;
  background-color: #000 !important;
}

.hero-main-text{
  /* line-height: 1; */
  font-weight: 700;
  font-size: 48px;
  /* letter-spacing: 10px; */
  text-transform: uppercase;
  text-align: left;
  color: #E3B624;
}

.hero-desciption{
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 1.9;
}

.hero {
  position: relative;
}

.slider-img {
  width: 50px !important;
  height: 50px;
  margin-inline: auto;
}

.logo-white{
  width: 200px;
}

.nav-item a {
  color: white;
  font-size: 16px;
  font-weight: 500;
}

.navbar-expand-lg .navbar-nav{
  gap: 0.75rem;
}


.row-slider {
  display: flex;
  height: 85vh;
  align-items: center;
}

.slider-btn {
  background: #eeeeee;
  border: 0.85323px solid #c7c7c7;
  border-radius: 4.26615px;
  width: 80%;
  padding: 10px 20px;
  margin-bottom: 10px;
  transition: 0.3s all ease;
}

.slider-btn:hover {
  background: #d6d6d6;
}

.slider-btn-y {
  background: var(--color-primary);
  border: transparent;
  border-radius: 30px;
  width: 80%;
  padding: 10px 20px;
  margin-bottom: 10px;
  color: #000;
  font-weight: 600;
  transition: 0.3s all ease;
}

.slider-btn-y:hover {
  background-color: #cca421;
  /* transform: scale(1.05); */
}

.cleaner-card {
  border: none;
  text-align: center;
  padding: 66px 32px 50px;
  margin: 0px 30px;
}

.cleaner-card:hover {
  border: none;
  text-align: center;
  padding: 66px 32px 50px;
  margin: 0px 30px;
  box-shadow: 0 0px 8px rgb(0 0 0 / 10%);
  border-radius: 125px 20px;
  background-color: white;
  outline: 3px solid var(--color-primary);
  outline-offset: -10px;
}

.line {
  background-color: var(--color-primary);
  width: 120px !important;
  margin: auto;
  height: 5px;
  border-radius: 50px;
  margin-bottom: 30px;
}

.bg-linear {
  background: linear-gradient(
    180deg,
    rgba(237, 243, 255, 0) 0%,
    #edf3ff 24.54%
  );
}

.num-color {
  color: #d2e3ed;
  text-align: center;
}

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

.nav-item a {
  color: white;
}

.nav-item a:hover {
  color: var(--color-primary);
}

.subscribe-input {
  display: inline-block;
  box-sizing: border-box;
  width: 200px;
  height: 34px;
  padding: 3px 5px;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  background: #eeeeee;
  border: 1px solid #797979;
  border-radius: 2px;
  outline: none;
}

.subscribe-btn {
  box-sizing: border-box;
  width: 70px;
  height: 34px;
  text-align: center;
  padding: 10px;
  font-size: 10px;
  margin-left: 5px;
  color: #464646;
  line-height: 12px;
  background: #eeeeee;
  border: 1px solid #797979;
  border-radius: 2px;
  cursor: pointer;
  transition: 0.3s all ease;
}

.subscribe-btn:hover {
  background-color: var(--color-primary);
  color: #fff;
  transform: scale(1.05);
}

.bg-whitee {
  background: #ffffff;
  box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.25);
}

.color-gray {
  color: #eaeaea80;
}

.color-grey{
  color: #666666;
}

.transform-aboutus {
  transform: translateY(5%);
}

.pt-promise {
  padding-top: 7%;
  padding-bottom: 70px;
}

.feacture-card {
  border: none;
  padding: 66px 32px 50px;
  margin: 0px 30px;
}

.feacture-card:hover {
  border: none;
  padding: 66px 32px 50px;
  margin: 0px 30px;
  box-shadow: 0px 0px 66px -9px rgba(0, 0, 0, 0.25);
  background-color: white;
  outline: 1px solid var(--color-primary);
  border-radius: 25px;
}

.pricing-card img {
  width: 100px;
  height: 100px;
  margin-inline: auto;
}

/* Featured Service css */
.head-text {
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase;
  color: #1c1c1c;
  font-style: normal;
  font-weight: 700;
}
#border-bottom {
  border: 4px solid var(--color-primary);
  width: 154px;
  height: 0px;
  border-radius: 15px;
}

.container-fluid {
  width: 100%;
}

.rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  /* align-items: center; */
}
.inner_outline {
  outline: none;
  border: none;
}

.service-col {
  width: 293px;
  height: 600px;
  transition: 0.3s;
  padding: 25px;
  margin: 0px auto;
  text-align: start;
  box-shadow: 0px 0px 20px -9px rgba(0, 0, 0, 0.25);
  border: 2px solid var(--color-primary);
  border-radius: 25px;
}

.top_img{
  max-width: auto !important;
  min-width: auto !important;
  width: auto !important;
}

/* .service-col:hover {
  width: 293px;
  box-shadow: 0px 0px 66px -9px rgba(0, 0, 0, 0.25);
  border-radius: 25px;
  border: 2px solid var(--color-primary);
  padding: 40px 30px;
  margin: 0px 20px;
} */

.servic-btn {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--color-primary);
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-primary);
  margin-top: 15px;
  transition: 0.3s all ease;
}

/* .servic-btn:hover{
    background-color: #cca421;
  } */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .service-col {
    width: 223px;
    transition: 0.3s;
    padding: 50px 40px;
    margin: 0px 20px;
    text-align: start;
  }

  .service-col:hover {
    width: 223px;
    box-shadow: 0px 0px 66px -9px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    padding: 50px 40px;
    margin: 0px 20px;
  }
  .card img.top_img {
    width: 225.75px !important;
    height: 245px !important;
  }
}

/* //////DRY CLEANER LONDON */
.dry-clean-para {
  font-weight: 450;
  font-size: 14px;
  line-height: 20px;
  color: #787878;
}

.bg-light-green{
  background-color: #DCF2FF !important;
}

/* /////////////////Header css */

/* Faqs Question and Answere */

.answer {
  display: none;
}

.show-answer .answer {
  display: block;
}
.divider-ques {
  border-bottom: 4px solid #ffffff;
}

.service-bg-main img{
  height: 100%;
}

/*
.service-bg img{
  height: 100%;
} */


.service-bg {
  /* background: linear-gradient(
    180deg,
    rgba(239, 249, 255, 0) 0%,
    #eff9ff 46.37%
  ); */
}

/* What we do css */

#waht-col {
  width: 46%;
  padding: 0px 20px;
}

#waht-col img {
  max-width: fit-content;
}
#row-waht {
  justify-content: start;
  display: flex;
  color: white;
  text-align: start;
  align-items: center;
  height: 65vh;
}

#wedo-para {
  font-weight: 500;
  font-size: 13.6713px;
  color: #ffffff;
}

/* //Express service dry cleaner text */
.head-text {
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase;
  color: #1c1c1c;
  font-style: normal;
  font-weight: 700;
}
#border-bottom {
  border: 4px solid var(--color-primary);
  width: 154px;
  height: 0px;
  border-radius: 15px;
}
.bg-color {
  background: #091023;
}

/*Pre Loader*/

.wrapper {
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  display: none;
  z-index: 9999;
  /*transform: translateX(-50%);*/
}

.spanner {
  /*position:absolute;*/
  /*top: 50%;*/
  /*left: 0;*/
  /*background: #2a2a2a55;*/
  /*width: 100%;*/
  /*display:block;*/
  /*text-align:center;*/
  /*height: 100%;*/
  /*color: #FFF;*/
  /*transform: translateY(-50%);*/
  /*z-index: 1000;*/
  /*visibility: hidden;*/

  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  /*cursor: pointer;*/
  visibility: hidden;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #eeb300;
  font-size: 10px;
  /*margin: 80px auto;*/
  position: relative;
  top: 50%;
  left: 50%;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.show {
  visibility: visible;
}

.spanner,
.overlay {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.spanner.show,
.overlay.show {
  opacity: 1;
}

/*  our Services */

.ourservice_bg {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  height: 80vh;
  /*margin-top: -100px;*/
  margin-bottom: 2rem;
}

.ourservice_bg img {
  width: 100%;
  height: 80%;
  object-fit: cover;
  background-size: cover;
  top: 0;
  position: absolute;
  z-index: -1;
}

.servic-btn {
  font-weight: 700;
  font-size: 20px;
  line-height: 36px;
  color: var(--color-primary);
  background-color: transparent;
  border: none;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--color-primary);
  margin-top: 30px;
}

.hero-text {
  font-size: 30px;
  padding: 0 0 0 40px;
  text-align: start;
  width: 40%;
  align-self: center;
}

.hero-text p {
  font-size: 60px;
}

.col-half {
  width: 27%;
  padding: 0px 10px;
}

.herobtn {
  font-size: 0.8125rem;
  background-color: var(--color-primary);
  border: none;
  border-radius: 8.08px;
  color: #fff;
  margin-top: 20px;
  padding: 20px 35px;
  transition: 0.3s all ease;
}

.herobtn:hover {
  background-color: #cca421;
  transform: scale(1.05);
}

.hero-text h1,
.hero-text h2 {
  color: #000000;
  margin: 0 !important;
  font-size: 3.75rem;
  font-weight: 700;
}

.pricing-container img {
  margin: 0 auto;
}

/*Testimonials*/

.shadow-effect {
  padding: 20px;
  text-align: center;
  background: #ffffff;
  box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.07);
  border-radius: 11.5543px;
}

#customers-testimonials .shadow-effect p {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.5;
  margin: 0 0 17px 0;
  font-weight: 300;
}

.testimonial-name {
  margin: -17px auto 0;
  display: table;
  width: auto;
  background: #3190e7;
  padding: 9px 35px;
  border-radius: 12px;
  text-align: center;
  color: #fff;
  box-shadow: 0 9px 18px rgba(0, 0, 0, 0.12), 0 5px 7px rgba(0, 0, 0, 0.05);
}

#customers-testimonials .item {
  text-align: center;
  padding: 10px;
  margin-bottom: 80px;
  opacity: 0.2;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#customers-testimonials .owl-item.active.center .item {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
  max-width: 90px;
  margin: 0 auto 17px;
}

.featured-services.owl-carousel .owl-item .top_img {
  max-width:100%;
}

.servic-btn img{
  width: auto !important;
  margin: 0 !important;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span,
#customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span {
  background: #3190e7;
  transform: translate3d(0px, -50%, 0px) scale(0.7);
  border-radius: 100%;
}

#customers-testimonials.owl-carousel .owl-dots {
  display: inline-block;
  width: 100%;
  text-align: center;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}

#customers-testimonials.owl-carousel .owl-dots .owl-dot span {
  background: #3190e7;
  display: inline-block;
  height: 20px;
  margin: 0 2px 5px;
  border-radius: 100%;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  width: 20px;
}

/*Addon Styles*/

.input-container {
  padding-bottom: 1em;
}

.left-inner-addon {
  position: relative;
}

.left-inner-addon input {
  padding-left: 35px !important;
}

.left-inner-addon i {
  position: absolute;
  padding: 12px 12px;
  pointer-events: none;
}

.right-inner-addon {
  position: relative;
}

.right-inner-addon input {
  padding-right: 35px !important;
}

.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 20px;
  pointer-events: none;
}

.left-and-right-inner-addon {
  position: relative;
}

.left-and-right-inner-addon input {
  padding-right: 40px !important;
  padding-left: 90px !important;
}

.left-and-right-inner-addon div.left {
  position: absolute;
  padding: 16px;
  pointer-events: none;
  left: 0;
  background: var(--color-primary);
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
  width: 120px;
  text-transform: uppercase;
  font-size: 16px;
}

.left-and-right-inner-addon i.right {
  position: absolute;
  right: 0px;
  padding: 20px;
  cursor: pointer;
}

.right-inner-addon-b {
  position: relative;
}

.input-hero {
  padding: 15px !important;
  width: 100% !important;
  box-sizing: border-box;
  text-align: center !important;
}

/* Yellow section */

.bg-off {
  clip-path: polygon(100% 0, 100% 28%, 91% 100%, 0 100%, 0 0);
  background-color: var(--color-primary);
  margin-block: 20px;
}

.off-col {
  width: 80%;
}

.off-col {
  font-size: 32px;
  color: white;
}

.off-col {
  color: white;
  font-size: 20px;
}

.blackspan {
  background-color: var(--color-primary);
  width: 40px;
  height: 5px;
  border-radius: 50px;
  margin-inline: 16px;
}

.whitespan {
  background-color: #cdcdcd;
  width: 12px;
  height: 5px;
  border-radius: 50px;
}

/*Service detail 2nd section*/

.container-area {
  margin-inline: auto;
  width: 90%;
}

.enviro-col {
  text-align: start;
  width: 50%;
}
/*Price Section Styling*/

thead {
  background-color: #E3B624;
  /* border-radius: 0.5rem 0.5rem 0rem 0rem !important; */
  color: white;
}

.service_list_table table {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.service_list_table thead {
  background-color: #E3B624; /* Add your desired background color */
}

.service_list_table th {
  padding: 10px;
  text-align: left;
}

.service_list_table td {
  border-style: none !important;
}

.service_list_table th:first-child {
  border-top-left-radius: 10px;
  /* border-bottom-left-radius: 10px; */
}

.service_list_table th:last-child {
  border-top-right-radius: 10px;
  /* border-bottom-right-radius: 10px; */
}



.services_total_div{
  border-radius: 0rem 0rem 0.5rem 0.5rem;
  border-right: 0.5px solid #8E8D8D;
  border-bottom: 0.5px solid #8E8D8D;
  border-left: 0.5px solid #8E8D8D;
  padding: 0;
}

table {
  border-bottom: 2.3px solid #8E8D8D !important;
}


th {
  padding: 20px 25px;
}

.price-btn,
.cart-btns {
  background: #f2b807;
  border: none;
  color: white;
  padding: 10px 20px;
  border-radius: 2px;
  transition: 0.3s all ease;
}

.price-btn:hover,
.cart-btns:hover {
  background: #daa606;
  transform: scale(1.05);
}

input[type="number"] {
  position: relative;
  margin: 0 0 1rem;
  border: 1px solid #bbb;
  border-color: #bbb #ececec #ececec #bbb;
  padding: 0.2rem;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  background: #fff
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKUlEQVQYlWNgwAT/sYhhKPiPT+F/LJgEsHv37v+EMGkmkuImoh2NoQAANlcun/q4OoYAAAAASUVORK5CYII=)
    no-repeat center center;
  width: 1em;
  border-left: 1px solid #bbb;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

input[type="number"]::-webkit-inner-spin-button:hover,
input[type="number"]::-webkit-inner-spin-button:active {
  box-shadow: 0 0 2px #0cf;
  opacity: 0.8;
}

input:-webkit-autofill {
  background: black;
  color: red;
}

tr,
td {
  border-bottom: 1px solid #e7e7e7 !important;
  padding: 20px 15px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .blackspan {
    display: none;
  }

  .whitespan {
    display: none;
  }
  .enviro-col {
    width: 100%;
    text-align: center;
  }
  .enviro-col img {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .blackspan {
    display: none;
  }
  .enviro-col {
    width: 100%;
    text-align: center;
  }
  .enviro-col img {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
  .hero-text {
    padding: 0px 0px 0px 40px;
    font-size: 14px;
    text-align: start;
    width: 70%;
  }

  .hero-text p {
    font-size: 25px;
  }

  .col-half {
    width: 100%;
    padding: 0px;
  }

  .blackspan {
    display: none;
  }

  .whitespan {
    display: none;
  }
  .enviro-col {
    width: 100%;
    text-align: center;
  }
  .enviro-col img {
    width: 100%;
    text-align: center;
  }
}

.pricing .fa {
  cursor: pointer;
  color: white;
  padding: 0.2rem;
  margin-inline: 0.4rem;
  border-radius: 50%;
  background-color: #f2b807;
}

#estimator-table {
  font-size: 0.7rem;
}

.service-price-title:hover {
  color: dodgerblue !important;
}

.order-type-btn {
  width: 25% !important;
}

.whatsapp-icon-link:link,
.whatsapp-icon-link:visited {
  display: flex;
  justify-content: end;
  text-decoration: none;
  position: fixed;
  top: 85%;
  right: 1.6%;
  z-index: 9999;
}

.whatsapp-icon-link img {
  display: inline-block;
  width: 12%;
  height: 12%;
  border-radius: 50%;
  box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.5);
}

.follow-icons a img {
  transition: 0.3s all ease;
}

.follow-icons a img:hover {
  transform: scale(1.2);
}

.download-app img {
  transition: 0.3s all ease;
}

.download-app img:hover {
  transform: scale(1.3);
}

.pm-methods-list img {
  width: 3rem;
  height: 2.3rem;
  transition: 0.3s all ease;
}

.pm-methods-list img:hover {
  transform: scale(1.3);
}

/* .contact-info img:hover{
    transform: scale(1.5);
} */


.af-btn:link,
.af-btn:visited{
  display: inline-block;
  text-align: center;
  text-decoration: none ;
  color:#fff;
  padding:.5em 1.5em;
  background-color: var(--color-primary);
  margin-top: 0.25rem;
  transition: all 0.3s ease;
}

.af-btn:active,
.af-btn:hover{
  /* background-color: #cca422; */
  /* background-color: #cca422; */

}


.nav-item:hover .dropdown-menu{
  display: block;
}


.h1{
  font-size: 2.5rem !important;
  font-weight: 500;
}

.h2{
  font-size: 2rem !important;
}

.call-section{
  position: fixed;
  bottom: 2.5%;
  left: 2%;
  z-index: 9999999999999999999999;
}

.call-btn{
  display: inline-block;
}

.call-btn img{
  width: 50px;
}


.table-header h3{
  font-size: 20px !important;
}

/* .header-align .container{ */
  /* max-width: 88% !important; */
  /* padding-top: 15px !important;
  margin-right: 25px !important ; */
/* } */

.how-card{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hanger-circle {
  cursor: pointer;
  height: 207px;
  width: 77%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease;
}

/* .hanger-circle:hover ~ .hanger-content{
  display: block;
} */



.hanger-icon{
  width: 14%;
  margin: 0 auto -13px auto;
}



.hanger-circle img{
  width: 40%;
}


.hanger-content{
    display: none;
    height: 260px;
    width: 75%;
    padding-top: 6rem;
    margin-top: -5rem;
    padding-inline: 0.5rem;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.pricing-carousel .item{
  transition: all 0.3s ease;
  transform: scale(1);
  margin: 2rem 0;
}



.pricing-carousel .item:hover{
  border: 1px solid var(--color-primary);
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important;
  transform: scale(1.15);
}


.owl-nav {
  text-align: center;
  font-size: 3rem;
  color: gold;
}

.owl-prev,
.owl-next {
  color: #fff;
  padding: 10px 20px;
  border-radius: 50%;
  font-size: 3rem;
  margin: 0 10px;
  cursor: pointer;
}


.owl-prev:hover,
.owl-next:hover {
  background-color: #ffd700;
  transition: background-color 0.3s ease;
}


.sub-categories{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sub-categories .sub-cat-item:link,
.sub-categories .sub-cat-item:visited{
    display: flex;
    align-items: center;
    text-decoration: none;
    border-radius: 20px;
    padding: 0.25rem 0.5rem;
    background-color: transparent;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    color: #000;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    transition: 0.3s all ease;
}


.sub-categories .sub-cat-item:hover,
.sub-categories .sub-cat-item:active{
    background-color: #E3B624;
}

.active-sub-cat-item{
    background-color: #E3B624 !important;
}

.sub-services-list{
  display: flex;
  flex-direction: column;
  border: 0.5px solid #AAAAAA;
  border-radius: 10px;
  padding: 0.25rem;
  background: #F8F8F8;
}

.sub-service-list-item .content p{
    color: #666;
}

.sub-service-list-item .content{
  width: 80% !important;
}


.sub-service-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #AAA;
    background: #F8F8F8;
    padding: 0.5rem 1rem;
}

.sub-service-list-item:last-child{
  border-bottom: none;
}


.sub-service-list-item-estimate{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: space-between; */
    /* border: 1px solid #AAA; */
    background: #F8F8F8;
    padding: 1rem;
    border-radius:0rem 0rem 0.625rem 0.625rem ;
}



.sub-service-list-item:first-child{
    border-radius: 0.625rem 0.625rem 0rem 0rem;
}

.sub-service-list-item:last-child{
    border-radius:0rem 0rem 0.625rem 0.625rem ;
}

.sub-service-list-item{
    background: #F8F8F8;
}
/* .sub-service-list-item:nth-child(even){
    background: #D6D6D6;
} */

.sub-service-list-item a:link,
.sub-service-list-item a:visited{
    padding: 1px 3px;
    font-size: 1rem;
    text-decoration: none;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
}

.order-now-btn{
    display: inline-block;
    width: 65%;
    margin: 0.5rem auto;
    padding: 0.5rem 1rem;
    color: #000;
    border-radius: 3.125rem;
    background: #E3B624;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    font-weight: 700;
}





.active-main-service{
    border: 3px solid #E3B624;
    color: #000;
    background: #E3B624;
    cursor: pointer;
}


.service-card{
  border: 2px solid #535353 !important;
  border-radius: 0.625rem;
  padding: 0.6rem;
  display: inline-block;
  text-align: center;
  color: #000;
  min-width: 127px;
  min-height: 105px;
  transition: 0.3s all ease;
  margin-right: 0.5rem;
    margin-top: 1rem;
}

.service-card img{
  display: inline-block;
  height: 40px !important;
  width: 43px !important;
}

.service-card:hover{
  border: 3px solid #E3B624;
  color: #000;
  background: #E3B624;
  cursor: pointer;
  /* font-weight: 700; */
}

.main-services{
  width: 90%;
  /* margin: 1.5rem auto; */
}





input[type='radio']:after {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #fff;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #E3B624;
  padding: 5px;
  cursor: pointer;
}


input[type='radio']:checked:after {
  width: 17px;
  height: 17px;
  border-radius: 17px;
  top: -1px;
  left: -2px;
  position: relative;
  background-color: #E3B624;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid #E3B624;
}

#service_note{
  background-color: #fff;
  resize: none;
  border-radius: 0.5rem;
  border: 0.5px solid #8E8D8D !important;
}


/* *[class*="order-global-btn"]:link,
*[class*="order-global-btn"]:visited{
 text-decoration: none;
 display: flex;
 justify-content: center;
 align-items: center;
 text-align: center;
 background-color: #E3B624;
 width: 70%;
 margin: 0 auto;
 color: #000;
 padding: 0.5rem;
 border-radius: 20px;
 font-weight: bold;
} */



.order-global-btn:link,
.order-global-btn:visited{
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #E3B624;
  width: 70%;
  margin: 0.5rem auto;
  color: #000;
  padding: 0.5rem;
  border-radius: 20px;
  font-weight: bold;
}

/* Use the existing styles for the button */
button.order-global-btn {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #E3B624;
  width: 70%;
  margin: 0.5rem auto;
  color: #000;
  padding: 0.5rem;
  border-radius: 20px;
  font-weight: bold;
  border: none; /* Optionally, remove default button border */
  cursor: pointer; /* Add cursor pointer for better user experience */
}



.order-forms-section form input {
  border-radius: 0.5rem !important;
  border: 0.5px solid #8E8D8D !important;
  background: #FFF !important;
}

.order-forms-section form label{
  font-weight: 600;
  text-transform: uppercase;
}

.order-summary-section{
  padding: 2rem;
  border-radius: 0.625rem;
  border: 0.5px solid #AAA;
  background: #F8F8F8;
}

.order-summary-box{
  border-radius: 0.5rem;
  border: 0.5px solid #8E8D8D;
  background: #FFF;
  padding: 1rem;
  display: flex;
  align-items: center;
}

#coupon{
  border-radius: 0.5rem;
  border: 0.5px solid #8E8D8D;
  background: #FFF;
  padding: 1rem;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.75rem;
}

.card-details-box p{
  margin: 0.35rem !important;
}

.btn-icon{
    color: #fff;
    background: #000;
    height: auto;
    padding: 0.2rem 0.25rem;
    border-radius: 50%;
    vertical-align: top;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px !important;
}

.changeDt{
  cursor: pointer !important;
}

.payment_icons{
  gap: 0.75rem;
}





.order-process-card{
  display: flex;
  flex-direction: column;
  align-items: start;
  /* justify-content: center; */
  gap: 1.25rem;
  box-shadow: 0px 13px 19px 0px #00000012;
  height: 100%;
  padding: 1.5rem;
}

.order-process-card h4{
  color: var(--color-primary);
  font-size: 24px;
  font-weight: 700;
}

.order-process-card p{
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #222222;
}

.order-process-card img{
  max-height: 200px !important;
}

.card-divider{
    width: 50px;
    background: black;
    border: 2px solid var(--color-primary);
}

.orders-step {
  display: flex;
  list-style-type: none;
  width: 100%;
  justify-content: space-between;
  color: #ABABAB;
  font-size: 1.2rem;
  padding: 0;
  position: relative;
  align-items: center;
  margin-bottom: 0;
}

.orders-step li span {
  border: 2px solid #ABABAB;
  display: block;
  height: 50px;
  border-radius: 40px;
  width: 50px;
  text-align: center;
  display: grid;
  place-items: center;
  position: relative;
  background-color: #fff;
  font-size: 16px;
}

.orders-step li span .fa-check{
  display: none;
  color: #fff;
}

.orders-step li span p{
  margin: 0;
  font-size: 16px;
}

.orders-step li{
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50px;
    height: 116px;
}

.orders-step li p{
  font-size: 14px;
}

.order-summary-steps{
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  position: relative;
  gap: 1rem;
  margin: 0.75rem 0;
}

.order-summary-steps p{
  font-size: 18px;
}

.order-summary-steps li{
  display: flex;
  flex-direction: column;
  align-items: start;
  /* gap: 0.25rem; */
  /* text-align: center; */

}

.order-summary-steps li div:nth-child(2){
  color: #A1A1A1 !important;
}

.order-summary-steps li span{
  border-radius: 40px;
  text-align: center;
  background-color: #ccc;
  padding: 0.3px 4.7px;
  color: #fff;
  font-size: 14px;
}

.summary-step div:first-child{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}


.order-total-summary{
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
  gap: 0.2rem;
  padding: 0;
  margin: 1rem 0;
  font-size: 18px;
}

.order-total-summary li{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.discount-referel:link,
.discount-referel:visited{
  font-size: 20px;
  font-weight: 500;
  text-decoration: underline;
  color: #E3B624;
  margin: 1rem 0;
  display: inline-block;
}



.customer-choice{
  background: #141213;
  padding: 1.5rem 0;
  color: #fff;
}

.customer-choice__heading{
  font-size: 30px;
  font-weight: 600;
}

.customer-choice__description{
  font-size: 14px;
}


.too-busy {
  padding: 1.5rem;
  text-align: center;
  background: #E3B624;
  border-radius: 15px;
  margin-bottom: 2rem;
}

.too-busy h3{
  font-size: 30px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

.too-busy a:link,
.too-busy a:visited{
  display: inline-block;
  background-color: #101010;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-decoration: none;
  padding: 14px 28px;
  border-radius: 30px;
  margin-top: 0.5rem;
}

.too-busy p{
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  margin-top: 0.75rem;
}

.pricing-heading{
  font-size: 45px;
  font-weight: 600;
  line-height: 58px;
  letter-spacing: -0.02em;
}

.pricing-description{
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.02em;
}

.express-service{
  background: #2D2D2D;
    width: 85%;
    border-radius: 18px;
    display: flex;
    align-items: center;
    color: #fff;
    padding: 0.5rem 1.5rem;
    gap: 1rem;
    margin-bottom: 1rem;
}

.express-service p {
  font-size: 18px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0em;
  margin-bottom: 0;
}

.cat-details {
  margin-top: 1.5rem;
}

.download-mobile-app {
  background: #EFEFEF;
  padding: 2rem 1rem;
  border-radius: 28px;
  text-align: center;
  margin-top: 1.5rem;
}

.download-mobile-app h4{
  font-size: 22px;
  font-weight: 400;
  line-height: 31px;
  letter-spacing: 0em;
}

.store-images {
  display: flex;
  align-items: center;
  justify-content: center;
}

.store-images img{
  max-width: 150px;
}

.qty_text {
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 2px solid #2b2b2b;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
}


.mobile-estimate-btn {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 9999999999;
  
}

.mobile-estimate-btn a:link,
.mobile-estimate-btn a:visited{
    background: #E3B624;
    display: block;
    margin: 0;
    text-align: center;
    padding: 1.25rem;
  font-size: 21px;
  font-weight: 700;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-decoration: none;
  color: #ffffff;

}

.mobile-estimate-btn .estimate{
  background: #fff;
  padding: 1rem;
}


.topZero {
  top: 0 !important;
}


.main-header{
  position: fixed !important;
  z-index: 20;
  transition: top 0.3s;
  width: 100%;
  top: 0;
}

.header-gap{
  margin-bottom: 5rem;
}