.k_notiii{
  height: fit-content !important;
}
.custom-suggestion-box ul li{
  padding-left: 10px !important;
  color: black !important;
}
.custom-suggestion-box p{
  padding-left: 10px;
}

.kundli-slider .slick-prev {
    left: -42px;
}
.end-cbtn {
    border-style: none;
    font-size: 14px;
    padding: 3px 16px !important;
    border-radius: 5px;
    height: 29px;
}
.chat-in {
    border-radius: 30px !important;
}
.send-icon-btn {
    background-color: #25D366;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
   }
@media(min-width:1400px) {
    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
    }

}
@media(min-width:1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl {
      max-width: 1250px;
  }


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

  li.nav-item {
    padding: 17px 6px;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000 !important;
}

}


@media(max-width:1199px) {
  .fs-8 {
    font-size: 10px !important;
}
.card_detail h6 {
    font-size: 11px;
    font-weight: 700;
    line-height: 16.41px;
}

.card_detail h6 {
    font-size: 11px;
    font-weight: 700;
    line-height: 16.41px;
}

.float-shadow {
    font-size: 12px;
}
    .input-group {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 100%;
        z-index: 99;
    }

    li.nav-item {
      padding: 17px 3px;
      font-size: 12px;
      font-weight: 600;
      line-height: 18.75px;
      color: #000000;
  }


    .form-select {
        --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
        display: block;
        width: 100%;
        padding: .375rem 2.25rem .375rem .75rem;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: var(--bs-body-color);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-body-bg);
        background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        border: var(--bs-border-width) solid var(--bs-border-color);
        border-radius: var(--bs-border-radius);
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    header .icon_list li {
        font-size: 14px;
    }

    h5.card-title {
        font-size: 16px;
    }

    .primium .card .card-body .category h6,
    .primium .card .card-body .spacalization h6 {
        font-size: 13px;
        margin: 0;
        padding: 0;
        color: #000;
    }

    h2.heading {
        font-size: 28px;
        color: #303030;
        line-height: 37.5px;
        font-weight: 600;
        margin-left: 10px;
    }
    .card-detail img {
      width: 130px;
      height: 130px;
      aspect-ratio: 2/2;
      object-fit: cover;
  }
  .navbar-brand img {
    height: 70px;
}
.consult_banner .online, .consult_banner .offline {
  width: 49px;
    height: 15px;
    border-radius: 20px;
    position: absolute;
    left: 10px;
    z-index: 1;
    top: 12px;
    animation: ripple-white3 1s linear infinite;
}
.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: absolute;
   left: 113px;
   z-index: 1;
   top: 5px;
}
}
@media (min-width: 768px) and (max-width: 768px) {
  .mini_cart .container.cart-boxx.side-scrollbar.card-side-new {
    margin-top: 50px;
  }
  .main-filter-box {
    padding-top: 30px;
}

}

@media (max-width: 991px) and (min-width: 768px) {
  .check-card1 .cart_img {
    width: 30% !important;
}

  .why-box {
    height:350px;
    max-height: 350px;
  }
  .search-input {
    position: absolute;
    top: 62px;
    width: 96%;
    }
    .custom-suggestion-box {
      position: absolute;
      left: 12px;
            width: 92%;
            top: 103px;
        background: #fff;
        border-radius: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        max-height: 180px;
        overflow-y: auto;
        margin: 20px;
        z-index: 9999;
        padding: 6px 0;
        display: none;
        transition: all 0.3s
    ease;
    }
  .test-box {
    min-height:270px !important;
}
}
@media only screen
  and (device-width: 820px)
  and (device-height: 1180px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .mobile {
        display: block !important;
      }
      .custom-suggestion-box {
    position: absolute;
    left: 28px;
    width: 86%;}
      .search-input {
        position: absolute;
        top: 62px;
        width: 91%;
        left: 47px;
    }
      /* .custom-suggestion-box {
          position: absolute;
          bottom:872px;} */
      .mt-air{
        margin-top: 40px;
      }
      .profile-img-box {
    border-radius: 50%;

    top: -9px;

}

.pad-air{
  margin-top: 40px;
}
      #whatsapp-float {
          left: 20px;
        }
      #image-slider {
    width: 90% !important;

}
      .mb-pad2{
        margin-bottom: 80px;
      }
      .contact-box a, .contact-box p {

    font-size: 12px;

}
      .profile-img-box {

    left: 40%;
}
      .verticalButton {
    padding: 0px 0px 0px 0px;
    width: 150px;
    height: 40px;
    background: #9b2303 !important;
    border-radius: 0px 0px 5px 5px;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    position: fixed;
    top: 30%;
    left: -7% !important;
}
      .padmini-m{
        margin-top: 70px;
      }
    .custom-scroll-box {
    max-height: 100vh !important;
}
      .dashboad_section {
    padding-top: 43px;
}
#recharge-app {
    margin-top: 50px !important;
}
      .mini_cart-off {
        width: 50% !important;
    }
      .astro-main2{
        margin-top: 40px;
      }
      .progress-wrap {

          bottom: 84px !important;}
      .puja_frm_head {
    font-size: 10px !important;
}
      section.shop_filter.h.pad-top {
    padding-top: 87px;
}
      .banner-second {
    margin-top:100px !important;
}
.contact-box {

    width: 235px;

}
          #k_notifi{
            height: 72px !important;
          }
      .pad-ap{
        margin-top: 75px !important;
      }
      .card-wallet {
    margin: 40px 0px 10px 0px !important;
}
.dash-sildbar {
    overflow: overlay;
    max-height: 704px;
}
.mt-pad{
  margin-top: 70px;
}
      .pad-ap2,.pad-ap3{
        margin-top:50px !important;
      }


      .test-box {
    min-height: 242px;
}
      .about-page {
    margin-top: 50px;
    }
    .order-first img {
    width: 100% !important;
}
.ip-p{
  margin-top: 80px !important;
}
      .desktop{
        display: none;
      }
    .head-sec h1 {
    font-size: 70px;

}
    .feature_wrap .card .card-icon {

        height: 100px;
        width: 100px;

    }
    .fs-16 {
        font-size: 13px !important;
        min-height: 40px;
    }
    .feature_wrap a {
        width: 24% !important;

    }
    .ip-mt{
      padding-top: 30px !important;
    }
    .btn-close5{
      top:9px !important;
    }
    .btn-close {

        top: 17px;
        right: 10px;

    }
    .title_breadcrumb h1 {
    color: white !important;
    text-align: center !important;
}
.pad-p{
  margin-top: 110px !important;
}
.pad-p .btn-close {
    filter: invert(1) !important;
    opacity: 9;
}
.astro-section {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 50px 0;
}

}
@media(max-width:992px) {
  .primium .card{
    margin: 0 5px;
  }
  .consult_banner{
    margin-top: 80px !important;
  }
  .same-card p{
    font-size: 11px !important;
  }
  .astro-revenue-btn {

    left: 38%;

}
  .btn-checked {

    padding: 12px 5px;

    width: 89px;
    text-align: center;
}
  .mini_cart-off {
        width:70% !important;
    }
      .mini_cart-off .btn-close {
        top: 98px !important;
        right: 10%;
        filter: invert(0%) !important;
    }

.pba .slick-track{
  margin-bottom: 20px !important;
}
  #image-slider {
    width: 90% !important;

}
  .search-input input.search-bar {
    border: 1px solid #cccccc;
    height: 50px;
    padding: 0px;
}
.search-bar {
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 7px 10px;
      width:95%;
      margin: auto;
      outline: none;
      transition: all 0.2s;
  }
  #whatsapp-float {
    position: fixed;
          left: 20px;
        }
  .mb-pad2{
    margin-bottom: 80px;
  }
  .astro-section {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 24px;
    padding: 50px 0;
}

  .astro-main2{
    margin-top: 30px;
  }
