* {
    padding: 0;
    margin: 0;
}
html{
  scroll-behavior: smooth !important;
}

body {
    font-family: "Poppins", sans-serif !important;
    letter-spacing: 0.3px;
    font-size: 15px;
}
.pp-16 p{
  font-size: 16px!important;
}
.sh-0{
  box-shadow: 0px 0px 0px 0px #2e235e12 !important;

}
.accordion-item.ac-ico{
box-shadow: 0px 3px 0px 0px #00000000 !important;
}
section.mt-3.category_box.py-0 .card.border-0 {
    padding-bottom: 20px;
}
h1.mt-0 {
    color: #fff;
}
.f-20{
  font-size: 20px !important;
}
.min-hd{
  min-height:33px;
}
.c-radio{
  margin-top: 14px !important;
}
.c2radio{
  margin-top: -5px !important;
}
.price-list li{
  list-style:none !important;
}
asd
.ic{
  color:#0C2E3B;
  font-size: 17px;
}
.f-listn li a{
  width: 300px !important;
}
.price-box{
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 8px;
    min-height: 175px;
}
.heading_main img {
        width: 90px;
        display: none;
    }
.progress-wrap:hover::before {
    opacity: 0 !important;
}
.minute.model p {
    text-align: center;
}
.text-orange{
  color: #F6603A !important;
}
.breadcrumb-item.active {
    color: rgb(255 255 255 / 1);
}
p.onlythis {
    font-size: 17px !important;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: 'Poppins' !important;
}
li.breadcrumb-item a {
    color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: rgb(255 255 255 / 75%);
    content: var(--bs-breadcrumb-divider, "/");
}
.p-categary-img{
  object-fit: cover !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio:3/2 !important;
.cartb-img{
  text-align: center;
}
}
.f-heading-main.p-3.float-shadow-2.tessss {
    background: #D9D9D9;
    border-radius: 12px 12px 0px 0px;
}
.about-list ul{
  margin-left:30px;
}
.listp ul li::before{
  margin-left:18px !important;
}
.listp2 ul li::before{
  margin-left:8px !important;
  left: 18px !important;
}
.listp3 ul li::before{
  margin-left:8px !important;
  left: 4px !important;
}
.about-list ol{
  margin-left:35px;
}
.h-c{
  color: #fff !important;
}
.scroll-section-sidebar{
  /* min-height:2400px; */
}
.border-busy{
  border:1px solid #ED3237 !important;
}
.text-busy{
  color:#ED3237 !important;
}
.text-offline{
  color:#CDCDCD !important;
}
.border-offline{
  border:1px solid #CDCDCD !important;
}
.border-online{
  border:1px solid #02FF02 !important;
}
.text-online{
  color:#02FF02 !important;
}
.card-side-new{
  min-height: 75vh;
  overflow:overlay;
}
.b-card .card{
  height: 100%;
}
.b-card .card img{
  object-fit: cover !important;
  object-position: center !important;
  width:100%;
  height: 200px;
}
.search-main{
  position: relative;
}


.dropdown-menu.mega-menu::-webkit-scrollbar {
  width: 6px;
}
.dropdown-menu.mega-menu::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.dropdown-menu.mega-menu {
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}



.serch-box{
  position: absolute;
  z-index: 0 !important;
  left: 11px;
  top: 98%;
  width: 95%;
  padding: 10px;
  border-radius: 10px;
}
#videoform{
  margin-top: -300px;
}
.m-new{
    margin-top:0px;
}
/* General Styling for Categories */
.category-list {
  list-style-type: none;
  padding-left: 0;
  font-family: Arial, sans-serif;
}
.category-item {
  margin: 10px 0;
  padding: 5px;
}
.category-link {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  padding: 5px 10px;
  display: block;
}
.category-link:hover {
  background-color: #f0f0f0;
  border-radius: 4px;
  color: #0056b3;
}
/* Subcategory List */
.subcategory-list {
  list-style-type: none;
  margin-left: 20px;
  padding-left: 0;
}
.subcategory-item {
  margin: 5px 0;
}
.subcategory-link {
  font-size: 14px;
  color: #666;
  text-decoration: none;
  padding: 3px 8px;
  display: block;
}
.subcategory-link:hover {
  background-color: #f9f9f9;
  border-radius: 4px;
  color: #007bff;
}
.demo-btn:hover{
  background: transparent !important;
  color: black !important;
  border-style: none !important;
}
.fe-card img{
  height: 200px;
}

.blog-list ul li{
list-style: none;
}
.slick-track {
  margin-left: inherit !important;
}
.page-item.active .page-link{
  background: #0C2E3B !important;
  border: 1px solid #0C2E3B !important;
  color:#fff !important;

}
.page-link{
  color:#0C2E3B !important;
}
.astro-c{
  background: white !important;
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
border:2px solid transparent;
max-height: 400px;
height: 345px;



}
.astro-c:hover{
  border:2px solid #F4061B !important
}
.a-c-img{
  height: 100px;
}
.serch-box ul{
  padding: 0;
}
.main-filter-box{
box-shadow:0px 4px 33px 0px rgb(75 12 11 / 7%);
border-radius: 7px;
}
.f-heading-main{
  border-radius:7px 7px 7px 7px;
}
/* .desk-n  li:hover{
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
  padding: 0px;
  color:black;
} */

.serch-box{
  background:white;
}
.text14{
  font-size: 14px !important;
}

   .about-text.expanded {
       max-height: none; /* Remove height restriction */
   }
.roboto-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}
.mainsssss p{
  text-align: center;
}
 .courser-b{
  max-height: 550px;
    height: 500px;
}
.beni-card{
  max-height:300px !important;
  height:313px !important;
}
.beni-p{max-height: 180px;
  height: 100px !important;
    overflow-x: hidden;
    overflow-y: auto;}
/* .feature_slide .slick-slide,.feature_slide .slick-track{
  width: 100% !important;

} */
.roboto-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}
#newsEmail{
  background: none !important;
}
.roboto-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.font30{
  font-size: 30px !important;
}
.roboto-black {
    font-family: "Poppins", sans-serif !important;
    font-weight: 900 !important;
    font-style: normal;
}
.search-main .input-group input {
    background: #c53f3f00;
    border: 1px solid #4d4d4d;
    border-right: none;
    font-size: 14px;
    padding: 2px 20px;
    border-radius: 8px;
    color: #0C2E3B !important;
    width: 240px;
}
.search-main span.input-group-text {
    border: 1px solid #4d4d4d;
    border-left: none;
    background: #0C2E3B;
    color: #dedede;
    border-radius: 50%;
    margin-left: -20px !important;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 8px 15px 6px 12px;
}
.roboto-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
  font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
}
.b-text p{
  color: black !important;
}
.face1 .card{
  background: transparent;
  border-style: none;
}
.bi-google {
  background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.banner-bg {
  background: #0C2E3B;
    /* background-image: url(../images/afaf4cb2f868466c5d60220c4469d588.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.banner-bg-c .card i {
    font-size: 45px !important;
}
.banner-bg-c{
      background: url(../img/courses_details_bg.jpg);
    height: 100%;
    width: 100%;
    background-size: cover;
    background-attachment: fixed;
}
.top-marge .icon_list li {
    min-width: 46px;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0px;
    position: relative;
    font-size: 15px;
    /* border-left: 1px solid #4a4a4a4a; */
    padding: 0 8px;
    color: #0C2E3B;
    height:40px;
}
.forspace{
  margin-left: 20px;
}
header .icon_list li{
    min-width: 46px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    position: relative;
    font-size: 15px;
    border-left: 1px solid #4a4a4a;
    padding: 0 15px;
    color: #0C2E3B;
    height: 55px;
}
.color_home{
    color: #FE9900;
}
a.navbar-brand {
    font-size: 32px;
}
li.nav-item.active .color_home{
    color: #F4061B;
}
a.nav-link.active {
    color: #ff0808 !important;
    /* border-bottom: 1px solid; */
}
a.nav-link:focus, a.nav-link:hover {
    color: #F4061B !important;
}
header .icon_list li:nth-child(2){
    overflow: visible;
}
span.count {
    width: 18px;
    height: 18px;
    font-size: 10px;
    background: #d63031;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 5px;
    top: 5px;
    border: 0px solid #F7471B;
}
span.input-group-text {
    cursor: pointer;
}
span.bg-wallete {
        width: 45px;
        height: 45px;
        background-color: #fb600c;
      }
      .slick-dots li button:before {

    font-size: 40px !important;
  }
  .rounded-pill{
    border-radius: 7px !important;
  }
  .header-list-m li{
    list-style: none;

    border: 1px solid #F7471B;
  min-width: 47px;
 padding: 7px 6px !important;
  gap: 4px !important;
    border-radius: 5px;

  }
  .header-list-m{
    margin: 0;
    padding: 0;
  }
li.nav-item {
   padding: 5px 8px;
   font-size: 14px;
   font-weight: 500;
   line-height: 30.75px;
   color: #000 !important;
}
.about-tab li.nav-item {
    padding:0px 0px;
    font-size: 12px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000 !important;
}
.about-tab li.nav-item .active{
  font-size: 12px !important;
}
.about-tab .nav-link {
    border:1px solid lightgrey !important;
    border-radius: 7px;

}
.about-tab .nav-link:hover {
    border-radius: 7px;

        border:1px solid lightgrey !important;
        color: black !important;
}
.sub-btn{
  border:1px solid white;
  background-color: transparent;
  padding: 10px 20px;
  color: white;
}
.dropdown-menu li.nav-item {
    padding: 3px 6px;
    font-size: 17px;
    font-weight: 600;
    line-height: 18.75px;
    color: #000 !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    /* width: 230px important; */
    background-color: #f7f7f7;
    border-radius: 0 0 5px 5px;
    border:0px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .Legal {
    position: absolute;
    /* width: 230px important; */
    background-color: #f7f7f7;
    border-radius: 0 0 5px 5px;
    border:0px;
}
.mainlegal .legal {
    width: inherit !important;
}
.mainlegal .legal {
  margin-top: 8px !important;
}
/* Dropdown ko sirf hover par show karne ke liye */
.mainlegal:hover .dropdown-menu {
    display: block;
}

/* Active class ko override karne ke liye */
.mainlegal .nav-link.active {
    background-color: transparent !important;
    color: inherit !important;
}
.sub-menu-icon {
    width: 100%;
    max-width: 25px;
    max-height: 25px;
    border-radius: 50%;
    padding: 2px;
    background-color: #ebebeb;
    border: 1px solid #bbb;
}
li.nav-item a{
    color: #000;
}
section.position-sticky.desktop {
    background-color: #ffff;
    border-bottom: 1px solid #e2e2e2;
    padding: 0px 0 0px 0;
}
.header {
    background-color: #DAAB1F;
   display: none;
}
.border-r{
  border-radius: 10px;
}
header .icon_list li i{
        color: #0C2E3B;
    font-size: 14px;
}
header .icon_list li select{
    border: 0px;
}
header .icon_list li select:focus{
    border: 0px !important;
    box-shadow:none;
}
header .icon_list li select:active{
    border: 0px !important;
}
span.input-group-text {
    border-left: 0;
    background: #ff000000;
    box-shadow: unset !important;
    border: 0px !important;
    font-size: 25px;
}
input.form-control{
    border-right:0px ;
}
input.form-control:focus{
    box-shadow: none;
}

a.my-acount{
    color: #000 !important;
}
.white {
    color: #fff;
}

.black {
    color: #000;
}

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

.btn-radius {
    /* border-radius: 30px !important; */
}

.banner-img img {
    border: 10px solid #fff;
    border-radius: 50%;
}
.bannerslider .slick-prev {
    left: 10px !important;
    top: 50% !important;
    z-index: 9;
    opacity: 0;
}
.bannerslider .slick-next {
    /* left: 97%; */
    right: 10px !important;
    top: 50% !important;
    opacity: 0;
    transition: 0.5s;
}
.bannerslider:hover .slick-prev,.bannerslider:hover .slick-next{
    opacity: 1;
}
/* tag */
.tag {
    position: absolute;
    top: 10px;
    right: 0;
    background: #ED3237;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    padding: 7px 5px 5px 5px;
    text-align: center;
        font-size: 11px;
    font-weight: 400;
    line-height: 14px;
    justify-content: center;
    align-items: center;
}
.tag p {
    font-weight: 500;
    font-size: 10px !important;    margin-bottom: 0;
}
.v-icon {
    position: absolute;
    top: 30%;
    left: 50%;
    color: #fff;
    background: #43ADFA;
    width: 25px;
    height: 25px;
    padding: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}
 /* {
    font-size: 12px;
} */
.tags {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-end;
    position: relative;
    top: 12px;
    right: 15px;
}
/* .tag-first {
    background: #ED3237;
     background: linear-gradient(45deg,#ffff00 20%,#ED3237 80%);
    color: #fff;
    width: 85px;
    padding: 5px 10px;
    font-size: 11px;
    float: right;
    text-align: end;
    position: relative;
    left: -20px;
} */
.tag-first {
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0 100%, 17% 1%);

}
.tag-second {
    clip-path: polygon(73% 0, 78% 0, 90% 100%, 0 100%, 0 1%);
}
/* .tag-second {
    background: #000000;
    color: #fff;
    width: 60px;
    padding: 5px;
    font-size: 11px;
    text-align: center;
    position: relative;
    right: -10px;
} */
.tag-second {
    background: #000000;
    color: #fff;
    width: 80%;
    padding: 4px;
    font-size: 10px;
    text-align: center;
    position: relative;
    right: -10px;
}
.online{
  background-color: #02FF02;
}
.online, .offline{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: relative;
    left: 0;
    z-index: 1;
    top: 0;
    animation: ripple-white3 1s linear infinite;
    display: block;
}
 .busy{
   animation: ripple-red 1s linear infinite;
   width: 14px;
   height: 14px;
   border-radius: 50%;
       display: block;
}

.consult_banner .online, .consult_banner .offline{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    left: 149px;
    z-index: 1;
    top: 16px;
    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:120px;
   z-index: 1;
   top:0px;
}
.offline {
    background-color:#CDCDCD;
    animation:none !important;
}
.busy {
    background-color:#ED3237;
}
@keyframes ripple-white3{
  0% {
    box-shadow: 0 0 0 0 #02ff0270, 0 0 0 0px #02ff0270;
}
100% {
    box-shadow: 0 0 0 5px rgb(255 255 255 / 10%), 0 0 0 10px rgb(255 255 255 / 10%);
}
}
@keyframes ripple-red {
  0% {
    box-shadow: 0 0 0 0 #ff000070, 0 0 0 0px #ff000070; /* Start with red */
  }
  100% {
    box-shadow: 0 0 0 5px rgba(255, 0, 0, 0.1), 0 0 0 10px rgba(255, 0, 0, 0.1); /* End with red */
  }
}
.rating {
    background-color: #fff;
    width: 45px;
    font-size: 11px;
    /* margin-left: 15px; */
    padding: 2px;
    text-align: center;
    border-radius: 30px;
    border: 0.5px solid #F7471B;
    /* margin: 0 auto; */
    margin-top: -20px;
    margin-left: 23px;
    z-index: 2;
    position: relative;
}
.rating i{
    color: #FFA500;
}
.specialties .card, .benifits .card, .category_box .card {
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
    transition: all .2s ease-in;
    border: 1px solid #00000029 !important;
    border-radius: 14px;
}
.specialties .card:hover,.benifits .card:hover, .category_box .card:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: translate(0,-10px);
}
.feature_wrap a {
width: 18%;
background-color: #ffffff;
    padding: 59px 22px 25px;
    margin-top: 30px;
    box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 4%);
    border: 1px solid rgb(231, 231, 231);
    position: relative;
    min-height: 240px;
    border-radius: 10px;
    z-index: 1;
    transition: all 0.3s linear;;
    overflow: hidden;
}
.feature_wrap a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -135px;
    background-image: url(../img/circle.png);
    width: 271px;
    height: 270px;
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
    z-index: -1;
}
.feature_wrap_n a {
    width: 14% !important;
    /* padding: 10px; */
    min-height: 160px;
    padding-bottom: 0px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5) !important;
    text-decoration: none;
    border-radius: 35px;
    transition: all .2s ease-in;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature_wrap a .card{
    background-color: transparent;
    border: 0px;
}
.feature_wrap a:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: translate(0,-10px);
    transform: scale(1.08);
}
.feature_wrap a:hover {
       background-image: -webkit-linear-gradient(0deg, rgb(244, 170, 54) 0%, rgb(243, 115, 53) 100%);
}
.feature_wrap a:hover .card-title{
color: #fff;
}
.feature_wrap .card .card-icon {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .card_ft.footer .icon_list .btn{
  width: 45px;
} */


.whatsapp-float {
    position: fixed;
    bottom: 40px;
    left: 20px;
    z-index: 999;
    background-color: #25D366;
    padding: 12px;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
  }
  .whatsapp-float:hover {
    transform: scale(1.1);
  }
  .whatsapp-float img {
    width: 32px;
    height: 32px;
  }

.feature_wrap a:hover .card-icon {
       filter: brightness(0) invert(1);
}
.feature_wrap .card .card-icon .icon {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* online corses css */
h2.heading,h2{
font-size: 32px;
color: #303030;
line-height: 37.5px;
font-weight: 600;
margin-left:10px;
}
h2{
  margin-left: 0px;
}
.content{
    margin-left: 10px;
}
.primium .card ,.live_courses-2 .card,.instructor .card,.primium-n .card{
    margin: 20px 20px 40px 20px;
    border-radius: 10px;
    padding: 24px;
    overflow: hidden;
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
    transition: all .2s ease-in;

}
.primium-n .card:hover,.primium .card:hover, .live_courses-2 .card:hover, .live_courses .card:hover,.live_courses-2 .card:hover, .vastu .card:hover, .astro .card:hover ,.testimonials .card:hover,.vtestimonials .card:hover,.vtestimonials-2 .card:hover,.blogs .card:hover,.vastus .card:hover,.instructor .card:hover{
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1) !important;
    transform: translate(0,-10px);
}
.primium .card .card-body .name,
.primium-n .card .card-body .name,
.live_courses-2 .card-body .name,
.primium .card .card-body .category,
.primium-n .card .card-body .category,
.live_courses-2 .card-body .category,
.live_courses-2 .card-body .spacalization,
.primium-n .card .card-body .spacalization, .primium .card .card-body .spacalization, .online-course .card .card-body .name ,.online-course .card .card-body .spacalization,  .online-course .card .card-body .category{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
    margin-bottom: 10px;
}
.primium-n .card .card-body .name,.primium .card .card-body .name,.live_courses-2 .card .card-body .name, .live_courses .card .card-body .name,.live_courses-2 .card .card-body .name{
    border-bottom: 1px solid #F7471B;
    padding-bottom: 5px;
}
.live_courses .card .card-body .name,.live_courses-2 .card .card-body .name{
  display: flex;
}
.live_courses .card .card-body .name h6,.live_courses-2 .card .card-body .name h6{
  margin-left: 4px;
  color: #EF233C;

}
.online-course .card .card-body .name {
       margin-bottom: 0;
}
.primium-n .card .card-body .name h6,.primium .card .card-body .name h6,.online-course .card .card-body .name h6 ,.live_courses-2 .card .card-body .name h6{
    margin: 0;
    padding: 0;
    color: #F6603A;
    font-size: 12px;
    font-weight: 500;
}
.primium .card .card-body .category h6,.primium-n .card .card-body .category h6,
.primium .card .card-body .spacalization h6 ,.online-course .card  h6, .live_courses-2 .card .card-body .category h6{
    font-size: 12px;
    margin: 0;
    padding: 0;
    color: #000;
}
.primium-n .card .card-icon,.primium .card .card-icon, .online-course .card .card-icon ,.live_courses-2 .card .card-icon{
    width: 24px;
    height: 24px;
    padding: 5px;
    background: #FFA500;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.primium-n .card .card-icon img,.primium .card .card-icon img , .online-course .card-icon img , .live_courses-2 .card .card-icon img{
    width: 12px;
    height: 12px;
}

a.actual_price {
    color: #303030;
    font-size: 12px;
    font-weight: 600;
    line-height: 16.41px;
    text-decoration: line-through !important;
}

a.sale_price {
    color: #F7471B;
    font-size: 12px;
    font-weight: 600;
    line-height: 16.41px;
    text-decoration: none;

}
ul.list-group {
    padding: 10px;
}
.primium-n .card .footer,.primium .card .footer, .online-course .card .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0px
}

.btn-secondary,.btn-t {
     font-weight:500;
     font-size: 14px !important;
     border: none;
     padding: 9px 18px;
     color: #ffffff !important;
     font-size: 14px;
     border-radius: 10px;
     border: 1px solid #0C2E3B !important;
     background: #0C2E3B;

}
button.btn.btn-close.rounded-circle.remove-mini-item {
    right: 0px !important;
    border: 1px solid #000;
    top: 38px;
    border-radius: 50% !important;
}
.offcanvas-footer h5 {
    font-family: 'Poppins';
}
/* .btn-secondary:hover, .btn-t {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: linear-gradient(90deg, #000000 2.5%, #000000 97.29%);
   border: 1px solid #000000 !important;
} */
form#orderForm {
    background: #ffffff;
    border-radius: 0px 0px 12px 13px !important;
    box-shadow: 0px 4px 4px 0px #00000040;
  }
  .f-heading-main.p-3.float-shadow-2.tessss h5 {
    color: #000000 !important;
}
.card.bg-light.checkout-form-new.sticky-sidebar {
    border-radius: 13px;
}
  .continue {
    justify-content: space-between;
}
.continue p {
    color: #000000;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
}
.card.without-border {
    border: 0px;
}
.btn-secondary.disabled{
    background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
    opacity: 1 !important;
    border: 1px solid #F7471B !important;
}
#searchByName:placeholder{
  color: #000 !important;
}
.radius-7{
  border-radius: 7px !important;
}

