* {
padding: 0;
margin: 0;
}
html {
scroll-behavior: smooth !important;
}
.status-section {
width: 100%;
display: flex;
gap: 20px;
}
.notBtn .unseenc {
right: 6px !important;
top: -12px !important;
}
.status-row {
border-bottom: 1px solid #eee;
padding-bottom: 1rem;
text-align: center;
background: #fff;
padding: 20px;
border-radius: 10px !important;
}
.status-title {
font-weight: 600;
margin-bottom: 1.5rem;
}
.status-options {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.status-btn {
padding: 0.6rem 1.5rem;
border: none;
border-radius: 50px;
font-size: 0.875rem;
width: 100px;
text-align: center;
cursor: pointer;
}
.bg-lightt {
background-color: #f2f2f2;
}
.no-li li {
list-style: none !important;
}
.no-span {
display: block !important;
}
.no-icon {
font-size: 17px;
color: #800909 !important;
}
body {
font-family: "Poppins", sans-serif !important;
letter-spacing: 0.3px;
font-size: 14px;
}
.text-orange {
color: #F6603A !important;
}
.text-t {
text-transform: capitalize;
}
.check-card {
border: 1px solid #9b2303 !important;
}
.financial-box {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.b-bottom {
border-bottom: 1px solid #ddd;
}
.check-card {
opacity: 1;
display: block;
width: 100%;
height: auto;
transition: .5s ease;
backface-visibility: hidden;
}
/* .overlay {
transition: .5s ease;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
width: 60%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
}
.check-card:hover{
opacity: 0.9;
}
.check-card:hover .overlay {
opacity: 0.9;
}
*/
.c-number-2 {
border-radius: 3.125rem;
}
.pp {
border-radius: 3.125rem 0 0 3.125rem;
}
.mm {
border-radius: 0 3.125rem 3.125rem 0;
}
.cross-icon-card {
position: absolute;
right: -5%;
top: -8%;
z-index: 99
}
.p-categary-img {
object-fit: cover !important;
display: block !important;
width: 100% !important;
height: auto !important;
}
.cartb-img {
text-align: center;
}
.about-list ul {
margin-left: 30px;
}
.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%;
}
.search-main {
position: relative;
}
.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;
}
.form-check-input:checked {
background-color: #f94b28;
border-color: #f94b28;
}
.form-check-input:focus {
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 .25rem rgb(247 71 27 / 11%);
}
.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: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
border: 1px solid red !important;
color: #fff !important;
}
.page-link {
color: #F4061B !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;
}
.main-filter-box {
box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
border-radius: 7px;
margin-bottom: 20px;
padding-top: 0px;
}
.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;
}
.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;
}
.roboto-black {
font-family: "Poppins", sans-serif !important;
font-weight: 900 !important;
font-style: normal;
}
.search-main .input-group input {
background: #ffffff00;
border: 1px solid #9d4949;
border-right: none;
font-size: 12px;
padding-left: 20px;
width: 265px;
border-radius: 44px;
color: #fff;
}
.search-main span.input-group-text {
border: 1px solid #f94b28;
border-left: none;
background: #f94b28;
color: #dedede;
border-radius: 50%;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
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: linear-gradient(360deg, #711604 0%, #B11C1C 100%);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.blog.banner-bg h1 {
color: #fff;
font-size: 24px;
}
.blog.banner-bg a {
color: #fff;
}
.blog.banner-bg .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, "/");
}
.blog.banner-bg .breadcrumb-item.active {
color: rgb(255 180 60);
}
.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;
}
header .icon_list li {
min-width: 46px;
height: 36px;
text-align: center;
display: flex;
align-items: center;
justify-content: start;
gap: 2px;
position: relative;
font-size: 13px;
border-left: 1px solid #fff;
padding: 0 10px;
color: #fff;
height: 55px;
}
header .icon_list li .other-accounts li:hover {
background-color: #f8f9fa;
}
.color_home {
color: #FE9900;
}
a.navbar-brand {
font-size: 32px;
}
li.nav-item.active .color_home {
color: #F4061B;
}
a.nav-link.active {
color: #F4061B !important;
}
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;
}
header .icon_list li:last-child {
margin-left: 0px;
border-right: 1px solid #fff;
}
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: 35px !important;
}
.header-list-m li {
list-style: none;
min-width: 47px;
padding: 7px 6px !important;
gap: 4px !important;
border-radius: 5px;
}
.serch-box h5 {
padding-left: 5px;
font-size: 18px;
color: #b11c1c;
}
.serch-box ul {
padding: 0;
padding-bottom: 15px !important;
}
.header-list-m {
margin: 0;
padding: 0;
}
li.nav-item {
padding: 15px 6px;
font-size: 17px;
font-weight: 600;
line-height: 18.75px;
color: #000 !important;
}
.about-tab li.nav-item {
padding:0px 0px;
font-size: 14px;
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-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: 250px;
background-color: #f7f7f7;
border-radius: 0 0 5px 5px;
border: 0px;
}
.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: 2px 0 4px 0;
}
.header {
background-color: #800909;
}
.border-r {
border-radius: 10px;
}
header .icon_list li i {
color: #ffffff;
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: #fff;
}
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: 28px !important;
top: 50% !important;
z-index: 9;
opacity: 0;
}
.bannerslider .slick-next {
/* left: 97%; */
right: 28px !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: #af0505;
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;
}
.tag1 {
position: absolute;
top: 10px;
right: 224px;
background: #af0505;
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;
}
.tag1 p {
font-weight: 500;
font-size: 10px !important;
margin-bottom: 0;
}
.tag2 {
position: absolute;
top: 10px;
left: 10px;
background: #af0505;
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;
}
.tag3 {
position: absolute;
top: 180px;
left: 135px;
background: #af0505;
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;
}
.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: 149px;
z-index: 1;
top: 16px;
}
.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: -24px;
margin-left: 23px;
z-index: 99;
position: relative;
}
.rating i {
color: #FFA500;
}
.specialties .card,
.benifits .card,
.category_box .card {
transition: all .2s ease-in;
border: none;
}
.specialties .card:hover,
.benifits .card:hover,
.category_box .card:hover {
transform: translate(0, -10px);
}
.btn-close1 {
position: absolute;
color: #fff !important;
background-color: #ffffff;
opacity: 10;
border-radius: 50%;
width: 25px;
height: 25px;
box-shadow: #0000003b 0px 0px 28px;
font-size: x-small;
padding: 5px;
}
.modal-dialog1 {
top: 12em;
}
.feature_wrap a {
width: 22%;
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.active {
background-image: -webkit-linear-gradient(0deg, rgb(244, 170, 54) 0%, rgb(243, 115, 53) 100%);
}
.feature_wrap a.active .card-icon {
filter: brightness(0) invert(1);
}
.feature_wrap a.active .card-title {
color: #fff;
}
.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;
} */
.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 !important;
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;
}
.wish-card {
margin: 20px 20px 40px 20px;
border-radius: 10px;
padding: 15px;
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 !important;
}
.primium-n .card .footer,
.primium .card .footer,
.online-course .card .footer {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: nowrap;
margin-bottom: 0px
}
.btn-secondary,
.btn-t {
background: #ffffff;
font-size: 14px;
font-weight: 600;
/* padding: 10px; */
color: 000# !important;
border: 1px solid #000;
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.1) !important;
}
.btn-secondary:hover,
.btn-t {
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
/* border: 1px solid #F7471B !important; */
}
.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: #800909;
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;
}
.button_icon {
background: #fff;
display: flex;
align-items: center;
gap: 0.4em;
font-size: 12px;
padding: 6px 24px;
border-radius: 50px !important;
}
.button_icon:hover {
opacity: 0.8;
}
.about-tab .nav-link.active {
border-radius: 7px;
}
.sidebar_ul {
margin-top: 0px;
list-style: none;
padding-left: 0;
margin-bottom: 30px;
}
.sidebar_ul li {
list-style: none;
background-image: url(../img/icons/vastu.png);
background-repeat: no-repeat;
background-position: 10px 3px;
padding-left: 40px;
margin: 9px 0;
padding-top: 3px;
background-size: 22px;
font-size: 14px;
color: #7e7e91;
font-weight: 400;
font-family: "Poppins", sans-serif !important;
}
.pad-top {
padding-top: 70px;
}
.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: 20px 20px 40px 20px;
border-radius: 10px;
padding: 20px 20px;
overflow: hidden;
box-shadow: rgb(149 157 165 / 31%) 0px 8px 24px;
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;
}
.talk_guru .card_detail {
height: 180px;
}
.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;
}
a:hover .btn-primary,
.btn-primary.active,
input:hover.btn-primary,
a:hover.btn-primary {
border: 0px !important;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
color: #fff;
}
.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 {
transition: all .2s ease-in;
}
.shop_filter .item:hover {
transform: translate(0, -10px);
}
.shop_filter .sale_price {
font-size: 18px;
font-weight: 600;
color: #fa6113;
}
/* talk_guru css start */
.talk_guru .card,
.talk_astrologer .card {
margin: 10px;
border: 0px;
border-radius: 10px !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;
}
.fs-8 {
font-size: 12px !important;
}
/* .footer .icon_list .btn{
width: 45px;
} */
.d-footer .icon_list .btn {
width: 100%;
}
.talk_astrologer .card {
margin: 0px;
margin-bottom: 24px;
}
.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;
}
.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: 98px;
height: 98px;
position: relative;
object-fit: cover;
z-index: 99;
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: 10px !important;
}
.talk_astrolgers .card h6 {
font-size: 20px !important;
font-weight: 600;
padding-bottom: 10px;
color: #ea501d;
padding-top: 24px;
}
.talk_guru .card li.list-group-item i,
.talk_astrologer .card li.list-group-item i {
font-size: 18px;
}
.talk_guru .card ul.list-group,
.talk_astrologer .card ul.list-group {
padding: 7px;
border: 0px;
}
ul.icon_list {
list-style: none;
display: flex;
padding: 0;
margin-bottom: 0;
gap: 0 5px;
}
.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;
}
.book_nowbut {
font-weight: 500;
font-size: 12px;
color: #fff;
border: 1px solid #FF5D28;
background: #FF5D28;
padding: 10px 20px;
border-radius: 50px;
}
.btn-primary:hover i {
color: #fff !important;
}
.text-chat_icon {
color: #FFA500 !important;
font-size: 20px;
}
.text-video_icon {
color: #F7471B !important;
font-size: 20px;
}
.bi-youtube {
color: #ff0000;
}
.blogs img.card-img-top,
.vastus img.card-img-top {
height: 160px;
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: 0px !important;
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 {
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_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: 20px;
border: none;
box-shadow: none;
border-radius: 5px;
padding: 0;
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: 25px;
border: 0px;
text-align: left;
height: auto;
}
.vtestimonials .card .card-title,
.vtestimonials-2 .card .card-title {
color: #F7471B;
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;
}
.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: #fc7a00;
/* background-image: url("../images/transparent-icon.png"); */
background-size: 50px;
background-blend-mode: overlay;
}
.news {
padding: 20px !important;
border-radius: 60px;
}
.radius {
border-radius: 7px !important;
}
.wish {
height: 40px !important;
}
/* footer css start */
footer {
background: linear-gradient(360deg, #711604 0%, #B11C1C 100%);
}
.foot_logo img {
width: 50%;
}
input::placeholder {
color: #969696 !important;
opacity: 1;
}
.header input::placeholder {
color: #dedede !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: 25px;
z-index: 999;
}
.p-size {
font-size: 14px;
line-height: 22px;
font-weight: 400;
}
footer .p-size {
color: #fff;
}
hr {
color: #fff !important;
}
.devider {
border-bottom: 1px solid #fff;
width: 80%;
margin-bottom: 10px;
}
footer h6 {
color: #FFA500;
}
footer ul li a {
color: #fff;
font-size: 14px;
text-decoration: none;
font-weight: 400;
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: #ffe8e1 !important;
border: 3px solid ##9b2303 !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 {
width: 100%;
}
.desktop-pl-40 {
padding-left: 40px;
}
.sticky-sidebar {
position: sticky !important;
/* top: 20%; */
}
.sticky-sidebar-2 {
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 rgb(0 0 0 / 5%) !important;
border-radius: 7px;
background: #fff;
}
.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: blue !important;
}
.underline {
border-bottom: 1px solid blue !important;
}
.btn-h {
height: 100% !important;
}
.recharge-table th {
font-size: 14px;
}
.dropdown-item:focus,
.dropdown-item:hover {
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important;
color: white !important;
}
/* .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: #000;
}
.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: 76vh;
overflow-y: auto;
padding: 0px 10px 0px 20px;
margin-top: 0px;
}
.course-sidebar1 {
max-height: 76vh;
padding: 0px 20px 0px 20px;
margin-top: 30px;
}
.navbar_explore {}
.small_menu i {
font-size: 20px;
}
.small_menu {
border: 1px solid #000 !important;
min-width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
padding: 5px;
gap: 0px;
position: relative;
background: #d39f4c;
color: #fff;
}
.display_courses_explore .course-titles {
line-height: 22px;
}
.display_courses_explore {
display: flex !important;
flex: auto;
}
.course-sidebar::-webkit-scrollbar {
width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
background: #eee;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: red;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
.margin-t {
margin-top: -4px !important;
}
.line-h {
line-height: 19px;
}
.a-btn-bg {
height: 40px;
width: 40px;
border-radius: 50%;
background: #9b2303;
}
. {
height: 40px;
width: 40px;
border-radius: 50%;
background: #9b2303 !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:24px;
position: relative;
width:45px;
}
.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: 3px;
content: "";
height:18px;
left: 4px;
position: absolute;
transition: .4s;
width:18px;
}
.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: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
}
.switch-new input:checked + .slider-new:before {
transform: translateX(20px);
}
.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%;
}
.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: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
}
.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: #4CAF50 !important;
}
.chat-input {
display: flex;
padding: 10px;
}
.message.received {
display: flex;
align-items: center;
/* max-width: 400px; */
}
.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: 10px 0px;
}
.message.sent p {
background-color: #d1e7ff;
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;
}
.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: 100%;
}
.slick-dots {
display: none !important;
}
.pro-card {
max-height: 300px;
height: 280px;
}
#Bookdemo {
top: 0%;
}
.b-ntnn-2 {
width: 195px;
}
.asstro-tab {
justify-content: center;
}
.tabs_search li {
width: 15%;
text-align: center;
}
.asstro-tab li a {
background: transparent !important;
}
.asstro-tab li a.active {
color: white !important;
border-style: none;
background: #9b2303 !important;
border-radius: 3px !important;
padding: 12px 15px;
}
.asstro-tab li a:hover {
border-style: none !important;
}
#send_enquiry_form select,
#send_enquiry_form input {
color: gray !important;
}
.astro-filter>div .dropdown button {
color: gray !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: 560px;
overflow-y: auto;
}
.seller-box img {
border-radius: 4px;
}
.align-items-centre {
align-items: center;
}
.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; */
}
@media(max-width:768px) {
.max-width-text {
max-width: 100%;
overflow: inherit;
text-overflow: inherit;
white-space: wrap;
}
.main-f iframe {
height: 210px !important;
}
.overlay {
opacity: 0.9;
}
.minicartdata {
max-height: 55vh;
overflow: hidden;
overflow-y: overlay;
}
.prod-name {
font-size: 12px !important;
}
.order-main-b {
width: 100 !important;
}
.cartb-img img {
width: 200px;
}
.dash-he {
font-size: 12px;
}
.quizz-b {
border-right: 0px solid yellow !important:
}
.min-hnew {
min-height: 60px;
}
.Chapter-h h6 {
font-size: 12px !important;
}
.dash-foo {
display: inherit !important;
}
.send-textera {
width: 100%;
}
.im-box img {
width: 170px !important;
}
.im-box {
margin-left: 0px !important;
}
.slot_time {
max-height: 300px;
}
.charge-l {
padding: 0px !important;
}
.dash-cf-cardd h5 {
font-size: 11px !important;
}
.dash-b-heading {
font-size: 14px !important;
}
.dash-cf-cardd li a {
padding: 0px !important;
}
.time-th {
width: 100%;
}
.earnings-box {
flex-wrap: wrap;
}
.earnings-box>div {
width: 31% !important;
padding: 10px;
}
.blog-desc img {
max-width: 100%;
}
.coming_content h1 {
font-size: 55px;
}
.d-c-card {
display: flex;
flex-direction: column;
height: 100%;
}
.d-c-card .row {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.d-c-card .col-lg-3,
.d-c-card .col-12 {
display: flex;
flex-direction: column;
}
.d-c-card .col-lg-3 img {
object-fit: cover;
/* Ensures the image covers the area without distortion */
height: 100%;
/* Make the image take up full height of the column */
}
.d-c-card .col-lg-6 {
display: flex;
flex-direction: column;
justify-content: space-between;
/* Distributes space inside the column */
}
.d-c-card .col-lg-3 .btn {
margin-top: auto;
/* Push the button to the bottom of the card */
}
.d-c-card .actual_price,
.d-c-card .sale_price {
display: block;
}
.d-c-card .p-0 ul {
margin: 0;
padding: 0;
}
.dc-c-card {
margin-bottom: 10px;
}
.d-c-card .p-0 ul li {
display: flex;
align-items: center;
}
.d-c-card .fs-7 {
font-size: 0.875rem;
}
.c-c-text-new {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
height: 3rem;
}
.dash-tab li a {
padding-left: 3px;
padding-right: 3px;
font-size: 12px;
}
.recharge-table th .contable th {
font-size: 8px;
padding: 2px;
}
.p-canvas {
z-index: 999999;
}
#Bookdemo {
top: 6%;
}
.truncate {
max-width: inherit !important;
}
.slick-next,
.slick-prev {
display: none !important;
}
.b-h {
height: 160px;
}
.slots-time {
height: 100% !important;
padding: 0px !important;
}
.slots-time ul {
padding: 0px !important;
}
.user-login-m {
top: 10%;
}
.icon-bb img {
height: 53px;
}
.feature-new-t {
font-size: 12px;
font-weight: 700;
}
.phone-heading {
font-size: 1.5em;
text-align: center;
color: #007bff;
width: 226px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.beni-p {
max-height: 129px;
overflow-x: hidden;
overflow-y: auto;
height: 100px !important;
}
.login-view {
width: 100%;
}
.astro-c {
margin-top: 10px;
}
.sticky-sidebar {
position: static !important;
}
.desktop-pl-40 {
padding-left: 0px;
}
.live-footer {
flex-wrap: wrap;
}
.benifit-icon-box {
width: 100%;
margin: 0px;
border-radius: 17px;
height: 230px;
}
#fixed-column {
width: 100%;
}
.minicartdata .img-thumbnail {
max-width: 100% !important;
}
.course-titles {
font-size: 14px;
}
.short_desc h2 {
margin-left: 0px !important;
}
.banner-bg-c {
margin-top: 18px !important;
padding-bottom: 0px !important;
}
.sumbmit-frm {
margin-top: 10PX;
}
.beni-card {
max-height: 260px !important;
height: 180px !important;
}
.vastu_short_desc iframe {
width: 100% !important;
}
.touch-mobile {
position: fixed;
bottom: 13%;
width: 100%;
z-index: 999;
}
.vastu_short_desc {
flex-wrap: wrap;
}
.filter-d {
justify-content: space-between;
}
.course {
height: 220px;
}
.courses .card {
margin-bottom: 10px !important;
}
.primium-n .card img.card-img-top,
.primium .card img.card-img-top,
.live_courses-2 .card img.card-img-top {
max-height: 185px !important;
object-fit: fill !important;
min-width: inherit;
}
/* .p-card .footer {
display: inline-block !important;
} */
.p-card {
margin-bottom: 10px !important;
/* height: 360px; */
}
.slick-dots li button,
.slick-dots li button:before {
display: none;
}
.m-fliter {
display: none;
}
.i-box .card {
width: 47% !important;
flex-direction: column !important;
padding: 10px;
height: 100%;
}
.i-box .card .card-body {
padding: 0px;
}
.i-box .card .card-body h4 {
margin-top: 6px;
margin-bottom: 0px;
}
.specialties .card:hover,
.benifits .card:hover,
.category_box .card:hover {
transform: translate(0, 0px);
}
.mobile-r {
display: block;
}
/* .benifit-card{
height: 455px;
} */
.desktop-r {
display: none;
}
.aco-btn,
.accordion-button {
font-size: 15px;
}
.consult_banner .online,
.consult_banner .offline {
width: 14px;
height: 14px;
border-radius: 50%;
position: absolute;
left: 100px;
z-index: 1;
top: 20px;
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: 100px;
z-index: 1;
top: 20px;
}
.my-0.dashbord,
.my-3.recent {
margin-top: 80px !important;
}
}
.btn-cart {
padding: 8px 20px;
font-size: 12px;
}
.talk_guru .card {
margin-right: 10px;
}
.submenu {
display: none;
position: absolute;
top: 40px;
background-color: #fff;
padding: 10px;
width: 200px;
left: auto;
right: 0;
z-index: 99999;
}
}
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;
}
ul.submenu li:hover {
background-color: #f8f9fa;
}
/* 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: 3px;
right: 17px;
font-size: x-small;
padding: 5px;
}
.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;
background: url(../img/astro_bg.jpg);
height: 100%;
width: 100%;
background-size: cover;
background-position: left;
}
.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: 90px;
height: 90px;
object-fit: cover;
}
.card-detail img {
width: 170px;
height: 170px;
aspect-ratio: 3/3;
object-fit: cover;
position: relative;
}
.tag.tag-ab {
top: 5px;
left: 5px;
padding: 6px;
min-height: 10px !important;
z-index: 9;
}
.card-shadow {}
.consult_banner .card {
background-color: transparent;
border: none;
}
.consult_banner .card-header {
background-color: transparent;
}
.btn.btn-light {
height: 45px;
padding: 10px 10px;
border: none;
font-size: 14px;
border-radius: 7px;
background: #fff;
}
.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: none;
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 10px 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: #43ADFA !important;
font-size: 20px;
}
.text-busy {
color: #ed3237 !important;
font-size: 20px;
}
.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;
}
.btn-secondary {
border-radius: 30px;
height: 45px;
/* padding: 5px 40px; */
background-color: #fff;
letter-spacing: 0.3px;
font-weight: 500;
color: #000;
border: 1px solid #000 !important;
}
.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;
box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%) !important;
border: none;
}
.specialties .card-image {
background: #fff1e5;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.discription_start {
padding-bottom: 70px;
background: #FFFBF0;
}
.discription_start ol {
padding-left: 15px;
}
.discription_start ol ol {
padding-left: 0px;
}
.discription_start h3 {
padding-top: 20px;
font-size: 26px;
padding-bottom: 12px;
}
@media(max-width:400px) {
.banner-img img {
border: 10px solid #fff;
border-radius: 50%;
width: 100%;
margin-top: 20px;
}
.specialties .card {
width: 95%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
/* .category_box{
margin-top:75px;
} */
}
.specialties .card h4 {
color: #F7471B;
font-weight: 600;
}
.discription .d-card-m {
background: #9b2303;
border: none;
text-align: center;
color: #fff;
border-radius: 0;
}
.discription .card .btn-light {
color: #F7471B;
padding: 7px 30px;
border-radius: 10px;
}
.gth-form {
background: #ffffff;
border-radius: 5px;
padding: 25px 35px;
}
.gth-form h2 {
text-align: left;
color: #F7471B;
}
.gth-form input {
font-size: 14px !important;
border-radius: 5px !important;
margin-bottom: 15px;
}
.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;
}
.main_button {
font-weight: 500;
font-size: 14px;
color: #fff;
border: 1px solid #FF5D28;
background: #FF5D28;
padding: 12px 25px;
border-radius: 50px;
text-align: center;
}
.main_button:hover {
background: #e94f1d;
}
.main_button_fade {
background: #e94f1d;
}
.main_button_default {
font-weight: 500;
font-size: 14px;
color: #000000;
border: 1px solid #d0d0d0;
background: transparent;
padding: 12px 25px;
border-radius: 50px;
text-align: center;
}
.main_button_default:hover {
background: #e94f1d;
border: 1px solid #e94f1d;
color: #fff;
}
.main_button2 {
font-weight: 500;
font-size: 14px;
color: #fff !important;
border: 1px solid #af0505;
background: #af0505;
padding: 12px 25px;
border-radius: 50px;
text-align: center;
}
.main_button2:hover {
background: #fff;
color: #000 !important;
}
.main_button3 {
font-weight: 500;
font-size: 14px;
color: #000 !important;
border: 1px solid #000000;
background: #ffffff;
padding: 12px 25px;
border-radius: 50px;
text-align: center;
}
.bg-header {
background-color: #f2f2f2 !important;
}
.discription .accordion-body ul li i.bi.bi-play-circle-fill {
color: #9b2303;
}
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: 90%;
height: 44px;
border: 1px solid #e2e2e2;
border-radius: 50px;
text-align: center;
cursor: pointer;
}
.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;
}
.text-ac-price {
color: #f6603b !important;
}
.time-slot .custom-radio {
width: 100%;
padding: 0 15px;
border-radius: 50px;
font-size: 12px;
}
.time-slot {
position: relative;
font-size: 14px;
}
.slots-time {
height: 300px;
padding: 0;
overflow-y: scroll;
}
.slots-time::-webkit-scrollbar {
width: 5px;
}
/* Track */
.slots-time::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
.slots-time::-webkit-scrollbar-thumb {
background: #FF5D28;
border-radius: 10px;
}
/* Handle on hover */
.slots-time::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
.time-slot input[type="radio"]:checked+.custom-radio {
background-color: #ffc107;
color: #000 !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: 14px !important;
}
.c-h-f2 {
font-weight: 700;
}
/*.c-h-f3{
font-weight: 700;
font-size: 14px !important;
border: 1px solid #000;
background-color: #9b2303;
color: #fff;
border-radius: 5px;
padding: 5px 5px 5px 5px;
}*/
.padding-b {
padding-bottom: 20px;
}
.padding-b2 {
padding-bottom: 8px;
}
.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: 250px !important;
}
.toast-success {
background-color: #1c821c !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 {
border-radius: 50%;
background: #9b2303;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: -55px;
left: 33%;
}
@media(max-width:768px) {
.all-modal {
z-index: 999999 !important;
}
.f12 {
font-size: 12px;
}
.nodata {
height: 150px !important;
width: 150px !important;
border-radius: 50% !important;
}
.dash-heading {
font-size: 18px !important;
font-weight: 600;
}
.no-img-h {
font-size: 14px;
}
.astro-account-tab li a {
font-size: 14px;
padding: 3px;
}
.cons-card {
max-height: 200px;
height: 130px;
}
.recharge-table th {
font-size: 14px;
padding: 2px;
}
.order-table tr td {
font-size: 10px;
}
.verticalButton-2 {
position: fixed;
top: 30%;
right: -13% !important;
border-style: none !important;
}
.price-wrap #two {
margin-right: -11px;
}
.truncate {
max-width: none !important;
}
.about-list ul {
margin-left: 0px;
}
.product-card-h-c {
max-width: 200px;
/* Set a specific max-width for the container */
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.f-img img {
width: 100%;
}
.v-service-img {
width: 100%;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
/* Aspect ratio for 16:9 */
height: 0;
overflow: hidden;
max-width: 100% !important;
}
.vastu_short_desc iframe {
width: 100%;
height: 100%;
}
.slick-prev,
.slick-next {
opacity: 1 !important;
transition: .5s;
}
.v-btn-box {
position: relative;
z-index: 9999;
}
.f-row {
flex-wrap: wrap !important;
}
.verticalButton {
padding: 0px 0px 0px 0px;
width: 250px;
height: 40px;
background: #9b2303 !important;
border-radius: 0px 0px 5px 5px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
position: fixed;
top: 30%;
left: -12%;
}
.arrow-b {
margin: 0;
padding: 0;
height: 49px;
/* border-style: none; */
color: white !important;
height: 35px;
width: 133px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid lightgray;
border-radius: 6px 6px 0px 0px !important;
}
.arrow-b i {
font-size: 40px !important;
}
.off-body-m {
position: absolute !important;
width: 100% !important;
top: 0% !important;
}
.off-body-m-side {
position: absolute !important;
width: 100% !important;
top: 0% !important;
}
.p-canvas {
max-width: 70% !important;
}
.discription .accordion-body ul li span i {
padding: 0px;
}
.content-icon {
width: 30px !important;
height: 30px !important;
}
.content-icon i {
font-size: 11px;
}
.f-policy {
padding-bottom: 20px;
}
.btn-secondary {
border-radius: 30px;
height: 34px;
/* padding: 5px 40px; */
background-color: #fff;
letter-spacing: 0.3px;
font-weight: 500;
color: #000;
border: 1px solid #000 !important;
}
.c-h {
font-size: 16px !important;
}
.c-h-f {
font-size: 11px !important;
}
.p-12 {
font-size: 13px !important;
}
.instructor .card {
max-height: 270px;
height: 266px;
}
.mini_cart-off {
width: 100% !important;
}
.thumb {
max-width: 25%;
}
.modal .heading {
font-size: 20px;
line-height: 28px;
padding: 0 0;
}
.modal ul li {
font-size: 12px;
line-height: 18px;
}
.modal .login_detail h2 {
font-size: 26px;
line-height: 28px;
padding: 0 0;
}
.notification {
font-size: 12px;
font-weight: 400;
}
/* .category_box{
margin-top:75px;
} */
input[type="date"]:not(.has-value):before {
color: lightgray;
content: attr(placeholder);
display: none;
}
input[type="time"]:not(.has-value):before {
color: lightgray;
content: attr(placeholder);
display: none;
}
}
#loader {
width: 140px;
height: 140px;
-webkit-animation: spin 8s linear infinite;
/* Safari */
animation: spin 8s linear infinite;
position: relative;
z-index: 9;
top: -40px;
left: 28px;
}
.preloader_relative {
position: relative;
}
/* Safari */
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.main_preloader {
width: 230px !important;
position: absolute;
z-index: 99;
top: -30px;
}
section.loader {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
z-index: 9999999;
top: 0;
background-color: #fff;
}
section.loader img {
width: 140px;
}
#toast-container>.toast-success,
.toast-error,
.toast-warning {
opacity: 10 !important;
}
.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;
gap: 8px;
}
.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;
border: 1px solid #dedede;
}
.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;
border-bottom: 1px solid #d7d7d7;
}
.wishlist-btn {
font-size: 12px !important;
height: 100%;
}
.regis {
font-weight: normal !important;
}
.float-shadow,
.btn {
border-radius: 7px;
font-weight: 400;
font-size: 14px !important;
border: none;
/* padding: 10px 18px; */
color: #000;
font-size: 14px;
/* transition: transform 0.5s ease, box-shadow 0.5s ease; */
border-radius: 5px;
}
.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 {
transform: translateY(-7px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
} */
.float-hover:hover img {
transform: translateX(10px);
/* Move icon slightly to the left */
}
/* header .icon_list li:first-child{
border: 0px;
overflow: visible;
}
header .icon_list li:first-child i{
font-size: 26px;
} */
/* massage csss */
.astro img {
object-fit: cover;
display: block;
}
ul.ratings li {
list-style: none;
}
/* .chat-container {
width: 100%;
padding: 16px;
background-color: #ffffff;
border-radius: 10px;
display: flex;
flex-direction: column;
flex: 1;
height: calc(100vh - 32px);
} */
.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 {
/* transform: translateY(-7px); */
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: #9b2303;
font-size: 14px;
font-weight: 600;
color: #ffffff !important;
border: 0px solid #000;
border-radius: 0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
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: #FFA500;
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;
padding-bottom: 15px;
}
.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: #ff5900;
}
.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: 19.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: 100%;
}
.im-box {
margin-left: 10px;
}
.lg-card {
height: 160px;
}
.astro-lg-card .card {
height: 160px;
}
.topic-ttt {
margin-top: -10px;
}
@media(max-width:768px) {
.order-modal {
z-index: 999999;
}
.hh-grayBox {
margin-top: 0px;
padding: 17px;
}
.order-tracking p {
font-size: 10px;
}
.order-tracking p span {
font-size: 12px;
}
.menu-offf,
.off-profile {
z-index: 9999 !important;
}
.status-btn-astro {
font-size: 10px !important;
}
.user-login-m {
z-index: 9999999;
}
.asstro-tab li a.active {
color: white !important;
border-style: none;
border-bottom: 3px solid white;
padding-bottom: 1px !important;
}
.lg-card h5 {
font-size: 14px;
}
.lg-card {
height: 120px;
}
.profile .register_form .dropdown-toggle::after {
display: inline-block;
margin-left: 50%;
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;
}
.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 {
transform: translate(0, 0px);
}
.p-font {
font-size: 13px;
margin-bottom: 10px;
}
.register_form .dropdown-toggle::after {
display: inline-block;
margin-left: 45%;
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;
}
.dashboard-menu {
/* display: flex; */
width: 100%;
}
.dashboard-menu {
grid-area: timeline;
align-self: start;
position: -webkit-sticky;
position: relative;
top: 0;
z-index: 100;
height: 100%;
}
.dashboard-menu ul {
height: 100%;
width: 100%;
column-count: 2;
}
}
.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;
}
.order-tracking p span {
font-size: 12px !important;
}
.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;
}
a.nav-link.active {
/* background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%) !important; */
color: #9d0000 !important;
}
.dashboard_tab #profile-app a.nav-link.active {
color: #fff !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 !important;
top: -4px !important;
right: -2px !important;
}
.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;
font-size: 14px;
padding: 10px;
}
select.form-select {
border-right: 1px solid gainsboro;
font-size: 14px;
padding: 10px;
}
.textarea.form-control {
font-size: 14px;
padding: 10px;
height: 70px;
}
.checkout_form .form-label {
margin-bottom: .1rem;
}
.my-account{
color: #fff;
}
.close_miniside{
opacity: 10;
background: none;
top: 35%;
}
.minicartdata .thumb.img-thumbnail{
border: none;
}
.minicartdata h6{
font-weight: 600 !important;
}
.banner-description p{
color: white;
}
.banner-video{
text-align: end;
background: url(../images/courses_details_bg.png);
padding: 94px 80px;
background-size: cover;
height: 442px;
}
.cousresbg_text h2{
color: #9b2303;
padding-bottom: 20px;
}
.cousresbg_text h1{
color: #9b2303;
padding-bottom: 20px;
font-weight: 600;
}
.clients_list li img{
width: 45px;
}
.inline_card_courses{
display: flex;
align-items: center;
gap: 0.4em;
}
.inline_card_courses .icon{
background: #fff;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
}
.inline_card_courses .texts{}
select.form-select {
border-right: 1px solid gainsboro;
font-size: 14px;
padding: 10px;
}
.textarea.form-control {
font-size: 14px;
padding: 10px;
height: 70px;
}
.checkout_form .form-label {
margin-bottom: .1rem;
}
.my-account {
color: #fff;
}
.close_miniside {
opacity: 10;
background: none;
top: 35%;
}
.minicartdata .thumb.img-thumbnail {
border: none;
}
.minicartdata h6 {
font-weight: 600 !important;
}
.banner-description p {
color: white;
}
.banner-video {
text-align: end;
background: url(../images/courses_details_bg.png);
padding: 94px 80px;
background-size: cover;
height: 442px;
}
.cousresbg_text h2 {
color: #9b2303;
padding-bottom: 20px;
}
.cousresbg_text h1 {
color: #9b2303;
padding-bottom: 20px;
font-weight: 600;
}
.clients_list li img {
width: 45px;
}
.inline_card_courses {
display: flex;
align-items: center;
gap: 0.4em;
}
.inline_card_courses .icon {
background: #fff;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.inline_card_courses .texts {}
.button_wishlist {
border: none;
background: #ff2828;
color: #fff;
width: auto;
padding: 15px 30px;
border-radius: 50px;
}
.banner-video img {
border-radius: 20px;
border: 10px solid #800909;
}
.specialties {
background-attachment: fixed !important;
background-position: top !important;
}
#searchByName {
padding: 10px 10px;
border: none;
font-size: 14px;
border-radius: 7px;
}
.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: #9b2303;
}
/* .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;
}
@media(max-width:768px) {
.my-badge::after {
content: "";
border-bottom: 15px solid #F7471B;
border-left: 14px solid transparent;
transform: rotate(45deg);
left: 39px;
top: 16px;
position: absolute;
}
.p-icon {
border: 1px solid;
}
.primium-n.primium-n1 {
left: 90% !important;
top: 32%;
}
.primium-n.primium-n1 .p-icon {
height: 45px !important;
width: 45px !important;
}
.p-icon {
height: 35px !important;
width: 35px !important;
}
.my-badge {
position: absolute;
border-bottom: 25px solid #F7471B;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
height: 4px;
width: 81px;
text-align: center;
transform: rotate(-45deg);
left: -23px;
top: -8px;
color: #fff;
}
.slick-arrow {
display: block !important;
}
.filters {
width: 50%;
}
#myTab .nav-item {
font-size: 14px !important;
padding: 0px !important;
/* margin: 0px !important; */
}
.about-tab li.nav-item .active {
font-size: 12px !important;
}
.about-tab .nav-link {
padding: 4px 4px;
!important;
}
/* .about-tab .nav-link{
padding: 1px;
}
.about-tab .nav-link.active {
background:transparent !important;
color: black !important;
border-bottom: 1px solid lightgray !important;
border-radius: 0px !important;
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.0) !important;
}
.about-tab .nav-link{
font-size: 12px;
border: 0px solid black !important;
box-shadow: 0 5px 12px 0 rgba(0, 0, 0, 0.0) !important;
} */
}
.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%);
}
.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;
}
.w-review a {
color: #0D05A5 !important;
}
.thumbnail {
cursor: pointer;
width: 100px;
height: auto;
margin: 5px;
background-color: #eee;
}
.main-image {
border: 1px solid #CCCCCC;
width: 100%;
max-height: 500px;
object-fit: cover;
border-radius: 15px;
}
.actule_price {
color: #958b8b !important;
font-weight: 500;
font-size: 18px;
}
.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;
height: auto;
justify-content: center;
display: flex;
align-items: center;
/* margin-bottom: 25px; */
}
.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: 30%;
right: -8%;
transform: translate(-50%, -50%);
opacity: 0;
transition: opacity 0.3s ease;
display: inline !important;
opacity: 1 !important;
transition: opacity 0.3s ease;
}
.p-icon {
height: 50px;
width: 50px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
border: none;
position: relative;
box-shadow: #00000026 0px 0px 22px;
}
.p-icon2 {
height: 40px;
width: 40px;
background-color: #ffffff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-top: 10px;
border: none;
position: relative;
box-shadow: #00000026 0px 0px 22px;
}
.p-icon:hover {
background-color: #c52a00;
}
.p-icon:hover i {
color: #fff;
}
.p-icon i {
font-size: 16px;
}
.p-icon svg {}
.ad-cart-btn {
color: #fff;
font-weight: 700;
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
width: 100%;
display: flex;
padding: 8px 5px;
justify-content: center;
align-items: center;
text-decoration: none;
position: absolute;
/* transform: translateY(100%); */
opacity: 0;
bottom: 0;
transition: all .5s ease-in-out;
gap: 5px;
border: 0;
}
.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,
.shop_list .col-lg-3 {
position: relative;
}
.p-box img {
width: 100%;
height: 100%;
}
.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;
}
.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: 90px;
height: 90px;
}
.user_profile {
text-align: center;
padding-top: 30px;
}
.last-log {
font-size: 12px;
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,
.proceduress-p p {
max-height: 80px;
height: 95px;
overflow-x: hidden;
overflow-y: auto;
}
.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: 140px;
overflow-x: hidden;
overflow-y: auto;
}
.procedure-p p {
padding: 10px;
}
.testimonials-p::-webkit-scrollbar,
.about-text-tab::-webkit-scrollbar,
.beni-p::-webkit-scrollbar,
.about-text-tab::-webkit-scrollbar,
.testimonials-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);
}
.testimonials-p::-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,
.chat-box::-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: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
}
.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: 50vh;
}
.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: #ff5d28 !important;
color: #fff !important;
border: 1px solid #ececec !important;
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
border: 1px solid #e8e8e8;
box-shadow: none;
}
.flatpickr-months {
background: #9b2303;
padding: 5px 0;
border-radius: 5px 5px 0 0;
}
.flatpickr-monthDropdown-months {
color: #fff !important;
font-weight: 400 !important;
}
.flatpickr-months .numInput.cur-year {
color: #fff !important;
font-weight: 400 !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: 5px; */
margin: auto;
}
.navbar-brand img {
height: 80px;
}
.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;
}
.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;
z-index: 9;
}
.enroll_button {
border: none;
background: #fff;
color: #333;
width: auto;
padding: 15px 30px;
border-radius: 50px;
}
.enroll_button:hover {
background: #ff2828;
color: #fff;
}
.button_wishlist:hover {
background: #fff;
color: #333;
}
.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: #F7471B;
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: #800909 !important;
}
.text-icon {
color: #F7471B !important;
}
.slick-prev {
left: -25px;
z-index: 99 !important;
}
/* .cours_name{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
} */
.bp-suggestion {
position: relative;
}
.suggestion_birth {
position: absolute;
background: #fff;
width: 93%;
top: 69px;
z-index: 127;
max-height: 150px;
overflow: auto;
border: 1px solid #dfdfdf;
box-shadow: 0px 5px 16px #000;
}
.suggestion_birth li {
cursor: pointer;
list-style: none;
border-bottom: 1px dotted #dfdfdf;
text-transform: capitalize;
}
.suggestion_birth ul {
padding: 5px 10px 0 10px;
}
.bp-suggestion ul li {
list-style: none;
text-align: left;
padding: 5px 0;
border-bottom: 1px dashed #ddd;
text-transform: capitalize;
}
.bp-suggestion ul {
background-color: #fff;
border-radius: 0 0;
padding: 0;
padding-left: 12px;
max-height: 300px;
overflow: hidden;
overflow-y: scroll;
margin: 0;
box-shadow: 5px 5px 4px #ddd;
border: 1px solid #ddd;
border-top: 0;
}
.form-control:focus {
border-color: #ffcbba !important;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgb(57 57 57 / 21%) !important;
}
.bp-suggestion input.form-control:focus {}
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
background: #9b2303 !important;
border-color: #9b2303 !important;
}
.card-body.active {
border: 2px solid #ffc107;
/* background: #ffc107; */
}
.service_name {
font-weight: 600;
}
.blog-desc {
position: relative;
background: #ffffff;
margin: 0;
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: #9b2303;
color: white;
height: 40px;
width: 40px;
border-radius: 50%;
/* padding: 8px; */
}
.content-icon {
border: 0px !important;
background: #9b2303;
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;
padding-right: 0;
}
.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: 20px;
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;
}
.heading_main {
text-align: center;
padding-bottom: 22px;
}
.heading_main h2 {
font-size: 34px !important;
padding-top: 5px;
}
.heading_main h1 {
font-size: 34px !important;
padding-top: 5px;
}
.heading_main img {
width: 120px;
}
.view_all {
background: transparent;
border: none;
font-size: 14px;
color: #FF5D28;
padding: 10px 20px;
border-radius: 5px;
border: 1px solid #FF5D28;
}
.google-review {
border-left: 1px solid #4a4a4a;
padding: 6px 15px;
height: 55px;
}
.wallet img {
width: 20px;
}
.my-account img {
width: 20px;
}
.banner_height {
height: 80vh !important;
}
.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-courses2 {
font-weight: 500;
font-size: 14px;
color: #fff;
border-radius: 2px;
width: 100%;
border: 1px solid #d0d0d0;
background: #af0505;
padding: 12px 74px;
}
.about-card-1 {
font-weight: 500;
font-size: 14px;
color: #fff;
width: 100%;
border: 1px solid #FFF;
background: #af0505;
padding: 12px 15px;
}
.live-courses:hover {
color: #fff;
border: 1px solid #FFF;
background: #af0505;
}
.live-courses2:hover {
color: #000;
border: 1px solid #000;
background: #fff;
}
.live-courses-active2 {
font-weight: 500;
font-size: 14px;
color: #fff;
border-radius: 2px;
width: 100%;
border: 1px solid #FF5D28;
background: #ff2828;
padding: 12px 15px;
border-radius: 25px;
width: 152px;
height: 52px;
}
}
.live-courses-active2:hover {
color: #000;
border: 1px solid #d0d0d0;
background: #fff;
}
.live-courses-active {
font-weight: 500;
font-size: 14px;
color: #fff;
border-radius: 2px;
width: 100%;
border: 1px solid #FFF;
background: #af0505;
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;
}
.but_width2 {
width: 151%;
}
.live-footer {
display: flex;
justify-content: space-between;
width: 100%;
gap: 0 10px;
}
.foot_width .but_width {
width: 48%;
}
.talk_astrolgers {
background: linear-gradient(359deg, #FF571B, #FF9240);
padding: 80px 0;
}
.talk_astrolgers .view_all {
border: 1px solid #fff !important;
}
.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: 55px 35px 70px 38px;
box-shadow: none !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: 12px !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: 30px !important;
background: #fff;
border: 1px solid #f0f0f0 !important;
}
.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: 20px;
}
.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;
border: 1px solid #f0f0f0 !important;
}
.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;
}
.related_courses .card-body {
padding: 0;
padding-top: 16px;
}
.related_courses .spacalization .c-h-f {
color: #A1A1A1;
font-size: 12px !important;
}
.margin-auto {
margin: auto;
}
.sticky_top {
height: 100%;
}
.sticky-sidebar1 {
position: sticky !important;
top: 14%;
}
.radius_top {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.main_right_content ol {
padding-left: 28px;
}
.pulse {
animation: animate-pulse 3s linear infinite;
cursor: pointer
}
@keyframes animate-pulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 109, 74, 0.7), 0 0 0 0 rgba(255, 109, 74, 0.7);
}
40% {
box-shadow: 0 0 0 50px rgba(255, 109, 74, 0.0), 0 0 0 0 rgba(255, 109, 74, 0.7);
}
80% {
box-shadow: 0 0 0 50px rgba(255, 109, 74, 0.0), 0 0 0 30px rgba(255, 109, 74, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 109, 74, 0.0), 0 0 0 30px rgba(255, 109, 74, 0);
}
}
#scrollButton {
display: none;
/* Initially hidden */
}
.link {
display: block;
position: relative;
margin-inline: 25px;
font-size: 24px;
color: #1a1a1a;
}
.link__0:before {
content: "";
width: 0;
height: 2px;
background-color: #ff470f;
position: absolute;
top: 100%;
left: 0;
transition: width 0.3s ease-in-out;
}
.link__0:hover:before {
width: 100%;
z-index: -1;
}
.start_rating {
font-size: 12px;
}
.card_courses_all {
display: flex;
flex-direction: column;
width: 18%;
border: 2px solid #ffa723;
position: relative;
text-align: center;
}
.card_courses_all .card-icon {
padding-top: 15px;
}
.card_courses_all h1 {
font-size: 18px;
margin-top: 18px;
}
.card_courses_all img {
width: 150px;
}
.card_courses_all .corner {
width: 0.5rem;
height: 0.5rem;
border: 2px solid #ffa723;
position: absolute;
}
.card_courses_all .corner::after,
.card .corner::before {
content: "";
position: absolute;
}
.card_courses_all .corner::after {
width: 2rem;
height: calc(1rem - 1px);
}
.card_courses_all .corner::before {
width: calc(1rem - 1px);
height: 2rem;
}
.card_courses_all .corner.left {
left: -0.5rem;
}
.card_courses_all .corner.left::after {
left: calc(-2px + 1rem);
border-left: 2px solid #ffa723;
}
.card_courses_all .corner.left::before {
left: -1px;
border-left: 1px solid #333;
}
.card_courses_all .corner.right {
right: -0.5rem;
}
.card_courses_all .corner.right::after {
right: calc(-2px + 1rem);
border-right: 2px solid #ffa723;
}
.card_courses_all .corner.right::before {
right: -1px;
border-right: 1px solid #333;
}
.card_courses_all .corner.top {
top: -0.5rem;
}
.card_courses_all .corner.top::after {
top: -1px;
border-top: 2px solid #ffa723;
}
.card_courses_all .corner.top::before {
top: calc(-2px + 1rem);
border-top: 2px solid #ffa723;
}
.card_courses_all .corner.bottom {
bottom: -0.5rem;
}
.card_courses_all .corner.bottom::after {
bottom: -1px;
border-bottom: 2px solid #ffa723;
}
.card_courses_all .corner.bottom::before {
bottom: calc(-2px + 1rem);
border-bottom: 1px solid #333;
}
@keyframes move {
0% {
offset-distance: 0%;
}
100% {
offset-distance: 100%;
}
}
.price_card {
display: inline-block;
position: relative;
background: #EDDDD4;
color: #283D3B;
height: 490px;
border-radius: 20px;
overflow: hidden;
margin: 0 auto;
text-align: center;
width: 100%;
}
.price_card h2 {
margin: 0;
width: 100%;
font-size: 20px !important;
font-weight: 500;
background: #C44536;
padding: 20px 0;
color: #EDDDD4;
box-shadow: inset 0px 5px 4px -4px #ecddd461;
}
.price_card h3 {
margin: 20px 0 15px 0;
font-size: 48px;
color: #222;
}
.price_card h3 span {
font-size: 20px;
}
.price_card p {
font-style: italic;
margin: 0 0 30px 0;
}
.price_card ul {
text-align: left;
padding: 0 20px;
margin: 0;
height: 200px;
overflow: auto;
margin-bottom: 20px;
}
.price_card ul li {
display: block;
}
.price_card li {
list-style: none;
background-image: url(../img/icons/checklist.png);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 34px;
margin: 2px 0;
padding-top: 2px;
background-size: 20px;
font-size: 14px;
margin-bottom: 20px;
}
.price_card ul li:not(:last-child) {
margin-bottom: 10px;
}
.price_card .select {
cursor: pointer;
margin-top: 20px;
padding: 10px 20px;
border: none;
font-weight: 700;
background: #3e3e3e;
color: #efefef;
font-size: 15px;
font-family: inherit;
box-shadow: 0 8px 18px 4px #283d3b4d;
}
.price_card .select::before {
font-family: "Font Awesome 5 Free";
content: "";
font-weight: 900;
margin-right: 15px;
}
.price_card-1,
.card-3 {
position: relative;
transform: scale(0.9);
}
.price_card-1 {
left: 40px;
margin-left: -60px;
z-index: 0;
}
.price_card-1 h2 {
background: #197278;
}
.price_card-2 {
z-index: 1;
}
.price_card-3 {
left: -40px;
margin-right: -60px;
z-index: 0;
}
.price_card-3 h2 {
background: #781940;
}
.hot-badge::after {
content: "HOT";
position: absolute;
background: linear-gradient(to right, #ffd400, #ffbc00);
padding: 5px 54px;
box-shadow: 0 0 5px 3px #715e006e;
top: 17px;
right: -46px;
color: #5d4d00;
font-family: "Nunito", sans-serif;
font-size: 16px;
transform: rotateZ(45deg);
}
.creator-link:link,
.creator-link:visited {
text-decoration: none;
color: #d8d8d8;
background: #2d2d2d;
text-shadow: 0 1px 3px black;
position: fixed;
bottom: 40px;
right: -54px;
padding: 5px 0px;
margin: 0 auto;
width: 230px;
text-align: center;
display: block;
font-size: 20px;
font-family: "Nunito", sans-serif;
margin-top: 50px;
transform: rotateZ(-45deg);
z-index: 10;
transition: 150ms;
}
.creator-link:hover {
background: #56251f;
color: white;
}
.price_card ::-webkit-scrollbar {
width: 5px;
}
/* Track */
.price_card ::-webkit-scrollbar-track {
border-radius: 10px;
}
/* Handle */
.price_card ::-webkit-scrollbar-thumb {
background: #FF5D28;
border-radius: 10px;
}
/* Handle on hover */
.price_card ::-webkit-scrollbar-thumb:hover {}
.featurecard1 {
margin-bottom: 20px;
border-radius: 10px;
padding: 15px;
overflow: hidden;
box-shadow: 0px 4px 33px 0px rgb(75 12 11 / 7%);
transition: all .2s ease-in;
width: 100%;
}
.featurecard1 .text_feature {
text-align: center;
padding-top: 12px;
font-weight: 500;
font-size: 12px;
line-height: 16px;
}
.featurecard1 img {
border-radius: 5px;
width: 100%;
}
.procedures {}
.procedures .icons1 {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
width: 100px;
background: #fff9f5;
border-radius: 50%;
margin: 30px auto 0 auto;
}
.procedures .icons1 img {
width: 60px;
}
.content_inner ul {
text-align: left;
padding: 0 15px 0 15px;
margin: 0;
margin-bottom: 20px;
}
.content_inner ul li {
display: block;
}
.content_inner li {
list-style: none;
background-image: url(../img/icons/checklist.png);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 34px;
margin: 2px 0;
padding-top: 2px;
background-size: 20px;
font-size: 14px;
margin-bottom: 20px;
}
.v-t-card1 {
margin: 0px 20px 40px 20px !important;
border-radius: 10px;
padding: 20px 20px;
overflow: hidden;
box-shadow: rgb(149 157 165 / 31%) 0px 8px 24px;
transition: all .2s ease-in;
}
.v-t-card1 .card-body {
padding-bottom: 0;
}
.v-t-card1 h5 {
margin-bottom: 0 !important;
}
.tooltip-text {
visibility: hidden;
position: absolute;
padding: 5px 0px 5px 0px;
width: 78px;
border-radius: 4px;
text-align: center;
background-color: rgb(197 42 0);
color: #fff;
font-size: 10px;
z-index: 1;
bottom: 24%;
left: -90%;
transform: translate(-50%);
opacity: 0;
transition: opacity 1s;
}
.tooltip-text::after {
content: "";
position: absolute;
top: -25%;
left: 96%;
transform: translate(-50%);
border: 10px solid;
border-color: rgb(197 42 0) transparent transparent transparent;
rotate: -90deg;
}
.p-icon:hover .tooltip-text {
visibility: visible;
opacity: 1;
}
.product_details h2 {
font-size: 34px !important;
line-height: 36px;
}
.product_details h1 {
font-size: 34px !important;
line-height: 36px;
font-weight: 600;
}
h1.heading,
h1 {
font-size: 32px !important;
color: #303030;
line-height: 37.5px;
font-weight: 600;
/*margin-left: 10px;*/
}
.product-price-color {
color: #ff5d28;
font-size: 36px !important;
font-weight: 600 !important;
align-items: baseline;
margin-bottom: 20px !important;
}
.wishlist-btnn {
background: transparent;
width: 48px;
height: 48px !important;
margin: 0 !important;
border: 1px solid #dedede !important;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
padding-top: 4px;
}
.wishlist-btnn:hover {
border: 1px solid #e32020 !important;
}
.video_link2 {
height: 176px;
overflow: hidden;
position: relative;
}
.video_link2 img {
height: auto !important;
margin-top: -32px;
}
.video_link2 .youtube_icon {
position: absolute;
top: 50%;
left: 40%;
}
.video_link2 .youtube_icon img {
width: 60px;
}
.search_top_filter {
background: #fee4d5 url(../img/filter_search_bg.jpg);
padding: 32px 22px 22px 22px;
border-radius: 18px;
margin-bottom: 30px;
background-size: cover;
}
.talk_astrologer .asttro-card-2 {
background: #fee4d5 url(../img/astro_talk_singlebg.jpg);
background-size: cover;
padding: 10px 20px !important;
border-radius: 22px !important;
}
.talk_astrologer .asttro-card-2 ul {
padding: 0 !important;
}
.talk_astrologer .asttro-card-2 .name_online {
display: flex;
gap: 0.8em;
}
.talk_astrologer .asttro-card-2 h6 {
margin-bottom: 20px !important;
}
.blog_banner {
background: #fee4d5 url(../img/blog_banner.jpg);
background-size: cover;
}
.blog_card {
padding: 20px;
border: 1px solid #ececec;
}
.blog_card .card-body {
padding-left: 0;
}
.color-white {
color: #fff;
}
.main_circle {
margin: 0px auto;
width: 480px;
height: 480px;
position: relative;
}
.big-circle {
height: 100%;
width: 100%;
position: relative;
border: 2px solid #ff8829;
border-radius: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
animation: Rotate 20s linear infinite;
-webkit-animation: Rotate 20s linear infinite;
}
.icon-block h5 {
animation: Rotate-reverse 20s linear infinite;
-webkit-animation: Rotate-reverse 20s linear infinite;
background: #fb9f16;
color: #fff;
font-size: 12px;
text-align: center;
padding: 8px 20px;
border-radius: 15px;
box-shadow: #00000014 0px 0px 19px;
position: absolute;
margin-top: 10px;
}
.icon-block {
width: 64px;
height: 64px;
position: absolute;
border-radius: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
background-image: linear-gradient(180deg, #fb9f16 0%, #fb9f16 100%);
-webkit-background-image: linear-gradient(180deg, #fb9f16 0%, #fb9f16 100%);
}
.aestro .icon-block {
width: 150px !important;
height: auto;
}
.aestro .icon-block img {
display: none !important;
}
.icon-block img {
margin: 0px auto;
width: 86%;
animation: Rotate-reverse 20s linear infinite;
-webkit-animation: Rotate-reverse 20s linear infinite;
}
.icon-block:first-child {
top: 0;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.icon-block:nth-child(2) {
top: 50%;
right: 0;
transform: translate(50%, -50%);
-webkit-transform: translate(50%, -50%);
}
.icon-block:nth-child(3) {
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
-webkit-transform: translate(-50%, 50%);
}
.icon-block:nth-child(4) {
top: 50%;
left: 0;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
/* circle content */
.circle {
animation: circle-rotate 20s linear infinite;
-webkit-animation: circle-rotate 20s linear infinite;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
width: 75%;
height: 75%;
border: 3px solid #6495f2;
border-radius: 50%;
}
.circle .icon-block img {
animation: img-rotate 20s linear infinite;
-webkit-animation: img-rotate 20s linear infinite;
}
/* center logo */
.center-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.center-logo img {
max-width: 390px;
border-radius: 50%;
}
.center-logo {
z-index: 1;
}
.big-circle {
z-index: 11;
}
/* keyframe animation */
@keyframes Rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes Rotate-reverse {
from {
transform: rotate(360deg);
}
to {
transform: rotate(0deg);
}
}
@-webkit-keyframes Rotate-reverse {
from {
-webkit-transform: rotate(360deg);
}
to {
-webkit-transform: rotate(0deg);
}
}
@keyframes circle-rotate {
from {
transform: translate(-50%, -50%) rotate(45deg);
}
to {
transform: translate(-50%, -50%) rotate(405deg);
}
}
@-webkit-keyframes circle-rotate {
from {
-webkit-transform: translate(-50%, -50%) rotate(45deg);
}
to {
-webkit-transform: translate(-50%, -50%) rotate(405deg);
}
}
@keyframes img-rotate {
from {
transform: rotate(-45deg);
}
to {
transform: rotate(-405deg);
}
}
@-webkit-keyframes img-rotate {
from {
-webkit-transform: rotate(-45deg);
}
to {
-webkit-transform: rotate(-405deg);
}
}
.contact_box {
text-align: center;
}
.contact_box h5 {
font-size: 16px;
font-weight: 600 !important;
}
.contact_box img {
width: 55px;
margin-bottom: 20px;
margin: auto;
}
.contact_box .icon {
background: #ffa4281f;
width: 85px;
height: 85px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
margin-bottom: 20px;
}
.schedule1 input {
font-size: 14px;
margin-bottom: 10px;
margin-top: 5px;
padding: 10px 15px;
}
.schedule1 .form-select {
font-size: 14px;
margin-bottom: 10px;
margin-top: 5px;
padding: 10px 15px;
}
.border_slot {
padding: 30px;
}
.slots-time ul {
padding: 0 !important;
}
.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%;
}
.check-card1 .cart_img img {
width: 100%;
}
.check-card1 .cart_text {
width: 60%;
padding-left: 30px;
}
.check-card1 .courses_width {
width: 80%;
}
.check-card1 .cart_text h6 {
font-size: 16px;
}
.check-card1 .cart_text .text-orange {
font-size: 20px;
font-weight: 600;
}
.check-card1 .overlay {
width: 15%;
}
.check-card1 .cross-icon-card1 {
width: 10%;
text-align: center;
margin-top: -8px;
}
.cross-icon-card1 {}
.box_for_checkout {
border: 1px solid #e2e2e2;
}
.box_for_checkout h2 {
border-bottom: 1px solid #e2e2e2;
padding: 12px 20px;
}
.quantity_icon {
background: #800909;
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;
}
.minus,
.plus {
padding: 0px;
font-size: 16px !important;
border: 0px !important;
text-align: center;
background: #ff5d28 !important;
}
.minus {
border-radius: 17px 0px 0px 17px !important;
}
.plus {
border-radius: 0px 17px 17px 0px !important;
}
.main_button a {
color: #fff;
}
.check-card1 .overlay .number-1,
.number-1 {
border: 1px solid #ff5d28 !important;
border-radius: 18px;
width: 100%;
}
.number-1 {
border: 1px solid #ff5d28 !important;
border-radius: 18px;
width: 80px;
}
.total_box th {
font-weight: 500;
background: transparent;
}
.total_box td {
background: transparent;
}
.total_box .final_bg {
background: #dcdcdc;
border-radius: 3px;
}
.modal-dialog1 {
width: 30%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
z-index: 1000;
background: white;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 8px;
}
.card-wallet {
background: #fff;
border-radius: 20px;
padding: 15px;
display: flex;
position: relative;
justify-content: space-between;
}
.card-wallet .icons1 {}
.sidebar_account li {
font-size: 14px;
}
.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;
}
.wallet1 {
width: 64px;
height: 64px;
position: relative;
}
.icon1 {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #9b2303;
color: #fff;
position: relative;
z-index: 9;
}
.coin {
position: absolute;
top: var(--coin-from-x, 24px);
left: var(--coin-from-y, 24px);
z-index: 100;
opacity: 0;
}
.coin::after {
content: "$";
display: flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
font-size: 10px;
color: rgb(237, 196, 107);
background: rgb(227, 162, 23);
border: 2px solid rgb(237, 196, 107);
border-radius: 50%;
opacity: 0;
}
.coin--animated,
.coin--animated::after {
animation-delay: var(--coin-delay, 0s);
animation-duration: var(--coin-duration, 1.5s);
animation-direction: normal;
animation-fill-mode: both;
animation-play-state: running;
animation-iteration-count: infinite;
}
.coin--animated {
animation-name: coin-x-axis;
animation-timing-function: ease-in;
}
.coin--animated::after {
animation-name: coin-y-axis-and-flip;
animation-timing-function: ease-out;
}
@keyframes coin-x-axis {
30% {
opacity: 1;
}
70% {
opacity: 1;
}
to {
left: calc(var(--coin-to-x) * 1.5);
}
}
@keyframes coin-y-axis-and-flip {
30% {
opacity: 1;
}
70% {
opacity: 1;
}
to {
transform: translateY(calc(var(--coin-to-y) * 1.5)) rotate3d(1, 1, 1, 1080deg);
}
}
.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 {
--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:nth-child(9) .wallet_card_single{
background-color: #e4f2ff;
}
.wallet_card_all li:nth-child(10) .wallet_card_single{
background-color: #e4f8ea;
}
.wallet_card_single {
position: relative;
padding: 18px 20px;
border-radius: 10px;
margin-bottom: 25px;
}
.mobile_view {
margin-top: -165px;
}
.wallet_card_all li:nth-child(1) .wallet_card_single {
background-color: #fef1df;
}
.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;
}
.wallet_card_all li:nth-child(6) .wallet_card_single {
background-color: #f9dff6;
}
.wallet_card_all li:nth-child(7) .wallet_card_single {
background-color: #e6e7ff;
}
.wallet_card_all li:nth-child(8) .wallet_card_single {
background-color: #fef1df;
}
.wallet_card_all li:nth-child(1) .wallet_card_single .my-badge1 {
color: #ffa236;
}
.wallet_card_all li:nth-child(1) .wallet_card_single .my-badge1::after {
background: #ffa236;
}
.wallet_card_all li:nth-child(1) .wallet_card_single.active {
border: 2px solid #ffa236;
}
.wallet_card_all li:nth-child(2) .wallet_card_single .my-badge1::after {
background: #1f79cd;
}
.wallet_card_all li:nth-child(2) .wallet_card_single .my-badge1 {
color: #1f79cd;
}
.wallet_card_all li:nth-child(2) .wallet_card_single.active {
border: 2px solid #1f79cd;
}
.wallet_card_all li:nth-child(3) .wallet_card_single .my-badge1::after {
background: #1bb248;
}
.wallet_card_all li:nth-child(3) .wallet_card_single .my-badge1 {
color: #1bb248;
}
.wallet_card_all li:nth-child(3) .wallet_card_single.active {
border: 2px solid #1bb248;
}
.wallet_card_all li:nth-child(4) .wallet_card_single .my-badge1::after {
background: #e836a6;
}
.wallet_card_all li:nth-child(4) .wallet_card_single .my-badge1 {
color: #e836a6;
}
.wallet_card_all li:nth-child(4) .wallet_card_single.active {
border: 2px solid #e836a6;
}
.wallet_card_all li:nth-child(5) .wallet_card_single .my-badge1::after {
background: #ff3838;
}
.wallet_card_all li:nth-child(5) .wallet_card_single .my-badge1 {
color: #ff3838;
}
.wallet_card_all li:nth-child(5) .wallet_card_single.active {
border: 2px solid #ff3838;
}
.wallet_card_all li:nth-child(6) .wallet_card_single .my-badge1::after {
background: #e836a6;
}
.wallet_card_all li:nth-child(6) .wallet_card_single .my-badge1 {
color: #e836a6;
}
.wallet_card_all li:nth-child(6) .wallet_card_single.active {
border: 2px solid #e836a6;
}
.wallet_card_all li:nth-child(7) .wallet_card_single .my-badge1::after {
background: #6167fa;
}
.wallet_card_all li:nth-child(7) .wallet_card_single .my-badge1 {
color: #6167fa;
}
.wallet_card_all li:nth-child(7) .wallet_card_single.active {
border: 2px solid #6167fa;
}
.wallet_card_all li:nth-child(8) .wallet_card_single .my-badge1 {
color: #ffa236;
}
.wallet_card_all li:nth-child(8) .wallet_card_single .my-badge1::after {
background: #ffa236;
}
.wallet_card_all li:nth-child(8) .wallet_card_single.active {
border: 2px solid #ffa236;
}
.wallet_card_all li:nth-child(9) .wallet_card_single .my-badge1{
color: #1f79cd;
}
.wallet_card_all li:nth-child(9) .wallet_card_single .my-badge1::after {
background: #1f79cd;
}
.wallet_card_all li:nth-child(9) .wallet_card_single.active{
border: 2px solid #1f79cd;
}
.wallet_card_all li:nth-child(10) .wallet_card_single .my-badge1::after {
background: #1bb248;
}
.wallet_card_all li:nth-child(10) .wallet_card_single .my-badge1{
color: #1bb248;
}
.wallet_card_all li:nth-child(10) .wallet_card_single.active{
border: 2px solid #1bb248;
}
.wallet_card_single .my-badge1 {}
.wallet_card_single .my-badge1 {
font-weight: 600;
}
.wallet_card_single .text_recharge {}
.my-badge1::after {
content: "";
left: 0;
top: 32px;
position: absolute;
width: 4px;
height: 60px;
border-radius: 50px;
}
.text_recharge {
margin-top: 5px;
}
.text_recharge h6 {
font-size: 18px;
margin-bottom: 0;
}
.text_recharge h4 {
margin-top: 12px;
font-size: 16px;
}
.card-dashboard {
border-radius: 10px;
}
.dashboad_section {
background: #f2f2f2;
padding-top: 64px;
padding-bottom: 5%;
}
.bg-primary1 {
background-color: #af0505;
}
.dashbord_card {
background-color: #fff;
padding: 20px;
border-radius: 15px;
}
.dashbord_card .card_text {}
.dashbord_card .card_text h4 {
font-weight: 400;
font-size: 0.8em;
}
.dashbord_card .card_text h2 {
font-weight: 500;
font-size: 1em !important;
margin-bottom: 0;
}
.dashbord_card .card_text h2 span {
font-size: 12px;
}
.dashbord_card .card_text h6 {
color: #0053c6;
font-weight: 500;
display: flex;
align-items: center;
font-size: 0.7em;
}
.dashbord_card .card_text h6 span {
padding-right: 2px;
font-size: 1.4em;
display: flex;
}
.dashbord_card .card_icon {
width: 50px;
height: 50px;
border-radius: 50%;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2em;
}
.dashbord_card .card_icon.pink_color {
background: #f75277;
}
.dashbord_card .card_icon.orange_color {
background: #f98265;
}
.dashbord_card .card_icon.green_color {
background: #37db54;
}
.dashbord_card .card_icon.purple_color {
background: #b674fa;
}
.heading_main_dashboard {
text-align: left;
margin-top: 35px;
}
.heading_main_dashboard h2 {
font-size: 24px !important;
margin-bottom: 0;
}
.financial-box1 {
background: #ffffff;
padding: 30px 25px !important;
border-radius: 10px;
overflow: auto;
}
.financial-box1 tr {}
.dashboard_tab li {
font-size: 14px;
padding: 0;
}
.dashboard_tab li a {
padding: 10px 22px;
}
.dashboard_tab li a.active {
background: #af0505 !important;
color: #fff !important;
padding: 10px 22px !important;
}
.form_group_img {
position: relative;
}
.form_group_img img {
position: absolute;
top: 12px;
right: 10px;
}
.dashboad_profileimg {
width: 50px;
height: 50px;
margin-top: 15px;
}
.card-wallet1 {
background: #00000029;
border-radius: 20px;
padding: 15px;
display: flex;
gap: 1.4em;
position: relative;
justify-content: space-between;
}
.card-wallet1 .text {}
.card-wallet1 .text h6 {
font-weight: 400;
font-size: 12px;
margin-bottom: 0;
}
.card-wallet1 .text h3 {
font-weight: 500;
font-size: 28px;
margin-bottom: 0;
}
.card-wallet1 .text h4 {
font-weight: 400;
font-size: 14px;
margin-bottom: 0;
}
.card-wallet1 .text h4 span {
padding-left: 5px;
color: #ffc107;
}
.bg-dash2 {
background-color: #bcbcbc;
}
.order-box tr td {
padding: 4px;
width: 25%;
border-left: 1px solid #cecece;
}
.order-table {
border: 1px solid #cfcfcf;
}
.primium-n1 .card {
margin: 0px 0px 40px 20px !important;
}
.primium-n1 .card-body {
padding: 0;
padding-top: 16px;
}
.chat-input form {
width: 100%;
gap: 1.4em;
}
.chat-input textarea {
width: 100%;
}
.live_courses_dashboard .slick-track {
margin: 0 0 !important;
width: 100% !important;
}
.live_courses_dashboard .slick-slide {
width: 100% !important;
margin: 10px 0 20px 0;
}
.course_bg_h5 {
font-size: 16px;
color: #333 !important;
margin-top: 15px;
}
.contact_bg {
background-image: url(../img/contact_banner.jpg);
background-repeat: no-repeat;
width: 100%;
background-size: cover;
}
.btn-bg:hover {
background: #821c01;
color: #fff;
}
.phonelogin .form-control {
padding: 10px;
}
.signup-form .form-control {
padding: 10px;
}
.dashboard_tab {
gap: 0.8em 0.6em;
}
.dashboard_tab li a {
border-radius: 6px;
background: #fff;
padding: 10px 22px !important;
}
.card-wallet2 {
background: #ff5d28;
}
.progress-wrap::before {
background: transparent !important;
}
.progress-icon {
color: #af0505 !important;
}
.progress-wrap {
background: #fff !important;
}
.progress-wrap svg.progress-circle path {
stroke: #ab0505 !important;
}
@media(min-width:768px) {
.nav-item.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0;
}
}
.accordion-body.course-acco li {
background-image: none;
padding-left: 0;
margin-bottom: 0;
}
.iframe_slider {
width: 100%;
height: 360px;
border-radius: 10px;
}
.iframe_slider1 {
width: 100%;
height: 236px;
border-radius: 10px;
}
.shop_filter {
position: relative;
}
.mobile_courses_issue.show {
position: relative;
z-index: -9;
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
transform: none;
transition: none;
}
.financial_documents {
/* border: 2px solid #af0505;*/
width: 100%;
}
.financial_documents th {
background: #af0505;
padding: 10px;
color: #fff;
font-weight: 400;
}
.financial_documents td {
padding: 8px;
}
.body {
padding-top: 58px !important;
}
.mt-65 {
margin-top: 65px !important;
}
.w-30 {
width: 20%;
}
.truncate-text {
max-width: 230px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.x-space {
gap: 15px;
align-items: center;
}
.category_box1 {
padding-top: 60px !important;
}
.nav_view_all {
border: 1px solid;
border-radius: 10px;
padding: 10px;
text-align: center;
background: #f2f2f2;
color: #f4061b;
}
/* 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; */
}
}
.course_box: {
background-color: #ffffff;
border-style: solid;
border-width: 2px;
border-color: #fa6113;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5);
color: #000000;
}
.text-topic {
color: #9b2303 !important;
}
@media (min-width: 768px) {
.order-md-12 {
-ms-flex-order: 12 !important;
order: 12 !important;
}
}
.text-bg-danger {
color: #fff !important;
background-color: #800909 !important;
}
.dashbord_card .icons_dashboard {
background: #f2f2f2;
height: 80px;
width: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 22px;
margin: 0 auto 15px auto;
}
.blue-tick {
color: blue;
right: 16px;
font-size: 27px;
position: absolute;
z-index: 27;
font-weight: bold;
width: 25px;
height: 25px;
top: 20px;
}
.boxrelative {
position: relative;
}
.guru_main .blue-tick {
top: 0;
right: 75px;
}
.asttro-card-2 .blue-tick {
right: 5px;
font-size: 21px;
top: 25px;
}
.consult_banner .blue-tick {
left: -1px;
top: 0;
}
.consult_banner .blue-tick.bi-patch-check-fill::before {
content: "\f4b5";
background: #fff;
border-radius: 50%;
}
/*.h-admin {
padding: 10px 16px;
border-radius: 10px;
font-size: 18px;
line-height: 1.33;
color: white;
background-color: rgb(122, 112, 186);
}*/
.aesto_menu {
background: #d39f4c;
color: #000000;
font-size: 18px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #333;
margin-left: 10px;
}
.schedule-container {
width: 100%;
border-radius: 12px;
background: #fff;
overflow: hidden;
}
.schedule-header, .schedule-row {
display: flex;
align-items: center;
padding: 5px 0px;
}
.schedule-header {
background: #f8f9fb;
font-weight: 600;
border-bottom: 1px solid #e6e6e6;
}
.schedule-row {
border-bottom: 1px solid #f0f0f0;
transition: background 0.2s ease;
}
.schedule-row:hover {
background: #fafafa;
}
.schedule-row.active-day {
background: #f8f9fb;
border-bottom: 1px solid #e6e6e6;
}
.col-switch {
width: 60px;
text-align: left;
}
.col-time.time-block{
margin-bottom: 10px;
}
.col-day {
padding-left: 10px;
}
.col-day {
flex: 1;
min-width: 120px;
}
.col-time {
flex: 1;
/*min-width: 145px;*/
display: flex;
flex-direction: column;
gap: 6px;
margin-right: 10px;
}
.time-label {
font-size: 13px;
color: #6b7280;
}
.time-input {
width: 100%;
padding: 6px 10px;
border: 1px solid #d1d5db;
border-radius: 6px;
font-size: 14px;
outline: none;
transition: border-color 0.2s;
}
.time-input:focus {
border-color: #2563eb;
}
/* Toggle Switch */
.switch {
position: relative;
display: inline-block;
width: 44px;
height: 24px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
background-color: #ccc;
border-radius: 24px;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: .3s;
}
.slider:before {
position: absolute;
content: "";
height: 18px;
width: 18px;
left: 3px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: .3s;
}
.switch input:checked+.slider {
background-color: #2563eb;
}
.switch input:checked+.slider:before {
transform: translateX(20px);
}
.astro_button_call {
padding: 10px 22px;
color: #ff5d28;
border-radius: 50px;
opacity: 10 !important;
display: flex;
gap: 5px;
font-weight: 600;
border: 2px solid #ff5d28;
}
.astro_button_call:hover {
border: 2px solid #ff5d28;
background: transparent;
color: #ff5d28;
}
.astro_button_chat {
padding: 10px 22px;
color: #ff5d28;
border-radius: 50px;
opacity: 10 !important;
display: flex;
gap: 5px;
border: 2px solid #ff5d28;
font-weight: 600;
}
.astro_button_chat:hover {
background: #ff5d28;
color: #fff;
}
.astro_button_chat.active {
background: #ff5d28;
color: #fff;
}
.astro_button_call.active {
background: #ff5d28;
color: #fff;
}
.astro_button_call.active {
background: #ff5d28;
color: #fff;
}
.btn-close_tracking{
background: transparent;
border: none;
font-size: 24px;
position: absolute;
right: 14px;
top: 5px;
}
.order-box1 tr td{
border: none;
}
.order-box1 .order-table {
border: none;
}
.order-box1 .o-table-box {
border-radius: 7px 7px 0px 0px;
border-bottom: 1px solid #d7d7d7;
}
/* Responsive behavior */
@media (max-width: 768px) {
.schedule-header {
display: none;
}
.schedule-row {
flex-direction: column;
align-items: flex-start;
padding: 14px 16px;
}
.col-day {
font-weight: 600;
margin-bottom: 6px;
}
.col-time {
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.schedule1 .col-sm-2 {
width: 50%;
float: left;
}
}
.box::-webkit-scrollbar-track {
width: 5px;
background-color: lightgrey;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
body {
padding-top: 58px;
}
.fs-19 {
font-size: 1.5rem;
}
.fs-17 {
font-size: 17px;
}
.fs-19 {
font-size: 19px;
}
.category_box {
padding-top: 30px;
}
.box::-webkit-scrollbar {
width: 5px;
background-color: #F5F5F5;
border-radius: 5px
}
.box::-webkit-scrollbar-thumb {
background: linear-gradient(90deg, #F7471B 2.5%, #FE9900 97.29%);
border: 2px solid #F7471B;
border-radius: 5px
}
.icons {
display: inline;
float: right
}
.notification {
position: relative;
display: inline-block;
}
.number {
height: 18px;
width: 18px;
background-color: #d63031;
border-radius: 20px;
color: white;
text-align: center;
position: absolute;
top: -8px;
left: 45%;
font-size: 13px;
}
.number:empty {
display: none;
}
.notBtn {
transition: 0.5s;
cursor: pointer
}
.fas {
font-size: 25pt;
padding-bottom: 10px;
color: black;
margin-right: 40px;
margin-left: 40px;
}
.box {
width: 400px;
height: 0px;
border-radius: 10px;
transition: 0.5s;
position: absolute;
overflow-y: scroll;
padding: 0px;
left: -300px;
margin-top: 5px;
background-color: #F4F4F4;
-webkit-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
box-shadow: 10px 10px 23px 0px rgba(0, 0, 0, 0.1);
cursor: context-menu;
}
.fas:hover {
color: #d63031;
}
.notBtn:hover>.box {
height: 40vh;
z-index: 9999;
}
.content {
padding: 20px;
color: black;
vertical-align: middle;
text-align: left;
}
.gry {
background-color: #F4F4F4;
}
.top {
color: black;
padding: 10px
}
.display {
position: relative;
}
.cont {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #F4F4F4;
}
.cont:empty {
display: none;
}
.header.desktop {
position: fixed;
top: 0;
left: 0;
width: 100%;
transition: transform 0.5s ease-in-out;
z-index: 100;
}
.header-hidden {
transform: translateY(-100%);
}
.position-sticky {
top: 54px;
/* Adjust this value based on your header height */
transition: top 0.5s ease-in-out;
}
.stick {
text-align: center;
display: block;
font-size: 50pt;
padding-top: 70px;
padding-left: 80px
}
.stick:hover {
color: black;
}
.sec {
padding: 10px 10px;
background-color: #F4F4F4;
transition: 0.5s;
}
.profile {
-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
width: 50px;
float: left;
}
.txt {
vertical-align: top;
font-size: 14px;
}
.sub {
font-size: 14px;
color: grey;
}
.new {
border-bottom: 1px solid lightgrey;
border-color: lightgrey;
}
.sec:hover {
background-color: #BFBFBF;
}
.unseen {
width: 11px;
height: 12px;
font-size: 10px;
background: #d63031;
display: flex;
color: white;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
right: 23px;
top: 0px;
border: 0px solid #F7471B;
}
.unseen::after {
content: '';
position: absolute;
top: 2px;
right: 2px;
width: 10px;
height: 10px;
background-color: #d63031;
border-radius: 50%;
border: 0px solid white;
}
.serch-box {
display: none;
/* Hide by default */
position: absolute;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
z-index: 1000;
height: 400px;
overflow: auto;
}
.serch-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.serch-box ul li {
padding-left: 35px !important;
background-position: 5px 5px;
cursor: pointer;
color: #333;
}
.other-accounts {
position: absolute;
top: 55px;
background-color: #fff;
padding: 0px;
width: 200px;
right: 0;
z-index: 99999;
border-radius: 5px;
}
.other-accounts li {
height: 45px !important;
line-height: 45px !important;
}
@media(max-width:768px) {
body {
padding-top: 0 !important;
}
.category_box {
padding-top: 60px;
}
}
@media(max-width:600px) {
.notBtn:hover>.box {
width: 96vw !important;
left: -246px;
}
}