.f16-md{
  font-size: 16px;
}
  .prod-name {
      /* min-height: 33px; */
      font-size: 12px !important;
      -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  .astro-card img {
      height: 159px;
  }
    .card_detail h3 {
        text-align: start;
    }

  .banner-height-m {
          height: 31vh;
      }
.w-md-100{
  width: 100% !important;
}
.kun-img{
  width: 100% !important;
}
.form-wrapper {
  margin-bottom: 0px;
}
.form-wrapper {
  margin-top: 18px;
}
.mb-20{
  margin-bottom: 20px !important;
}
.form-title {

    margin-bottom: 18px;}
  .gol-box {
    border: 1px solid var(--stroke, rgba(0, 0, 0, 0.12));
    border-radius: 8px;
    background: rgba(255, 251, 245, 1);
    padding: 20px;
    min-height: 284px;
}
  .consult_banner .card-header .rating {
    background-color: #fff;
    width: 84px;
    font-size: 16px;
    z-index: 1;
    padding: 7px;
    text-align: center;
    border-radius: 30px;
    border: 0.5px solid #F7471B;
    display: block;
    /* position: absolute; */
    margin: 0 auto;
    margin-left: 70px;
    margin-top: -20px;
}

  .card-detail img {
    width: 130px;
    height: 130px;
    aspect-ratio: 2/2;
    object-fit: cover;
}
/* .consult_banner .online, .consult_banner .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 145px;
    z-index: 1;
    top: 6px;
    animation: ripple-white3 1s linear infinite;
} */

.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 49px;
     height: 15px;
     border-radius: 20px;
     position: absolute;
     left: 10px;
     z-index: 1;
     top: 12px;
}
.box ul li{
  height: 75px !important;
}

    header .icon_list li {
        /* border: 1px solid #F7471B; */
        min-width: 33px;
        height: 33px;
        text-align: center;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 6px;
        gap: 3px;
        border-radius: 5px;
        position: relative;
    }

    span.count {
      width: 16px;
        height: 16px;
        display: flex
;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        right: 4px;
        top: 2px;
        border: 0px solid #F7471B;
    }
    .navbar-brand img {
    height: 70px;
}
.same-card {

  padding: 18px 5px;
}

  }


  @media only screen
    and (device-width: 1024px)
    and (device-height: 1366px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: portrait) {
      .mini_cart-off {
    width: 50% !important;
}
.mb-pad2{
  margin-bottom: 80px;
}
.contact-box a, .contact-box p {

font-size: 12px;

}
.online, .offline,.busy {
position: relative;
left: 232px !important;
top:0px !important;
}
.pro-mt{
  margin-top: 100px !important;
}
      .mobile {
          display: block !important;
        }
        .talk_astrologer .card_image img {
        width: 83px;
       height: 106px;
     }
     .text-chat1,.text-call,.text-video {

    width: 171px;
}
.p-add {

    font-size: 10px;
  }
        .puja_frm_head {
      font-size: 10px !important;
  }
        section.shop_filter.h.pad-top {
      padding-top: 87px;
  }
        .banner-second {
      margin-top:100px !important;
  }
  .contact-box {

      width: 235px;

  }
            #k_notifi{
              height: 120px !important;
            }
        .pad-ap{
          margin-top: 75px !important;
        }
        .card-wallet {
      margin: 40px 0px 10px 0px !important;
  }
  .dash-sildbar {
      overflow: overlay;
      max-height: 704px;
  }
  .mt-pad{
    margin-top: 70px;
  }
        .pad-ap2,.pad-ap3{
          margin-top:50px !important;
        }


        .test-box {
      min-height: 242px;
  }
        .about-page {
      margin-top: 50px;
      }
      .order-first img {
      width: 100% !important;
  }
  .ip-p{
    margin-top: 80px !important;
  }
        .desktop{
          display: none !important;
        }
      .head-sec h1 {
      font-size: 70px;

  }
  header .icon_list li i {

    font-size: 24px;
}
      .feature_wrap .card .card-icon {

          height: 100px;
          width: 100px;

      }
      .fs-16 {
          font-size: 13px !important;
          min-height: 40px;
      }
      .feature_wrap a {
          width:17% !important;

      }
      .banner-height-m {
    height: 32vh;
}
.justify-pad{
  justify-content: space-between;
  display: flex;
}
      .ip-mt{
        padding-top: 30px !important;
      }
      .btn-close5{
        top:9px !important;
      }
      .btn-close {

          top: 17px;
          right: 10px;

      }
      .title_breadcrumb h1 {
      color: white !important;
      text-align: center !important;
  }

  }