.btn-bg,.pkg-title,.about-tab .nav-link.active{
  background: #0C2E3B;
  font-size: 14px;
  font-weight: 600;
  color:#ffffff !important;
  border: 0px solid #000;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
}
.about-tab .nav-link.active{
  border-radius: 7px;

}
.about-tab {
  border-style: none;
}
.about-text-tab{
   max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}
.btn-primary{
  border: 1px solid #000 !important;
  box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
}

/* .slick-prev, .slick-next{
    background-color: #F7471B !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    top:-5% !important; */
}
.slick-prev {
    /* left: 93% !important; */
    right: 50px !important;
    left: auto !important;

}


.slick-prev:before {
    content: '\F284' !important;
    font-family: "Bootstrap-icons" !important;
}
.slick-next:before {
    content: '\F285' !important;
    font-family: "Bootstrap-icons"!important;
}
/* online corses css End */

/* Live corses css */
.live_courses .card, .live_courses-2 .card, .vastu .card, .astro .card, .testimonials .card, .vtestimonials .card, .vtestimonials-2 .card, .blogs .card, .vastus .card {
    margin: 15px 0px 0px 15px;
    border-radius: 10px;
    /* padding: 20px 20px; */
    overflow: hidden;
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 5%);
    transition: all .2s ease-in;
}
.live_courses .card  li.list-group-item,.live_courses-2 .card  li.list-group-item {
    font-size: 14px;
    line-height: 16.41px;
    font-weight: 500;
    color: #474747;
    border: 0px !important;
}
.course-imga{
  height: 220px;
}
/*  */
.benifit-icon-box{
  width: 130px;
  height:130px;
  border-radius:17px;
  margin: 15px;
}
.benifit-icon-box img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
    border-radius:17px;
  object-position: 50% 50%;
}
.c-he{
height:450px;
}
.live_courses .card  li.list-group-item b,.live_courses-2 .card  li.list-group-item b{
    color: #000;
    font-weight: 600;
}
.btn-primary{
background-color: #fff;
color: #000;
font-size: 14px;
font-weight: 600;
border:1px solid #000 !important;
}
a:hover .btn-primary, .btn-primary.active, input:hover.btn-primary, a:hover.btn-primary{
  border: 1px solid #0c2e3b!important;
background: #0c2e3b!important;
  color: #fff;
}
.o-btn:hover{
  background: #0c2e3b!important
}
.container.top-space {
    margin-top: 41px;
}
.btn-close.all-button{
    border: 1px solid #000;
    border-radius: 18px;
    right: 13px;
    top: 11px;
}
.btn-primary.active{
  border: 0px !important;
}
.btn-primary.active i{
  color: #fff !important;
}
.live_courses .card .footer,  {
    display: flex;
    justify-content: space-between;
}
/* Live corses css End */
.shop_filter .item{
  box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
  transition: all .2s ease-in;
}
.shop_filter .item:hover{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transform: translate(0,-10px);
}
.filter-d .main-filter .fs-7{
  margin-bottom: 15px;
}
.sec_thir {
  padding-top: 20px;
}
/* talk_guru css start */
.talk_guru .card, .talk_astrologer .card {
    margin: 10px;
    border: 0px;
    border-radius: 12px !important;
    overflow: hidden;
    transition: all .2s ease-in;
}
.talk_astrologer .card:hover, .talk_guru .card:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    /* transform: translate(0,-10px); */
}
.talk_guru .card img, .talk_astrologer .card img{
    position: relative;
}
.talk_guru .card .card-header, .talk_astrologer .card .card-header {
    height:200px;
}
.bottom-gradient {
    position: absolute;
    top: unset;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0 0 10px 10px;
    height: 11px;
    background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
}
.testimonials.slick-initialized .slick-slide {
    display: block;
    overflow: visible;
    padding-top: 0px;
}
.testimonials.slick-initialized .slick-slide.reviews-mainss {
    display: block;
    overflow: visible;
    padding-top: 0px;
    margin: 10px;
}
.fs-8 {
    font-size: 15px;
}
/* .footer .icon_list .btn{
  width: 45px;
} */
.d-footer .icon_list .btn{
  width: 100%;
}
.talk_astrologer .card {
    margin: 0px;
    margin-bottom:7px;
}
.talk_astrologer .card:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.tag-first {
    background: #ED3237;
    /* background: linear-gradient(45deg,#ffff00 20%,#ED3237 80%); */
    color: #fff;
    width: 100%;
    padding: 3px 5px 3px 15px;
    font-size: 10px;
    float: right;
    text-align: end;
    position: relative;
    left: -8px;
}

.card_detail h6{
    font-size: 14px;
    font-weight: 700;
    line-height: 16.41px;
}
.card_detail ul{
    padding: 0;
    margin: 0;
}
.card_detail ul li{
    font-size: 20px;
    font-weight: 400;
    line-height: 16.41px;
    color: #000;
    background-color: transparent;
    border: 0px;
    padding: 0;
    padding-bottom: 5px;
}
ul.icon_list {
    display: flex;
}
.testimonials .card ul li i {
    color: #ff8824 !important;
}
a{
    text-decoration: none !important;
    color: #000;
}
.talk_guru .card-header, .talk_astrologer .card-header, .card-header{
    background: #fff;

}
.login_logo img {
    width: 50%;
}
.inst-img{
    position: relative;
    width:150px !important;
    height:150px !important;
    /* max-height: 80px; */
    object-fit: cover;
    border: 1px solid #eee9e9;
}

.talk_guru .card img {
    position: relative;
    width:75px;
    height:75px;
    /* max-height: 80px; */
    object-fit: cover;
    border: 1px solid #eee9e9;
}


.end-10 {
    right: 10px !important;
}

.top-10 {
    top: 10px !important;
}
.talk_guru .card li.list-group-item, .talk_astrologer .card li.list-group-item {
    border: 0px;
    font-size: 13px;
    font-weight: 400;
    line-height: 15.23px;
    color: #000;
    /* padding-bottom:4px !important; */
    align-items: center;
}
.talk_astrolgers .card h6 {
    font-size: 14px !important;
    font-weight: 600;
    padding-bottom: 4px;
    color: #000000;
    padding-top:0px;
}
.talk_guru .card  li.list-group-item i, .talk_astrologer .card  li.list-group-item i{
font-size: 28px;
}
.talk_guru .card ul.list-group, .talk_astrologer .card ul.list-group {
    padding: 0px !important;
    border: 0px;
}
ul.icon_list {
    list-style: none;
    display: flex;
    padding: 0;
    margin-bottom: 0;
    gap: 0 6px;
    align-items: center;
}
.consult_banner ul.icon_list {
    list-style: none;
    display: flex;
    gap: 10px;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}
.icon_list .btn {
  /* width: 45px; */
    /* height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px; */
  border:none;
}
.icon_list .btn span{
  width: 100%;
}
.card_ft .icon_list .btn span {
width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
}
/* span.text-break.c-h-f.button {
    background: #FFDA6D;
    padding: 6px 12px;
    border-radius: 5px;
    color: #000000;
    font-weight: 400;
} */
.footer.card_ft .book_nowbut{
  border-radius:4px;
  margin: 4px;

}
.book_nowbut.active{
  background: #fbc74e !important;
  opacity: 0.9 !important;
  border: 1px solid #fbc74e !important;
}
.book_nowbut {
    /* font-weight: 500; */
    font-size: 12px;
    color: #0C2E3B;
    border: 1px solid #0C2E3B;
    background:transparent;
    padding:5px 10px;
    border-radius:8px;
    margin: 0 auto;
    /* margin-top: 18px; */
}
input.form-control::placeholder {
    font-size: 14px;
}
.btn-primary:hover i{
  color:#fff !important;
}
.text-chat_icon{
  color: #0C2E3B !important;
  font-size: 20px;

}
.text-video_icon{
  color: #0C2E3B !important;
  font-size: 20px;

}
.bi-youtube{
  color: #ff0000;
}
.blogs img.card-img-top,.vastus img.card-img-top {
    height: 220px;
    object-fit: cover;
}
.astro-new img.card-img-top{
  height:300px;
  object-fit: cover;
}
.talk_guru .card .card-body, .talk_astrologer .card .card-body{
    border-top:1px solid #ebebeb;
        padding: 0 !important;
}
/* .talk_guru .card .footer, .talk_astrologer .card .footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
} */
/* Instructor css start */
.instructor .card{
    margin: 10px;
}
.instructor .card img{
    width: 128px;
    height: 128px;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.instructor .card{
    text-align: center;
}
.instructor .card{
    padding-top: 20px;
    padding-bottom: 20px;
}

.instructor .card ul.icon_list{
    align-items: center;
    justify-content: center;
}
.instructor .card ul.icon_list i{
    color: #FFDD00;
}

.templet_first .card-title{
    font-size: 24px !important;
    font-weight: 500;
    line-height: 22px;

}
.templet_first .card-text{
    font-weight: 400;
    line-height: 27px;
}
.templet_second.card .card-title{
    font-size: 22px !important;
    font-weight: 500;
    line-height: 0.78px;
}
.templet_second.card h2{
    font-size: 38px;
    font-weight: 600;
    line-height: 53.918px;
    color: #FF1F00;

}
.templet_second.card .card-text{
    font-size: 14px !important;
    font-weight: 400;
    line-height: 21px;
}
.templet_second.card{
  height: 320PX;
    padding: 30px 30px;
    background-color: #fff;
    border: 0px solid #00000000 !important;
    box-shadow: 0 0px 10px 0 rgb(204 204 204 / 30%) !important;
    transition: all .2s ease-in;
    border-radius: 20px;

}
.templet_second.card:hover,.templet_first.card:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: translate(0, -10px);
}
/* .card{
  border:0px !important;
} */
.templet_second.card .card-body{
    background: #FFFFFF94;
    text-align: center;
    margin: 20px;
    border-radius: 12px;

}
.templet_second.card .card-body ul.icon_list li img{
    width: 100%;
}
/* vastu css start */
.vastu .card{
    margin: 10px;
}
.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;
    line-height: 1.5;
    /* height: 4em; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.de-card{
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  width: 90%;
  left: 5%;
  bottom:22%;
  border-style: none;
}

.de-card-btn{
  color: #fff !important;
  font-size: 18px;
  font-weight: 500;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  width: 90%;
  left: 5%;
  bottom:22%;
  padding: 7px;
  border-style: none;
}
.astro .card{
    margin-right:5px;
    border: none;
    box-shadow: none;
    border-radius: 15px;
    padding-bottom: 20px;

    /* background: #f6f7f9; */
}
.astro .card .card-title{
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.41px;
}
.testimonials .card{
        margin: 15px;
    overflow: visible;
    background: #f6f7f9;
    border: none;
    box-shadow: none;
}

.testimonials .card img.card-img-top {
    position: absolute;
    width: 40%;
    opacity: 0.8;
    z-index: 0;
}
.testimonials .card .card-body{
    z-index: 1;
    /* font-size: 13px; */
    font-weight: 400;
    line-height: 26px;
}
.testimonials .card .card-header{
    background-color: transparent !important;
    display: flex;
   gap:20px;
}
.testimonials .card ul li i{
    color: #FFDD00;
}
/* video testimonials css start */
.vtestimonials .card,.vtestimonials-2 .card{
    margin: 10px;
    border: 0px;
    text-align: left;
}
.vtestimonials .card .card-title, .vtestimonials-2 .card .card-title{
    color: #0C2E3B;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;  display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      text-align: center;
}
.vtestimonials .card img,.vtestimonials-2 .card img{
    position: relative;
    width: 100%;
    height: 196px;
    cursor: pointer;
}
.vtestimonials .card i,.vtestimonials-2 .card i{
    position: absolute;
}
.vtestimonials .card i,.vtestimonials-2 .card i {
    position: absolute;
    font-size: 50px;
    top: 22%;
    left: 40%;
    color: #ED3237;

    /* transform: translate(48%, 50%); */
}
.card-img-h{
}
.blogs .card,.vastus .card{
    margin: 10px 0px;
}
.blogs .card,.vastus .card{
    background: #EDEDED !important;
    border-radius: 5px;
    padding: 15px;
    border: 0px;

}
.blogs .card .card-title,.vastus .card .card-title{
font-size: 16px;
font-weight: 600;
line-height: 18.75px;
color: #F7471B;
}
.blogs .card .card-text, .vastus .card .card-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #303030;
}
.blogs .card .card-body,.vastus .card .card-body{
    background: #ffff;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: 0px;


}
.vas .card .card-body {
    height: 200px;

}
.vastus p{
  text-align: justify;
}

.h-45{
    height: 45px;
}
.bg-news {
    background: #fa6113;
    /* background-image: url("../images/transparent-icon.png"); */
    background-size: 50px;
    background-blend-mode: overlay;
}
.news{
    padding: 20px !important;
    border-radius:7px;
}
.radius{
  border-radius: 7px !important;
}
.wish{
  height: 40px !important;
}
/* footer css start */
footer{
    background: #026489;

}
.foot_logo img{
  width: 50%;
}
input::placeholder{
  color:#969696 !important;
  opacity: 1;
}
div#offcanvasWithBothOptions {
  z-index: 99999;
  width:100%;
}
.minicartdata {
  max-height:65vh;
  overflow: hidden;
  overflow-y: overlay;
}
/* .minicartdata  h6{
  margin-top: 10px;
} */
.offcanvas-header .btn-close {
  border: 1px solid #000 !important;
border-radius: 50% !important;
top: 8%;
right: 24px;
z-index: 99;
}
}
.p-size{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
footer .p-size {
    color: #fff;
    font-size: 13px;
}
hr {
    color: #fff !important;
}
.devider{
    border-bottom: 1px solid #fff;
    width: 80%;
    margin-bottom: 10px;
}
footer h6 {
    color: #ffffff;
    margin-bottom: 16px;
}
footer ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    font-weight: 300;
    line-height: 22px;
    display: flex;
    gap: 10px;
}
footer ul{
    padding: 0;
    list-style: none;
}
.f_icon li{
    margin-bottom: 5px;
}

.f_icon li i {
    padding: 5px;
    background-color: #fff;
    color: #000;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    margin-bottom: 5PX;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}
.bg-gradient-news{
    background:linear-gradient(180deg, #ffffff00 50%, #000000 50%);
}
/* faq csss */
.accordion-button:not(.collapsed){
    background-color: transparent !important;
}
.accordion-item {
    background-color:transparent !important;
    border: 1px solid #c6c6c6 !important;
    margin-bottom: 15px;
    border-radius: 0.625rem;
    padding:0px 10px;
}
.accordion-button:focus{
    box-shadow: none !important;
}
.accordion-button{
    background-color: transparent !important;
}
.submenu {
    display: none;
    position: absolute;
    top: 40px;
    background-color: #fff;
    padding: 10px;
    width: 200px;
    right: 0;
    z-index: 99999;
    border-radius: 5px;
}
.mobile-r{
 display:none;
}
.m-fliter{
  display:block;
}
.vastu_short_desc>div{
  margin-right: 10px;
}
.a-items{
  max-height: 200px;
  height: 195px;
}
.details-icon-f:hover{
  color:#3B5998 !important;
}
.details-icon-t:hover{
  color:#1da1f2!important;
}
.details-icon-t{
  color:#1da1f2!important;
}
.details-icon-w:hover{
  color:green !important;
}
.details-icon-i:hover{
  color:#dd4b39 !important;
}
/* .cart-popup-m{
  width: 50%;
} */
.cart-table{
  width: 100%;
}
.live-footer{
  display: flex;
  justify-content: space-between;
  width: 100%
}
.short_desc h2{
  margin-left: 0px !important;
}
.course-filter{
  /* max-height:700px; */
  /* height:640px; */
/* position: sticky; */
}
/* .course-filter>div{
  position: sticky;
  top: 30%;
} */
/* .sticky {
    position: sticky;
    top: 10%;
    z-index: 99999999;
} */
/* .fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} */

.primium-n .card img.card-img-top,.primium .card img.card-img-top, .live_courses-2 .card img.card-img-top{
  max-height: 200px;
  height: 100%;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 16/9;
}
.desktop-pl-40{padding-left: 40px;}
.sticky-sidebar {
    position: sticky !important;
    /* top: 20%; */

}
.accordion-item{
  border-radius: 7px;
}
/* ol{
  margin-left: 24px;
} */
.page-desc p{
  padding-bottom: 0px;
}
.serch-box {
  z-index: 9999 !important;
  width: 95%;
}
select,input[type="number"]{
  font-size: 14px !important;
}
/* Styling the thank you message box */
.thank-you-message {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5) !important;
    max-width:800px;
    margin: 0 auto;
}
.order-box,.o-details{
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5) !important;
  border-radius: 7px;
}
.o-table-box{
  border-radius: 7px 7px 0px 0px;
}

/* Heading styling */
.thank-you-message h1 {
    font-size: 2.5rem;
    color: #EF233C;
    margin-bottom: 20px;
}

.thank-you-message p {
    font-size: 1.2rem;
    color: #555;
    margin-bottom: 15px;
}

/* .topics .svg-img{
  display:
} */
.c-detais .svg-img{

    background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
    color: white;
    height:50px;
    width:65px;
    border-radius: 50%;
    /* padding: 8px; */

}
.c-detais .content-icon{
  height: 25px;
  width: 25px;
  padding: 0px;
}
.topics-side{
  border-radius: 7px;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.5) !important;
    padding: 10px;
}
/* .c-detais .accordion-button::after {
  height:13px !important;
  width: 13px !important;
} */
.player-box {
  height:100%
}
.player-box img{
  height: 400px;
  width: 600px;
}
.astro-list ul li a{

  font-weight: 400 !important;
}
.area-list li:first-child{
  margin-left:0px;
}
.area-list li{
  display: inline !important;
  margin-left: 20px;
}
.time-area li{
      border-right: 1px solid #adadad !important;
}
.date-c{
  display: flex !important;
  flex-wrap: wrap !important;
}
/* .date-c .col{
  flex: 1
} */
.area-list{
  flex-direction: row !important;
  padding-left: 0px !important;
}
.limit-text p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0;
}
.text-blue{
  color: #0C2E3B !important;
}
.underline{
  border-bottom: 1px solid #0C2E3B!important;
}
.btn-h{
  height:100% !important;
}
@-moz-document url-prefix() {
  .btn-h {
    height: auto !important; /* Or your desired value */
  }
}
.recharge-table th{
  font-size: 12px;
}
.dropdown-item .legal:focus,.dropdown-item:hover{
  /* background-color: #0b2244;
  color: white !important; */
  padding: 10px;
}
.dropdown-item .legal:focus,.dropdown-item{
  padding: 10px;
}
/* .task_box{
  display: none;
} */

.quiz-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 400px;
}
h2 {

    color: #333;
}
.question {
    font-size: 18px;
    color: #333;
    margin-bottom: 15px;
}
.options {
    list-style-type: none;
    padding-left: 0;
}
.options li {
    margin: 10px 0;
}
.options label {
    font-size: 16px;
    color: #555;
    cursor: pointer;
    padding-left: 5px;
}
.course-dropdown{
  top:0px;
}
.prev-btn{
  display: none;
}
.bottom-border{
  border-bottom:
}
#prev_btn:hover,#next_btn:hover{
  color: white;
}
.course-sidebar{
  max-height:75vh;
  overflow-y: scroll;
}
.margin-t{
  margin-top: -4px !important;
}
.line-h {
line-height: 19px;
}
.a-btn-bg{
  height: 40px;
  width: 40px;
  border-radius: 50%;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
}
.bg-g{
  background: #eeeeee;
}

