/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 5 version
*/

/* EXTRAS */
.service-booking-sec .col-md-4 {
  width: 30.333333%;
}

.service-booking-sec .col-md-8 {
  width: 69.666667%;
}

@media (max-width: 1278px) {
  .service-details-desc p {
    max-width: none;
    width: auto;
  }
}

@media (max-width: 767px) {
  .service-details-card .service-details-price-tag {
    margin-left: auto;
    margin-right: auto;
  }

  .service-details-desc p {
    max-width: none;
    width: auto;
  }
}

@media (max-width: 544px) {
  .service-details-card {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@media (max-width: 455px) {
  .service-details-card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

/*  */

@media (max-width: 1920px) {
}

@media (max-width: 1875px) {
}

@media (max-width: 1775px) {
}

@media (max-width: 1675px) {
}

@media (max-width: 1575px) {
}

@media (max-width: 1475px) {
}

@media (max-width: 1375px) {
  .home-sec .hero.container {
    gap: 1em;
  }

  .services-container {
    gap: 2em;
  }
}

@media (max-width: 1275px) {
  .otp-box {
    padding: 1em;
  }

  .service-details-card.tasker-details-profile-card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .service-details-card.tasker-details-profile-card .service-details-price-tag {
    margin-bottom: 10px;
  }
}

@media (max-width: 1175px) {
  .navbar ul {
    gap: 1.5em;
  }

  .calender-booking .calendar-table th,
  .calendar-table td {
    padding: 12px 6px;
  }
}

@media (max-width: 1130px) {
  .footer-up {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 1075px) {
  .navbar-container {
    gap: 0.3em;
  }

  .input-form-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .header-nav-toggle-btn,
  .wrap-header-logo {
    display: block;
  }

  .wrap-header-logo {
    padding-left: 1em;
  }

  .navbar {
    height: 100vh;
    width: 0px;
    position: absolute;
    right: -40px;
    top: 0;
    z-index: 15;
    overflow: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 3em;
    padding: 2em 1em;
    background: -o-linear-gradient(
      left,
      rgb(246, 237, 250) 0%,
      rgb(245, 234, 248) 100%
    );
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(rgb(246, 237, 250)),
      to(rgb(245, 234, 248))
    );
    background: linear-gradient(
      90deg,
      rgb(246, 237, 250) 0%,
      rgb(245, 234, 248) 100%
    );
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }

  .nav-open .navbar {
    width: 320px;
    right: 0px;
  }

  .navbar ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .navbar ul li {
    width: 100%;
    padding: 0 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.5em;
  }

  .navbar ul li img {
    display: block;
  }

  .navbar ul li.active {
    width: 100%;
    padding: 0.8em;
    border-radius: 10px;
    background: -o-linear-gradient(left, #5b2269 0%, #a447bb 100%);
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#5b2269),
      to(#a447bb)
    );
    background: linear-gradient(90deg, #5b2269 0%, #a447bb 100%);
  }

  .navbar ul .nav-li a:hover::after {
    display: none;
  }

  .navbar ul li.active img {
    -webkit-filter: invert(1) brightness(1);
    filter: invert(1) brightness(1);
  }

  .navbar ul li a {
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-open .header-nav-overlay {
    z-index: 11;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.4);
    content: "";
  }

  .category-grid {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }

  .popular-services-container .col-md-3 {
    width: 33.2%;
  }

  .service-booking-sec .col-md-4 {
    width: 33.333333%;
  }

  .service-booking-sec .col-md-8 {
    width: 66.666667%;
  }

  /* .CS-grid-booking .col-md-6 {
    width: 100%;
  }

  .CS-grid-booking .col-md-6 {
    width: 100%;
  } */

  .CS-grid-booking .col-md-4 {
    width: 100%;
  }

  .CS-grid-booking .col-md-8 {
    width: 100%;
  }
}

@media (max-width: 992px) {
  .account-tab ul li a {
    -webkit-clip-path: polygon(98% 0, 100% 50%, 98% 99%, 0 100%, 0 0);
    clip-path: polygon(98% 0, 100% 50%, 98% 99%, 0 100%, 0 0);
  }
}

@media (max-width: 975px) {
  .tasker-details-img-swiper {
    margin: 0 auto;
    width: 250px;
    height: 220px;
    position: relative;
    top: -55px;
  }

  .tasker-details-profile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }

  .tasker-details-profile-desc {
    padding-left: 0;
  }

  .calendar-widget.calender-booking .calendar-table th,
  .calendar-widget.calender-booking .calendar-table td {
    padding: 10px 0px;
  }
}

@media (max-width: 875px) {
  .calendar-table th,
  .calendar-table td {
    padding: 15px 7px;
  }

  .table-body td {
    font-size: 17px;
  }

  .service-booking-sec .col-md-4 {
    width: 100%;
  }

  .service-booking-sec .col-md-8 {
    width: 100%;
  }

  .e-receipt-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .e-receipt-card-left {
    width: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 92%, 97% 100%, 3% 100%, 0 92%);
    clip-path: polygon(0 0, 100% 0, 100% 92%, 97% 100%, 3% 100%, 0 92%);
  }

  .e-receipt-card-right {
    width: 100%;
    -webkit-clip-path: polygon(3% 0, 97% 0, 100% 7%, 100% 100%, 0 100%, 0 7%);
    clip-path: polygon(3% 0, 97% 0, 100% 7%, 100% 100%, 0 100%, 0 7%);
  }

  .rip {
    width: 89%;
    height: 5px;
    margin: 0 auto;
  }
}

@media (max-width: 775px) {
  .calendar-table th,
  .calendar-table td {
    padding: 10px;
  }

  .table-body td {
    font-size: 20px;
  }

  .profile-addr-btn {
    width: 100%;
  }

  .auth-sec {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .auth-content {
    margin: 2em 0;
  }

  .register-content {
    display: none;
  }

  .auth-box {
    margin-top: 2em;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .register-box {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }

  .input-form-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .auth-title h1 {
    width: auto;
  }

  .home-sec .hero.container,
  .services-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4em;
  }

  .hero-container,
  .services-sliders {
    width: 100%;
  }

  .hero-calender-container,
  .upcoming-services {
    width: 100%;
  }

  .category-grid {
    -ms-grid-columns: (1fr) [6];
    grid-template-columns: repeat(6, 1fr);
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 2;
    -ms-grid-column: 6;
  }

  .category-grid > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }

  .category-grid > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 6;
  }

  .text-hide {
    display: none;
  }

  .preview-img-container .col-md-3 {
    width: 25%;
  }

  .preview-img-item {
    height: 130px;
  }
}

@media (max-width: 767px) {
  .service-address {
    margin-top: 15px;
  }

  .m-sm-auto {
    margin: auto;
  }

  .popular-services-container .col-sm-6 {
    width: 50%;
  }

  .booking-details-swiper {
    margin: 0 auto;
    max-width: 400px;
  }
}

@media (max-width: 576px) {
  .popular-services-container .col-sm-6 {
    width: 100%;
  }
}

@media (max-width: 675px) {
  .profile-box {
    border-radius: 50%;
    padding: 0.2em;
    position: relative;
  }

  .profile-box:hover .profile-details {
    /* opacity: 1; */
  }

  .profile-details {
    opacity: 0;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    position: absolute;
    padding: 0.5em;
    border-radius: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -65px;
    right: 100%;
    background-color: var(--clr-imperial);
  }

  .nav-right {
    gap: 0.5em;
  }

  .nav-right-button {
    gap: 0.5em;
  }
}

@media (max-width: 575px) {
  .account-tab ul li a {
    -webkit-clip-path: polygon(95% 0, 100% 50%, 95% 99%, 0 100%, 0 0);
    clip-path: polygon(95% 0, 100% 50%, 95% 99%, 0 100%, 0 0);
  }

  .auth-box {
    padding: 3em 1.5em;
  }

  .login-sec {
    padding: 0;
  }

  .login-box {
    width: 100%;
    min-height: 100vh;
    border-radius: 0;
    padding: 2.5em 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .login-box-logo {
    max-width: clamp(10em, 40vw, 14.375em);
  }

  .category-grid {
    -ms-grid-columns: (1fr) [5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }

  .section-title-header.search-bar .section-title-header-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section-title-header.search-bar {
    height: auto;
    padding: 1em;
  }

  .section-title-header.search-bar .section-title-header-search {
    margin-top: 1em;
    padding-left: 0;
  }

  .header-search-input-div {
    width: 100%;
  }

  .header-search-input-div input {
    width: 100%;
  }

  .preview-img-container .col-md-3 {
    width: 33.3333333%;
  }
}

@media (max-width: 475px) {
  .input-form-group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .otp-auth-box {
    min-width: auto;
  }

  .otp-input-box .otp-input {
    width: 14.667%;
    border-radius: 0.5em;
  }

  .nav-open .navbar {
    max-width: 320px;
    width: 100%;
  }

  .category-grid {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: (auto) [3];
    grid-template-rows: repeat(3, auto);
    -ms-grid-columns: (1fr) [4];
    -ms-grid-rows: (auto) [3];
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 2;
    -ms-grid-column: 4;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 4;
  }

  .serviceSwiper .swiper-slide,
  .serviceSwiper2 .swiper-slide,
  .taskerSwiper .swiper-slide {
    width: 100%;
  }

  .search-input-div {
    padding: 15px 10px;
  }
}

@media (max-width: 375px) {
  .category-grid {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: (auto) [4];
    grid-template-rows: repeat(4, auto);
  }

  .category-grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  .category-grid > *:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }

  .category-grid > *:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
  }

  .category-grid > *:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }

  .calendar-table th,
  .calendar-table td {
    padding: 7px;
  }

  .table-body td {
    font-size: 15px;
  }

  .CS01-levitate-btn.sb-02 {
    width: 100%;
    padding: 15px;
    width: 100%;
  }

  .tasker-details-img-swiper {
    margin: 0 auto;
    width: 100%;
    height: 220px;
    position: relative;
    top: -55px;
  }

  .calendar-table .selected::after {
    width: 34px;
    display: block;
    height: 34px;
  }

  .preview-img-container .col-md-3 {
    width: 50%;
  }

  .icon-round-box {
    width: 30px;
    height: 30px;
    padding: 4px;
  }
}