@media(max-width:767px) {

  .search-input input.search-bar {
    border: 1px solid #cccccc;
    height: 50px;
    padding: 0px;
}
.consult_banner {
    margin-top: 60px !important;
}
.astro-revenue-btn {

  left: 30%;
  bottom: -27px;

}
.astro-amount {

    font-size: 13px;
}
.astro-label {
    font-size: 9px;

}
.astro-time-title {
    font-size: 12px;
    color: #000;
    font-weight: 400;
}
.astro-time-value {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #2ecc71;
}
.star_box {
    height:100%;
}
.mini_cart-off .btn-close {
  top: 30px !important;
  right: 10%;
  filter: invert(0%) !important;
}
.mini_cart-off {
      width: 100% !important;
  }
#price-div>div span,#price-div>div strike{
  font-size: 16px !important;
}
.product-gallery-wrapper {
    max-width: 600px;
    margin: 0px auto !important;
}

#image-slider {
  width: 99% !important;

}
.search-bar {
      border: 1px solid #ddd;
      border-radius: 6px;
      padding: 7px 10px;
      width: 83%;
      margin: auto;
      outline: none;
      transition: all 0.2s;
  }
.search-input {
  position: fixed;
  z-index: 1;
  border-style: none;
  right: 22px;
  top: 56px;
  width: 92%;
}
.nav-link{
  font-size: 14px !important;
}
.p-box .rating i{
  font-size: 11px !important;
}
.search-bar {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 7px 10px;
    width:100%;
    outline: none;
    transition: all 0.2s;
}

.search-input input{
  padding-left: 10px !important;
}
.custom-suggestion-box {
    position: absolute;
    left: 0px;
    width: 88%;
    background: #fff;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    max-height: 180px;
    overflow-y: auto;
    margin: 20px;
    z-index: 9999;
    padding: 6px 0;
    display: none;
    transition: all 0.3s
ease;
}
  .c2radio{
    margin-right: 5px;
  }
  #whatsapp-float {
    position: fixed;
          left: 20px;
}
  #image-slider {
    width: 90% !important;

}
  .desktop{
    display: none !important;
  }
  /* #astro{
    width: 312px !important;
    left: -205px !important;
  } */
  .dash_noti{
    text-align: justify;
  }
  .k_noti{
    padding: 8px 10px;
    font-size: 10px;
  }
  .k_order {
      display: flex;
  }
  .card-wallet1 .text h3 {
    font-weight: 500;
    font-size: 15px;
    margin-top: 6px;
}
.width-100-mobile {
        width: 100% !important;
    }
  .k_money_w{
    padding-left: 14px;
  }
  .all_wallet {
        padding: 10px;
    }
    .k_card_title{
      font-size: 12px !important;
    }
  .earning-card span {
    font-size: 0.8rem !important;
}
  #k_notifi{
    border: 0px !important;
    border-bottom: 1px solid #d3cdcd !important;
    border-radius: 0px;
    height: fit-content !important;
    padding-top: 3px !important;
    padding-bottom: 4px !important;
    background: transparent !important;

  }
  .fs-p-16{
    font-size: 16px;
  }
  #userLoginModal .btn-close {
        top: 19px;
        }
  .k_astro_profile{
    margin-bottom: 10px;
  }
  section.shop_filter.h.pad-top {
    padding-top: 89px;
}
.v_btn {

    right: -3px !important;

}
  .order-tracking p span {
    font-size: 12px !important;
}
.order-tracking p {
    font-size: 10px !important;
}
  .astro-account-tab{
    flex-wrap: nowrap !important;
  }
  .ast_dash_card{
    min-height: 126px !important;
  }
  .fs-10{
    font-size: 10px !important;
  }
  .fs-12-p{
    font-size: 12px !important;
  }
.user_profile h6{
  margin-top: 10px;
}
.check-card1 .cross-icon-card1 {
    width: 16%;
}
  .mobpadd{
    padding-bottom: 10px;
  }
  .mobilemargintopremovecart #thumbnail .th-b.d-flex {
    flex-wrap: wrap;
}
  div#consultationModal {