.switch {
    display: inline-block;
    height:28px;
    position: relative;
    width:50px;
}
.switch input {
    display: none;
}
.switch-new {
    display: inline-block;
    height:28px;
    position: relative;
    width:50px;
}
.switch-new input {
    display: none;
}
.slider {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
.slider:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height:20px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width:20px;
}
.slider-new {
    background-color: #ccc;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .4s;
}
.slider-new:before {
    background-color: #fff;
    bottom: 4px;
    content: "";
    height:20px;
    left: 4px;
    position: absolute;
    transition: .4s;
    width:20px;
}
.switch input:checked + .slider {
     background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
}
.switch input:checked + .slider:before {
    transform: translateX(22px);
}
.switch-new input:checked + .slider-new {
     background: #0d6efd;
}
label.form-gapping {
    margin-top: 18px;
}
.card.bg-success.pt-3.mb-1.d-flex.justify-content-center.align-items-center {
    background: #0C2E3B !important;
    border-color: #0C2E3B !important;
}
.switch-new input:checked + .slider-new:before {
    transform: translateX(22px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.slider-new.round-new {
    border-radius: 34px;
}
.slider-new.round-new:before {
    border-radius: 50%;
}

.min-h{
  min-height: 150px;
}
.f-img img{
  height:170px;
  margin-top: 10px;
}
.f-img{
text-align: center;
}
.thumb::before{
  font-weight: 700 !important;
}
.checkout-img{
  height: 240px;
}
.inst-sec img{
  border-radius: 50%;
}
.display-time {
  display: flex;
  font-size: 5rem;
  font-weight: bold;
  border: 2px solid #ffd868;
  padding: 10px 20px;
  border-radius: 5px;
  transition: ease-in-out 0.1s;
  transition-property: background, box-shadow, color;
  -webkit-box-reflect: below 2px
    linear-gradient(transparent, rgba(255, 255, 255, 0.05));
}

.display-time:hover {
  background: #ffd868;
  box-shadow: 0 0 30px#ffd868;
  color: #272727;
  cursor: pointer;
}
.pun-box{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 120px;
    background-color: #f8f8f8;
    padding:5px 15px !important;
}
.pun-box-n{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #f8f8f8;
    padding:5px 15px !important;
}

.pm-box{
  background: #f6f6f6;
  padding: 20px 10px;
  /* margin:0px 10px; */
  border-radius: 10px;
}
.b-h{
  max-height:200px;
  height: 130px;
}
.btn-height{
  height: 39px !important;
}
.content{
  padding: 0px!important;
}
.blog-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.login-view{
  width: 300px;
  margin: auto;
}
/* chat-start */
.chat-container {
  height: 500px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: white;
  display: flex;
  flex-direction: column;
}



.chat-box {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
  background-color: #ffff;
  border-bottom: 1px solid #ddd;
}

.messagea {
  margin-bottom: 10px;
  padding: 8px;
  border-radius: 8px;
  max-width: 80%;
}

.receiveda {
  background-color: #e0e0e0;
  text-align: left;
}
.sent {

  text-align: right;

}
.sent p{
    color:#0C2E3B !important;
}

.chat-input {
  display: flex;
  padding: 10px;

}
.message.received {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.message.received p{
  background-color: #f1f1f1;
  padding:5px;
  border-radius: 8px;
}
.message.received i {
  font-size: 1.5rem;
  margin-right: 10px;
}
.message.sent {
display: flex;
  align-items: end;
  justify-content: flex-end;
  margin-top: 10px;
  margin-bottom: 0px;

}
.message.sent p{
  background-color:#090d122b;
  padding:5px;
  border-radius: 8px;
}
.message.sent i {
  font-size: 1.5rem;  /* Adjust icon size */
  margin-right: 10px;  /* Spacing between icon and text */
}


.chat-input input {
  flex: 1;
  padding: 10px;
  border: none;
  border-radius: 8px;
}

.chat-input button {

}

.chat-input button:hover {
  background-color: #45a049;
}
.b-he{
  max-height: 120px;
  height: 100px;
}
.time-box{
  max-height: 600px;
  height:360px;
}
/* .feature-card {
    height:220px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} */

.feature-card-img {
  object-fit: cover !important;
    object-position: center !important;
    width: 100%;
    /* height: 140px; */
}
.blog-he{
  /* width:250px; */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    color: red;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 5px;
}

.vsatu-i{
  width: 100%;
  height:180px;
  object-fit: cover;
  object-position: center center;
}
.v-text-d p{
  display: -webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v-text-d{
  height: 110px !important;
}
.backcolor-new img {
    width: 44px;
    margin-bottom: 6px;
}
/* .min-hh{
  min-height: 50px;
} */
/* .min-hhh{
  min-height: 40px;
} */
.no-img{
  width: 100px;
}
.nodata{
  height:250px !important;
  width: 250px !important;
  border-radius:50% !important;
}
.main-pro-box {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.pro-bb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  height: 100%;
  padding:7px;
}

.icon-bb img {
  max-width: 100%;
  height: auto;
}

.box-ppp p {
  margin-top: 10px;
  text-align: center;
}


.item{
 position: relative;
 cursor: pointer;
}

 .item a{
 color:black;
 text-decoration: none;
 display: block;
 /* padding: 5px 30px;
 line-height: 60px; */
}

.d-icon{
  transition: transform 0.3s ease;
}

/* When the rotate class is added, rotate the icon 90 degrees */
.d-icon.rotate i{
  transform: rotate(180deg);
}
.sub-m{
  padding: 0px;
}
/* .item i{
 margin-right: 15px;
} */

.side-bar .menu .item a .dropdown{
 position: absolute;
 right: 0;
 margin: 20px;
 transition: 0.3s ease;
}

.side-bar .menu .item .sub-menu{
 background: #262627;
 display: none;
}

.side-bar .menu .item .sub-menu a{
 padding-left: 80px;
}

/* nav{
  position:relative !important;
} */
.asttro-card-2{
  flex: 1; /* Cards will take equal width */
 display: flex;
 flex-direction: column; /* Arrange content vertically */
 justify-content: space-between; /* Evenly space out the content */
 /* height: 100%; /* Ensures all cards stretch to the same height */
}

.astro-card-2 .content {
  flex-grow: 1;
}
.day-tr{
  height: 50px !important;
}
.c-c-text {
  display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   height: 4rem;
}
.c-c-text-2 {
  display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   height: 2rem;
}
.c-c-text-3 {
  display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: normal;
   height: 3rem;
}
.course-off{
  max-height:200px;
  overflow-y: scroll;
}
.course-off-2{
  max-height:400px;
  overflow-y: scroll;
}
.product-off{
  max-height: 800px;
  overflow-y: auto;
  height: 561px;;
}
.slick-dots{
  display: none !important;
}
.pro-card{
  max-height: 300px;
  height: 280px;
}
#Bookdemo{
  top:0%;
}
.b-ntnn-2{
  width: 195px;
}
.asstro-tab{
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
    border-radius: 7px;
    display: none;
}
.asstro-tab li a{
  background: transparent !important;
  color: white !important;
}
.asstro-tab li a.active
{
  color: white !important;
  border-style: none;
 border-bottom: 3px solid white;
}
.asstro-tab li a:hover{
  color: white !important;
  border-style: none !important;
}
#send_enquiry_form select,#send_enquiry_form input{
  color: gray !important;
}
.astro-filter>div .dropdown button {
    color: #000000;
    font-weight: 500;
    font-size: 14px !important;
}
.astro .vc-card-2:first-child {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.min-hh{
  min-height: 50px;
}
.max-width-text{
  max-width: 150px;
}
#loginmodal{
  z-index: 9999;
}
.course-m{
  z-index: 99999 !important;
}
.max-scroll{
  max-height: 800px;
  overflow-y: auto;
}
.time-th{
  width: 25%;
}
.redeem-modal{
  z-index: 999999 !important;
}
.status-btn-astro{
  width:100%;
}
.charge-l li{
  list-style: none;
}
.min-hnew {
  min-height: 50px;
}
.quizz-b {
  /* border-right: 3px solid yellow !important; */
}

  .btn-cart {
    padding: 8px 20px;
    font-size: 12px;
}
  .talk_guru .card{
      margin-right: 10px;
    }
    .submenu {
        display: none;
        position: absolute;
        top: 68px;
        background-color: #ffffff;
        padding: 0px;
        width: 160px;
        left: auto;
        right: -22px;
        z-index: 99999;
        border: 0 !important;
        box-shadow: 0px 2px 5px 0px #00000085;
    }

header .icon_list li:last-child{
    overflow: visible;
}
ul.submenu li a {
    color: #000 !important;
    text-align: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
ul.submenu li {
    text-align: left;
    justify-content: flex-start;
    border: none;
}
/*  */
/* popup css */
h3.title {
    font-size: 14px;
    background-color: #000;
    padding: 10px 32px 10px 10px;
    width: fit-content;
    color: #fff;
    clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);
}
.popup ul li{
    font-size: 12px;
}
.login_detail h2{
    color: #ED3237;
    font-size: 32px;
    font-weight: 600;
}
.notification{
    font-size: 16px;
    font-weight: 400;
}
.information{
color: #000;
font-size: 16px;
font-weight: 500;
}
.popup input.form-control:focus {
    box-shadow: none;
    border-color: #ffa500;
}
section.popup {
    background: transparent;
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    display: none;
    top: 60px;
    left: 0;
    /* transform: translate(15%, 0%); */
}
.reg-popup input.form-control:focus {
    box-shadow: none;
    border-color: #ffa500;
}
section.reg-popup {
    background: transparent;
    position: fixed;
    z-index: 9;
    height: 100vh;
    margin: 0 auto;
    display: none;
    top: 120px;
    left: 0;
    transform: translate(15%, 0%);
}
.btn-close {
    position: absolute;
    top: 22px;
    right: 4px;
    font-size: x-small;
    padding: 5px;
}
/* .checkout_form button.btn-close {
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    font-size: x-small;
    padding: 7px !important;
    border: 2px solid !important;
    border-radius: 50% !important;
} */

button.btn.btn-close.rounded-circle.remove-mini-item:focus {
    box-shadow: unset;
}
.offcanvas-header {
    padding-left: 0;
}
.card.bg-light.sticky-sidebar select {
    padding: 8px !important;
}
.form_field label {
    width: 200px;
    text-align: left;
}
.modal {
    z-index: 1060;
}
.testimonials .card_image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    aspect-ratio: 2/2;
    border-radius: 50%;
}
.start-33 {
    left: 33%!important;
}
.top-80 {
    top: -80%!important;
}
/* consult page css start */
/* .consult_banner {
    padding: 1rem;
    box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
    border:1px solid #e4dede;
} */
/* .consult_banner .user_description p.collapse[aria-expanded="false"] {
  display: block;
  height: 12rem !important;
  overflow: hidden;
} */
.consult_banner .user_description p.collapse.show {
  display: block;
  height: fit-content !important;
  overflow: hidden;
}
.consult_banner .user_description a:hover{
  color: #FF4500;
}
.text-justify {
    text-align: justify !important;
}
.talk_astrologer .card_image img {
    border: 2px solid #eee9e9;
    width:75px;
    height:75px;
    object-fit: cover;
}
.card-detail img {
    width: 140px;
    height: 140px;
    aspect-ratio: 3/3;
    object-fit: cover;
    position: relative;
}
.card-im{
  width: 155px;
  height: 155px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* padding: 10px; */
}
.tag.tag-ab {
    top: 5px;
    left: 5px;
    padding: 2px;
    min-height: 10px !important;
}

.card-shadow{

}
.consult_banner .card{
    background-color: transparent;
    border: none;
}
.consult_banner .card-header {
    background-color: transparent;
}

.btn.btn-light {
  padding: 10px 10px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  box-shadow: 0px 0px 4px 0px #00000040;
  background: #ffffff;
}
input#searchByName::placeholder {
    color: #000000 !important;
    font-size: 14px;
    font-weight: 500;
}
.consult_banner .card-header .live {
    width: 20px;
    height: 20px;
    background-color: #02FF02;
    border-radius: 50%;
    position: absolute;
    left: 184px;
    top: 22px;
    z-index: 1;
}
.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-top: -20px;
}

/* .online {
    width: 20px;
    height: 20px;
    background-color: #02FF02;
    border-radius: 50%;
    display: block;
    margin-left: auto;
    position: relative;
    top: 29px;
    left: -37px;
} */
.list-group-item {
    border: none;
    padding: 0 0 0px 0;
    background-color: transparent !important;
}
.list-group-item .btn-secondary{
    border-radius: 30px;
    height: 45px;
    padding: 5px 40px;
    /* background-color: #fff; */
    letter-spacing: 0.3px;
    font-weight: 500;

}
.text-call{
  color: #0C2E3B !important;
  font-size:18px;
}
.text-busy{
  color: #ed3237 !important;
  font-size:18px;
}
.text-chat{
  color: #F7471B !important;
}
.list-group-item .btn.btn-light {
    height: 45px;
    background-color: #fff;
    border: 1px solid #FFA500;
    border-radius: 30px;
    padding: 5px 40px;
    letter-spacing: 0.3px;
    font-weight: 500;
}

button#checkout-btn a {
    color:black;
}
.inner {
    padding: 1.5em;
    background-color: white;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .inner .rating i {
    color: #FFA500;
    font-size: 18px;
}

  .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;
}

  .rating-num {
    color: #000000;
    font-size: 32px;
    font-weight: 400;
    line-height: 20px;
}
  .rating-stars {
    font-size: 20px;
    color: #E3E3E3;
    margin-bottom: .5em;
  }
  .rating-stars .active {
    color: #737373;
  }

  .rating-users {
    font-size: 14px;
  }

  .histo {
    float: left;
    width: 50%;
    font-size: 13px;
  }

  .histo-star {
    float: left;
    padding: 3px;
    display: flex;
  }

  .histo-rate {
    width: 100%;
    display: flex;
    clear: both;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
  .bar-block {
    margin-left: 5px;
    color: black;
    display: flex;
    float: left;
    /* width: 75%; */
    position: relative;
}
span.bar_bg {
    width: 100%;
    background-color: #eee;
    height: 15px;
    border-radius: 30px;
    overflow: hidden;
}
.bar {
    padding: 4px;
    display: block;
    height: 100%;
}

  #bar-five {
    width: 0;
    background-color: #9FC05A;
  }

  #bar-four {
    width: 0;
    background-color: #ADD633;
  }

  #bar-three {
    width: 0;
    background-color: #FFD834;
  }

  #bar-two {
    width: 0;
    background-color: #FFB234;
  }

  #bar-one {
    width: 0;
    background-color: #FF8B5A;
  }
  .inner {
    display: flex;
    border-radius: 10px;
    border: 0.5px solid #D9D9D9;
    justify-content: space-between;
}
.reviews .card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.5rem;
}
.reviews .card .btn-secondary{
    border-radius: 30px;
    height: 45px;
    padding: 5px 40px;
    background-color: #fff;
    letter-spacing: 0.3px;
    font-weight: 500;

}
.client-review .card{
background-color: transparent;
border: none;
padding: 0;
}
.client-review .rating-stars i {
    color: #FFA500;
}
.client-review h6 {
    color: #FFA500;
}
.client-review h6 i {
    color: #000000;
}
.schedule {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
/* calender */
.main {
    /* position: absolute; */
    width:fit-content;
    height: 420px;
    /* top: 50%;
    left: 50%;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    transition: all 0.195s ease;
    transform-style: preserve-3d; */
  }
  /* .main.is-rotated-left {
    transform: translate(-50%, -50%) rotateY(-4deg);
  }
  .main.is-rotated-right {
    transform: translate(-50%, -50%) rotateY(4deg);
  } */
  .main .sideb
  {
    background-color: white;
    width: 100%;
    float: left;
    height: 100%;
    box-sizing: border-box;
    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .main .header {
    padding: 15px 0 20px;
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .main .header i {
    padding: 0 5px;
    cursor: pointer;
  }
  .main .header span {
    display: inline-block;
    margin: 0 3px;
    font-weight: 700;
  }
  .main .right-wrapper .header {
    text-align: left;
    justify-content: center;
  }
  .main .sideb .showDate {
    color: white;
    text-align: right;
    width: 100%;
  }
  .main .sideb .showDate i {
    cursor: pointer;
    background: #f05855;
    border-radius: 4px;
    padding: 8px 12px;
    transform: scale(1);
    transition: all 0.3s;
  }
  .main .sideb .showDate i.is-active {
    transform: scale(-1);
  }
  .main .sideb table {
    text-align: center;

    width: 90%;
    margin: 30px auto 0;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .main .sideb table tbody:before {
    content: "-";
    display: block;
    line-height: 0.75em;
    color: transparent;
  }
  .main .sideb table th {
    color: #f05855;
    font-size: 0.75em;
    text-transform: uppercase;
    margin-bottom: 10px;
  }
  .main .sideb table td {
    padding: 11px 5px;
    color: #ced0ce;
    font-size: 0.75em;
    transition: all 0.3s;
    position: relative;
  }
  .main .sideb table td::before {
    content: "";
    display: none;
    width: 50%;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -8px);
    background-color: #f05855;
  }
  .main .sideb table td.currentDay::before {
    display: block;
  }
  .main .sideb table td.selectable {
    color: #303633;
    cursor: pointer;
  }
  .main .sideb table td.selectable:hover {
    background: #f05855;
    color: white;
  }
  .main .sideb table td.between {
    background-color: #333;
    color: white;
  }
  .main .sideb table td.active, .main .sideb table td.hover {
    background: #f05855;
    color: white;
  }
  .slot .list-group-item .btn-secondary {
    border-radius: 30px;
    height: 45px;
    padding: 5px 40px;
    background-color: #fff;
    letter-spacing: 0.3px;
    font-weight: 500;
    font-size: 15px;
}
/* course detail css start */


.benifits .card{
    margin-bottom: 15px;

}
.benifits .card-image {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* .benifits .card-image img {
    width: 70px;
    height: 70px;
} */
.specialties .card {
    width: 18%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}


.specialties .card h4{
    color: #F7471B;
    font-weight:600;

}
.discription .d-card-m{
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);;
    border: none;
    text-align: center;
    color: #fff;
}
.discription .card .btn-light{
    color: #F7471B;
    padding:7px 30px;
    border-radius: 10px;
}
.gth-form {
    background: #F7F7F7;
    border-radius: 7px;
}
.gth-form h2 {
    text-align: center;
    color: #F7471B;
}

.discription button.accordion-button {
    padding-left: 0px;
}
.discription .accordion-body ul li span i{
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    padding:5px;
}

.discription .accordion-body ul li i.bi.bi-play-circle-fill {
    color: #ffa500;

}
ul.clients_list {
    display: inline-flex;
    padding: 0;
}
ul.clients_list li {
    list-style: none;
}
ul.clients_list li:nth-child(1){
    margin-left:0px;
}
ul.clients_list li{
  margin-left: -5px;
}
/* ul.clients_list li:nth-child(2){
    margin-left: -10px;
}
ul.clients_list li:nth-child(3){
    margin-left: -20px;
}
ul.clients_list li:nth-child(4){
    margin-left: -20px;
}
ul.clients_list li:nth-child(5){
    margin-left: -20px;
} */
.col-5 ul.ratings li{
    list-style: none;
}
.col-5 ul.ratings li i{
    font-size: 20px;
}
.banner-bg .card{
    background-color: transparent;
    color: #fff;
    border: none;
}
.banner-bg .card i{
    font-size: 45px !important;
}
.slot_time {
    gap: 10px;
}
ul.list-group li {
    list-style: none;
}
.slot_time .custom-radio {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    border: 1px solid #0C2E3B !important;
    border-radius:7px;
    text-align: center;
    cursor: pointer;

}
.custom-radio{
  border:1px solid #0C2E3B !important;
  border-radius: 10px !important;
}
.astro-header{height:auto; padding: 30px 0px 90px;
    background: #8A2387;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #8A2387, #E94057, #F27121);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #8A2387, #E94057, #F27121); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
.astro-header input{
    margin-top: 5px;
}
.astro-header button{
    margin-top: 5px;
}
.mobile{
    display: none;
}
.pointer{
  cursor: pointer;
}
.lg_bg{
 background-color: #FFA500;
}
.logo img{
    height: 40px;
}
.mobile .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    position: absolute;
    background-color: #fff;
    top: 56px;
    width: 100%;
    min-width: 300px;
    right: 0;
    z-index: 9;
    padding: 10px;
}
header.mobile .icon_list li:last-child {
    border: 1px solid #F7471B;
    overflow: hidden;
}
/* live course */
/* .course_bg{
    background-image: url("../images/course_bg.png");
    width: 100%;
    height: auto;
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
} */
img.course_logo {
    width: 20%;
}
.user img {
    /* width: 100%; */
    border-radius: 50%;
    border: 6px solid #ffb853;
}
.user img {
    height: 150px;
    object-fit: cover;
    aspect-ratio: 3/3;
    /* width: 100%; */
}
h5.f-name, h5.l-name {
    padding: 0;
    margin: 0;
    color: #f6603b;
}
.d-table th,.d-table td{
  font-size: 12px;
}


.fs-7 {
    font-size: 0.9rem !important;
    margin-bottom: 0;
    /* padding: 4px 0px; */
}
.text-ac-price{
    color:#f6603b !important;
}
.time-slot #scheduled-later{
    width:100%;
    padding: 0 15px;
  border-radius:10px;
}
.time-slot {
    position: relative;
    font-size: 14px;
}
.slots-time {
    height: 300px;
    padding: 0 10px;
    overflow-y: scroll;
    scrollbar-color: #0C2E3B transparent; /* Firefox support */
}

/* Chrome, Edge, Safari */
.slots-time::-webkit-scrollbar {
    width: 8px;
}

.slots-time::-webkit-scrollbar-track {
    background: transparent;
}

.slots-time::-webkit-scrollbar-thumb {
    background-color: #0C2E3B;
    border-radius: 10px;
}

.time-slot input[type="radio"]:checked+.custom-radio {
    background-color:#0C2E3B !important;
    color: #000 !important;
    border-radius: 10px !important;
}
.time-slot input[type="radio"] {
    left: 0;
}

.close {
    background: transparent;
    border: 0px;
    font-size: 26px;
    /* text-align: end; */
    /* justify-content: end; */
    /* display: flex; */
    float: right;
    margin-right: 15px;
    position: absolute;
    top: 0;
    right: 0;
}
.mini_cart-off{
  width: 30% !important;
}
.p-12, .about-list p,.short_desc p,.about-list ul li{
  font-size: 15px !important;
}
.c-h-f {
    font-size: 13px !important;
    color: #425066;
    font-weight: 400;

}
.c-h-f-para {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.c-h{
  font-size: 15px !important;
}
.live-footer{
  display: flex;
  justify-content: space-between;
  width: 100%;

}
.live-body{
  padding-left: 7px;
}
.truncate{
  max-width:180px !important;
}
  #toast-container>.toast-success,.toast-error,.toast-warning{
    opacity: 10 !important;
  }
.m-auto {
    margin: 0 auto !important;
}
#productField input{
  text-align: left !important;
}
.dt-c-text{
  .text-gold
    display: -webkit-box;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 16px;
    line-height: 1.5em;

}
.verticalButton-2 {
  padding:0px 0px 0px 0px;
  width: 130px;
    height:40px;
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !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%;
  right:-3% !important;
  border-style: none !important;
}
.v-btn-box{

  position: relative;
  z-index: 9999;
}
.b-btnn{
  width: 130px !important;
}
.profile-img-box{
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

#loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #FFC107;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }

  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  section.loader {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 999;
    background-color: #00000078;
}
.news_letter {
    transform: translate(0, -70px);
    margin-top: 5rem;
}
}
.talk_guru .card ul li i, .talk_astrologer .card ul li i{
    margin-right: 5px;
}
.review-col{
    height: 300px;
}
.review-col-2{
    min-height: 300px;
}

/* social media */
.social-menu {
    display: flex;
    justify-content: left;
  }
  .social-btn {
    list-style: none;
    width: 35px;
    height: 35px;
    padding: 7px;
    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;
}
  .social-btn a {
    text-decoration: none;
    color: #fff;
  }
  .social-btn:hover a {
    color: #fff;
  }

  .facebook a {
    color: #3b5999;
  }
  .facebook:hover,
  .facebook:hover .social-btn:before,
  .facebook:hover .social-btn:after {
    background: #3b5999;
  }
  .instagram a {
    color: #962fbf;
  }
  .instagram:hover,
  .instagram:hover .social-btn:before,
  .instagram:hover .social-btn:after {
    background:#dd4b39;
  }
  .pinterest a {
    color: #c8232c;
  }
  .pinterest:hover,
  .pinterest:hover .social-btn:before,
  .pinterest:hover .social-btn:after {
    background: green;
  }
  .linkedin a {
    color: #0072b1;
  }
  .linkedin:hover,
  .linkedin:hover .social-btn:before,
  .linkedin:hover .social-btn:after {
    background: #0072b1;
  }
  .header-top{
    background-color:white;
  }
  .wishlist-btn{
    font-size: 12px !important;
    height: 100%;

  }
  .regis{
    font-weight: normal !important;
  }


    .new-media-box {
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid #CEC5C5;
}
    .float-hover {
        border: none;
        /* padding: 10px 20px; */
        /* color: rgb(9, 3, 3); */
        /* font-size: 16px; */
        transition: transform 0.5s ease, box-shadow 0.5s ease;
        border-radius: 5px;
    }

    .float-hover img {
        transition: transform 0.4s ease; /* Smooth transition for icon movement */
    }
    .float-hover:hover img {
        transform: translateX(10px); /* Move icon slightly to the left */
    }
    .astro img {
        object-fit: cover;
        aspect-ratio: 4/3;
        display: block;
    }

    ul.ratings li{
      list-style: none;
    }
      .header-message {
        background: #f5f8f5;
        padding: 10px;
      }
      .body {
        flex: 1;
        overflow: auto;
        display: flex;
        flex-direction: column;
        padding: 16px;
      }
      .user-details {
        display: flex;
        gap: 16px;
        align-items: center;
      }
      .user-details span {
        width: 60px;
        min-width: 60px;
        height: 60px;
        border-radius: 50%;
        overflow: hidden;
      }
      .user-details span img {
        max-width: 100%;
        height: auto;
      }
      .user-info {
        display: flex;
        flex-direction: column;
      }
      .user-info h5 {
        margin: 0;
        font-size: 18px;
        font-weight: 500;
      }
      .user-info p {
        margin: 0;
        font-size: 16px;
        font-weight: 400;
      }
      .chat-box {
        position: relative;
      margin: auto;
        border-radius: 10px;

        width: fit-content;
        max-width:100%;
        width: 100%;
        max-height: 370px;
        margin-top: 10px;
      }
    .chat-btn{
      margin: 0px 5px;
    }
      .chat-box p {
        margin: 0;
        color:black;
      }

      .chat-box.sender {
        background-color: #F7471B;
        align-self: flex-end;
      }

      .chat-box.receiver {
        background-color: #f15e39;
        align-self: flex-start;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      }

      .chat-box.sender::before {
        content: "";
        position: absolute;
        bottom: 1px;
        right: -15px;
        width: 15px;
        height: 20px;
        z-index: 9;
        border-radius: 0 0 0 20px;
        background: #fff;
      }
      .chat-box.sender::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: -9px;
        width: 18px;
        height: 15px;
        background: #F7471B;
      }

      .chat-box.receiver::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: -15px;
        width: 15px;
        height: 20px;
        z-index: 9;
        border-radius: 0 0 20px 0;
        background: #fff;
      }
      .chat-box.receiver::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: -8px;
        width: 15px;
        height: 15px;
        background:#f15e39;
      }
      .sender .status {
        justify-content: flex-end;
      }
      .status {
        display: flex;
        font-size: 0.8em;
        color: #ccc;
        margin-top: 5px;
      }

      .input-container {
        display: flex;
      }

      .input-container input {
        flex: 1;
        padding: 10px;
        border: 1px solid #FFA500;
        border-radius: 5px 0 0 5px;
        outline: none;
      }

      .input-container button {
        padding: 10px 20px;
        border: none;
        border-radius: 0 5px 5px 0;
        background-color: #FFA500;
        color: #ffffff;
        cursor: pointer;
        font-size: 1em;
      }


      /* a:hover .btn,  input:hover.float-shadow, .btn-primary:hover {
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
          border: 0px !important;
          background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
          color: #fff;
      } */

      .float-shadow-2 {
        background: #0c2e3b !important;
      font-size: 14px;
      font-weight: 600;
      color: #ffffff !important;
      border: 0px solid #000;

  }
      a:hover .float-shadow{
        /* transform: translateY(-7px); */
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
      }

      .sender-body span img {
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 50%;
    }
    .reciver-body span img {
        width: 40px;
        height: 40px;
        display: inline-block;
        border-radius: 50%;
    }
    .astro_sign-banner{
        background-image: url("../images/astro_signup_banner.png");
        background-repeat: no-repeat;
        background-size: cover;
        height:10vh;
    }
    /* astro sign up css start */
    .bg-sign-card{
    background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;

    }
    .review-meter span {
        width: 70px;
        height: 70px;
        font-size: 14px;
        background: #0C2E3B;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
        margin-top: -36px;
        border-radius: 50%;
        color: #fff;
    }
    .review-meter span p{
        font-size: 12px;
    }
    .astro_list ul li{
        font-size: 14px;
    }
    .astro_list ul li img{
        margin-right: 5px;
    }
    .bg-dash{
      background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
        height: auto;
    }
    .dashbord .card p{
        font-size: 14px;
    }
    .recent .card span{
        font-size: 14px;
    }
    .recent .card h5{
        color:#F7471B;
    }
    .recent .card li{
        font-size: 12px;
    }
    .dashboard-menu{
        grid-area: timeline;
        align-self: start;
        position: -webkit-sticky;
        position: sticky;
        top:0;
        z-index: 100;
        height: 100%;

    }
    .dashboard-menu ul{
        height: 100%;
    }
    .register_form .dropdown {
        border: 1px solid #dfdbdb;
        border-radius: 5px;
    }
    .register_form .dropdown-toggle{
        width: 100%;
    }
    .register_form .dropdown-toggle::after {
        display: inline-block;
        margin-left: 75%;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: relative;
        right: 0px;
    }
    .text-gold {
    color: #0c2e3b;
    font-weight: 600 !important;
}
    .profile .register_form .dropdown-toggle::after {
        display: inline-block;
        margin-left: 80%;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        position: relative;
        right: 0px;
    }
    .cart-tag{
      font-size: 18px !important;
      min-width: auto !important;
      right: 6%;
      border: 0px !important;
    }
    .register_form input::placeholder,.register_form select,.regis{
      color: #4d4c4c !important;
    }
    .underlinered{
      border-bottom: 1px solid #EF233C !important;
    }

    /* tracking */
    .hh-grayBox {
    background-color: #F8F8F8;
    margin-bottom: 20px;
    padding: 35px;
  margin-top: 20px;
}
.pt45{padding-top:45px;}
.order-tracking{
    text-align: center;
    width:49.33%;
    position: relative;
    display: block;
}
.order-tracking .is-complete{
    display: block;
    position: relative;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    border: 0px solid #AFAFAF;
    background-color: #f7be16;
    margin: 0 auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    z-index: 2;
}
.order-tracking .is-complete:after {
    display: block;
    position: absolute;
    content: '';
    height: 14px;
    width: 7px;
    top: -2px;
    bottom: 0;
    left: 5px;
    margin: auto 0;
    border: 0px solid #AFAFAF;
    border-width: 0px 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}