margin-top: 50px;
}
.feedback-box {
background: #eef5ff;
border: 1px solid #eee;
border-radius: 10px;
padding: 20px;
min-width: 300px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.08);
}
.thumbnail {
    cursor: pointer;
    width: 61px;
    height: 64px;
    margin-right: 5px;
    border-radius: 13px;
    margin-top: 5px;
    background-color: #eee;
}

  .spnp{
    display: inherit !important;
  }
  .topbar {
    font-size: 12px;
    padding: 6px 10px;
    text-align: center;
    display: inherit;
    align-items: center;
}
  .checkoutse{
    padding-top: 90px !important;
  }
  .check-card1 .cart_img {
    width: 30%;
}
  .px-md-5.px-2.pt-5.mt-md-5.mt-0.hide-in-webview{
    margin-top: 0px !important;
  }

  .footer-mg{
    margin-bottom: 70px;
  }

    #recharge-app .row.mt-4{
      margin-top: 0px !important;
    }
  .loginmobilefont{
    font-size: 20px !important;
  }
  .astro-section{
    padding: 15px 0;
  }

  /* #recharge-app */
  .mobilemargintopremovecart{
    margin-top: 30px !important;
  }
  .closeblack{
    color: black !important;
  }
  .marginphnremove{
    margin-bottom: 0 !important;
  }
  .about-page {
    margin-bottom: 0px !important;
  }
  .kundlipage {
    padding: 50px 10px !important;
}
  .forfont14{
    font-size: 12px !important;
  }
  #send-support-reply-form .btn.btn-secondary.ms-1.px-3{
    color: white;
    background: #751750;
    width: 100% !important;
  }
  .p-banner {
    border-radius: 0px;
  }
  section.live_section.pt-0.mt-4 {
  margin-bottom: 30px;
  }
  .d-flex.d-md-block.filter-d i{
    color: black;
  }
  /* .astro-card {
    flex: 1 1 100%;
    max-width: 100%;
  } */
  .topbar{
    margin-top: 60px;
  }
  /* slick list ki padding hata do */
   .slick-list {
    padding: 0 !important;
    margin: 0 !important;
  }
  .wallet_card_single {

    min-height: 141px;
}
  .product_details h2{
    /* margin-top: 15px; */
    font-size: 22px !important;
  }
  .test-box {
    min-height: 275px;
}
  .btn-close {
    position: absolute;
    top: 23px;
    right: 9px;
    font-size: x-small;
    padding: 5px;
}
.ar-close{
  position: absolute;
  top:9px;
  right: 9px;
  font-size: x-small;
  padding: 5px;
}
.p-add {

    font-size: 12px;

}
  .mobile-menu li{
    font-size: 12px !important;
  }
  .p-box {
    height:100%;
    overflow: hidden;
}
  .guru2 .card {
    margin-right:0px !important;
    margin-left: 0px !important;
}
.box .no-li li{
  height: 70px !important;
}
  .header .icon_list li{
    padding: 0px !important;
    border:0px solid white !important;
    align-items: center;
        justify-content: center;
        display: flex;
        height: 35px !important;
        background: #60093d66 !important;

  }
  .bell-2, .bell-desk{
    height:35px !important;
  }
  .logo img {
    /* height: 10px; */
    /* width: 156px; */
      width: 70px;
}

  .custom-ci{
    border-style: none !important;

  }
  .ai-card {
      margin-top:0px;
  }

  /* track ko full width me le aao */
  .slick-track {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* slide ko full width + equal gap do */
 .slick-slide {
    padding: 0 8px;  /* yahan gap control karna */
    box-sizing: border-box;
  }

  .ab-btn {
    padding: 10px 10px;

}
.category_box {
    padding-top:0px !important;
}
.slick-slide {
    position: relative;
    overflow: hidden;
}
 .slick-slide {
    margin: 0 0px !important;
}


.slick-prev,.slick-next{
  display:none!important;
}
.features {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin: 40px auto;
    text-align: center;
}
.notification .mobile .no-li li{
  border-style: none !important;
}
.box {
    width: 350px !important;
    left: -187px !important;
    top:-26px;
    margin: 85px !important;

}
.asto.box{
        width: 350px !important;
        left: -236px !important;
        top: -26px;
        margin: 85px !important;
    }
.no-li{
  padding-top: 20px;
}
.form-input-custom {
    width: auto !important;
}
.order-first img{
  width: 100% !important;
}
    .video_link2 {
    height: 197px;
    overflow: hidden;
    position: relative;
}
.dashbord_card {
    margin-bottom: 15px;
}
.dashboad_section {
    background: #f2f2f2;
    /* padding-top: 15px; */
    padding-bottom: 5%;
}

.courses_inner{
        background-image: -webkit-linear-gradient(0deg, rgb(244, 170, 54) 0%, rgb(243, 115, 53) 100%);
        padding: 20px 15px 20px 15px;
                margin-right: 10px;
                        border-radius: 4px;
                        position: relative;
                        text-align: center;
}
.courses_inner:after {
content: '';
        position: absolute;
        left: 135%;
        top: 114%;
        background-size: 100%;
        margin: -135px 0 0 -135px;
        background-image: url(../img/circle.png);
        width: 100px;
        height: 100px;
        animation: spin 9s infinite linear;
        -webkit-animation: spin 9s infinite linear;
        -moz-animation: spin 9s infinite linear;
        z-index: 9;
}
.courses_innerone{
    margin-top: 30px;
}
.courses_inner h1{
    color: #fff;
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 10px;
}
.courses_inner .courses_inner_icon{
width: 50px;
height: 50px;
background: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
        margin: auto;
}
.courses_inner .courses_inner_icon img{
    width: 38px;
}
.footer.foot_width.live-footer{
        display: block;
        width: 100%;
}
.live-body {
    padding-left: 7px;
    padding-right: 0 !important;
}
.blog.banner-bg{
            padding-top: 65px !important;
        padding-bottom: 0px !important;
}
.iframe_slider1 {
    height: 192px;
            margin-bottom: 15px;
}
  .iframe_slider{
        height: 218px;
}
    #Packages {
        top: 6%;
    }
    .dashbord_card .card_text h2 {
    font-size: 13px !important;
}
#image-slider {
    width:100% !important;
}
#slider-wrapper {
    display: block !important;
}
#thumbnail {
  width:100% !important;
  margin-left: 0 !important;
}
#thumbnail ul {
    width: 100%;
    display: flex !important;
            gap: 1.4em;

}
#image-slider ul {
    height: 328px !important;
}
#thumbnail li {

    width: auto !important;
}
.text_recharge h6 {
    font-size: 15px;
}
.financial-box1 td{

}
.course-sidebar {
    padding: 0px 5px 0px 0px;
}
.display_courses_explore{
    display: flex !important;
            flex: auto;
}
.display_courses_explore .col-md-2{
        width: 15%;
}
.display_courses_explore .col-md-10{
            width: 85%;
}
.display_courses_explore .course-titles{
        line-height: 22px;
}
.course-sidebar1 {
    max-height: 78vh;
    padding: 0px 0px 0px 0px;
    margin-top: 50px;
}
.button_icon {
    background: #fff;
    display: flex;
    align-items: center;
    gap: 0.4em;
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 50px !important;
}
.width-100-mobile{
    width: 100%;
}
.filter_width{
    width: 60% !important;
}