.order-tracking.completed .is-complete{
    border-color: #27aa80;
    border-width: 0px;
    background-color: #27aa80;
}
.order-tracking.completed .is-complete:after {
    border-color: #fff;
    border-width: 0px 3px 3px 0;
    width: 7px;
    left: 11px;
    opacity: 1;
}
.order-tracking p {
    color: #A4A4A4;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 0;
    line-height: 20px;
}
.order-tracking p span{font-size: 14px;}
.order-tracking.completed p{color: #000;}
.order-tracking::before {
    content: '';
    display: block;
    height: 3px;
    width: calc(100% - 40px);
    background-color: #f7be16;
    top: 13px;
    position: absolute;
    left: calc(-50% + 20px);
    z-index: 0;
}
.order-tracking:first-child:before{display: none;}
.order-tracking.completed:before{background-color: #27aa80;}

/* rating */
.star-rating {
  display:flex;
  flex-direction: row-reverse;
  font-size:1.5em;
  justify-content:space-around;
  padding:0 .2em;
  text-align:center;
  width:5em;
}

.star-rating input {
  display:none;
}

.star-rating label {
  color:#ccc;
  cursor:pointer;
  font-size: 30px;
}

.star-rating :checked ~ label {
  color:#f90;
}

.star-rating label:hover,
.star-rating label:hover ~ label {
  color:#fc0;
}
.my-badge {
  position: absolute;
    border-bottom: 25px solid #F7471B;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    height: 0px;
    width: 123px;
    text-align: center;
    transform: rotate(-45deg);
    left: -38px;
    top: 7px;
    color: #fff;
}

.my-badge::before {
  content: "";
    border-bottom: 11px solid #F7471B;
    border-left: 11px solid transparent;
    transform: rotate(45deg);
    left: -22px;
    top: 19px;
    position: absolute;

}
.my-badge::after {
  content: "";
      border-bottom: 15px solid #F7471B;
      border-left: 14px solid transparent;
      transform: rotate(45deg);
      left: 80px;
      top: 17px;
      position: absolute;
}
.recharge-card{
  height: 107px;
}
.im-box img{
  width: 200px;
}
.im-box{
  margin-left:10px;
}
.lg-card{
  height: 160px;
}
.astro-lg-card .card{
  height: 160px;
}
.topic-ttt{
  margin-top: -10px;

}

    .star-rating {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
      }

      .radio-input {
        position: fixed;
        opacity: 0;
        pointer-events: none;
      }

      .radio-label {
        cursor: pointer;
        font-size: 0;
        color: rgba(0,0,0,0.2);
        transition: color 0.1s ease-in-out;
      }

      .radio-label:before {
        content: "★";
        display: inline-block;
        font-size: 32px;
      }

      .radio-input:checked ~ .radio-label {
        color: #ffc700;
        color: gold;
      }

      .radio-label:hover,
      .radio-label:hover ~ .radio-label {
        color: goldenrod;
      }

      .radio-input:checked + .radio-label:hover,
      .radio-input:checked + .radio-label:hover ~ .radio-label,
      .radio-input:checked ~ .radio-label:hover,
      .radio-input:checked ~ .radio-label:hover ~ .radio-label,
      .radio-label:hover ~ .radio-input:checked ~ .radio-label {
        color: darkgoldenrod;
      }
      .otp-input {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 0px;
        background-color: #eee;
        text-align: center;
    }
    .w-45{
        width: 45% !important;

    }
    .form-control-lg {
        font-size: 1rem !important;
    }
    .login_icon ul li img {
        width: 45px;
        height: auto;
        border-radius: 50%;
        background-color: #eee;
        padding: 10px;
    }
    .bg-orange{
        background-color: #ffff00 !important;
    }
    #profile-app a.nav-link.active {
      background: #daab1f !important;
        color:black !important;
    }
.isavailable{
    font-weight: 500;
    color: #ffa500;
}
.sort-description{
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 200px; */
}
.vtestimonials iframe {
    border: 0;
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
}
.vtestimonials-2 iframe {
    border: 0;
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
}
 .blogs p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.vastus p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
}


.course-de .btn-close{
  padding: 0px;
  position: absolute;
  top: -4px;
  right: -2px;
}
.course-de{
  padding: 0px;
}
.ins-img{
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.bi-star-fill{
  color: #ffa500;
}
input.form-control {
    border-right: 1px solid gainsboro;
}
.input-group input.form-control {
    border-right: 1px solid gainsboro;
    border-radius: 10px 0px 0px 10px !important;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.table-value th:first-child {
    color: #666666;
    font-weight: 500;
}
.table-value th {
    padding: 5px 4px;
}
#coupon_code{
  border-radius: 7px 0px 0px 7px !important;
}
button#coupon-apply-btn {
    background: #daab1f !important;
    border-radius: 0px 10px 10px 0px !important;
    border-style: none !important;
    color: #000 !important;
    font-size: 13px !important;
        padding: 8px 7px;
}
.banner-description p{
  color: white;
}
.banner-video{
  text-align: end;
    background: url(https://astroarunpandit.org/wp-content/uploads/2022/03/Video-bg-cropped-1.png.webp);
    padding: 73px;
    background-size: cover;
}
#searchByName {
    padding: 9px 10px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    box-shadow: 0px 0px 4px 0px #00000040;
    background: #ffffff;
}
.pooja_listing {
    background-image: url('../image/banner.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 63vh;
    min-height: 300px;
    width: 100%;
}
.filters {
    width: 12%;
}
.filter-section .btn {
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #dcdcdc;
    background-color: white;
    font-weight: 500;
}
.card-top {
    position: absolute;
    background: #f7efef;
    padding: 10px;
    bottom: 38%;
    width: 87%;
    left: 25px;
    border-radius: 5px;
}
.c-icon-box {
    height: 30px;
    width: 30px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.player-box iframe{
  height: inherit !important;
}
.course-topic-h {
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
textarea{
  border:1px solid #dee2e6;
  border-radius: 7px;
}
.d-n-card{
  background: #FFFFFF;
  border:1px solid #000;
}
/* .upload-form-box{
  max-width: 700px;

} */
/* .note-box-btn{
  width: 220px;

} */
.note-box{
  max-width: 500px;
  margin: auto;
 border:1px solid black;
 border-radius: 7px;
}
.bg-lightt{
  background:#cccccc !important;
}
.tab-text>div span{
  font-size: 14px !important;
}
.d-box>div{
 width:190px;
}


#accordian {
    background: #004050;
    width: 250px;
    margin: 100px auto 0 auto;
    color: white;
    /*Some cool shadow and glow effect*/
    box-shadow:
        0 5px 15px 1px rgba(0, 0, 0, 0.6),
        0 0 200px 1px rgba(255, 255, 255, 0.5);
}
/*heading styles*/
#accordian h3 {
    font-size: 12px;
    line-height: 34px;
    padding: 0 10px;
    cursor: pointer;
    /*fallback for browsers not supporting gradients*/
    background: #003040;
    background: linear-gradient(#003040, #002535);
}
/*heading hover effect*/
#accordian h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
    font-size: 16px;
    margin-right: 10px;
}
/*list items*/
#accordian li {
    list-style-type: none;
}
/*links*/
#accordian ul ul li a {
    color: white;
    text-decoration: none;
    font-size: 11px;
    line-height: 27px;
    display: block;
    padding: 0 15px;
    /*transition for smooth hover animation*/
    transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
    background: #003545;
    border-left: 5px solid lightgreen;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
    display: none;
}
#accordian li.active ul {
    display: block;
}

.vastu .slick-prev {

    left: -34px;

}

.pooja_service p.card-text.text-center {
    color: #FF7B01;
    font-size: 18px;
}
.pooja_service h6 {
    font-size: 22px;
}
.card-content p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
}
.pooja-banner {
    background: url('../image/poojadetail_banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
}
.tag-line {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 33px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #F7471B;
}
.pooja-banner .content ul li span i {
    display: flex;
    justify-content: center;
    align-items: center;
}
.pooja-banner ul li span i {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #F7471B;
}
.pooja-banner .content ul li {
    list-style-type: none;
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    justify-content: flex-start;
    align-items: center;
}
.pooja-time .rounded-circle {
    box-shadow: 1px 1px 13px 2px #F7471BE5;
}
.p-avtar {
    display: flex;
    align-items: center;
}
.p-avtar>div:first-child {
    margin-left: 0px;
}
.p-avtar>div img {
    border-radius: 50%;
}
.p-avtar>div {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: -10px;
    border: 1px solid #ff7b01;
}
section.title.pt-5 {
    position: sticky;
    width: 100%;
    z-index: 999;
    top: -50px;
}
.title .row {
    background-color: rgba(251, 251, 251, 1);
    gap: space-between;
}
.title ul.nav.nav-tabs {
    border-bottom: 0px;
}
.tab_link a.nav-link.active {
    background: #dc3545 !important;
    border-radius: 10px 10px 0 0;
    color: #fff !important;
}
.tab_link .nav-tabs {
    background-color: transparent !important;
    gap: 20px;
}
.title ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.pbs-icon {
    background-color: rgba(255, 165, 0, 0.22);
    border-radius: 50%;
    font-size: 40px;
    padding: 9px;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
}
.pbs-icon .bi {
    color: orange !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Completed-Pooja .detail {
    background-color: rgba(255, 165, 0, 0.6);
    overflow: clip;
    /* clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%); */
    border-radius: 0px 478.5px 0px 0px;
    padding: 59px 114px 30px 30px;
}
.pys .card {
    align-items: center;
}
.pys .card {
    align-items: center;
    padding: 20px;
}
.testi-p {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: auto;
    margin-top: -30px;
}
.testi-p img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
}
/* .testimonials .slick-list.draggable {
    padding: 2rem 0;
} */
.home-banner {
    /* background: linear-gradient(90deg, #FF1F00 0%, #FF7B01 100%); */
    background-color: #0C2E3B;
}
.shop_banner {
    background-image: url('../image/banner-1.png');
    background-position: center;
    background-repeat: no-repeat;
    height: 400px;
    background-size: cover;
}
.product-details h4 {
  font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #F7471B;
}
.product-details h4 span {
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #5A607F;
}
.text-rating {
    color: #FFA500;
    font-size: 12px;
    margin-left: 4px;
}
h1.title-color {
    color: #003F62;
    font-size: 25px;
    font-weight: 600;
}
p.revieess {
    line-height: 30px;
}
.w-review a {
    color: #0D05A5 !important;
}
.thumbnail {
    cursor: pointer;
    width: 100px;
    height: auto;
    margin: 5px;
    background-color: #eee;
    border: 1px solid #CCCCCC;
}
.main-image {
    border: 1px solid #CCCCCC;
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 15px;
}
.actule_price {
    color: #958b8b !important;
}
.accordion-button:not(.collapsed) {
    background-color: #fff;
}
.policy span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background-color: #eee;
    margin: auto;
    text-align: center;
    border-radius: 50%;
}
.policy span i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.p-box {
    position: relative;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
    width:100%;
    margin-bottom: 10px;
}
.p-box.checkoutsss {
    position: relative;
    overflow: hidden;
    justify-content: center;
    display: flex;
    align-items: center;
    width: 45%;
    margin-bottom: 10px;
}
.main-table.w-100 {
    padding: 0px 20px 0px 1px;
}
.sale-btna {
    width: 47px;
    height: auto;
    color: white;
    background: #FF7B01;
    border-style: none;
    font-size: 12px;
}
.p-box:hover .effect, .p-box:hover .btn-effect, .p-box:hover .salebox {
    opacity: 1;
}
.salebox {
    position: absolute;
    top: 12%;
    left: 20%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
    flex-direction: column;
}
.actule_price {
    color: #FF0000;
}
.socil-media i {
    font-size: 26px;
}
.bi-facebook {
    color: #3b5998;
}
.bi-facebook:hover {
    color: #fff;
}
.bi-whatsapp {
    color: green;
}
.bi-whatsapp:hover {
    color: #fff;
}
.bi-instagram {
    color: #dd4b39;
}
.bi-instagram:hover {
    color: #fff;
}
.slick-prev, .slick-next {
    background: #00000029 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    /* top: -5% !important; */
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next {
    opacity: 1;
}
 .slick-prev, .slick-next {
    opacity: 0;
    transition: .5s;
}

.sale-btnb {
    width: 47px;
    height: 18px;
    color: #ff0000;
    background: white;
    font-size: 12px;
    border-style: none;
    margin-top: 7px;
}
.btn-effect {
    position: absolute;
    top:50%;
    left:50%;
    display:flex;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.p-icon {
    height:50px;
    width: 50px;
    background-color: white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.ad-cart-btn {
    color: #fff;
    font-weight: 500;
    background: #0C2E3B;
    padding: 8px 15px ;
    text-decoration: none;
    border-radius: 12px;
    margin: 18px auto !important;
    display: block;
    border: 1px solid #0C2E3B;
}
.item.newwwss.m-2.slick-slide {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #00000026;
    box-shadow: 0px 4px 4px 0px #0000001f;
}
.p-boxs img {
    width: 100%;
}
/* .brands-shops .item:hover a.ad-cart-btn, .shop_list .col-lg-3:hover a.ad-cart-btn, .item:hover .ad-cart-btn, .item:hover .ad-cart-btn {
    transform: translateY(-160%);
    opacity: 1;
} */
.brands-shops .item:hover a.ad-cart-btn, .shop_list .col-lg-3:hover a.ad-cart-btn, .item:hover .ad-cart-btn, .item .ad-cart-btn {
    opacity: 1;
}
.brands-shops .item, .shop_list .col-lg-3{
    position: relative;
}
/* .p-box img {
    width: 100%;
    height:105px;
} */
.scroll-section-side .item .p-box img {
    width: 100%;
    height: 285px;
}
#image-slider ul li img {
    /* max-height: 100%; */
    width: 100%;
    padding: 5px;
    height: inherit;
}
h6.text-truncate {
  font-size: 14px !important;
font-weight: 600;
padding-bottom: 4px;
color: #000000;
padding-top:0px;
}
.title-images {
    display: flex;
    justify-content: space-between;
}
.main-table thead tr th:first-child {
    width: 48%;
}
.rating-count {
    width: 140px;
    height: 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.astrology-price .bi, .ratings .bi {
    color: #FFA500;
}
.product_tab .nav-tabs .nav-item.show .nav-link, .product_tab .nav-tabs .nav-link.active {
    background-color: #f4061b;
    color: #fff !important;
}
.product_tab .nav-link {
    font-size: 16px;
    color: black !important;
    font-weight: 600 !important;
    letter-spacing: 2% !important;
    font-family: "Poppins", sans-serif;
    padding: auto;
}
.card {
    position: relative;
}
.card:hover .ad-cart-btn {
    transform: translateY(-160%);
    opacity: 1;
}
.offcanvas-footer {
    padding: 1rem;
}
.btn-cart {
    background: #F7471B;
    color: #fff;
    padding: 8px 40px;
}
.btn-cart:hover{
  background: #F7471B;
  color: #fff;
  padding: 8px 40px;
}
.product-details .btn-close {
    font-size: 12px !important;
    border: 1px solid #f7471b !important;
    padding: 5px;
}
.product-details .add_number a {
    width: 32%;
    border: 1px solid #D9D9D9;
    font-size: 18px;
    border-radius: 5px;
}
.product-details .add_number a button {
    width: 100%;
    border:0px;
    font-size: 18px;
}

/* .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: #F4061B;
    color: #fff;
} */
/* .short_desc iframe{
  width: 100%;
  height:545px;
} */

/* .consult_banner .footer.d-footer ul li a{
  height: 45px;
  width: 100%;
} */
/* .form-check-input:focus {
    border-color: #86b7fe;
    background-color: #FF4500;
    outline: 0;
    box-shadow:none;
} */
.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: 47%;
    position: absolute;
}
.nav-link:hover.dropdown-toggle::after{
  color: black;
}
.chat-user img {
    width: 90px;
    height: 90px;
    display: block;
    aspect-ratio: 3/3;
    object-fit: cover;
}
.add-new-class{
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  border: 2px solid black
}
.upload-img-box{
  text-align: center;
  padding: 10px;
  margin-bottom: 5px;
  border:1px solid #cec5c5;
}
.hide{
  display: none;
}
.user-img{
  width: 80px;
  height: 80px;
}
.last-log{
  font-size: 14px;
  margin-bottom: 0px;
}
.add-money{
  float: right;
}
/* .user-card{
  padding: 10px;
} */

.video-modal{
  top: 50px;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    /* border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); */
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.testimonials-p p,.proceduress-p p{
    max-height: 120px;
    height: 95px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* .testimonials-p p{
  font-size: 12px;
} */
.pkg-list {
  max-height: 170px;
  overflow-y: auto;
}
.proceduress-p p{
  margin-bottom: 0px;
  text-align:left !important;
}
.blog-box-p {
    max-height:500px;
    overflow-x: hidden;
    overflow-y: auto;
}
.procedure-p{
  max-height:92px;
  overflow-x: hidden;
  overflow-y: auto;
}
.procedure-p p{
  padding: 10px;
}
.testimonials-p p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.member-card-box::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.testimonials-p p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.chat-box::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.blog-box-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.language-side::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.side-scrollbar::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.proceduress-p p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,
.procedure-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar
{
    width: 5px;
    background-color: lightgrey;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.chat-box-n::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar{
  width: 5px;
  background-color: #0C2E3B !important;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.chat-box::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar,.beni-p::-webkit-scrollbar,.about-text-tab::-webkit-scrollbar{
  width: 5px;
  background-color: #0C2E3B !important;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.testimonials-p p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.member-card-box::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.course-sidebar::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,

.blog-box-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.language-side::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.side-scrollbar::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.proceduress-p p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,
.procedure-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb
 {
    background:#0C2E3B;
}
.chat-box-n::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb{
  background: lightgray;
}
.chat-box::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb,.beni-p::-webkit-scrollbar-thumb,.about-text-tab::-webkit-scrollbar-thumb{
  background: lightgray;
}
.card_ft .cl-border {
    border: 1px solid #43ADFA;
}
.card_ft .ch-border {
    border: 1px solid #FFA500;
}
.card_ft .vi-border {
    border: 1px solid #F7471B;
}
.v_btn {
    width: 28px;
    height: 28px;
    position: absolute !important;
    background-color: #fff;
    right: -20px !important;
    top: -20px !important;
    border-radius: 50%;
    opacity: 1;
    font-size: 16px !important;
}

.all-btn {
    background-color: #3A7AF3;
    color: white !important;
    font-weight: 500;
}
/* calendere-css */
.flatpickr-calendar{
  width: 100% !important;
}
.dash-sildbar {
    overflow: overlay;
    max-height: 409px;
}
.flatpickr-rContainer {
    width: 100% !important;
}
.flatpickr-days {

    width: 100% !important;
}
.dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.flatpickr-day {
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 65px !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 10px !important

}
.flatpickr-day:hover {
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width:65px !important;
    height: 40px !important;
    line-height: 40px !important;
    background:#0C2E3B !important;
    color: #fff !important;
    border: 1px solid #ececec !important;

}
select.flatpickr-monthDropdown-months {
    font-weight: 600 !important;
    font-family: "Poppins", sans-serif !important;
}
input.numInput.cur-year {
    font-weight: 600 !important;
    font-family: "Poppins", sans-serif !important;
}
.edit-btn{
    height: 30px;
    width: 30px;
    position: absolute;
}
.navbar-brand {
    padding: 0px !important;
    margin: 0 !important;
}
.navbar-brand img {
    height: 60px;
}
.position-sticky .dropdown-toggle::after{
  right: 0px !important;
}
.position-sticky ul.dropdown-menu.show {
    width: 100%;
}
/* .navbar-brand img{
  width: 60%;
} */
div#offcanvasWithBothOptions {
    z-index: 99999;
}
.overflow-hidden {
    overflow: hidden;
}
.read-more{
border: none;
    background: no-repeat;

}
.side{
  position: relative;
}
#fixed-column{ transition: all 1s ease-out;
    transition: opacity, visibility 1s ease;
}
 .course-section{
    min-height: 750px;
}
.sidebar-course-enroll {
  position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
}

.fixed-enroll{
  position: -webkit-sticky;
    position: sticky;
    top: 80px;
}
/*
.bannerslider .slick-prev {
    left: 7px !important;
} */
/* ul.footer_list{
  column-count: 2;
} */
.product-details .add_number button {
    width: 32%;
    border: 1px solid #D9D9D9;
    font-size: 18px;
}
.product-details .add_number a:hover button{
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
}
/* .nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
  } */
  .mobile-menu .nav-item.dropdown {
    display: block;
  }
  .comming_soon_banner{
      background-image: url(../images/h1-rev-backgraound.jpg);
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 100vh;
  }
  .star_circle{
    animation: round 5s infinite linear;
  }
  @keyframes round{
    0%{
      transform: rotate(0deg);
    }

    100%{
      transform: rotate(360deg);
    }
  }

  .price-field {
    position: relative;
    width: 100%;
    height: 20px;
    box-sizing: border-box;
    background: rgba(248, 247, 244, 0.2);
    padding-top: 10px;
    padding-left: 0px;
    border-radius: 3px;
}

.price-field input[type=range] {
    position: absolute;
}
input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red;
    border: 2px solid #800000;
    cursor: pointer;
}
input[type="range"]::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: red !important;
    border: 2px solid #800000; /* Optional: thumb border */
    cursor: pointer;
}
.price-field input[type=range] {
    width: 100%;
    height: 2px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    -webkit-appearance: none;
}

.price-field input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
}

.price-field input[type=range]:active,
.price-field input[type=range]:focus {
    outline: 0;
}

.price-field input[type=range]::-ms-track {
    width: 188px;
    height: 4px;
    border: 0;
    outline: 0;
    box-sizing: border-box;
    border-radius: 5px;
    pointer-events: none;
    background: transparent;
    border-color: transparent;
    color: transparent;
    border-radius: 5px;
}



.price-field input[type=range]::-webkit-slider-thumb {

    position: relative;
    -webkit-appearance: none;
    margin: 0;
    border: 0;
    outline: 0;
    border-radius: 50%;
    height:15px;
    margin-top: -3px;
    width:15px;
    background:#0C2E3B;
    cursor: pointer;
    cursor: pointer;
    pointer-events: all;
    z-index: 100;
}

.price-field input[type=range]::-webkit-slider-runnable-track {

    width: 188px;
    height: 10px;
    cursor: pointer;
    background: #D9D9D9;
    border-radius: 5px;
}

.price-wrap {
    width:100%;
    display: flex;
    justify-content: space-between;

}

.price-wrap-1,
.price-wrap-2 {
    display: flex;
}

.price-title {
    margin-right: 5px;
    background-color: #d58e32;
}

.price-wrap_line {
    margin: 0 10px;
}

.price-wrap #one,
.price-wrap #two {
    width: 50px;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-right: 2px;
    background: 0;
    border: 0;
    outline: 0;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 400;
    line-height: 15.23px;
    letter-spacing: 0.02em;
       text-align: left;

}
/* .price-wrap #one{
  text-align: left;
}
.price-wrap #two{
  text-align: right;
} */
.label-size label{
  font-size: 17px!important;
}

.price-wrap label {
    text-align: right;
}

.price-field input[type=range]:hover::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    transition-duration: 0.3s;
}

.price-field input[type=range]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 0.5px #fff;
    transition-duration: 0.3s;
}

fieldset label {

    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.02em;
    text-align: left;

}

.item {
    position: relative;
    overflow: hidden;
}
/* .category_box .card img{
  aspect-ratio:4/3;
  object-fit: cover;
} */
.progress {
    margin: 0px !important;
    background-color: #f7f7f7;
    /* border: 1px solid #ffa500; */
    height: 15px;
    border-radius: 10px;
    width: 100%
}
.progress .determinate {
    background-color: #ffa500;
}
.mini_cart{
  z-index:9999;
   position:fixed;
}
.bg-nav{
  background-color:#daab1f !important;
}
.text-icon{
  color:#F7471B !important;
}
.slick-prev {
    left: -25px;
    z-index: 90 !important;
}
section.sec_thir.category_box .card.me-0 {
    margin: 20px 17px 20px 0px !important;
    border-radius: 15px;
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}
section.sec_thir.category_box button.slick-next.slick-arrow {
    position: absolute !important;
    top: 105%;
    right: 46.5%;
    background: #002E6E !important;
    color: #fff !important;
    opacity: 1 !important;
}
section.sec_thir.category_box button.slick-prev.slick-arrow {
    position: absolute !important;
    top: 105%;
    left: 47.5%;
    background: #002E6E !important;
    color: #fff !important;
    opacity: 1 !important;
}
img.logo-images {
    height: auto !important;
    width: auto !important;
}
section.sec_thir.category_box .slick-prev:before, .slick-next:before{
  opacity: 1!important;
}
.bp-suggestion ul li{
  list-style: none;
  text-align: left;
  padding: 5px 0;
}
.bp-suggestion ul{
  background-color: #e8f0fe;
  border-radius: 0 0 5px 5px;
  padding: 0;
  padding-left: 12px;
  max-height: 300px;
  overflow:hidden;
  overflow-y: scroll;

}
.bp-suggestion input.form-control:focus {
    box-shadow: none;
    border-color: #dee2e6;
    border-bottom: 0px;
    border-radius: 5px 5px 0 0;
}

.service_name{
  font-weight: 600;
}

.blog-desc{
  position: relative;
  background: #ffffff;
  margin: -50px 00px 0 0px;
  border-radius: 10px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%)
}
.bor-bb{
  border-bottom: 1px solid #FFA500;
  margin: 0px 10px;
}
.f-heading-main-2{
  border-radius: 7px 7px 0 0;
}
.pkg-list li{
  list-style: none;
  padding: 10px;
  border-bottom: 1px solid #FFA500;
  text-align: center;
  /* width: 90%; */
  margin: 0px 10px;
}
.pkg-list{
  padding-left: 0px !important;
text-align: center;
}
.svg-img{
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
  color: white;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  /* padding: 8px; */
}
.content-icon{
  border: 0px !important;
  background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
  width: 30px;
height: 30px;
border-radius: 50%;
padding: 8px;
margin-right: 10px;

}
.content-icon i{
  border: none !important;
  color: #ffffff
}
.course-acco{
  padding-top: 0px;
  padding-left: 0px;

}
.course-list-g{
  padding-top: 5px !important;
  padding-left: 0px !important;
}
.user-name a{
  line-height: 2.3;
}
.vastu_short_desc{
  display: flex;
}
/* .page-desc p{
  padding: 10px;
} */
.full-desc img{
  padding-right: 15px;
}


.wishlist-btnn{
  border : none !important;
}

.blog-desc ul li {
  list-style: inherit !important;
}
.feature_wrap .card-title {
    font-size: 18px;
    padding-top: 10px;
    font-weight: 500;
}
.sec_section {
    background: #F6F7F9;
    padding: 80px 0 !important;
}