.dashboad_section .row.mb-3{
margin-bottom: 0 !important;
}
.dashboad_section .form_group_img{

}
/* .dashboad_section .form-control{
          margin-bottom: 15px;
} */
.dashboad_section #marks_file_img{
            width: 28% !important;
        margin-top: 0 !important;
}
.dashboad_section #profile_image_img{
           margin-top: -8px;
}
.dashboad_section .cons-card{
          padding: 15px 20px !important;
}
#profile-app a.nav-link,.dashboard_tab li a {
                  padding: 8px 16px !important;
        border-radius:4px;
}
.dashboard_tab li a.active{

        padding:4px;
}
.card-wallet1{
    margin-bottom: 20px;
}
.wallet-mobile .main_button {
    padding: 12px 15px;
}
.d-none-mobile{
    display: none !important;
}
.order_details p{
        font-size: 10px
}
.order_details h6{
            font-size: 14px;
        padding-bottom: 8px;
}
.o-details{
         padding: 0 !important;
        box-shadow: none !important;
}
.order_details .main_button{
        font-size: 10px;
        padding: 8px 15px;
}
.sub_total td{
font-size: 10px;
        padding-bottom: 10px;
}
.table_consultation tr td{
        font-size: 12px !important;
}
.table_consultation thead th i{
        display: block;
}
.wallet-mobile{
            margin-top: 25px;
}

.card_courses_all h1 {
            font-size: 15px;
        margin-top: 5px;
        margin-bottom: 15px;
}

#loader {
    left: -8px;
}
.main_preloader {
    left: -37px;
}
.navbar-nav .dropdown-menu.show {
    position: static !important;
    transform: translate3d(3px, 5px, 0px) !important;
}
.button_wishlist {
    height: 50px;
}
.banner-video {
    text-align: end;
    background: url(../images/courses_details_bg.png);
    padding: 60px 50px;
    background-size: cover;
    height: 260px;
}
.banner-video iframe{
    height: 160px;
}
.inline_card_courses {
    margin-bottom: 15px;
}
.asstro-tab li a{
    font-size: 14px !important;
            height: 48px;
}
    .main_circle {
    margin: 0px auto;
    width: 300px;
    height: 300px;
    position: relative;
}
.mobile_view{
    margin-top: 0px;
}

.wallet_card_all{
        padding: 30px 0px;
}
.card-wallet {
    margin: 90px 10px 10px 10px;
}
.big-circle{
    width: 300px;
    height: 300px;
}
.center-logo img {
    max-width: 260px;
    border-radius: 50%;
}
    .space_mobile {
        margin-top: 25%;
    }
.card_courses_all{
           width: 45%;
        margin: 30px 8px 0px 8px;
}
.card_courses_all img {
    width: 80px;
}
.featurecard1 {
    padding: 8px;
}
.featurecard1 .text_feature {
    height: 4em;
}
 .title_breadcrumb {
        position: absolute;
    bottom: -78%;
    left: 6%;
    background: #ffffff;
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
}
.title_breadcrumb h1 {
    font-size: 14px;
    margin-bottom: 4px;
    color: #b11c1c;
    text-align: left !important;
}
.title_breadcrumb .breadcrumb {
    font-size: 10px;
    justify-content: start !important;
}
/* .about-page {
    margin-bottom:40px !important;
} */
  .indus-box{
    width: 100%;
  }
  .talk_guru .card li.list-group-item, .talk_astrologer .card li.list-group-item {
    padding-bottom: 6px !important;
}
.talk_guru .card img {
    width: 80px;
    height: 80px;
}
.talk_astrolgers .card h6 {
    padding-bottom: 0px;
}
.talk_guru .card li.list-group-item i, .talk_astrologer .card li.list-group-item i {
    font-size: 14px;
}
  .accordion-body{
    font-size: 12px;
  }
  .cart-boxx{
    padding-right: 0px;
  }
  .re-form{
    margin-top: 10px;
  }
  .live-coursess{
    padding-left: 18px !important;
  }
  .wishlist-btnn{
    padding: 8px !important;
    margin-top: -5px;
  }
  .enroll-noww{
    padding: 0px !important;
  }
  .discription .d-card-m {
    background: none;
  }
  .feature_wrap a:hover{
      box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
      transform: translate(0,0px);
  }
  .talk_guru .card, .talk_astrologer .card {
      /* margin-right:0px; */
      margin-bottom: 10px;
    }
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    right: 15px;
    top: 25px;
    position: absolute;
}
  .btn.btn-light {
    height: 38px;
    background-color: #fff;
    border: 1px solid #FFA500;
    border-radius: 30px;
    color: #000;
}
#searchByName {
    padding: 6px 10px;
    border: 1px solid #ffb01f;
    border-radius: 30px;
}
  /* p{
    font-size: 13px !important;
  } */

  .mobile-flex{
    flex-wrap: wrap !important;
  }
  .contable tr td{
    font-size:12px;
  }
  .contable tr th{
    font-size: 9px;
  }
  #myTab .nav-item {
    padding: 0px 3px;
    font-size: 9px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000000;
}
  .f12{
    font-size: 12px !important;
  }
  .f11{
    font-size: 9px !important;
  }
  .vastu .card .card-title {
      color: #000 !important;
      font-size: 18px;
      font-weight: 500;
      background: linear-gradient(282deg, rgb(201 193 193) 0%, rgb(255 255 255 / 96%) 100%) !important;
      padding: 10px;
      text-align: center;
      border-radius: 5px;
      position: absolute;
      width: 90%;
      left: 5%;
      bottom: 0;
      display: flex;
      align-items: center;
      height: 45px;
  }
  .talk_guru .card:hover{

  transform : translate(0,0px)

}



.my-rating-box{
    /* display: flex;
    align-items: center;
    justify-content: center; */
  }
  .my-rating-box .rating-count {
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.my-pro .progress{
  width: 88%;
}

  .news-t{
    font-size: 13px;
  }
  .news-p{
    font-size: 12px;
  }
  .news {
           padding: 22px !important;
        border-radius: 10px;
}
.search_top_filter {
            padding: 4px 0px 4px 0px;
            margin-top: 32px !important;
}
.search_top_filter .btn.btn-light{
            height: 42px;
        padding: 0 25px;
}
.tabs_search li {
    width: 50%;
    text-align: center;
}
.search_top_filter .nav-item{
    font-size: 14px !important;
}
.news .btn-bg{
  font-size: 11px;
}
.news input{
  font-size: 11px;
}
  .progress {
      margin: 0px !important;
      background-color: #f7f7f7;
      /* border: 1px solid #ffa500; */
      height: 15px;
      border-radius: 10px
      width:70%;
  }
  .feature_wrap .card .card-icon {

}
.feature_wrap a:hover .card-title{

}
.feature_wrap .card .card-icon .icon {
  width: 82px;
height: 82px;
margin-bottom: 0;
}
.feature_wrap .card-title {
                line-height: 12px;
        padding-top: 12px;
        font-weight: 500;
        font-size: 14px !important;
}

.feature_wrap a:hover{

}
.feature_wrap .card-body{
  padding: 0px;
}
  .content {
    margin-left: 10px;
    font-size: 11px;
    margin-bottom: 0px;
}
  h2.heading,h2 {
        font-size:18px !important;
        line-height: 26px;
}
.call-bg-work h3 {
    font-size: 60px;
    font-weight: bold;
}
.kundli-form {

    padding: 0px 0px;

}
      .slick-next {
        right: 0 !important;
    }
    .slick-prev {
        left: 0 !important;
        z-index: 9;
    }

      .about-page {
      padding: 80px 50px 20px 50px !important;
        /* margin-top: 55px !important; */
        margin-top: 0px !important;
        /* height: 85px;/ */
    }
    .head-sec h1 {
    font-size:34px;
    font-weight: 700;
}
.order-first img{
  width: 300px;
}
.head-sec p {
    font-size: 16px;
    font-weight: semibold;
}
    .page-image{
    text-align: center !important;
    }
      .card-detail img {

        aspect-ratio: 3/3;
        object-fit: cover;
    }
      .short_desc iframe{
        width: 100%;
        height: 215px;
      }
        .templet_first.card {
            height: 100%;
            padding: 30px 20px;
            margin-bottom: 20px;
        }
        .templet_second.card {
            padding: 10px 20px;
            height: 100%;
        }
        .navbar-toggler {
            color: rgb(255 255 255 / 65%);
        }
        .social-menu {
            display: flex;
            justify-content: start;
                    margin-bottom: 22px !important;
        }
        .social-btn {
            list-style: none;
            width: 40px;
            height: 40px;
            background: #fff;
            margin: 8px;
            border-radius: 50%;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 10px 10px -5px rgb(255,255,255,0.1);
            transition: all 0.3s;
            z-index: 10px;
        }
        footer .p-size {
            /* color: #fff; */
            font-size: 14px;
        }
        footer ul li a {
            /* color: #fff; */
            font-size: 14px;
            text-decoration: none;
            font-weight: 400;
            line-height: 28px;
            display: flex;
            gap: 10px;
        }
        /* .tags {
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: flex-end;
            position: absolute;
            top: 0;
            right:10px;
        }
        .talk_astrologer    .tags {
            display: flex;
            flex-direction: column;
            justify-content: end;
            align-items: flex-end;
            position: absolute;
            top: 0;
            right: 10px;
        } */
        .consult_banner .card-header .rating {
                    background-color: #fff;
        width: 60px;
        font-size: 12px;
        z-index: 1;
        padding: 2px;
        text-align: center;
        border-radius: 30px;
        border: 0.5px solid #F7471B;
        display: block;
        margin-top: -20px;
        margin-left: 35px;
        margin-bottom: 16px;
        }
        .review-col{
            height: 400px;
        }
        .review-col-2{
            height: 240px;
        }
        .ratingg {
            text-align: center;
        }
        .client-review .card-body {
            text-align: center;
        }
        .reviews .rating {
            /* float: left; */
            width: 140px;
            margin: 0 auto;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            height: 140px;
            border-radius: 50%;
            background-color: #F5F5F5;
            border: none;
            padding: 10px;
        }
        .histo {
            float: left;
            width: 100%;
            font-size: 13px;
        }
        .modal .heading {
            font-size: 20px;
            line-height: 28px;
            padding: 0 0;
        }

        .modal ul li {
            font-size: 12px;
            line-height: 18px;
        }

        .modal .login_detail h2 {
            font-size: 26px;
            line-height: 28px;
            padding: 0 0;
        }

        .notification {
            font-size: 12px;
            font-weight: 400;
        }

        .flatpickr-calendar {
            width: 100% !important;
        }

        .flatpickr-rContainer {
            width: 100% !important;
        }

        .dayContainer {
            width: 100%;
            min-width: auto;
            max-width: auto;
        }

        .p-5 {
            padding: 1rem !important;
        }

        .schedule {
            flex-wrap: wrap;
            display: block;
        }
        #voiceintervaltimejs ,#intervaltimejs ,#chatintervaltimejs{
          display: flex;
          flex-flow: wrap;
          gap: 7px;
        }
        #voiceintervaltime ,#intervaltime ,#chatintervaltime{
          display: flex;
          flex-flow: wrap;
          gap: 7px;
        }
        .slot_time .custom-radio{
                 padding: 5px 8px;
        height: 30px;
        width: 100%;
                font-size: 12px;
        }

        .consult_banner {
            padding: 1rem;
        }

        .mobile {
            display: block;
            background-color: #fff;
            /* z-index: 99999; */
        }

        .desktop {
            display: none;
        }

        header .icon_list li {
          border: 1px solid #000 !important;
          min-width: 40px;
          height: 100% !important;
          text-align:center;
          overflow: hidden;
          display: block;
          align-items: center;
          justify-content: center;
          padding: 5px;
          margin-top: 10px;
          gap: 0px;
          color: black;
          position: relative;
          background: #FCD7C5;
        }
        .bell-2{
          width: 100% !important;
          margin-top: 0px !important;
        }
        /* .de-border {
    border: 1px solid red;
    border-radius: 20px;
    padding: 3px 5px;
} */
        .cart img {
            width: 20px;
        filter: invert(1);
}
header .icon_list li:last-child {
    border: none !important;
}
header .icon_list li i {
    color: #000 !important;
    font-size:30px;
}
        header.mobile .icon_list li:last-child {
        border: 1px solid #ffff;
        overflow: visible !important;
        /* width: 30px; */
        padding: 0;
        margin: 0;
        display: flex;
    }

        .bannerslider button.btn.btn-light {
            margin: 0 auto;
        }
          .bannerslider button{
            font-size: 12px !important;
          }
          .slick-next:before,.slick-prev:before  {
            font-size:26px !important;

          }