.testimonials_bg {
    /* background: url(../img/testimonial_bg.jpg); */
    padding: 20px 0 40px 0;
    background-size: cover;
}
.banner_hire_lawyer .hire_lawyer {
    padding-top: 50px !important;
    padding-bottom: 50px;
}
.heading_main h2 {
    font-size:30px !important;
    padding-top: 5px;
    color: #000000;
    font-weight: 600;
    text-align: left;
}
.heading_main img{
    width: 120px;
}
.view_all {
    background: #0C2E3B;
    border: none;
    font-size: 14px;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 9px;
    border: 1px solid #0C2E3B;
}
.google-review {
    border-left: 1px solid #4a4a4a;
    padding: 6px 15px;
    height: 55px;
}
.wallet img {
    width: 24px;
}
.my-account img {
    width: 24px;
}
.banner_height {
    height:80vh!important;
}
/* .banner_height.slide.d-flex.align-items-center.p-5.slick-slide.slick-cloned {
    width: auto !important;
} */
.playss.modal-header button.btn-close {
    border: 1px solid;
    border-radius: 18px;
    top: 12px;
    right: 15px;
    font-size: 11px;
    z-index: 99;
}
.primium .card .card-body {
    padding: 0;
    padding-top: 16px;
}
.primium .card .spacalization .c-h-f {
    color: #A1A1A1;
    font-size: 12px !important;
}
.primium .card .category .c-h-f {
    font-size: 16px !important;
    font-weight: 600;
}
.primium .card .spacalization {
    margin-bottom: 0 !important;
}
.live-courses {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    border-radius: 2px;
    width: 100%;
    border: 1px solid #d0d0d0;
    background: transparent;
    padding: 12px 15px;
}
.live-courses:hover {
    color: #fff;
    border: 1px solid #FF5D28;
    background: #FF5D28;
}
.live-courses-active{
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    width: 100%;
    border: 1px solid #FF5D28;
    background: #FF5D28;
    padding: 12px 15px;
}
.live-courses-active:hover{
    color: #000;
    border: 1px solid #d0d0d0;
    background: #fff;
}
/* .live_section {
    background: url(../img/banner_bg.jpg);
    padding: 80px 0 40px 0;
} */
.sec_third {
    padding: 60px 0;
}
.live-footer {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 0 10px;
}
.foot_width .but_width {
    width: 50%;
}
.talk_astrolgers {
    background: #F7F7F7;
    padding: 45px 0;
}
img.apps {
    margin-right: 6px;
}
.talk_astrolgers .view_all {
    border: 1px solid #fff !important;
}
section.mt-3.category_box.py-0 {
    margin-top: 40px!important;
}
section.p-4.shop_filter.h {
    margin-top: 30px;
}
.talk_astrolgers .card {
    margin: 0px 10px;
    border: 0px;
    overflow: hidden;
    transition: all .2s ease-in;
    /* background: url(../img/astrolgers_bg.png); */
    background-size: cover;
    padding:10px;
    box-shadow: none !important;
    border: 1px solid #f0f0f0 !important;
}
.talk_astrolgers .live_option {
    margin-top: -15px;
}
.online, .offline {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: relative;
    left: 0;
    z-index: 1;
    top: 0;
    animation: ripple-white3 1s linear infinite;
    display: block;
}
.talk_astrolgers .name_online {
    display: flex;
    align-items: center;
}
.talk_astrolgers .tag.tag-ab {
    left: 2em;
    top: 5em;
    z-index: 9;
}
.tag span {
    font-weight: 500;
    font-size: 10px !important;
}
.instructors_bg {
    background: url(../img/banner-white.png.webp);
    padding: 80px 0 40px 0;
    background-size: cover;
}
.guru_main .card, .talk_astrologer .card {
    margin-right: 10px;
    padding:5px !important;
    background: #fff;
    border: 1px solid #b4adad !important;
}
h6.c-h.text-truncate.truncate i {
   font-size: 18px;
    color:#daab1f;
    position: absolute;
    right:0px;
    top: 0px;
}
.guru_main .card:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -135px 0 0 -135px;
    background-image: url(../img/circle1.png);
    width: 271px;
    height: 270px;
    animation: spin 9s infinite linear;
    -webkit-animation: spin 9s infinite linear;
    -moz-animation: spin 9s infinite linear;
    z-index: 9;
    opacity: 0.6;
}
.indus-box {
    position: relative;
    width: 90%;
    height: 270px;
    overflow: hidden;
    background: linear-gradient(to bottom, #342a21 0%, #1c150e 100%);
    border-radius: 5px;
    margin-bottom: 30px;
}

.indus-box:hover:before {
    opacity: 1;
    left: 200%;
}

.indus-box:hover img {
    opacity: 0.2;
}

.indus-box img {
    width: 100%;
    height: auto;
    transition: all 0.6s ease;
}

.indus-box:before {
    content: '';
    background: #fff;
    width: 200px;
    opacity: 0.6;
    transform: skew(-20deg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    box-shadow: 0 0 100px #fff;
    transition: all 0.6s ease;
}

.indus-box .text {
    position: absolute;
    bottom: 1px;
    width: 100%;
    text-align: left;
    padding: 20px 20px;
    background: linear-gradient(359deg, #000000ad, #00000000);
    text-shadow: 2px 2px 2px #00000063;
}

.indus-box h3 {
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0;
}
.indus-box .content-text h3 {
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 0;
}

.indus-box .content-text {
    transform: translateY(100%);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

.indus-box:hover .text {
    opacity: 0;
}

.indus-box:hover .content-text {
    transform: translateY(-190px);
    opacity: 1;
    color: #fff;
    text-align: left;
    padding: 20px 20px;
}

.indus-box span {
    background: #ab8965;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    color: #000;
    margin-left: 12px;
}
.cart img {
    width: 24px;
}
.courses_bg{
    border-radius: 10px;
    /* padding: 20px; */
    overflow: hidden;
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
    transition: all .2s ease-in;
}
.courses_bg .spacalization h6{
       color: #A1A1A1;
    font-size: 12px !important;
}
.courses_bg .course_name {
    font-size: 16px !important;
    font-weight: 600;
}
.courses_bg .card-body {
        padding: 0;
    padding-top: 16px;
}
.course_bg img {
    width: 100%;
}
.title_breadcrumb{
        position: absolute;
    bottom: -13%;
    background: #ffffff;
    padding: 20px 25px;
    border-radius: 10px;
    box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
}
.title_breadcrumb h1{
        font-size: 18px;
    margin-bottom: 4px;
        color: #b11c1c;
            text-align: left !important;
}
.title_breadcrumb p{

}
.title_breadcrumb .breadcrumb{
   font-size: 12px;
       margin-bottom: 0;
}









/* ul li {
  list-style: none;
} */
.accordion-menu {
  padding: 0;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #c6c6c6 !important;
  padding: 20px;
}
.accordion-menu li.open .dropdownlink {
  /* color: #CDDC39; */
  .fa-chevron-down {
    transform: rotate(180deg);
  }
}
.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}
.dropdownlink {
  cursor: pointer;
  display: block;
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  color: #212121;
  position: relative;
  transition: all 0.4s ease-out;
  i {
    position: absolute;
    top:8px;
    left:7px;
  }
  .fa-chevron-down {
    right: 12px;
    left: auto;
  }
}

.submenuItems {
  display: none;
    /* border: 1px solid #B6B6B6; */
    padding: 0;
  li {
    /* border-bottom: 1px solid #B6B6B6; */
  }
}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 45px;
  transition: all 0.4s ease-out;
  &:hover {
    /* background-color: #CDDC39;
    color: #fff; */
  }
}



/* manoj css */

ul.footer_list li {
    padding-bottom: 16px;
}
section.copyright {
    background: #0C2E3B;
        padding: 10px 0px
}
.footer_menu {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}
.footer_menu ul li {
    padding: 20px 0px;
}
ul.footer_list li a:hover {
    /* border-bottom: 2px solid #FFA500 !important; */
    /* width: max-content !important; */
    transition: .1s
}
.footer_menu ul li a:hover {
    border-bottom: 2px solid #FFA500 !important;
    width: max-content;
    transition: .1s
}
.nav-pills li a.active{
  color: white !important;
}
.nav-pills .nav-link.active{
  background: #0C2E3B;
}
.footer_menu ul li a {
    border-bottom: 2px solid #026489 !important;
    /* width: max-content; */
    transition: .1s
}
ul.footer_list li a {
    border-bottom: 2px solid #026489 !important;
    /* width: max-content !important; */
    transition: .1s
}
.visa-card ul li i {
    font-size: 29px;
    background: #ffffff;
}
section.play-store {
    background: #002C9D0A;
    padding-top: 35px !important;
}
.download_app h5 {
    color: #000000;
    font-size: 30px;
    width: 86%;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 20px;
    letter-spacing: .8px;
}
.download_app p {
    font-size: 15px;
    width: 82%;
    font-weight: 400;
    margin-bottom: 12px;
}
.download_app h6 {
    color: #000000;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    width: 85%;
}
.consult_app img {
    width: 63%;
    margin: 0 auto;
    display: block;
}
ul.icon_listsss.appointment{
  position: relative;
}
ul.icon_listsss.appointment i {
    padding: 5px 5px;
    border-radius: 50%;
    font-size: 25px;
    position: absolute;
    left: -6px;
    margin-top: -10px;
    color: #00A9C0;
}
p{
  line-height: 25px;
}
ul.icon_listsss.appointment li {
    color: #000000;
    font-weight: 400;
    font-size: 15px;
    list-style: none;
    margin-bottom: 10px;
}
ul.icon_listss li {
    list-style: none;
}
p.d-88 {
    width: 90%;
}
form#multistepsform .form-check.text-start input {
    width: 16px !important;
}
section.accordion_main .accordion-item,.accordion-item {
    background-color: #fff !important;
    border: unset !important;
    margin-bottom: 10px;
    box-shadow: 0px 3px 49px 9px #0000000F !important;
    border-radius: 15px !important;
    padding: 0px !important;
}
section.accordion_main .accordion-button:not(.collapsed),.accordion-button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #0C2E3B !important;
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .125);
    font-size:17px;
    font-weight: 500 !important;
    font-family: 'Poppins';
    padding: 10px 20px;
    border-radius:9px 9px 0px 0px !important;
    transition: .5s;
}
section.accordion_main .accordion-body,.accordion-body {
    padding: 0px 25px 13px 20px !important;
    color: #272727;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins';
}
.accordion-body{
  padding-top: 15px !important;
}
section.accordion_main .accordion-body p {
    text-align: left !important;
}
section.accordion_main h2 {
    color: #000000;
    font-weight: 600;
    text-align: center;
    font-size:30px !important;
    margin-bottom: 12px;
    letter-spacing: .5px;
    margin-top: 9px;
}
section.accordion_main p,.accordion-body p {
    color: #000;
    font-size: 16px;
}
section.accordion_main button.accordion-button.collapsed,.accordion-button.collapsed {
    border-radius: 15px !important;
    color: #000000DE !important;
    background-color: unset;
    box-shadow: inset 0 0px 0 rgba(0, 0, 0, .125);
    font-size: 17px;
    font-weight: 500 !important;
    font-family: 'Poppins';
    padding: 10px 20px !important;
}
/* .accordion-button:not(.collapsed)::after {
    background-image: url(../images/down.png) !important;
    rotate: 180deg;
} */
.top-category ul {
    justify-content: space-between;
    list-style: none;
    padding: 0;
}
.top-categorys ul {
    justify-content: space-between;
    list-style: none;
    padding: 0;
    align-items: center;
}
.top-categorys ul li {
    color: #000000;
    font-size: 30px;
    font-weight: 600;
}
.top-category p {
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #00000026;
    padding: 10px 10px;
    border-radius: 8px;
    margin-bottom: 25px;
}
.top-category p span img {
    margin-right: 8px;
}
.cost_tomorrow{
background-color: #F7F7F7;
}
.advice_today {
    text-align: center;
    display: block;
    width: 80%;
    margin: 0 auto;
}
/* .cost_tomorrow h2 {
    color: #425066;
    font-weight: 400;
} */
.cost_tomorrow button.view_all {
    margin: 0 auto;
    display: block;
}
.advice_today img {
    width: 58px;
    margin-bottom: 12px;
}
.advice_main.d-flex.pt-4 {
    margin: 0 auto;
    display: block;
    width: 52%;
}
.download_app.some_changes h5 {
    font-size:25px !important;
    color: #0C2E3B;
    font-weight: 500;
    margin: 0;
}
.we_always h4 {
    color: #425066;
    font-weight: 600;
    font-size: 30px !important;

}
.we_always p.d-88.w-60.mt-3 {
    width: 56%;
}
img.only-one.img-fluid.rounded-start {
    width: 89%;
}
.container-fluid.m-md-0.mt-5 {
    --bs-gutter-x: 0rem !important;
}
.bannerslider.slick-initialized.slick-slider {
    position: relative;
}
.row.justify-content-between.desktop.astro-filter {
    background: #ffffff;
    position: relative;
    top: -45px;
    box-shadow: 0px 1px 4px 0px #0000004d;
    padding: 25px 20px 15px 14px;
    border-radius: 12px;
}
.white {
    color: #fff;
    line-height: 48px;
    font-size: 39px !important;
    width: 59%;
    letter-spacing: .5px;
}
h2.consults_banner {
    color: #fff;
    font-size: 22px !important;
    font-weight: 400;
}
.banner_hire_lawyer {
    /* background-image: url(../images/image-laywer.png); */
background-image: url(../images/hirebaner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.banner_hire_lawyer.foherlaw {
    /* background-image: url(../images/image-laywer.png); */
background-image: url(../images/Hire-law.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.askquestion_lawyer {
    background-repeat: no-repeat;
      background-image: url(../images/askq2.jpg);
    /* background-image: url(../images/image-634.png); */
    background-size: cover;
}
p.hiressp {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 0px;
}
.row.right_lawyer.mt-4 {
    background: #ffffff;
    border-radius: 12px;
    padding: 20px 10px;
    box-shadow: 0px 0px 4px 0px #00000024;
    text-align: center;
}
p.find-right {
    width: 87%;
    margin: 0 auto;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    display: block;
    letter-spacing: .5px;
    margin-bottom: 30px;
}
.frobld{
  font-weight: 500;
}
ul#progressbar li {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    font-family: 'Poppins';
}
#multistepsform {
    width: 100%;
    text-align: center;
    position: relative;
    border: 1px solid #00000033;
    border-radius: 12px;
    box-shadow: 2px 2px 5px 0px #00000033;
    padding: 20px 25px;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    display: block;
    background-color: #f5fcff;
}
  #multistepsform input,
  textarea, select {
    padding: 8px !important;
    border: 1px solid #CDCDCD !important;
    border-radius: 7px !important;
    margin-bottom: 17px;
    width: 100%;
    box-sizing: border-box;
    color: #948E8E !important;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    padding-left: 12px !important;
    &:focus {
      border-color: #CDCDCD;
      outline: none;
      color: #948E8E;
    }
  }
  select#type:focus {
      border-color: #CDCDCD !important;
      box-shadow: unset !important;
  }
  #multistepsform textarea.form-control{
    padding: 6px !important;
    border: 1px solid #CDCDCD !important;
    border-radius: 7px !important;
    margin-bottom: 17px;
    color: #948E8E !important;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    padding-left: 12px !important;
  }
  .action-button {
    width: max-content;
    background: #28333A;
    color: #fff;
    /* transition: 150ms; */
    border: 0 none;
    border-radius: 6px;
    cursor: pointer;
    padding: 10px 20px;
    margin: 12px 5px;
    font-size: 14px;
}
  .action-button:hover,
  .action-button:focus {
    box-shadow: 0 0 0 2px #f08a5d, 0 0 0 3px #ff976;
    color: #fff;
  }
  .fs-title {
    font-size: 30px !important;
    font-weight: 500;
    color: #000000;
    margin-bottom: 10px;
  }
  .fs-subtitle {
    font-weight: normal;
    font-size: 18px;
    color: #000000;
    margin-bottom: 0px;
    font-weight: 500;
  }
  p.inforemws {
      width: 93%;
      margin: 0px auto;
      padding-bottom: 30px;
      padding-top: 10px;
      font-size: 15px !important;
  }
  /*progressbar*/
  #progressbar {
      overflow: hidden;
      counter-reset: step;
      margin: 0 auto !important;
      display: block !important;
      width: 75% !important;
  }
  #progressbar li {
  list-style-type: none;
  color: #666;
  font-size: 9px;
  width: 48.33%;
  float: left;
  position: relative;
  letter-spacing: 1px;
  }

  #progressbar li:before {
  content: counter(step);
  counter-increment: step;
  width: 33px;
  height: 33px;
  line-height: 26px;
  display: block;
  font-size: 12px;
  color: #333;
  background: white;
  border-radius: 25px;
  margin: 0 auto 5px auto;
  display: flex;
    justify-content: space-around;
      align-items: center;
      border: 1px solid #002E6E;
      font-weight: 600;
  }
  #progressbar li:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #002E6E;
  position: absolute;
  left: -50%;
  top: 15px;
  z-index: -1;
  }
  #progressbar li:first-child:after {
  content: none;
  }
  #progressbar li.active:before, #progressbar li.active:after {
  background: #FFDA6D;
  color: #000000;
  font-weight: 600;
  font-size: 14px;
  border: unset;
  }
  .second_lawyer p {
      color: #423D3D;
      font-weight: 400;
      font-size: 14px;
      width: 82%;
      margin: 0 auto;
  }
    label.form-label.required {
        display: block !important;
        color: #000000;
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 4px;
    }
    .second_lawyer img {
        width: 90px;
        margin-bottom: 15px;
    }
    .second_lawyer h4 {
        color: #002E6E;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: .5px;
    }
    .second_lawyer.div_arrow:before {
        content: '';
        background-image: url(../img/divider.png);
        width: 250px;
        height: 29px;
        position: absolute;
        left: 69%;
        top: -8px;
    }
  .second_lawyer{
    position: relative;
  }
  .second_lawyer.div_second:before {
      content: '';
      background-image: url(../img/divider-s.png);
      width: 250px;
      height: 29px;
      position: absolute;
      left: 68%;
      top: 35%;
  }
  .otpmain_section .modal-dialog {
    background: #fff;
    border-radius: 12px;
}
.otpmain_section .modal-header {
    box-shadow: inherit !important;
    border: 1px solid #000 !important;
    position: absolute;
    right: 7px;
    padding: 16px;
    top: 3px;
    border-radius: 50%;
}
.otpmain_section button.btn-close {
    color: #fff !important;
    font-size: 13px;
    top: 10px;
    right: 9px;
    z-index: 9999;
    font-weight: 600;
}
.otpmain_section .modal {
    --bs-modal-width: 626px;
}
.otpmain_section img {
    width: 175px;
}
.otpmain_section .modal-content {
  border: var(--bs-modal-border-width) none;
}
div#otp {
    width: 345px;
}
.otp_section p span {
    color: #3B6BF6;
    font-size: 14px;
    font-weight: 500;
}
 h6.resend-otp {
    font-size: 13px;
    color: #7A7A7A;
    padding-left: 37px;
}
.otp_section button.submit.action-button {
    margin: 0 auto;
    display: block;
    margin-top: 17px;
    padding: 7px 59px;
}
form#multistepsform .form-control:focus {
    box-shadow: unset;
}
img.img-fluid.w-53 {
    width: 19% !important;
}
/*
.legal_queries {
    background: #ffffff;
    border: 1px solid #00000033;
    border-radius: 10px;
} */
.legal_queries h2 {
    color: #000000;
    font-size: 22px !important;
    text-align: center;
    background: #ffffff;
    border-radius: 10px 10px 0px 0px;
    font-weight: 500;
    padding: 0px;
}
.card_queries {
    background: #ffffff;
    border: 1px solid #00000033;
    border-radius: 8px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.card_queries h3 {
    background: #F7F7F7;
    padding: 7px 15px !important;
    border-radius: 10px 10px 0px 0px;
    color: #000000;
    font-weight: 500;
    font-size: 15px !important;
}
button.submit.civel-button {
    background: #157B1133;
    border-radius: 6px;
    padding: 3px 20px;
    border: 0px solid #157B1133;
    box-shadow: unset;
    color: #157B11;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px !important;
    margin-left: 15px !important;
}
.list-iconnew h6 {
    font-size: 20px;
}
.list-iconnew h5 {
    font-size: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
}
p.p-1.fs-8.mb-2 {
    margin-left: 15px;
}
.empaty {
    margin-bottom: 12px;
}
.card_queries.mb-3 p {
    padding: 10px;
}
.legal_queries button.submit.action-button {
    margin: 0 auto;
    display: block;
    margin-top: 44px;
    margin-bottom: 27px;
}
section.ask_form label.form-check-label {
    margin-left: 7px !important;
    font-weight: 500;
    color: #000000;
    font-size: 14px;
}
.ask_form ul#progressbar {
    width: 50% !important;
}
.ask-question-list select {
    width: 23%;
    font-weight: 500;
    color: #000000 !important;
}
.ask-question-list {
    border: 1px solid #00000033;
    border-radius: 10px;
    padding: 15px;
}
.ask-question-list h3 {
    font-size: 21px !important;
    letter-spacing: .6px;
    font-weight: 500;
}
.ask-question-list i {
    font-size: 26px;
    color: #2196F3;
    font-weight: 300 !important;
    margin-right: 10px;
}
.cases-list {
    display: flex;
    gap: 38%;
}
.cases-list ul li {
    list-style: none;
    margin-bottom: 15px;
    color: #002E6E;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
img .w-35 {
    display: block;
    width: 40%;
    margin: 0 auto;
}

.card_detailf {
    border-radius: 10px;
    border: 1px solid #00000030;
    padding: 18px 20px;
    box-shadow: 0px 4px 4px 0px #00000020;
}
h3.app_now {
    color: #FF1F00;
    font-size: 38px;
    font-weight: 600;
}
.details_question h2 {
    background: #F7F7F7;
    border-radius: 10px 10px 0px 0px;
    /* padding: 8px 20px; */
    box-shadow: unset!important;
    border: 1px solid #00000033;

}
.card-details {
    border: 1px solid #00000033;
    border-radius: 0px 0px 10px 10px;
    padding: 15px 20px;
}
button.submit.action-button.Beneficial {
    background: unset !important;
    color: #000;
    border: 1px solid #00000026;
    padding: 6px 14px;
}
button.submit.action-button.Beneficial i {
    font-size: 18px;
    margin-right: 7px;
}
.w-35 {
    width: 34% !important;
}
.ask_form_details .accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-item{
    box-shadow: unset;
    padding:7px;
    border: 0px solid !important;
}
/* .ask_form_details .accordion-item {
    border: 0px solid !important;
    padding: 0px !important;
} */
.ask_form_details button.accordion-button{
  color: #000000 !important;
  font-size: 16px !important;
  color: #000000 !important;
  font-weight: 500;
  padding: 8px 20px ;
}
.ask_form_details .accordion-body {
    padding: 0;
}
.ask_form_details h2#panelsStayOpen-headingTwo {
    padding: 0;
}
.row.justify-content-between.desktop.astro-filter.top-product {
    position: static;
    background: unset !important;
    box-shadow: unset;
    padding: 20px 0px;
}
button.next.action-button.buy-now.m-auto {
    padding: 8px 15px;
    background: #0C2E3B;
    margin-bottom: 22px !important;
}
.main_modal.modal {
    z-index: 1060;
    --bs-modal-width: 900px;
}
.main_modal .modal-body {
    padding: 0;
}
h6.onlythis {
    text-align: center;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 25px;
    letter-spacing: 1px;
    font-family: 'Poppins' !important;
    text-transform: uppercase;
}
.imagesss {
    background-image: url(../images/login-formss.png);
    background-size: cover;
    height: 478px;
    border-radius: 0px !important;
}
.imagesss img {
    width: 42%;
    margin: 0 auto;
    display: block;
}
.imagesss h5 {
    color: #fff;
    padding: 10px;
    margin-top: 115px;
    text-align: center;
    font-weight: 500;
    line-height: 30px;
}
.imagesss p {
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 0px 20px;
    line-height: 23px;
}
button.btn-close.poplogin {
    z-index: 99;
    border: 1px solid #000;
    border-radius: 22px;
    top: 14px;
    right: 15px;
}
.main_modal .modal-header {
    padding: 0;
}
.main_modal .modal-header {
    padding: 0;
    border-bottom: 0px !important;
}
.modal-content.mobile-top {
    border-radius: 14px;
}
.myform {
    padding: 10px 30px 20px 20px;
}
.signup_input input::placeholder {
    font-size: 13px;
    color: #948E8E;
}
.myform h3 {
    font-size: 19px !important;
    font-weight: 700;
    padding: 0;
    margin-top: 15px;
    text-align: center;
}

.forfont{
  font-size: 22px;
}
.main_login, .main_opts{
  display:none;
}
.d-flex.gap-4.header-login p {
    font-size: 13px !important;
}
span#loginnew {
    text-decoration: underline;
    padding-right: 15px;
}
span#signupnow {
    text-decoration: underline;
    padding-right: 15px;
}
button#loginnew {
    border: unset;
    background: unset;
    color: #000;
    font-weight: 700;
    text-decoration: underline;
}
.myform p {
    color: #424242;
    font-weight: 400;
    font-size: 14px !important;
    text-align: center;
}
button.submit.Loginbutton {
    background: #0C2E3B;
    padding: 9px 24px;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    border: unset;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: .5px;
    font-family: 'Poppins' !important;
    margin-top: 20px;
}
button.submit.Loginbutton i {
    margin-left: 8px;
    font-size: 18px;
}
.footer_login li {
    list-style: none;
    font-size: 11px;
}
.footer_login ul {
    justify-content: space-between;
    padding-right: 15px !important;
}
.myform label.form-label {
    font-size: 13px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 15px;
}
.footer_login.ssss {
    position: relative;
    bottom: -103px;
}
.otp_section.loginss {
    margin-top: 140px;
}
 button.btn-close.loginss {
    box-shadow: inherit !important;
    border: 1px solid #000 !important;
    position: absolute;
    right: 8px;
    padding: 7px;
    top: 10px;
    border-radius: 50%;
}
.user-name a {
    line-height: 27px !important;
}
header .icon_list li:last-child {
    overflow: visible;
    margin: 3px 0;
}
ul#myTab\ addproductpage a.nav-link.active {
    color: #ffffff !important;
    box-shadow: unset;
    border: 1px solid #0C2E3B;
    background: #0C2E3B;
    border-radius: 10px;
    padding: 12px 25px;
    line-height: 20px;
}
ul#myTab\ addproductpage a.nav-link {
    color: #0C2E3B !important;
    box-shadow: unset;
    border: 1px solid #0C2E3B;
    background: #ffffff;
    border-radius: 10px;
    padding: 11px 25px;
    line-height: 20px;
}
ul#myTab\ addproductpage {
    border-bottom: 0px;
    margin-top: 24px;
}
ul#myTab\ addproductpage li.nav-item {
    padding: 0;
    margin-right: 20px;
}
.discription-heading .accordion-button::after {
    margin: 0 !important;
    margin-left: 10px !important;
}
div#accordionExample\ fffff button.accordion-button.collapsed,button.accordion-button {
    padding: 0px 0px;
}
.main_button {
    background: #0C2E3B;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    box-shadow: unset !important;
    border: 1px solid #0C2E3B;
    cursor: pointer;
    font-size: 16px;
}
.main_button-w{
  background:white;
  color: #black;
  padding: 10px 25px;
  border-radius: 10px;
  box-shadow: unset !important;
  border: 1px solid white;
  cursor: pointer;
  font-size: 16px;
}
.col-lg-12.signup-form input.form-control {
    border-right: 1px solid gainsboro;
}
.discription-heading .accordion-body {
    padding: 12px 15px;
    background: #F7F7F7;
    border-radius: 10px;
    font-size: 14px;
    line-height: 28px;
    color: #3E3E3E;
    font-weight: 400;
}
.discription-heading .accordion-body ol li{
  line-height: 33px !important
}
.discription-heading button.accordion-button {
    box-shadow: unset !important;
    color: #000000 !important;
    font-size: 18px;
    font-weight: 500;
}
.discription-heading .accordion-button:not(.collapsed)::after {
    background-image: url(../images/downlogo.png) !important;
    rotate: 180deg;
    margin-top: 10px !important;
}
 h5.all-reviews span {
    color: #00000099 !important;
    font-size: 14px;
}
.reviews-mainss {
    border: 1px solid #00000033;
    border-radius: 10px;
    padding: 20px 20px !important;
    height: 225px !important;
}
.reviews-mainss li i {
    color: #FFC633;
    font-size: 21px;
}
.reviews-mainss li {
    gap: 7px;
}
.scrollbar
{
	overflow-y: auto;
  max-height: 60px;
}

#style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.reviews-mainss h5 {
    color: #000000;
    font-size: 18px !important;
    font-weight: 500;
    margin-bottom: 12px;
}