.coursesinner .slick-prev:before {
        font-size: 11px !important;
    }
        .coursesinner .slick-next:before {
        font-size: 11px !important;
    }
          .slick-next:before{
            margin-left: 4px;
          }
        .bannerslider{
          border-radius: 10px;
          margin-top:0px
        }

        .banner_height-m {
  position: relative;
  background: url('your-image.jpg') no-repeat center center/cover;
  color: #fff; /* text white rahega */
  z-index: 1;
}





          .btn-padding {
        padding: 10px 19px !important;
}

        .bannerslider h2,
        .bannerslider p {
            text-align: center;
        }


        .feature_wrap .row{
/*          padding: 0px 20px 0px 20px;*/
        }

        .banner_height {
    height:85vh !important;
}
.bannerslider .slick-prev, .bannerslider .slick-next{
  display: none !important;
}
.sec_section {
    background: #F6F7F9;
    padding: 20px 20px !important;
}
.testimonials_bg {
    background: none;
    padding: 0px 10px 10px 10px !important;
    background-size: cover;
}
.view_all {
  font-size: 14px;
  padding: 6px 0px;
 margin-top:17px !important ;
 margin-bottom: 10px !important ;
}
.online, .offline,.busy {

    left:0px;
    top: 3px;
   }
.live_section {
    padding: 0px 0 0px 0 !important;
    background-size: cover;
}
.heading_main img {
    width: 75px;
}
.heading_main h2 {
    font-size: 24px !important;
    padding-top: 5px;
    line-height: 26px;
}
.heading_main {
    padding-bottom: 10px;
}
.body{
    padding-top: 0px;
}

.primium .card, .live_courses-2 .card, .instructor .card, .primium-n .card {
    padding: 15px !important;
}
.primium .card .category .c-h-f {
    font-size: 14px !important;
    font-weight: 600;
}
.sec_third {
    padding: 0px 0;
}
.live_courses .card, .live_courses-2 .card, .vastu .card,  .testimonials .card, .vtestimonials .card, .blogs .card, .vastus .card {
    margin: 20px 0px 0px 0px;
}
.foot_width a {
    width: 100% !important;
    margin-bottom: 10px;
}
.foot_width .live-courses-active{
width: 100% !important;
margin-bottom: 12px;
}
.talk_astrolgers {
    padding: 30px 0;
}
.talk_astrolgers .card {
    margin: 0px 0px;
        padding: 40px 35px 45px 40px;
}
.talk_guru .card_detail {
    height: 158px;
}
/* .instructors_bg {
    padding: 30px 0 30px 0;
} */
.indus-box {
    height: 175px;
}
.indus-box h3 {
    font-size: 13px;
}
.indus-box h3 {
    font-size: 13px !important;
}
.indus-box:hover .content-text {
    transform: translateY(-142px);
}
.container_register{
    overflow: hidden;
}
.modal-dialog1 {
         width: 90%;
        overflow: auto;
        height: 600px;
        top: 52%;
        left: 48%;
}
.check-card1 .cart_text {
    width: 60%;
    padding-left: 15px;
}
.check-card1 .overlay {
    width: 30%;
}
select.form-select {
        z-index: -1;
}
.shop_filter .offcanvas-body {
    flex-grow: inherit !important
}
.offcanvas.show{

}
.link {
    display: block;
    position: relative;
    margin-inline: 25px;
    font-size: 14px;
    color: #1a1a1a;
    margin-left: 0;
}
    }



