.reviews-mainss h5 i {
    color: #01AB31;
    font-size: 20px;
}
.reviews-mainss h5 span{
  margin-left: 10px;
}
.reviews-mainss p {
    color: #00000099;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}
button.more-reviews {
    margin: 0 auto;
    display: block;
    background: #ffffff;
    border: 1px solid #0C2E3B;
    padding: 10px 25px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 500;
}
button.more-reviews:hover{
  background: #0C2E3B;
  color: #fff;
  border: 1px solid #0C2E3B;
}
section.otpmain_section .modal-dialog{
  pointer-events: auto !important;
}
.card.backcolor-new {
    background: #0C2E3B;
    border: 1px solid #0C2E3B;
    box-shadow: 0px 1px 4px 0px #00000017;
    border-radius: 9px;
    height: 134px;
}
.card-body.backcolor-user-dashbaord li a.active {
    background: red;
    display: block;
}
.card-body.backcolor-user-dashbaord {
    padding: 0px;
}
/* .main-dashboard-card {
    border: 1px solid #E8E8E8;
    box-shadow: 0px 18px 40px 0px #DCE0F980;
    border-radius: 8px;
} */
.main-dashboard-card li a {
    padding: 0px 16px;
    color: #0C2E3B !important;
    font-weight: 400;
    font-size: 16px !important;
}
.order-new ul li a i {
    margin-right: 10px;
    font-size: 20px;
}
.main-profiless select.form-select:focus {
    box-shadow: unset;
    border-color: #86b7fe !important;
}
.cons-card {
    background: #0C2E3B;
}
button.btn-close.notifiacton {
    top: 11px;
    font-size: 12px;
    right: 12px;
    border: 1px solid #000;
    border-radius: 28px;
}
.f-heading-main.p-3.new-back.tessss {
    text-align: center;
    background: #D9D9D9;
    border-radius: 10px 10px 0px 0px;
}
.f-heading-main.p-3.new-back.tessss h5 {
  color: #000000;
}
section.reviews.p-5 {
    display: none;
}
section.review.pt-5.bg-light {
    display: none;
}
/*
.banner_height {
    width: 100% !important;
} */
.main-content-play {
    display: flow;
    align-items: center;
    margin-top: 43px;
    padding: 0px 35px;
}
.playss.modal-header {
    border-bottom: 0px;
    padding: 3px 0px;
}
.products-newp p {
    margin-bottom: 11px;
    font-size: 17px;
}
button.mb-3.wish.wishlist-btnn.mt-2.mb-2.mb-2 {
    margin-bottom: 9px !important;
    border-radius: 50%;
    margin-top: 2px !important;
    height: 44px !important;
    width: 45px;
}
button.btn-close1.btn-close {
    border: 1px solid #000;
    border-radius: 13px;
    padding: 7px;
    top: 8px;
    right: 7px;
    z-index: 99;
}
.check-card1 {
    opacity: 1;
    display: flex;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
    align-items: center;
    flex-direction: row;
    border: none;
    border-bottom: 1px solid #d5d5d5;
    border-radius: 0px;
    padding-bottom: 15px;
    height: 130px;
    padding-left: 0px;
}
.check-card1 .cart_img {
    width: 15%;
    margin-right: 15px !important;
}
.cart_img img{
  width: 100%;
}
.quantity_icon {
    background: #0C2E3B;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff !important;
    border: 0px solid #000;
    width: 30px;
    height: 30px !important;
    border-radius: 50%;
    display: block;
    text-align: center;
    cursor: pointer;
}
.check-card1 .overlay .number-1 {
    border: none !important;
}
.quantity span{
  font-weight: bold;
}
.check-card1 .courses_width {
    width: 80%;
}
/* .check-card1 .overlay {
    width: 15%;
} */
.check-card1 .cross-icon-card1 {
    width: 10%;
    text-align: center;
    margin-top: -8px;
}
span.minus.decrease-qty-btn,span.plus.increase-qty-btn {
    background: #0C2E3B;
    border-color:#0C2E3B !important;
}
.btn.without-hover:hover {
    background: #0C2E3B !important;
}
section.find-rightaway {
    background: #026489;
    padding: 45px 0px;
    margin: 30px 0px;
}
.backcolor {
    background: #E6D0D0;
    padding: 15px 10px !important;
}
.backcolor2 {
    background: #0C2E3B;
    padding: 15px 10px !important;
}
.backcolor3 {
    background: #DAAB1F;
    padding: 15px 10px !important;
}
.backcolor4 {
    background: #E6D0D0;
    padding: 15px 10px !important;
}
.backcolor5 {
    background: #0C2E3B;
    padding: 15px 10px !important;
}
.mainsssss h2 {
    text-align: center;
    background: #ffffff;
    width: 60px;
    margin: 0 auto;
    border-radius: 50%;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 23px !important;
    color: #000000;
    border: 1px solid #cccccc;
    font-weight: 700;
}
.mainsssss h6 {
    color: #002E6E;
    font-weight: 500;
    margin-top: 15px;
}
.mainsssss p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}
.advolive-hire img {
    width: 100%;
}
section.online-lawyer {
    background: #F7F7F7;
    padding: 30px 0px;
}
.dacades-lawyer h3 {
    font-weight: 600;
    margin-bottom: 20px;
    color: #000000;
}
.dacades-lawyer ul li {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    width: 97%;
}
section.we_always.this-page{
    padding: 10px 0px;
    background: #F7F7F7;
}
.border-mid p {
    background: #026489;
    border-radius: 50%;
    padding: 6px 9px;
    text-align: center;
    margin-bottom: 0px !important;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 220px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}
section.handle-main {
    padding: 31px 0px;
}
.row.w-80 {
    width: 80%;
    margin: 0 auto;
}
.cardtype-cases {
    border: 1px solid #026489;
    margin-bottom: 45px;
    border-radius: 10px;
    padding: 10px 8px;
    font-size: 14px;
    position: relative;
}
.cardtype-cases.border-mid2 {
    margin-top: 75px;
    margin-bottom: 36px;
}
.cardtype-cases {
    margin-bottom: 90px;
}
.cardtype-cases p {
    margin-bottom: 0 !important;
}
.cardtype-cases h1 {
    text-align: center;
    background: #026487;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px !important;
    color: #ffffff;
    font-weight: 600;
}
section.handle-main .col-md-4.top {
    margin-top: 125px;
}
.cardtype-cases p {
    padding-top: 25px;
}
.cardtype-cases h1:nth-child(odd) {
    position: absolute;
    top: -25px;
    left: 41%;
}
.cardtype-cases h1:nth-child(even) {
    position: absolute;
    bottom: -25px;
    left: 41%;
}
.cardtype-cases p:nth-child(odd) {
    padding-top: 0px !important;
    padding-bottom: 15px !important;
}
.cardtype-cases p:nth-child(even) {
    padding-top: 25px !important;
    padding-bottom: 0px !important;
}
.border-mid p::before {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 73px;
    top: -72px;
}
.border-mid p::after {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 68px;
    bottom: -63px;
    rotate: 180deg;
}
.border-mid p{
  position: relative;
}
.border-mid{
  position: relative;
}
.border-mid:before {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 73px;
    z-index: 9;
    rotate: 284deg;
    left: 43px;
    top: -12px;
}
.border-mid:after {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 58px;
    z-index: 9;
    left: 28px;
    rotate: 261deg;
    bottom: 37px;
}
.cardtype-cases.beforeee::before {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 59px;
    rotate: 108deg;
    left: -35px;
    top: -18px;
}
.cardtype-cases.afterrr::before {
    content: '';
    position: absolute;
    background-image: url(../images/arrow-new.png);
    width: 8px;
    height: 74px;
    rotate: 78deg;
    left: -57px;
    bottom: -15px;
}
.join-advolive ul li {
    margin-bottom: 12px;
}
section.selling-usp {
    background: #F7F7F7;
    padding: 30px 0px;
}
.our-missionsss {
    display: flex;
    gap: 20px;
}
.our-missionsss {
    display: flex;
    gap: 20px;
    background: #FFE6DF;
    padding: 15px 20px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #00000033;
}
.our-visionss {
    display: flex;
    gap: 21px;
    background: #E4EBFD;
    padding: 12px 31px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #00000033;
}
.fon30{
  font-size: 30px !important;
}
.content-s h5 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.forfon15{
  font-size: 15px !important;
}
.font25{
  font-size: 25px !important;
}
.fon30{
  font-size: 25px !important;
}
.minute.model {
    background: #fff;
    border: 1px solid #00000033;
    border-radius: 10px;
    padding: 20px 20px;
    height: 200px;
}
.minute.model h6 {
    text-align: center;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
}
.clint-flow h6 {
    color: #002E6E;
    font-weight: 500;
    font-size: 17px;
}
.cardtype-cases.mobile-only {
    display: none;
}
.otp_section input.form-control {
    border-right: 1px solid gainsboro;
    padding: 6px 0px 6px 11px;
    align-items: center;
    display: flex;
}
.get-instant h6 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
.get-instant h4 {
    font-size:30px;
    font-weight: 500;
    margin-bottom: 14px;
}
.get-instant ul li {
    margin-bottom: 8px;
}
a.btn.btn-secondary.newwww {
    display: block;
    width: max-content;
    margin: 10px auto;
}
/* .float-shadow,.btn:hover {
    background: #0C2E3B !important;
    border-color: #0C2E3B !important;
    font-weight: 600;
    transition: .3s
} */
.next.action-button:hover,
.view_all:hover{
  background: #0C2E3B !important;
  border-color: #0C2E3B !important;
  transition: .3s;
  color:white;
}
.bg-darkblue{
  background: #0C2E3B !important;
}

.card.bg-primary.text-center.text-white {
    background: #0C2E3B !important;
}
.card.bg-success.text-center.text-white {
    background: #0C2E3B !important;
    border-color: #0C2E3B !important;
}
.form-group.seacrchbarlist input {
    border-radius: 10px;
    height: 40px;
    border: 1px solid #000;
    padding: 10px;
    margin: 10px 0px 20px 0px;
    font-size: 14px;
}
.modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
    top: 100px;
}
.gaptop-main {
    margin-top: 40px !important;
}
 .check-boxlist ul li:before {
    font-family: bootstrap-icons !important;
    content: '\f4b5';
    position: absolute;
    margin-left: -29px;
    font-size: 17px;
    color:#daab1f;
    margin-top: -2px;
}
.bi-check-circle-fill::before{
  color: #daab1f !important;
}
.check-boxlist li {
    list-style: none;
    margin-bottom: 8px;
    font-size: 16px;
}
.col-12.d-flex.justify-content-start.gap-3.w-review {
    align-items: baseline;
    font-size: 18px;
}
.list ul li:before {
    left: 30px !important;
}
.about-list h2{
  font-size: 22px;
}
.list-iconnew ul li:before {
  content: "\f00c";
  font-family: 'FontAwesome';
  padding: 2px 5px;
  color: #ffffff;
  font-size: 9px;
  height: 18px;
  width: 18px;
  left:0px;
  margin-top:4px;
  position: absolute;
  background:#daab1f;
  border-radius: 50%;
  font-weight: 400 !important;
}
.list-iconnew ul {
    list-style: none;
    padding: 0;
}
.list-iconnew ul li {
    margin-bottom: 10px;
    margin-left: 30px;
}
.list-iconnew.adminpage ul li {
    margin-bottom: 10px;
    margin-left: 50px;
}

.list-iconnew.adminpage ul li:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    padding: 2px 5px;
    color: #ffffff;
    font-size: 9px;
    height: 18px;
    width: 18px;
    left: 20px;
    margin-top: 4px;
    position: absolute;
    background: #daab1f;
    border-radius: 50%;
    font-weight: 400 !important;
}
.list-iconnew {
    position: relative;
}
.f-25{
  font-size: 25px !important;
}
.f-30{
  font-size: 30px !important ;
}
.check-boxlist h5 {
    margin-top: 15px !important;
}
.f-18{
  font-size: 18px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-box.releted-boxx img.rounded {
    width: 100%;
}
.col-lg-12.col-12.shadow.rounded.py-4.astro_list.list-iconnew.mb-5 {
    padding-left: 20px;
}
.col-lg-12.col-12.shadow.rounded.py-4.astro_list.list-iconnew.mb-5.list-iconnew ul li:before{
      left: -30px !important;
}
.bottom-footer li{
  list-style: none;

}
.bottom-footer li a,.b-foo{
  color: white;
  font-size: 14px;
  font-weight: 300;
}

  .member-card .card{
  border: 1px solid #00000033 !important;
  border-radius: 12px !important;
  box-shadow: 2px 2px 5px 0px #00000033 !important;
  height: 570px;


  }
.bg-blue{
    background-color: #0C2E3B !important;
  }
  .chat-btn,.chat-btn:hover{
    border: 1px solid white;
  background: white;
    border-radius:7px;
  }

  .member-card-box{
    min-height: 386px;
      height: 392px;
      overflow-y: auto;
  }
  .member-card ul li {
    margin-bottom: 10px;
    margin-left:4px !important;
}
 .member-card ul li:before {
  padding: 5px 5px !important;
position: inherit !important;
margin: 4px !important;
}



.address-card {
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 16px;
      margin-bottom: 20px;
      display: flex;
      gap: 16px;
      margin: 10px;
      align-items: flex-start;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }
    .pencil{
      font-size:14px !important;
    }
.card-btnn{
  padding: 10px !important;
  background: #0C2E3B !important;
  color: white !important;
  font-size: 25px;
}
    .address-card input[type="radio"] {
      margin-top: 6px;
    }

    .address-content {
      flex-grow: 1;
    }

    .address-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 8px;
    }

    .address-header strong {
      font-size: 16px;
    }

    .address-details {
      color: #555;
      line-height: 1.5;
      margin-bottom: 12px;
    }

    .edit-btn {
      padding: 6px 12px;
      background-color: #2874f0;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      cursor: pointer;
    }

    .edit-btn:hover {
      background-color: #185acb;
    }
    .address-wrapper{
      overflow-y: auto;
      max-height: 400px;
    }
    .address-wrapper-2{
      overflow-y: auto;
      max-height: 700px;
    }
    .address-wrapper::-webkit-scrollbar,.address-wrapper-new-2::-webkit-scrollbar {
      width: 6px;
    }

    .address-wrapper::-webkit-scrollbar-thumb,.address-wrapper-2::-webkit-scrollbar-thumb {
      background: #0C2E3B;
      border-radius: 4px;
    }

    .address-wrapper::-webkit-scrollbar-track,.address-wrapper-2::-webkit-scrollbar-track {
      background: #ccc;
    }

    @media (max-width: 600px) {
      .address-card {
        flex-direction: column;
      }

      .address-header {
        align-items: flex-start;
        gap: 10px;
      }
    }



    /* business-page */

    .business-banner {
      background-image: url('/assets/images/bannerimg.png');
      background-size: cover;
      background-position: center;
      width: 100%;
      height: 600px;
    }


    @media (min-width: 768px) and (max-width: 991.98px) {

      .w-30 {
        width: 19% !important;
      }
    }

    @media (max-width: 768px) {
      .mt-blog{
        margin-top: 2rem;
      }
      .about-list{
        padding: 35px;
      }
      .fo-14{
        font-size:14px !important;
      }

      .mt-blog-2{
        margin-top: 3rem;
      }
      .btn:hover{
        background: #0C2E3A !important;
        color: white !important;
      }

      .business-banner img {
        height: 150px !important;
      }
      .mt-mobilen{
        margin-top:2rem;
      }
      .w-30{
        width: 30% !important;
      }
      .mt-top-off{
        margin-top: 4rem;
      }
      .f-10m{
        font-size: 10px !important;
      }
      .u-name{
        font-size:14px !important;
      }
      .mt-mobile2{
        margin-top:3rem !important;
      }
      .fs-p{
        font-size: 17px;
      }
      .userback-button{
        left: 12px !important;
        bottom: 14% !important;
      }
      .f-m11{
        font-size: 11px !important;
      }
      .accordion-item.enquire button:not(.collapsed) {
        font-size: 11px !important;

    }
    .price-list li{
      font-size: 10px;
    }
      button#coupon-apply-btn {
        padding: 8px 15px !important;
      }
      .enquire button{
        font-size: 10px !important;
      }
      .dash-sildbar {
    overflow: overlay;
    max-height:400px;
}
      .mtop-2{
        margin-top:2rem;
      }
      .m-mo{
        margin-top:40px;
      }
      .m-mobile{
        margin-top: 2rem !important;
      }
      .about-list h2{
   font-size: 17px;
}
.list ul li:before {
    left: 8px !important;
}
.about-list h1{
  text-align:start !important;
}
      .guru_main .card, .talk_astrologer .card {
    margin-right: 10px;
    padding: 10px !important;
    background: #fff;
    border: 1px solid #b4adad !important;
}
      .min-hhh2{
        min-height:100% !important;
      }
      .main_button-w {
    background: white;
    color: #black;
    padding: 10px 10px;
    border-radius: 10px;
    box-shadow: unset !important;
    border: 1px solid white;
    cursor: pointer;
  }
.mt-topn{
  margin-top: 50px;
}
      .recharge-main{
        margin-top:5rem;
      }
      .con-hi p{
        font-size: 12px;
      }
      .user-img {
    width: 65px;
    height: 65px;
}
.bottom-footer li a, .b-foo {
    color: white;
    font-size:9px;
    font-weight: 300;
}
    }

    @media (min-width: 768px) and (max-width: 1024px) {
      /* Yahan CSS likho jo sirf 768px se 1024px tak ke liye apply hogi */
      .w-30 {
        width: 19% !important;
      }
    }

    @media (min-width: 769px) and (max-width: 991px) {
      .business-banner img {
        height: 340px !important;
      }

    }

.m-tab{
  margin-top:5rem !important;
}
    .whoserve {
      padding: 50px 0;
    }

    .whoserve h1 {
      font-size: 32px;
      font-weight: 600;
      color: #000;
      margin-bottom: 20px;
    }

    .whoserve p {
      font-size: 16px;
      font-weight: 400;
      color: #333;
      line-height: 1.6;
    }

    .iblod {
      font-size: 16px;
      line-height: 1.6;
      color: black;
      display: block;
      text-align: center;
      margin-top: 30px;
    }

    .whosbox {
      background-color: #0C2E3B;
      color: #fff;
      padding: 30px 20px;
      border-radius: 5px;
      transition: transform 0.3s ease;
      height: 100%;
      box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.05);
    }

    .whosbox img {
      margin-bottom: 22px;
    }

    .whosbox h5 {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 10px;
      color: white;
    }

    .whosbox p {
      font-size: 16px;
      line-height: 1.5;
      color: white;
      font-weight: 400;
    }

    .whosbox:hover {
      transform: translateY(-5px);
    }

    .backcolor {
      background-color: #F2F7FF;
      padding: 50px 0;
    }

    .bakcolorh1p h1 {
      font-size: 32px;
      font-weight: 600;
      color: #000;
      margin-bottom: 20px;
    }

    .bakcolorh1p p {
      font-size: 16px;
      font-weight: 400;
      color: #333;
      line-height: 1.6;
    }

    .sechead {
      color: #425066;
      font-size: 32px;
      font-weight: 200;
      margin-top: 40px;
      margin-bottom: 30px;
    }

    .offer-box {
      padding: 17px;
      background-color: #fff;
      border-radius: 5px;
      box-shadow: 0px 18px 58px 16px rgba(0, 0, 0, 0.06);
      text-align: left;
      height: 100%;
      transition: all 0.3s ease;
      /* Smooth transition */
    }

    .offer-box:hover {
      transform: translateY(-8px);
      /* Moves the box slightly up */
      box-shadow: 0px 25px 70px 20px rgba(0, 0, 0, 0.08);
      /* Slightly deeper shadow on hover */
    }


    .offer-box img {
      margin-bottom: 20px;
    }

    .offer-box h5 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 8px;
      color: #0C2E3B;
      list-style: 22px
    }

    .offer-box p {
      font-size: 14px;
      color: #555;
      line-height: 24px;
    }

    .servcie h1 {
      font-size: 32px;
      font-weight: 600;
      color: #000;
      margin-bottom: 20px;
    }

    .plan-card {
      border: 1px solid #eee;
      border-radius: 5px;
      padding: 20px 20px;
      background-color: #fff;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);

      transition: transform 0.3s ease;
      height: 100%;
    }

    .plan-card:hover {
      transform: translateY(-8px);
    }

    .plan-label {
      font-size: 14px;
      padding: 4px 12px;
      border-radius: 8px;
      display: inline-block;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .launch {
      background-color: #E3ECFF;
      color: #2B57D9;
      font-size: 15px;
    }

    .starter {
      background-color: #FFF1E5;
      color: #FF7A00;
      font-size: 15px;
    }

    .Growth {
      background-color: #F3E5F5;
      color: #4A148C;
      font-size: 15px;
    }

    .Enterprise {
      background-color: #F1F8E9;
      color: #33691E;
      font-size: 15px;
    }

    .plan-price {
      font-size: 20px;
      font-weight: bold;
      color: #202842;
    }

    .plan-subtext {
      font-size: 14px;
      color: #555;
      margin-left: 4px;
    }

    .plan-features {
      list-style: none;
      padding-left: 0;
      margin-top: 20px;
      margin-bottom: 30px;
      min-height: 176px;
    }

    .plan-features li {
      margin-bottom: 10px;
      font-size: 14px;
      color: #202842;
      font-weight: 700;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .subscribe-btn {
      border: 1px solid #0C2E3B;
      background-color: transparent;
      color: #001c3d;
      padding: 10px 20px;
      border-radius: 5px;
      font-weight: 600;
      transition: all 0.3s ease;
      width: 100%;
    }

    .subscribe-btn:hover {
      background-color: #0C2E3B;
      color: #fff;
    }

    .unsubscribe-btn {
      border: 1px solid #0C2E3B;
      background-color: #0C2E3B;
      color: white;
      padding: 10px 20px;
      border-radius: 5px;
      font-weight: 600;
      transition: all 0.3s ease;

    }

    .unsubscribe-btn:hover {
      background-color: transparent;
      color: #001c3d;
      border: 1px solid #0C2E3B;
    }

    .Businesses-Choose h1 {
      font-size: 32px;
      font-weight: 600;
      color: #000;
      margin-bottom: 20px;
    }

    .Businesses-Choose p {
      font-size: 16px;
      font-weight: 400;
      color: #333;
      line-height: 1.6;
    }

    .choose-box {
      background-color: white;
      padding: 17px;
      border-radius: 5px;
      box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
      font-weight: 500;
      max-height: 210px;
      height: 210px;
    }

    /* .lastbox {
      height: 130px !important;
      max-height: 130px !important;
    } */

    .choose-box h2 {
      font-size: 20px !important;
      color: #2E2E32;
      line-height: 23.5px;
      font-weight: 500;

    }

    .choose-box p {
      font-size: 14px;
      line-height: 26px;
      color: #616161;

    }

    .choselast p {
      color: #616161;
    }

    .testimonial-section {
      background: #f5f9ff;
    }

    .testimonial-slider .testimonial-box {
      background-color: transparent;
      border-radius: 5px;
      padding: 24px;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.08);
      height:auto;
      min-height:237px;
      margin: 0 10px;
      border: 1px solid rgb(151, 151, 151);
    }


    .testimonial-title {
      font-weight: 600;
      font-size: 16px;
      color: #000;
      margin-bottom: 10px;
      line-height: 1.4;
      text-align: center;
    }

    .testimonial-title .sub {
      font-weight: 500;
      color: #000;
    }

    .testimonial-content {
      color: #555;
      font-size: 15px;
      line-height: 1.6;
    }

    .slider-nav button {
      background: none;
      border: none;
      font-size: 30px;
      color: #000;
      margin-left: 10px;
      padding: 10px;
    }


    .slick-slide {
      /* padding: 0 10px; */
    }

    .slick-list {
      margin: 0 -10px;
    }

    .stilmanage {
      background-color: #F2F7FF;
      padding: 50px 0;
    }

    .stilmanagimg img {
      height: 400px;
      width: 400px;
      border-radius: 50%;
    }

    .col-md-6.stilmanagimg {
      text-align: end;
    }

    .forp p {
      font-size: 18px;
      color: black;
      font-weight: 400;
    }

    .forhp p {
      font-size: 16px;
      line-height: 29px;
      color: #616161;
    }

    .forhp h2 {
      font-size: 32px;
      font-weight: 700;
    }

    .uniueh2 {
      margin: auto;
    }

    .uniueh2 h2 {
      color: #425066;
      font-size: 32px;
      font-weight: 400;
    }

    .uniueh2 h1 {
      color: #0C2E3B;
      font-size: 40px;
      font-size: 800;
    }

    /* .testi .accordion-button:not(.collapsed)::after {
      background-image: url(/assets/images/minus-sign.png);
      transform: var(--bs-accordion-btn-icon-transform);
    } */

    /* .testi .accordion-button::after {
      flex-shrink: 0;
      width: var(--bs-accordion-btn-icon-width);
      height: var(--bs-accordion-btn-icon-width);
      margin-left: auto;
      content: "";
      background-image: url(/assets/images/plus.png);
      background-repeat: no-repeat;
      background-size: var(--bs-accordion-btn-icon-width);
      transition: var(--bs-accordion-btn-icon-transition);
    }

    .testi .accordion-item {
      border-top: 1px solid #dee2e6 !important;
      margin-bottom: 15px;
    }

    .testi .accordion-button:not(.collapsed) {
      color: var(--bs-accordion-active-color);
      background-color: #ffffff;
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    }

    .testi .accordion-button:not(.collapsed) {
      color: #000000;
      font-weight: 700;
      background-color: #ffffff;
      box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
    }

    .testi .accordion-button {
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      font-weight: 700;
      padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
      font-size: 1rem;
      color: var(--bs-accordion-btn-color);
      text-align: left;
      background-color: var(--bs-accordion-btn-bg);
      border: 0;
      border-radius: 0;
      overflow-anchor: none;
      transition: var(--bs-accordion-transition);
    } */

    /* how it work css */
    .step-circle {
      width: 80px;
      height: 80px;
      background-color: #0b2c38;
      color: white;
      font-size: 24px;
      font-weight: bold;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 20px;
    }

    .step {
      text-align: center;
      padding: 0 15px;
      position: relative;
    }

    .arrow-type-a::after {
      content: '';
      position: absolute;
      top: 40px;
      right: -30px;
      width: 60px;
      height: 60px;
      background-image: url('/assets/images/Arrow.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: translateY(-50%);
    }

    .arrow-type-b::after {
      content: '';
      position: absolute;
      top: 40px;
      right: -30px;
      width: 60px;
      height: 60px;
      background-image: url('/assets/images/Arrow2.png');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      transform: translateY(-50%);
    }

    .lead {
      font-size: 14px;
      font-weight: 300;
    }

    .fon {
      font-size: 12px !important;
    }

    .step:last-child::after {
      display: none;
    }

    @media (max-width: 767.98px) {

      .arrow-type-a::after,
      .arrow-type-b::after {
        display: none;
      }
    }

    @media (max-width: 767px) {
      .stilmanagimg img {
        height: 250px;
        width: 250px;
      }
      .tab-menu li{
        width: 50%;
        padding: 6px 3px !important;
      }
      .welcome-section {
    padding: 30px 0;
}
      .m-tab{
        margin-top:2rem !important;
      }
      .forhp h2 {
        font-size: 24px;
      }

      .forhp p {
        line-height: 19px;
      }

      .choose-box h2 {
        font-size: 16px;
        color: #2E2E32;
        text-align: center;
        margin-bottom: 20px !important;
      }

      /* .choose-box {
        max-height: 170px !important;
        height: 170px !important;
      } */

      .choose-box p {
        text-align: center;
      }

    }

    /* Responsive FAQ section */
    @media only screen and (max-width: 360px) and (max-height: 740px) {
  .w-30 {
    width: 35% !important;
  }
}

    @media (max-width: 768px) {
      .mt-40{
        margin-top: 40px;
      }
      .container h1 {
        font-size: 24px;
        text-align: center;
      }
      .book_nowbut {
          font-size:12px;
          padding: 5px 4px;
          /* margin-top: 18px; */
      }
      .text-video_icon,.text-chat_icon,.text-call  {
       font-size:15px !important;
     }
     .time-slot-container{
       flex-wrap: nowrap !important;
     }
     .price-heading{
       padding-top: 10px;
       margin-bottom: 0px !important;

     }
     .time-slot #scheduled-later {
    padding: 0 4px;

}
      .testi .accordion-button {
        font-size: 15px;
        padding: 12px 16px;
      }

      .testi .accordion-body {
        font-size: 14px;
        padding: 10px 16px;
      }

      .slider-nav {
        display: flex;
      }

      .slider-nav button {
        font-size: 20px;
        margin-left: 0px;
      }

      .offer-box {
        text-align: center;
      }

      .business-banner {
        height: 320px;
      }
    }

    @media (max-width: 576px) {
      .container h1 {
        font-size: 20px;
      }

      .business-banner {
        height: 140px;
      }

      .testi .accordion-button {
        font-size: 14px;
        padding: 10px 14px;
      }

      .testi .accordion-body {
        font-size: 13px;
        padding: 10px 14px;
      }
    }

    @media (min-width: 768px) and (max-width: 991px) {
      .launch {
        font-size: 12px;
      }
      .consult_banner .card-header .rating {
          top: 73% !important;
          left: 9% !important;
      }
      .starter {
        font-size: 12px;
      }
      .min-w70 {
              min-width: 70% !important;
          }
      .Growth {
        font-size: 12px;
      }

      .Enterprise {
        font-size: 12px;
      }

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

      .plan-card .price {
        font-size: 30px !important;
      }

      .choose-box h2 {
        font-size: 16px;
      }

      .choose-box p {
        font-size: 12px;
      }

      .choose-box {
        padding: 14px;
        max-height: 250px;
        /* height: 250px; */
      }

      .forres p {
        font-size: 12px;
      }

      .forres h6 {
        font-size: 14px;
      }

      .bakcolorh1p p {
        font-size: 14px;
      }

      .whoserve p {
        font-size: 14px;
      }

      .iblod {
        font-size: 14px;
      }

      .Businesses-Choose p {
        font-size: 14px;
      }

      .choselast p {
        font-size: 14px;
      }

      .testimonial-content {
        font-size: 14px;
      }

      .forhp p {
        font-size: 14px;
        line-height: 20px;
      }

      .business-banner {
        height: 320px;
      }

      .whosbox h5 {
        font-size: 16px;
      }

      .whosbox {
        padding: 20px 14px;
      }

      .Businesses-Choose h1 {
        font-size: 26px;
      }

      .whoserve h1 {
        font-size: 26px;
      }

      .bakcolorh1p h1 {
        font-size: 26px;
      }

      .servceplan {
        font-size: 26px;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
      }

      .sechead {
        color: #425066;
        font-size: 24px;
        font-weight: 200;
        margin-top: 20px;
        margin-bottom: 20px;
      }

      .clienttestheading {
        font-size: 26px;
      }

      .forhp h2 {
        font-size: 26px;
      }

      .unsubscribe-btn {
        padding: 8px 14px;
        font-size: 14px;
      }

      .subscribe-btn {
        padding: 8px 14px;
        font-size: 14px;
      }

    }
.name_online{
  position: relative;
}
.c-h-f.busy,.c-h-f.online,.c-h-f.offline{
  position: absolute;
  left: -75px;
  top:5%;
}
.c-list li i{
  font-size: 14px !important;
}
.price-t{
  font-size: 12px;
}
.asttro-card-2{
  min-height: 160px;
}
.con-de-card{
  border:1px solid #e4dede !important;
  border-radius: 10px;
  padding: 10px 5px;
}
.de-card2 li{
  font-size: 14px !important;
    font-weight: 600 !important;
    color: gray !important;
}

    .key-points {
      max-width: 600px;
      margin: auto;
      background: #fff;
      border-radius: 12px;
      padding:10px;
    }

    .key-point {
      display: flex;
      align-items: center;
    }

    .key-point i {
      font-size:14px;
      color: #0C2E3B;
      margin-right: 15px;
      padding: 10px;
      border-radius: 50%;
    }

    .key-point span {
      font-size: 14px;
      font-weight: 600;
      color:gray;
    }

    .key-point:last-child {
      margin-bottom: 0;
    }
.flatpickr-monthDropdown-months{
  border-style: none !important;
}
.ratio{
  aspect-ratio:1/1;
}
.bor-red{
  border:2px solid red;
}
.bor-green{
  border: 2px solid #02FF02;
}
.bor-gray{
  border:2px solid #425066;
}
.wait{
  font-size: 13px;
  font-weight: 600;
  margin-top:5px;
}
.wait-m{
  font-size: 20px;
}
.user-name a {
  display: inline-block;
  max-width:25ch; /* 15 characters approx */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.msg-time1{
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
  margin-left: 5px;
  text-align: end;
}

.f-12{
  font-size: 12px !important;
}
#ticket-number,#ticket-status{
  line-height: 22px;
}
.minicartdata .col-md-8{
  padding: 0px;
}
.minicartdata .col-md-1 i{
  font-size: 14px !important;
}
.qu-box{
  background: #0c2e3b;
      margin: 5px;
      padding: 7px 10px;
      color: white;
      cursor: pointer;
      border-radius: 7px;
      font-size: 13px;
      align-items: center;
}
.qu-box a{
  color: white;
  font-size: 13px;
}
.details_question .accordion-button {
    color: black !important;
}
.w-text h2,.w-text h1,.w-text i{
  font-size:24px !important;
}
.wallet_card_all li{
  list-style: none;
}
.text_recharge{
margin-top: 10px;
}
.wallet_card_all{
  padding-left: 0px !important;
}
ol li{
  line-height: 28px;
}
.testi h1 {
    color: #000000;
    font-weight: 600;
    text-align: center;
    font-size: 30px !important;
    margin-bottom: 12px;
    letter-spacing: .5px;
    margin-top: 9px;
  }

  .accordion-button::after {
      flex-shrink: 0;
      width: 1.25rem;
      height: 1.25rem;
      margin-left: auto;
      margin-right: 10px;
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 011.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-size: 1.25rem;
      transition: transform 0.2s ease-in-out;
  }

  .accordion-button:not(.collapsed)::after {
      transform: rotate(-180deg);
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 011.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
  }
.ac-btn{
font-weight: bold;
}

.member-card-box {
  font-size: 0.95rem;
  color: #333;
  line-height: 1.6;
  padding-right: 10px;
}

.action-button {
  transition: all 0.3s ease;
}

/* .action-button:hover {
  background-color: #0d6efd;
  color: #fff;
  border-color: #0d6efd;
} */
.valid-b{
  padding: 10px;
}
.fs-17{
  font-size: 17px;
}
.de-f{
  background: white;
  color: black;
  margin:0px 10px;
  padding:5px;
  border-radius: 7px;

}
.mx-a p {
  display: inline-block; /* ya block, depending on your layout */
  max-width:600px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.radius{
  border-radius: 7px !important;
}
.card-wallet2 {
    background:#0C2E3B;
}
.card-wallet {
    /* background: #fff; */
    border-radius:10px;
    padding: 15px;
    display: flex;
    position: relative;
    justify-content: space-between;
}
.wallet1 {
    width: 64px;
    height: 64px;
    position: relative;
}

.icon1 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:#daab1f;
    color: #fff;
    position: relative;
    z-index: 9;
}
.card-wallet .text {
    text-align: center;
}
.card-wallet h2 {
    color: #fff;
    font-weight: 400;
    font-size: 16px !important;
    margin-bottom: 0;
    line-height: 1;
}
.card-wallet h1 {
    margin-bottom: 0;
    color: #fff;
}
.mobile_view {
    margin-top: -139px;
}
.wallet_card_all {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex
;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.wallet_card_all li {
    position: relative;
    flex: 0 0 auto;
    width: 25%;
    padding: 0 10px;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);

}
.wallet_card_all li .wallet_card_single.active {
    border: 2px solid #0c2e3b;
    background-color: #cce2eb;
}
.wallet_card_all li .wallet_card_single {
    background-color: #cce2eb;
}

.wallet_card_all li:nth-child(1) .wallet_card_single .my-badge1 {
    color: #ffa236;
}
.wallet_card_all li:nth-child(1) .wallet_card_single {
    background-color: #cce2eb;
}
.main_button_default {
  font-weight: 500;
    font-size: 14px;
    color: #000000;
    border: 1px solid #d0d0d0;
    background: transparent;
    padding: 12px 25px;
    border-radius:10px;
    text-align: center;
}
.main_button_default:hover {
    background: #0C2E3B;
    border: 1px solid #0C2E3B;
    color: #fff;
}
.total_box td,.total_box th{
  background: transparent;
}
.wallet_card_single {
    position: relative;
    padding: 18px 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    min-height: 130px;
}
.wallet_card_all li:nth-child(2) .wallet_card_single {
    background-color: #e4f2ff;
}
.wallet_card_all li:nth-child(3) .wallet_card_single {
    background-color: #e4f8ea;
}
.wallet_card_all li:nth-child(4) .wallet_card_single {
    background-color: #f9dff6;
}
.wallet_card_all li:nth-child(5) .wallet_card_single {
    background-color: #ffe6e6;
}
.details_question .accordion-button:not(.collapsed) {
    color: white !important;

}
.order-box tr td {
    padding: 4px;
    width: 25%;
    border-left: 1px solid #cecece;
}

.order-btnn{
  right: 6px !important;
    top: 10px !important;
}
.radius-2{
  border-radius: 7px 7px 0px 0px;
}
.min-w70{
  min-width: 75%;
}

.text-truncate-custom2 {
  display: inline-block;
  max-width: 600px; /* Adjust as needed for layout */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.fs-12{
  font-size: 12px;
}
/* .price-list li {
  font-weight:
} */

.releted-boxx img{
  aspect-ratio:1/1;
}


.minicartdata .minus, .minicartdata .plus{
  display: flex;
  align-items: center;
  justify-content: center;
}
.min-50{
  min-height: 50px;
}
.border-d{
  border: 1px solid #e4dede;
  border-radius: 7px;
}
.s-wid{
  width: 20px;
  min-width: 20px;
}

.card-wallet1 {
    background: #00000029;
    border-radius: 20px;
    padding: 15px;
    display: flex;
    gap: 1.4em;
    position: relative;
    justify-content: space-between;
}
.wallet1 {
    width: 64px;
    height: 64px;
    position: relative;
}
.min-hhh2{
  min-height: 50px;
}
.slick-prev.slick-arrow,.slick-next.slick-arrow{
  background: #0C2E3B !important;
}
.accordion-button .bi-funnel{
  color: white !important;
}
.accordion-button.collapsed .bi-funnel{
  color: black !important;
}
.mt-top-off{
  margin-top:50px;
}
.bor-none{
  border-style: none !important;
}
.text-link{
  color: blue;
}

#new_state_id{

  padding: .375rem 2.25rem .375rem .75rem
 !important;}
/* .chat-bg{

  background: linear-gradient(45deg, #0C2E3B, #6040FF);
} */
.bg-red{
  background: red;
  color: white !important;
}
.bg-red:hover{
  background: red;
  color: white !important;
}
.bor-b-white{
  border-bottom: 1px solid white;
}
.fs-bb{
font-size: 18px !important;
}
.hh-b{
  height: 50px;
}
.bor-top{
  border-top: 1px solid white !important;

}
.radius-2{
    border-radius: 0px 0px 7px 7px !important;
}
.s-w{
  border-radius: 0px 10px 10px 0px
}
/* .sw-u{
  border-radius: 10px 0px 0px 10px

} */
.sub-2 li{
  min-width: 100px !important;
  justify-content: flex-start !important;
  height: 30px !important;
}
.accordion-item.enquire{
  box-shadow: 0px 0px 0px 0px #0000000F !important;
}
.list-newe ul li::before{
  left: 22px!important;
}
.pointer.wallet i{
  display: inline-block;
  max-width:6ch;        /* Limit to 4 characters */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
#checkout-btn a{
  color: white !important;
}
.switch-arrow{
      border-radius: 10px 0px 0px 10px !important;
}
.num-in{
  width: 30%;
}
.form-control:focus {

    box-shadow: 0 0 0 .25rem rgb(13 110 253 / 0%) !important;
}
.l-dashbord{
  max-height:640px;
  overflow-y: auto;

}
/* Webkit scroll styling */
.l-dashbord::-webkit-scrollbar {
  width: 6px;
}

.l-dashbord::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.l-dashbord::-webkit-scrollbar-thumb {
  background-color: #0C2E3B;
  border-radius: 3px;
}

.l-dashbord::-webkit-scrollbar-thumb:hover {
  background-color: #0C2E3B;
}
#playMusic{
  display: none;
}
.b-card {
  margin-top: 0;
}

.b-card:nth-child(n+3) {
  margin-top: 1rem;
}
.s-banner-height{
  height: 425px;
}
 /* .s-w{
  padding: 15px;
} */
.meenuli:first-child {
  padding-left: 0 !important;
}
.f-19{
  font-size:21px !important;
}
.footer-disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    padding: 1.25rem;
    background-color:#f5fcff;
    width: 100%;
}

.login.tab-container {
      max-width: 500px;
      margin: 50px auto;
        background-color: #f5fcff;
      border-radius: 15px;
      box-shadow: 0 0 20px rgba(0,0,0,0.1);
    }
  .login .nav-pills .nav-link.active {
      background-color: #0C2E3B;
      color: white !important;
    }
    .login .nav-tabs .nav-link {
      color: #0d6efd;
      font-weight: 500;
    }
    .login .nav-tabs .nav-link{
    isolation: isolate;
    border-color: #e9ecef;
}
.login .nav-item{
  padding-bottom: 0px !important;
}

.bdd{background: white;
    border-radius: 7px;
    border: 1px solid lightgray !important;

  }

  /* Global rule for all number inputs */
  input[type=number] {
    -moz-appearance: textfield; /* Firefox */
    appearance: textfield;      /* Newer spec */
  }

  /* For Chrome, Safari, Edge, Opera */
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .validity-badge-wrapper {
    min-height: 30px; /* adjust as needed */
  }
.p-btnn{
  position: absolute;
  left:30%;
  bottom: 0%;
}
.p-btnn2{
  position: absolute;
  left:17%;
  bottom: 0%;
}

.p-btnn3{
  position: absolute;
  left: 26%;
  bottom: 0%;
}
.page-header.about-page {
  position: relative;
  z-index: 1;
}
.member-card button{
  width: 180px;
}
.page-header.about-page::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 0.5 for 50% opacity */
  z-index: -1; /* Make sure it's behind the content but above the background image */
}
    #myTab .nav-item .nav-link.active{
  background: #daab1f !important;
    color: black !important;
}

.f14{
  font-size: 14px !important;
}
#language_ul li{
  text-transform: capitalize;
}
select{
  border: 1px solid #ffffff;
border-radius: 7px;
}

.sort{
  border: 1px solid #ffffff;
border-radius: 7px;
box-shadow: 0px 0px 4px 0px #00000040;
color: black !important;
font-weight: 500 !important;
    font-size: 14px !important;
}