@media(max-width:567px){
  div#consultationModal {
margin-top: 50px;
}
.px-mob{
  padding-left: 0px;
  padding-right: 0px;
}
  h4#consultationModalLabel {
  font-size: 20px;
  }
  .forntfont12{
    font-size: 12px !important;
  }
  .forntfont14{
    font-size: 14px !important;
  }
  .forntfont16{
    font-size: 16px !important;
  }
  .hommr{
    margin-top: 20px !important;
  }
  .instructors_bg.mt-5{
    margin-top: 20px !important;
  }

  .dashboard_tab {
    flex-wrap: wrap;
}
  /* .dashboad_section.wishlistmob{
    padding-top: 0;
  } */
  .margin0moble{
    margin-bottom: 0 !important;
  }
  .check-card1 .cart_text {
    width: 100%;
}
  .profile-img-box {
      top: -19%;
      left: 35%;
  }
  .testimonials_bg.mt-md-4.mt-5{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .forleftrightpad15{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .forleftrightpad{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .card.mb-3.bg-light .main_button2{
    width: 100% !important;
  }
  .col-lg-3.main-filter.p-0 {
    text-align: end;
}
  .mobilesort {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-flow: row;
}

  .astro-card img {

    height: 172px;

}
.astro-card p {

    font-size: 14px !important;

}
.consult_banner .offline {
  width: 49px;
height: 15px;
border-radius: 20px;
position: absolute;
left: 10px;
z-index: 1;
top: 12px;
animation: ripple-white3 1s linear infinite;

  }
  .book_nowbut {
    padding: 10px 15px;
}
.astrodetailbtn .book_nowbut{
  padding: 8px 50px;
}
.astrobtn .book_nowbut{
  padding: 6px 30px;
}
.text-chat1,.text-call,.text-video  {
    font-size: 14px;}

  .consult_banner .busy{
     animation: ripple-red 1s linear infinite;
     width: 14px;
     height: 14px;
     border-radius: 50%;
     position: absolute;
     left: 188px;
     z-index: 1;
     top: 0px;
  }
  .consult_banner .online {
    width: 54px;
    height: 21px;
    border-radius: 20px;
    position: absolute;
    left: 13px;
    z-index: 1;
    top: 60px;
   animation: ripple-white3 1s linear infinite;
    }
    .consult_banner .busy{
       animation: ripple-red 1s linear infinite;
       width: 49px;
     height: 15px;
     border-radius: 20px;
     position: absolute;
     left: 10px;
     z-index: 1;
     top: 12px;
    }
}

.mb-20{
  margin-bottom: 20px !important;
}


.ai-card {
        margin-top: 15px;
    }

    .earnings-box>div {
      min-height: 125px;
      padding: 12px !important;
}
}
@media(max-width:357px){

  .consult_banner .online, .consult_banner .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 110px;
    z-index: 1;
    top: 35px;
    animation: ripple-white3 1s linear infinite;
}
.consult_banner .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
   position: absolute;
   left: 110px;
   z-index: 1;
   top:35px;
}
.logo img {
    height: 30px;
}
header .icon_list li {
    border: 1px solid #F7471B;
    min-width: 16%;
    height: 20px;
    text-align: center;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    gap: 0px;
    border-radius: 5px;
    position: relative;
}
.navbar-toggler{
  font-size: 0.5rem !important;
}
.navbar{
  padding: 0px;
}



}

/* Laptop & Tablet View (769px – 992px) */
@media (max-width: 992px) {
  .primium .card {
    margin: 0 5px;
  }
    #k_notifi{
        background: transparent !important;
    }
  .product-gallery-wrapper {
    max-width: 685px;}
   .rating i,.rating span{
    font-size: 11px !important;
  }
  .header .icon_list li {
    padding: 0px !important;
    border: 0px solid white !important;
    align-items: center;
    justify-content: center;
    display: flex;
    /* height: 35px !important; */
    background: #c1b7bd66  !important;
}

  .search-input input{
    padding-left: 10px !important;
  }
  .custom-suggestion-box h5{
    margin-left: 10px;
  }

  .slick-next,.slick-prev{
    display: none !important;
  }

  .desktop{
    display: none !important;
  }
.mobilesort select.form-select{
  border: 1px solid #ced4da !important;
      border-right: 1px solid #ced4da !important;
}
  .astro-card {
    flex: 1 1 calc(40% - 15px) !important;
    max-width: calc(24% - 15px) !important;
  }
  .astro-card p {

    font-size:12px !important;
        min-height: 56px

}
.card-detail img {
        width: 159px;
        height: 193px;
        object-fit: cover;
        position: relative;
    }
}




@media (max-width: 600px) {
  .astro-card {
    flex: 1 1 calc(40% - 15px) !important;
    max-width: calc(54% - 15px) !important;
  }
  .bor-bottom .main_button {
    font-weight: 600;
    font-size: 11px;

}
.custom-suggestion-box {
  position: absolute;
  left:-8px;
        width:91%;
        top: 103px;}
  .prod-name {

    /* min-height:40px; */
    line-height: 2.3;
  }
  .text-chat1, .text-call, .text-video {
        font-size: 16px;
        border-radius: 8px;
    }
    .text-chat1, .text-call, .text-video {
        padding: 8px 4px;
    }
    .phn .text-chat1, .phn .text-call, .phn .text-video {
    width: 100px;
    font-size: 12px;
    height: 75px;
}
.star_box {
    min-height:auto;
}
.card-detail img {
        width: 70px;
        height: 70px;
    }
}
@media(min-width:768px) and (max-width:900px){
  header .icon_list li{
    background: #FCD7C5;
  }
  .earning-card span {
        font-size:9px !important;
    }
    .k_f{
      font-size: 12px !important
    }
    .k_main_btn{
      padding: 8px 15px !important;
    }
    .mobile {
        display: block;
        background-color: #fff;
        /* z-index: 99999; */
    }
}
@media (max-width: 767px) {
    .order-track-container {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 5px;
    }

    .order-track-container::-webkit-scrollbar {
        height: 4px; /* Scroll ko patla kar diya */
    }

    .order-track-container::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 10px;
    }
    .hh-grayBox {
    margin-top: 0px;
    padding: 17px;
}
.order-tracking {
    width: 30.33%;
}
.track-r {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }


}