/*
html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("owl.carousel.min.css");
/*@import url("owl.theme.default.min.css");
@import url("glightbox.min.css"); */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
* {
outline: none;
}
body { background: #fff4d4 !important; color: #000; font-family: "Roboto", serif; font-size: 1rem;}
/*body {border-left: 125px solid transparent; border-right: 125px solid transparent;}*/
html, body, ul, ol {
margin: 0;
padding: 0;
}
a {
color: #A1282A;
}
a:hover,
a:active,
a:focus {
transition: all ease-in-out 0.3s;
/*color: #b92204;*/
text-decoration: none;
}
:focus-visible {
outline: none;
}
ul {
list-style-type: none;
}
button:focus:not(:focus-visible) {
/*box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);*/
}
::placeholder {
color: #ccc;
opacity: 1; /* Firefox */
}
::-ms-input-placeholder { /* Edge 12-18 */
color: #ccc;
}
a,
a:hover {
text-decoration: none;
}
a {
transition: all 0.3s ease 0s;
}
.underline a { text-decoration: underline; }
.font1 {
font-size: 1rem;
}
.custum-input {
background-color: transparent;
border-radius: 0;
border: 0;
border-bottom: 1px solid #a82424 !important;
padding-left: 0;
color: #717171 !important;
}
.custum-input:focus {
background-color: transparent;
}
.form-select { font-size: 0.9rem;}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
::-webkit-input-placeholder {
color: #6c757d !important;
}
select:invalid {
color: #6c757d; /* Change to the color you want */
}
:focus::-webkit-input-placeholder {
opacity: 0.5;
color: #555;
}
.form-control {
font-size: 0.9rem;
color: #000 !important;
}
.form-control:focus {
box-shadow: 0 0 0 0.25rem #2D033B;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
color: #ffffff;
background-color: #2D033B;
border-color: transparent;
opacity: 0.5;
}
/*
#form_time:before {
content: "Select Time:";
margin-right: 0.6em;
color: #E5B8F4;
}
*/
.btn-wrapper {
height: auto;
}
.btn-wrapper .menu-toggle {
min-height: 40px;
}
.btn-wrapper .menu-toggle .icon-bars {
display: block;
width: 2rem;
height: 2px;
/*background-color: #ffffff;*/
background-color: #A1282A;
position: relative;
transition: transform 0.3s ease-in, background-color 0.2s ease;
}
.btn-wrapper .menu-toggle .icon-bars::before, .btn-wrapper .menu-toggle .icon-bars::after {
display: block;
width: 2rem;
height: 2px;
/*background-color: #ffffff;*/
background: #A1282A;
content: "";
position: absolute;
left: 0;
transition: top 0.3s 0.3s ease-in, transform 0.3s ease-in, background-color 0.2s ease;
}
.btn-wrapper .menu-toggle .icon-bars::before {
top: 0.5em;
}
.btn-wrapper .menu-toggle .icon-bars::after {
top: -0.5em;
}
.btn-wrapper .menu-toggle:active .icon-bars {
transition: transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 135deg);
}
.btn-wrapper .menu-toggle:active .icon-bars::before {
transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 90deg);
top: 0;
}
.btn-wrapper .menu-toggle:active .icon-bars::after {
transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 90deg);
top: 0;
}
.menu--is-revealed .menu-toggle .icon-bars {
transition: transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 135deg);
}
.menu--is-revealed .menu-toggle .icon-bars::before {
transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 90deg);
top: 0;
}
.menu--is-revealed .menu-toggle .icon-bars::after {
transition: top 0.2s ease-in, transform 0.3s 0.2s ease-in, background-color 0.2s ease;
transform: rotate3d(0, 0, 1, 90deg);
top: 0;
}
ul.navbar-nav ul.dropdown-menu-efct {
display: block;
opacity: 0;
visibility: hidden;
top: 80px;
transition: all 0.3s;
margin-top: -0.01rem;
}
@media screen and (max-width: 992px) {
ul.navbar-nav ul.dropdown-menu-efct {
display: none;
}
}
ul.navbar-nav li.dropdown:hover ul.dropdown-menu-efct {
display: block;
opacity: 1;
visibility: visible;
top: 100%;
min-width: 170px;
}
@media screen and (max-width: 992px) {
ul.navbar-nav li.dropdown:hover ul.dropdown-menu-efct {
display: block;
}
}
.dropdown-menu .dropdown-submenu {
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
left: 100%;
top: 0px;
transition: all 0.3s;
}
@media screen and (max-width: 992px) {
.dropdown-menu .dropdown-submenu {
position: relative;
left: 0;
top: 0;
}
}
.dropdown-menu .dropdown-submenu.show {
display: block;
}
.dropdown-menu .sub::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid transparent;
border-right: 0;
border-bottom: 0.3em solid transparent;
border-left: 0.3em solid;
vertical-align: 0;
}
.dropdown-menu .sub::after {
position: absolute;
right: 20px;
top: 15px;
}
@media screen and (max-width: 992px) {
.dropdown-menu {
display: none !important;
}
}
@media screen and (max-width: 992px) {
.dropdown-menu.show {
display: block !important;
}
}
.megamenu-li {
position: static;
}
.megamenu-li:hover .megamenu {
display: block;
opacity: 1;
visibility: visible;
top: 100%;
}
.megamenu-li .megamenu {
position: absolute;
width: 100%;
left: 0;
right: 0;
padding: 15px;
display: block;
opacity: 0;
visibility: hidden;
top: 80px;
transition: all 0.3s;
}
@media screen and (max-width: 992px) {
.megamenu-li .megamenu {
position: static;
}
}
ul.sub-menu-effect li {
position: relative;
}
ul.sub-menu-effect li a {
transition: padding-left 0.2s ease;
}
ul.sub-menu-img-effect li img {
}
ul.sub-menu-img-effect li img:hover {
box-shadow: 0 0 15px #810CA8;
}
ul.sub-menu-effect li a:hover {
padding-left: 1.2rem !important;
background-color: transparent !important;
color: #E5B8F4 !important;
}
.sub-down:hover .dropdown-submenu {
display: block;
opacity: 1;
visibility: visible;
top: -10px;
}
.font-small {
font-size: 0.875rem;
}
.font-extra-small {
font-size: 0.75rem;
}
.font-black {
font-weight: 900;
}
.theme-bg-white {
background-color: #ffffff;
}
.theme-text-white {
color: #ffffff;
}
.theme-text-dark {
color: #000000;
}
.theme-text-primary {
/*color: #810CA8;
color: #600;*/
color: #a1282a;
}
.theme-text-secondary {
color: #e63934;
}
.theme-text-accent-one {
color: #FFCB1F;
}
.theme-text-accent-two {
color: #FCF2FF;
}
.theme-text-accent-three {
color: #878A9B;
}
.theme-box-shadow {
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
}
.theme-text-shadow {
text-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.1);
}
.theme-border-radius {
border-radius: 2.5rem;
}
/* Button CSS */
.btn {
padding: .375rem .75rem;
border: 0;
}
.btn-primary {
background-color: #518600 /*#009350 #00c180*/ !important;
box-shadow: none !important;
/*text-transform: uppercase;*/
font-weight: 600;
}
.btn-primary i.rgtArrow {
margin-left: 5px;
position: relative;
right: 0px;
top: 2px;
font-size: 1rem !important
}
.btn-primary:hover {
background-color: #3b5b01 !important;
color: #fff !important;
}
.btn-primary.primary-btn-effect::before {
background: #3b5b01 !important;
}
.btn-primary.primary-btn-effect::after {
background: #3b5b01 !important;
}
.btn-secondary {
color: #fff;
background: #FF6F00;
background: linear-gradient(-55deg,#a1282a,#ff7600);
border: 0;
text-transform: uppercase;
font-weight: 500; /*box-shadow: 0 2px 0 0 #ed9237 !important;*/
box-shadow: none !important;
}
.btn-secondary:hover {
background: linear-gradient(-55deg,#a1282a,#e63934);
color: #fff;
}
.btn-white {
background: #fff !important;
color: #000 !important;
}
.btn-white:hover {
background: #fff !important;
color: #000 !important;
}
.btn-yellow {
background: #ffcb1f !important;
color: #000 !important;
}
.btn-yellow:hover {
background: #ffc400 !important;
color: #000 !important;
}
.btn-group-lg > .btn, .btn-lg {
padding: .5rem 1.3rem;
font-size: 1.20rem;
line-height: 1.5;
border-radius: .3rem;
}
.btn-group-md > .btn, .btn-md {
padding: .40rem 1rem;
font-size: 0.9rem;
line-height: 1.5;
border-radius: .2rem;
}
.btn-group-sm > .btn, .btn-sm {
padding: .3rem 1.2rem;
font-size: .775rem;
/*line-height: 1.5;*/
line-height: normal;
border-radius: .2rem;
}
@media(max-width: 480px) {
.btn {
width: 100%;
}
}
.bg-gray {
background-color: #f8fafb;
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important;
}
.bg-white {
background-color: #ffffff;
}
.bg-yellow {
background-color: #ffcb1f;
}
.bg-claude {
background-color: #faf9f5;
/*background-color: #f0eee6; Label color
color: #73726c;*/
}
.bg-ivory {
background-color: #ffefe2
}
.btn-deep-orange {
color: #fff;
background: #A1282A;
border: 0;
text-transform: uppercase;
font-weight: 500;
transition: box-shadow .50s;
}
.btn-deep-orange:hover { /*background: #ffb561;*/
background: #E63934;
color: #fff;
}
.btn-secondary.primary-btn-effect::before {
background: #b13222 !important;
}
.btn-secondary.primary-btn-effect::after {
background: #b13222 !important;
}
.primary-btn-effect::before {
background: #ffb561 !important;
}
.primary-btn-effect::before {
background: #ffb561 !important;
}
.btn3 {
background-color: #ed9237 !important;
box-shadow: 0 2px 0 0 #ed9237 !important;
}
.btn-arrow {
font-size: 22px;
vertical-align: middle;
}
.circle-btn {
background-color: #A1282A;
color: #ffffff;
width: 35px;
height: 35px;
border-radius: 50%;
}
.circle-btn:hover {
background-color: #e63934;
color: #ffffff;
}
.custom-btn-download {
background-color: #2D033B;
color: #ffffff;
width: 40px;
height: 40px;
border-radius: 50%;
}
.custom-btn-download:hover {
background-color: #810CA8;
color: #ffffff;
}
.custom-btn-download:hover i {
color: #b13222;
}
.btn .custom-btn-download i:before, .btn .bi-play-fill::before {
position: relative;
left: -3px;
top: -3px;
font-size: 20px;
}
.primary-btn-effect {
position: relative;
cursor: pointer;
overflow: hidden;
transition: all 0.3s ease-in-out;
z-index: 10;
}
.primary-btn-effect:hover {
color: #000000;
}
.primary-btn-effect:hover::before {
opacity: 1;
width: 116%;
}
.primary-btn-effect:hover::after {
opacity: 1;
width: 120%;
}
.primary-btn-effect::before {
content: "";
width: 0%;
height: 100%;
display: block;
background: #E5B8F4;
position: absolute;
transform: skewX(-20deg);
opacity: 1;
left: -10%;
top: 0;
z-index: -12;
transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}
.primary-btn-effect::after {
content: "";
width: 0%;
height: 100%;
display: block;
background: #810CA8;
position: absolute;
transform: skewX(-20deg);
left: -10%;
opacity: 0;
top: 0;
z-index: -15;
transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
box-shadow: 2px 0px 14px rgba(0, 0, 0, 0.6);
}
.br-radius { border-radius: 6px;}
.icon-wrapper {
box-shadow: 0 0 0px 0px rgba(130, 0, 2, 0.5);
cursor: pointer;
border-radius: 50%;
transition: 250ms color;
animation-name: wave;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes wave {
0% {
box-shadow: 0 0 0px 0px rgba(45, 3, 59, 0.5);
}
100% {
box-shadow: 0 0 0px 15px rgba(45, 3, 59, 0);
}
}
.cardeffect {
transition: all 500ms ease-in-out;
position: relative;
}
.cardeffect::before, .cardeffect::after {
content: "";
position: absolute;
width: 0px;
height: 0px;
opacity: 0;
border-radius: 2.5rem 0 2.5rem 0;
}
.cardeffect::before {
left: 0px;
top: 0px;
/* border-top: 5px solid #a1282a;
border-left: 5px solid #a1282a;*/
transition: all 0.5s ease-in-out;
}
.cardeffect:after {
right: 0px;
bottom: 0px;
/*border-bottom: 5px solid #a1282a;
border-right: 5px solid #a1282a;*/
width: 100%;
height: 100%;
transition: all 0.5s ease-in-out;
background: #fff;
z-index: -1;
}
.cardeffect:hover:before, .cardeffect:hover:after {
/* width: 80px;
height: 80px;*/
opacity: 1;
}
.cardeffect a {
color: #000;
}
.cardeffect a:hover h3 {
color: #A1282A;
}
a.effect {
color: #A1282A;
}
a.effect i {
padding-left: 0.5rem;
}
a.effect:hover {
color: #E63D38
}
a.effect:hover i {
color: #A1282A;
}
a.effect:hover i:before {
transform: translateX(5px);
transition: all 0.2s ease;
}
a.effect .bi:before {
transition: all 0.2s ease;
}
.bi-play-fill {
}
.img-effect img {
transition: all 0.4s ease-in-out;
}
.img-effect:hover img {
transform: scale(1.5);
}
.z-2 {
z-index: 2;
}
.max {
max-width: 650px;
margin: auto;
}
.min-h {
min-height: 50px;
}
.grow-box {
display: block;
transition-duration: 0.3s;
transition-property: transform;
-webkit-tap-highlight-color: transparent;
transform: scale(0.9);
}
.grow-box:hover {
transform: translateZ(0);
}
.owl-carousel .owl-nav {
position: absolute;
left: 44%;
margin-top: 20px;
}
.owl-nav button {
margin: 5px;
}
@media screen and (max-width: 767px) {
.owl-carousel .owl-nav {
left: 0;
}
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
background: #ffffff !important;
color: #A1282A !important;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
width: 3rem;
height: 3rem;
border-radius: 50%;
font-size: 2rem !important;
line-height: 1.5rem !important;
border: 1px solid #A1282A !important;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
background: #A1282A !important;
color: #ffffff !important;
}
.set-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}
.custom-button {
display: flex;
justify-content: center;
align-items: center;
}
.img-lt {
filter: grayscale(100%);
transition: 0.5s ease-in-out;
}
.img-lt:hover {
filter: grayscale(0%);
}
.accordion-item {
border: 0px;
padding: 0.25rem;
}
.accordion-item .card-header .accordion-button {
font-size: calc(1.275rem + .3vw) !important;
}
.accordion-item .accordion-button {
background-color: #E5B8F4;
border-radius: 0px;
}
.accordion-button:after { background: url(../images/collapse.svg) no-repeat left top / 20px 20px !important;
width: 20px !important;
height: 20px !important; transform: inherit !important; /* transform: rotate(-135deg)*/}
.accordion-button.collapsed:after { background: url(../images/expand.svg) no-repeat left top / 20px 20px !important; transform: inherit !important;}
.accordion-item .accordion-button:not(.collapsed) {
background-color: #E5B8F4;
border-bottom: 2px solid #810CA8;
color: #2D033B;
box-shadow: none;
}
.accordion-item .accordion-button:focus {
border-color: #2D033B;
}
.accordion-item:first-of-type .accordion-button {
border-radius: 0px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0px;
}
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0px;
}
.product-quick-view {
position: relative;
transition: all 0.5s ease-in-out;
border-radius: 2.5rem;
overflow: hidden;
background-color: #FCF2FF;
}
.deal-badge {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
}
.product-gallery .slider-for img {
width: 100%;
height: auto;
}
.product-gallery .gallery-thumb {
margin-top: 1rem;
}
.product-gallery .gallery-thumb img {
width: 19%;
height: auto;
padding: 1%;
border-radius: 2.5rem;
}
div.zoom {
background-position: 50% 50%;
border-radius: 2.5rem;
cursor: zoom-in;
overflow: hidden;
position: relative;
width: 100%;
}
div.zoom img {
display: block;
transition: opacity 0.5s;
width: 100%;
}
div.zoom img:hover {
opacity: 0;
}
.svg-sprt {
width: 1em;
height: 1em;
vertical-align: -0.125em;
fill: currentcolor;
}
nav {
position: relative;
}
@media screen and (max-width: 767px) {
nav .navbar-brand {
width: 60%;
}
}
.switch {
/* display: flex;
align-items: center;*/
}
.switch .dropdown button {
color: inherit;
box-shadow: none;
}
.switch .dropdown .dropdown-menu {
width: auto;
border-radius: 0;
padding: 0;
min-width: auto;
}
.switch .dropdown .dropdown-menu li {
width: auto;
}
.switch .dropdown .dropdown-menu li .dropdown-item {
width: auto;
margin: 0;
padding: 6px;
}
.switch .dropdown .dropdown-menu li .dropdown-item:active, .switch .dropdown .dropdown-menu li .dropdown-item.active {
background-color: #008CFF;
}
@media screen and (max-width: 767px) {
.pg-blog .switch {
justify-content: center;
/* width: 100%;*/
}
}
[data-bs-theme=dark] .info-top .close-btn {
filter: grayscale(1%);
}
[data-bs-theme=dark] .top a,
[data-bs-theme=dark] .top .notify-btn i {
color: #ffffff;
}
[data-bs-theme=dark] .top a:hover,
[data-bs-theme=dark] .top .notify-btn i:hover {
color: #810CA8;
}
[data-bs-theme=dark] .top .item-wrap .main-box {
background-color: #000000;
}
[data-bs-theme=dark] .top .item-wrap .main-box ul li a:hover {
color: #ffffff;
}
[data-bs-theme=dark] .search-model {
background-color: #000000;
}
[data-bs-theme=dark] .header .navbar-nav .nav-item .nav-link {
color: #ffffff;
}
[data-bs-theme=dark] .header .navbar-nav .nav-item .nav-link.sub {
color: #ffffff;
}
[data-bs-theme=dark] .header .navbar-nav .nav-item .dropdown-menu {
background-color: #000000;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
}
[data-bs-theme=dark] .header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
color: #ffffff;
}
[data-bs-theme=dark] .logo-dark {
display: none;
}
[data-bs-theme=dark] .hero::before {
background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0.85) 100%);
}
[data-bs-theme=dark] .cardeffect {
background-color: rgba(0, 0, 0, 0.9);
}
[data-bs-theme=dark] .core-services svg {
fill: #ffffff;
}
[data-bs-theme=dark] .core-services #kundli path {
stroke: #000000;
}
[data-bs-theme=dark] .blog .blog-card .tags {
color: #ffffff;
background-color: #2D033B;
}
[data-bs-theme=dark] .blog .blog-card .title a {
color: #ffffff;
}
[data-bs-theme=dark] .call-to-action {
background-color: #2D033B;
}
[data-bs-theme=dark] .footer h1,
[data-bs-theme=dark] .footer h2,
[data-bs-theme=dark] .footer h3 {
color: #ffffff;
}
[data-bs-theme=dark] .footer p {
color: #FCF2FF;
}
[data-bs-theme=dark] .footer .link-list li a {
color: #ffffff;
}
[data-bs-theme=dark] .footer .link-list li a:hover {
color: #E5B8F4;
}
[data-bs-theme=dark] .auth-area {
background-image: none;
}
[data-bs-theme=dark] .nav-category .nav-item .nav-link {
color: #ffffff;
}
[data-bs-theme=dark] .nav-category .nav-item .nav-link:hover {
color: #810CA8;
}
[data-bs-theme=dark] .form-check-input {
border-color: #ffffff;
}
[data-bs-theme=dark] #offcanvasCategory .form-check-label {
color: #ffffff;
}
[data-bs-theme=dark] .shop-detail ul li,
[data-bs-theme=dark] .shop-detail p,
[data-bs-theme=dark] .shop-detail .nav-lb-tab .nav-item .nav-link {
color: #ffffff;
}
[data-bs-theme=dark] .shop-detail ul li:before {
background-color: #ffffff;
}
[data-bs-theme=dark] .shop-detail .nav-lb-tab .nav-item .nav-link:hover,
[data-bs-theme=dark] .shop-detail .nav-lb-tab .nav-item .nav-link.active {
color: #810CA8;
border-bottom-color: #810CA8;
}
/* END: No need */
[data-bs-theme=light] .header .navbar-nav .nav-item .nav-link {
color: #000000;
}
[data-bs-theme=light] .logo-light {
display: none;
}
.banner-image {
position: relative;
z-index: 1;
color: white;
padding: 0px 0;
display: flex;
justify-content: start;
align-items: center;
justify-content: center;
padding: 50px 0;
width: 100%;
min-height: 400px; /* Ensures a minimum height */
}
/* Dark Overlay with Transparency */
.overlay-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5); /* 50% dark overlay */
z-index: 1;
}
.banner-image .container {
position: relative;
z-index: 2; /* Ensures content is on top of the overlay */
}
/* Responsive adjustments for different screen sizes */
@media (max-width: 992px) { /* Tablets */
.banner-image {
min-height: 350px;
background-size: contain; /* Ensures full visibility */
}
}
.customer-problems { width: 75%; }
@media (max-width: 768px) { /* Mobile devices */
.banner-image {
min-height: 300px;
background-size: contain;
}
.customer-problems { width: 100% !important; }
}
.banner-image:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #ffcb1f;
left: 0;
top: 0;
z-index: -1;
}
.birthChartImg:before {
background: rgba(0, 0, 0, 0.5) url(../images/free-horoscope-kundali-birth-chart-pdf.webp) no-repeat center top / cover;
}
.marriageMatchImg:before {
background: rgba(0, 0, 0, 0.5) url(../images/free-marriage-match-horoscope.webp) no-repeat center center / cover;
}
.banner-image::after {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #000;
left: 0;
top: 0;
opacity: 0.2;
z-index: -1;
}
.newbornImg:before {
background: rgba(0, 0, 0, 0.5) url(../images/newborn-astrology.jpg) no-repeat center center / cover;
}
.numerologyImg:before {
background: rgba(0, 0, 0, 0.5) url(../images/importance-of-numerology-predections.webp) no-repeat center center / cover;
}
.page-breadcrumb {
font-size: 14px;
display: flex;
flex-direction: column;
justify-content: center;
/*align-items: center;
background: #fff;*/
text-align: left;
margin-bottom: 20px;
}
.page-breadcrumb .list li {
display: inline-block;
color: #000;
position: relative;
padding-right: 10px;
padding-left: 10px;
font-weight: 600;
}
.page-breadcrumb .list li:first-child {
padding-left: 0px;
}
.page-breadcrumb .list li:first-child::before {
display: none;
}
.page-breadcrumb .list li a {
color: #A1282A;
display: inline-block;
}
.page-breadcrumb .list li a::before {
content: "\f135";
position: absolute;
right: -11px;
top: 0px;
font-family: bootstrap-icons !important;
font-size: 1.32rem;
line-height: initial;
color: #A1282A;
}
.page-breadcrumb .list li a:hover {
color: #A1282A;
}
.pagination li .page-link {
border-radius: 2.5rem;
background-color: #810CA8;
color: #ffffff;
text-align: center;
display: block;
margin-right: 6px;
width: 3rem;
height: 2rem;
font-size: 1.5rem;
border: none;
line-height: 0.8rem;
}
.pagination li .page-link:hover, .pagination li .page-link.active {
background: #2D033B;
}
.pagination li .page-link:first-child {
border-radius: 0;
border-radius: 2.5rem;
}
.pagination li .page-link:last-child {
border-radius: 0;
border-radius: 2.5rem;
}
.pagination li:last-child a {
margin-right: 0px;
}
.pagination .disabled > .page-link,
.pagination .page-link.disabled {
background-color: #E5B8F4;
}
.partners {
padding: 3rem 0;
}
.partners .col img {
margin: 0 auto;
transition: all 0.2s ease-in;
}
.partners .col:hover img {
transform: scale(0.9);
}
.breadcrumb-no-img {
position: relative;
padding: 0px 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
min-height: 250px;
}
.breadcrumb-no-img::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: rgba(45, 3, 59, 0.3);
left: 0;
top: 0;
opacity: 0.5;
z-index: -1;
}
.blog-list-head {
position: relative;
font-size: 20px;
text-transform: uppercase;
margin: 0 0 30px 0;
color: #810CA8;
font-weight: bold;
border-bottom: 1px solid #FCF2FF;
padding-bottom: 1rem;
}
.blog-list-head:after {
content: "";
width: 20px;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
background: #810CA8;
}
.post-thumb img {
width: 100px;
height: auto;
}
.search-form {
border: 2px solid #810CA8;
}
.search-form input {
font-size: 0.875rem !important;
}
.search-form button {
background-color: #810CA8;
min-width: 50px;
min-height: 50px;
}
.search-form button i {
color: #ffffff;
}
.search-form button:hover {
background-color: #2D033B;
}
.widget-categories li :first-child {
margin-top: 0;
}
.widget-categories li .count {
background-color: #810CA8;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 0.8rem;
line-height: 24px;
text-align: center;
color: #ffffff;
}
.widget-categories li a {
display: flex;
justify-content: space-between;
align-items: center;
color: #810CA8;
padding: 10px 15px;
padding-left: 15px;
position: relative;
transition: all 0.2s;
}
.widget-categories li a:hover {
background: #810CA8;
color: #ffffff;
}
.widget-categories li a:hover::before {
opacity: 1;
transform: translateX(0);
}
.widget-categories li a::before {
position: absolute;
content: "";
width: 3px;
height: 100%;
background: #2D033B;
border-radius: 2px 0px 0px 2px;
left: 0;
top: 0;
opacity: 0;
transition: all 0.2s;
transform: translateX(-5px);
}
.tags-blog {
list-style-type: none;
}
.tags-blog li {
padding: 1rem 0.5rem;
margin: 0 0;
display: inline-block;
}
.tags-blog li a {
color: #E5B8F4;
border-radius: 2.5rem;
background: #878A9B;
padding: 0.5rem;
}
.tags-blog li a:hover {
background: #2D033B;
color: #ffffff;
}
/* .blog-grid { background: #f9f6f0;}*/
.blog-grid .blog-item {
height: 580px;
position: relative;
}
.blog-grid .blog-item-text a { text-transform: inherit !important; font-weight: normal;}
@media screen and (max-width: 992px) {
.blog-grid .blog-item {
height: auto;
}
}
.blog-grid .blog-item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.blog-grid .blog-item.small-item {
/* height: 285px;*/
}
.blog-grid .blog-item.small-item .blog-item-text {
padding: 0 30px;
}
.blog-grid .blog-item.small-item .blog-item-text p {
margin-bottom: 0px;
}
.blog-grid .blog-item.small-item .blog-item-text h4 a:hover {
color: #fff;
}
.blog-grid .blog-item.small-item .blog-item-text small {
text-decoration: none;
}
.blog-grid .blog-item.small-item .blog-item-text small a { /* color: #E63934;*/
color: #fff;
text-decoration: none;
}
.blog-grid .blog-item .blog-item-text {
position: absolute;
left: 0;
bottom: 25px;
text-align: center;
width: 100%;
padding: 0 105px;
z-index: 1;
}
@media screen and (max-width: 575px) {
.blog-grid .blog-item .blog-item-text {
padding: 0 25px;
}
}
.blog-grid .blog-item .blog-item-text p {
color: #ffffff;
margin-bottom: 12px;
}
.blog-grid .blog-item .blog-item-text p span {
color: #2D033B;
margin-right: 5px;
}
.blog-grid .blog-item .blog-item-text h4, .blog-grid .blog-item .blog-item-text h4 a {
color: #ffffff !important;
line-height: 34px; font-weight: 400;
}
.blog-grid .blog-item .blog-item-text h4 a:hover {
color: #810CA8;
}
.post-wrap {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.post-wrap p i {
line-height: 2rem;
border-left: 4px solid #810CA8;
height: 100%;
display: block;
padding: 1rem;
background: rgba(129, 12, 168, 0.04);
text-align: justify;
}
.post-wrap .post-desc {
line-height: 2rem;
text-align: justify;
color: #878A9B;
}
.post-wrap .image-caption {
color: rgba(73, 88, 76, 0.6);
font-size: 0.875rem;
font-weight: 500;
margin-top: 12px;
text-align: center;
}
.blog-post-social {
border-top: 1px solid #FCF2FF;
}
.blog-post-social .post-tag-list {
display: flex;
justify-content: start;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.blog-post-social .post-tag-list li {
font-weight: bold;
color: #810CA8;
margin: 0 8px 5px 0;
}
.blog-post-social .post-tag-list li:first-child {
margin-right: 10px;
border: none;
}
.blog-post-social .post-tag-list li a {
font-size: 0.875rem;
color: #878A9B;
font-weight: normal;
border: 1px solid #FCF2FF;
padding: 0.5rem 1rem;
display: inline-block;
}
.blog-post-social .post-tag-list li a:hover {
color: #2D033B;
border-color: #810CA8;
}
.blog-post-social .blog-icon-list {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.blog-post-social .blog-icon-list li {
margin-left: 1.5rem;
}
.blog-post-social .blog-icon-list li a {
display: inline-block;
font-size: 1.5rem;
transition: 0.4s ease;
}
.blog-post-social .blog-icon-list li a i {
color: #2D033B;
padding-right: 1rem;
}
.blog-post-social .blog-icon-list li a:hover {
transform: scale(1.2);
}
.blog-next-post-button {
padding: 1rem;
border: 1px solid #878A9B;
}
.blog-next-post-button .post-item .post-title {
display: block;
color: #810CA8;
}
.blog-next-post-button .post-item .wrap-post {
display: block;
color: #878A9B;
}
.blog-next-post-button .post-item .wrap-post .post-meta {
margin-top: 0.5rem;
}
.blog-next-post-button .post-item.next-btn {
text-align: right;
}
.blog-details-form h4 {
color: #E5B8F4;
font-weight: 700;
margin-bottom: 26px;
}
.blog-details-form form input {
height: 50px;
width: 100%;
background: #FCF2FF;
font-size: 1rem;
color: #810CA8;
padding-left: 20px;
border-radius: 2.5rem;
border: none;
margin-bottom: 30px;
}
.blog-details-form form textarea {
height: 115px;
width: 100%;
background: #FCF2FF;
font-size: 1rem;
color: #810CA8;
padding-left: 20px;
border-radius: 2.5rem;
padding-top: 12px;
resize: none;
border: none;
margin-bottom: 34px;
}
.blog-details-comment {
padding-bottom: 10px;
}
.blog-details-comment h4 {
color: #810CA8;
font-weight: 700;
margin-bottom: 40px;
margin-top: 40px;
border-bottom: 1px solid #FCF2FF;
padding-bottom: 15px;
font-size: 2.5rem;
}
.blog-details-comment .comment-item {
margin-bottom: 40px;
overflow: hidden;
}
.blog-details-comment .comment-item.comment-item--reply {
padding-left: 90px;
}
.blog-details-comment .comment-item-pic {
float: left;
margin-right: 16px;
}
.blog-details-comment .comment-item-text {
overflow: hidden;
}
.blog-details-comment .comment-item-text span {
font-size: 0.875rem;
color: #878A9B;
display: block;
margin-bottom: 10px;
}
.blog-details-comment .comment-item-text h5 {
color: #810CA8;
font-weight: 700;
margin-bottom: 10px;
}
.blog-details-comment .comment-item-text p {
color: #E5B8F4;
font-size: 0.875rem;
line-height: 22px;
margin-bottom: 25px;
}
.blog-details-comment .comment-item-text a {
display: inline-block;
color: #ffffff;
background: #810CA8;
padding: 6px 15px;
letter-spacing: 2px;
border-radius: 2.5rem;
transition: all, 0.3s;
font-size: 0.75rem;
}
.blog-details-comment .comment-item-text a:hover {
background: #2D033B;
}
.post-wrap-center,
.blog-post-social,
.blog-next-post-button {
max-width: 855px;
margin: auto;
}
.blog-video-wrap .box {
background-position: center top;
background-size: cover;
min-height: 550px;
}
.blog-video-wrap .box::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.5);
}
#carouselRelatedPost .owl-nav {
left: unset;
top: -90px;
right: 0;
display: flex;
justify-content: end;
}
#carouselGalleryPost .owl-nav {
left: unset;
top: 45%;
right: 0;
display: flex;
justify-content: space-between;
}
.gallery-sec .gallery-card {
position: relative;
width: 100%;
border-radius: 2.5rem;
overflow: hidden;
}
.gallery-sec .gallery-card figure {
position: relative;
overflow: hidden;
margin: 0px;
width: 100%;
height: auto;
cursor: pointer;
}
.gallery-sec .gallery-card figure img {
position: relative;
display: block;
min-height: 100%;
min-width: 100%;
opacity: 0.8;
}
.gallery-sec .gallery-card figure .gallery-text {
transition: transform 0.5s, opacity 0.3s;
position: absolute;
z-index: 99;
bottom: 37px;
opacity: 0;
transform: translateY(0);
max-width: 100%;
margin-left: 1rem;
}
.gallery-sec .gallery-card figure .gallery-text .heading {
color: #ffffff;
font-size: 1.5rem;
}
.gallery-sec .gallery-card figure .gallery-text .title {
color: #2D033B;
font-size: 1rem;
}
.gallery-sec .gallery-card figure:hover .gallery-text {
opacity: 1;
transform: translateY(20px);
}
.gallery-sec .gallery-card figure .bg-overlay {
transition: transform 0.3s;
position: absolute;
left: 0;
transform: translatey(100%);
width: 100%;
height: 100%;
z-index: 0;
background: linear-gradient(180deg, black 61.5%, rgba(0, 0, 0, 0.4) 82.25%);
}
.gallery-sec .gallery-card figure:hover .bg-overlay {
transform: translatey(0);
}
.gallery-sec .colum5 .gallery-card figure {
max-height: 250px;
}
.gallery-sec .colum5 .gallery-card figure .gallery-text .heading,
.gallery-sec .colum5 .gallery-card figure .gallery-text .title {
display: none;
}
.filter-controls {
margin: 30px auto;
padding: 0;
list-style: none;
text-align: center;
}
.filter-controls li {
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: #ffffff;
background: #000000;
cursor: pointer;
border-radius: 2.5rem;
transition: 0.3s all;
}
.filter-controls li:hover {
background: #810CA8;
color: #ffffff;
}
.filter-controls li.active {
background: #810CA8;
}
.filter-controls li:last-child {
margin-right: 0;
}
.mfp-zoom-in {
/* start state */
/* animate in */
/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.carouselGallerySlider .owl-nav {
left: unset;
top: -100px;
right: 0;
display: flex;
justify-content: space-between;
}
#carouselPartner .owl-item img {
width: auto;
margin: auto;
}
.privacy-list li {
font-size: 0.875rem;
line-height: 2;
list-style: disc;
margin-left: 1.125rem;
}
.faq-cat li {
list-style: none;
line-height: 2.5rem;
}
.faq-cat li a {
display: flex;
font-size: 1.25rem;
}
.faq-cat li a i {
padding-right: 1rem;
font-size: 0.5rem;
}
.price-sec {
padding: 4rem 0;
}
.price-sec .price-box {
border: 2px solid #E5B8F4;
border-radius: 2.5rem;
text-align: start;
position: relative;
transition: all 0.3s ease-in-out;
}
.price-sec .price-box:hover {
border-color: #2D033B;
}
.price-sec .price-box.box-2 {
border-color: #810CA8;
}
.price-sec .price-box:hover .price {
color: #810CA8;
}
.price-sec .price-box .pricing-rate {
display: flex;
flex-direction: column;
margin-top: 2rem;
}
.price-sec .price-box .pricing-rate .price {
color: #810CA8;
}
.price-sec .price-box .list ul li {
line-height: 3rem;
color: #810CA8;
}
.price-sec .price-box .tag {
position: absolute;
top: -20px;
left: 29%;
padding: 7px 12px;
background-color: #810CA8;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
line-height: 1;
border-radius: 2.5rem;
}
.our-team {
position: relative;
}
.our-team .team-card {
cursor: pointer;
position: relative;
border-radius: 50%;
overflow: hidden;
width: 250px;
height: 250px;
margin: auto;
}
.our-team .team-card:hover .team-con {
visibility: visible;
}
.our-team .team-card .team-con {
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background: rgba(255, 255, 255, 0.5);
transition: all 0.4s ease-out 0s;
visibility: hidden;
border-radius: 2.5rem;
}
.our-team .team-card .team-con p {
color: #ffffff;
}
.our-team .team-card .team-con .team-social {
display: flex;
}
.our-team .team-card .team-con .team-social li a {
display: flex;
justify-content: center;
align-items: center;
color: #E5B8F4;
background-color: #878A9B;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
margin: 0 0.5rem;
}
.our-team .team-card .team-con .team-social li a:hover {
background-color: #810CA8;
color: #ffffff;
}
.our-team .team-card img {
transition: all 0.4s ease-out 0s;
width: -webkit-fill-available;
}
.our-team .team-card:hover .team-con {
background-color: rgba(129, 12, 168, 0.5);
}
.our-team .team-card:hover img {
transform: scale(1.1);
}
.team-details .details-text {
position: relative;
}
.team-details .details-text p {
line-height: 30px;
}
.team-details .details-title {
margin-bottom: 20px;
}
.team-details .details-title .title {
font-weight: 700;
margin-bottom: 1rem;
}
.team-details .details-title span {
display: block;
}
.team-details .details-rating {
text-align: center;
}
.team-details .details-rating .rating i {
font-size: 1.5rem;
display: inline-block;
}
.team-details .details-rating span {
display: block;
font-size: 1.2rem;
}
.team-details .details-widget {
margin-bottom: 15px;
}
.team-details .details-widget ul {
margin-bottom: 20px;
}
.team-details .details-widget li {
list-style: none;
line-height: 30px;
position: relative;
padding-left: 18px;
}
.team-details .details-widget li:before {
content: "";
position: absolute;
left: 0;
top: 12px;
height: 6px;
width: 6px;
background: #810CA8;
border-radius: 2.5rem;
}
.team-details .details-widget li span {
width: 115px;
display: inline-block;
font-weight: 700;
}
.service-sidebar {
background: #e9dbb4;
padding: 2rem;
margin-bottom: 2rem;
border-radius: 2.5rem;
}
.service-sidebar .title {
margin-bottom: 1rem;
position: relative;
}
.service-sidebar .list li {
border-bottom: 1px solid #FCF2FF;
}
.service-sidebar .list li:last-child {
margin-bottom: 0px;
border-bottom: none;
}
.service-sidebar .list li a {
display: block;
padding: 10px 0;
transition: all 0.5s ease-in-out;
}
.service-sidebar .list li a:hover {
padding-left: 10px;
color: #000;
}
.service-sidebar .list li a i {
margin-right: 5px;
color: #810CA8;
}
.error .text {
background-image: url(../images/section/bgtext.jpg);
background-clip: text;
-webkit-background-clip: text;
color: transparent;
font-size: 20rem;
font-weight: 900;
line-height: 20rem;
}
@media screen and (max-width: 992px) {
.error .text {
font-size: 15rem;
}
}
.order-detail {
background-color: #2d033b;
padding: 2rem;
}
.order-detail p {
color: #ffffff;
}
.order-detail .form-pay {
display: grid;
grid-gap: 1em;
gap: 1em;
}
.order-detail .form-pay .pay-radio {
align-items: center;
background-color: #ffffff;
border-radius: 2.5rem;
display: flex;
padding: 1rem;
}
.order-detail .form-pay .pay-radio label {
align-items: center;
display: flex;
flex: 1;
grid-gap: 1em;
gap: 1em;
}
.table-wislist th {
background-color: #878A9B;
padding: 1rem;
text-align: center;
}
.table-wislist td {
padding: 2rem;
text-align: center;
}
.table-wislist .whishlist-thumb {
height: 4rem;
line-height: 4rem;
width: 4rem;
}
.column-shop .card-wrap:hover .con-wrap a {
background: #2D033B;
color: #ffffff;
}
.column-shop .card-wrap .con-img-wrap {
position: relative;
border-radius: 2.5rem;
overflow: hidden;
}
.column-shop .card-wrap .small-img {
min-height: 120px;
justify-content: center;
display: flex;
align-items: center;
}
.column-shop .card-wrap .con-wrap {
text-align: center;
}
.column-shop .card-wrap .con-wrap .text {
font-weight: 700;
}
.column-shop .card-wrap .con-wrap .text a {
color: #2D033B;
}
.column-shop .card-wrap .con-wrap .text a:hover {
color: #810CA8;
}
.column-shop .card-wrap .con-wrap .rating-cover i {
color: orange;
}
.column-shop .card-wrap .con-wrap .product-price {
margin: 1rem 0;
}
.column-shop .card-wrap .con-wrap .product-price span,
.column-shop .card-wrap .con-wrap .product-price i {
color: #810CA8;
}
.column-shop .card-wrap .con-wrap a {
border: 1px solid #810CA8;
width: auto;
height: auto;
border-radius: 2.5rem;
color: #810CA8;
padding: 1rem;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
}
.cat-zone .card-deal {
background-color: #E5B8F4;
}
.shop-detail {
padding: 2rem 0;
}
.shop-detail .nav-lb-tab {
justify-content: center;
}
.shop-detail .nav-lb-tab .nav-item {
margin-right: 2rem;
}
.shop-detail .nav-lb-tab .nav-item::before {
content: "";
display: none;
}
.shop-detail .nav-lb-tab .nav-item .nav-link {
border-bottom: 2px solid transparent;
border-radius: 0;
color: #810CA8;
font-weight: 500;
margin-bottom: -1px;
padding: 1rem 0.5rem;
white-space: nowrap;
background: none;
font-size: 1.25rem;
}
.shop-detail .nav-lb-tab .nav-item .nav-link:hover, .shop-detail .nav-lb-tab .nav-item .nav-link.active {
background-color: transparent;
border-bottom: 2px solid #2D033B;
color: #2D033B;
box-shadow: none;
}
.shop-detail .table-transparent tr th,
.shop-detail .table-transparent tr td {
background-color: transparent;
}
.shop-detail p {
color: #810CA8;
}
.shop-detail ul {
margin-left: 1rem;
}
.shop-detail ul li {
display: block;
padding: 6px 0;
color: #810CA8;
}
.shop-detail ul li:before {
content: "";
width: 0.5rem;
height: 0.5rem;
display: inline-block;
background-color: #810CA8;
border-radius: 50%;
margin-right: 8px;
}
.shop-detail-review .icon-lg {
height: 3rem;
line-height: 3rem;
width: 3rem;
}
.shop-detail-review .avatar-lg {
height: 3.5rem;
width: 3.5rem;
}
.shop-detail-review .review-pic {
border-radius: 2.5rem;
height: 3rem;
min-height: 105px;
padding: 0;
position: relative;
width: 105px;
cursor: pointer;
background: #ffffff;
}
.shop-detail-review .review-pic .upload-message {
text-align: center;
margin: 2em 0;
}
.shop-detail-review .review-pic .upload {
opacity: 0;
height: 100%;
width: 100%;
display: block;
position: absolute;
z-index: 1;
}
.shop-detail-review .review-pic .upload-button {
background: none;
color: inherit;
border: none;
padding: 0;
font-size: 0.75rem;
cursor: pointer;
outline: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
left: 0;
}
.product-galery-left {
position: relative;
}
.product-galery-left .gallery-thumb img {
width: 100%;
height: auto;
border: 1px solid transparent;
margin-bottom: 1rem;
border-radius: 2.5rem;
}
@media screen and (max-width: 992px) {
.product-galery-left .gallery-thumb img {
width: 100px;
height: auto;
}
}
.contact-sec {
}
.contact-sec .contact-sec-header {
background: #a82424;
color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px 5px;
}
/* form header animation */
.contact-sec .contact-sec-header {
background: linear-gradient(-45deg, #a82424, #ffcb1f, #a82424);
background-size: 400% 400%;
animation: gradientMove 8s ease infinite;
}
@keyframes gradientMove {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.contact-sec .contact-sec-header h2, .contact-sec .contact-sec-header h3 {
font-size: calc(0.5rem + .5vw);
font-weight: 600;
margin: 0;
}
.contact-sec .contact-sec-body {
padding: 1.5rem;
background: #fff;
border-radius: 0 0 16px 16px;
}
.contact-form {
background:#fff;
position: relative; border-radius: 16px;
}
/* Form Card Styes */
.form-card {}
.form-card .form-card-header {
background: #a82424;
color: #fff;
border-radius: 16px 16px 0 0;
padding: 20px 5px;
}
.form-card .form-card-header h3 {
font-size: calc(0.5rem + .5vw);
font-weight: 600;
margin: 0;
}
.form-body {
background:#fff;
position: relative; padding: 1.5rem 2rem;
border-radius: 0 0 16px 16px;
}
/*.contact-sec .contact-form:before {
content: "";
display: block;
border-top: 4px solid #A1282A;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: -10px;
z-index: 0;
border-radius: 2.5rem;
}*/
@media screen and (max-width: 767px) {
.contact-sec .contact-form:before {
left: 0;
}
}
.maintenance-area {
position: relative;
}
.maintenance-area .bg-maintenance {
width: 100%;
height: 100vh;
display: block;
background-image: url(../images/section/maintenance-bg.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.img-appointment {
position: relative;
}
.img-appointment img {
border-radius: 2.5rem;
max-width: 100%;
}
.img-appointment:after {
content: "";
display: block;
border-bottom: 4px solid #2D033B;
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 20px;
z-index: 0;
border-radius: 2.5rem;
}
.auth-area {
position: relative;
width: 100%;
padding: 12rem 0;
display: block;
background-image: url(../images/section/auth-area.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.input-spinner .button-minus,
.input-spinner .button-plus {
background-color: transparent;
border-color: #878A9B;
height: 3rem;
width: 3.5rem;
line-height: 2.5rem;
font-size: 1.5rem;
}
.input-spinner .button-minus:hover,
.input-spinner .button-plus:hover {
background-color: #878A9B;
border-color: #878A9B;
}
.input-spinner .form-input {
background: 0 0;
border: 1px solid #878A9B;
height: 100%;
min-height: 3rem;
text-align: center;
width: 3.5rem !important;
padding: 0;
font-size: 1rem;
}
.search-switch {
display: block;
height: 100%;
text-align: center;
cursor: pointer;
}
.search-model {
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #E5B8F4;
z-index: 99999;
}
.search-model .search-model-form {
padding: 0 0px;
position: relative;
display: flex;
border-radius: 2.5rem;
}
.search-model .search-model-form input {
font-size: 1.5rem;
border: none;
border-radius: 2.5rem;
width: 100%;
padding-left: 1rem;
}
.search-model .search-model-form .btn {
min-width: 50px;
}
.search-model .search-model-form .btn:active {
background: #810CA8;
}
.search-model .search-close-switch {
position: absolute;
width: 50px;
height: 50px;
background: rgba(129, 12, 168, 0.5);
color: #ffffff;
text-align: center;
border-radius: 2.5rem;
font-size: 28px;
line-height: 28px;
top: 30px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.search-model .search-close-switch:hover {
background-color: #810ca8;
}
.item-wrap {
display: flex;
justify-content: center;
align-items: center;
}
.item-wrap .notify-btn {
cursor: pointer;
position: relative;
}
.item-wrap .notify-btn i {
font-size: 1.5rem;
color: #810CA8;
transition: all 0.3s ease 0s;
}
.item-wrap .notify-btn i:hover {
color: #2D033B;
}
.item-wrap .tag {
position: absolute;
top: 0;
right: -6px;
width: 16px;
height: 16px;
background: #878A9B;
font-weight: bold;
border-radius: 50%;
font-size: 12px;
line-height: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #E5B8F4;
padding: 0.5rem;
background-color: #2D033B;
}
.item-wrap .main-box {
position: absolute;
top: 50px;
right: 0;
width: 300px;
padding: 16px;
background: #ffffff;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
transform: translateY(150px);
opacity: 0;
transition: 0.3s;
visibility: hidden;
max-height: 350px;
overflow-y: scroll;
z-index: 9999;
}
.item-wrap .main-box button {
background-color: #000000;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
}
.item-wrap .main-box button:hover {
background-color: #810CA8;
}
.item-wrap .main-box button i {
font-size: 1.2rem;
line-height: normal;
color: #ffffff;
}
.item-wrap .main-box.active {
transform: translateY(0px);
transition: 0.3s;
opacity: 1;
visibility: visible;
}
.item-wrap .main-box .tag-count {
width: 28px;
height: 28px;
background: #2D033B;
display: flex;
align-items: center;
justify-content: center;
color: #E5B8F4;
margin-left: 10px;
border-radius: 50%;
}
.item-wrap .main-box ul li {
margin-top: 5px;
border-top: 1px solid #FCF2FF;
padding-top: 0.5rem;
margin-top: 1rem;
}
.item-wrap .main-box ul li a {
display: flex;
align-items: center;
color: #E5B8F4;
justify-content: start;
}
.item-wrap .main-box ul li a img {
width: 100px;
}
.item-wrap .main-box ul li a i {
margin-right: 1rem;
font-size: 1.5rem;
}
.item-wrap .main-box ul li a:hover {
color: #2D033B;
transition: 0.3s;
}
@media (min-width: 992px) {
.offcanvas-collapse {
background-color: transparent;
bottom: auto !important;
display: block;
height: auto !important;
left: auto !important;
position: static;
right: auto !important;
top: auto !important;
transform: none !important;
visibility: visible;
width: 100% !important;
}
}
.offcanvas.offcanvas-start {
border-right: 0;
}
.nav-category .nav-item .nav-link {
color: #000;
font-weight: 600;
padding-left: 0px;
}
.nav-category .nav-item .nav-link:hover {
color: #b92204;
}
.form-check-input:checked {
background-color: #810CA8;
border-color: #810CA8;
}
#offcanvasCategory .form-check-label {
color: #810CA8;
}
.slider-area {
display: flex;
align-items: center;
width: 94%;
-webkit-backdrop-filter: blur(100px);
backdrop-filter: blur(100px);
margin-left: 5px;
}
.slider-area-wrapper {
display: flex;
align-items: center;
width: 100%;
-moz-column-gap: 20px;
column-gap: 20px;
}
.slider-area #skip-value-lower,
.slider-area #skip-value-upper {
font-size: 16px;
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
}
.slider-area .noUi-target {
flex: 1;
position: relative;
background: #FCF2FF;
border-radius: 50px;
}
.slider-area .noUi-target.noUi-horizontal {
height: 10px;
}
.slider-area .noUi-target .noUi-base,
.slider-area .noUi-target .noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.slider-area .noUi-target .noUi-connects {
border-radius: 3px;
overflow: hidden;
z-index: 0;
}
.slider-area .noUi-target .noUi-connects .noUi-connect {
height: 100%;
width: 100%;
transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
background-color: #810CA8;
}
.slider-area .noUi-target .noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
height: 0;
width: 100%;
}
.slider-area .noUi-target .noUi-origin .noUi-handle {
border-radius: 50px;
background: #878A9B;
cursor: default;
background-color: #810CA8;
backface-visibility: hidden;
position: absolute;
width: 21px;
height: 21px;
right: -10px;
top: -6px;
}
.slider-area .noUi-target .noUi-origin .noUi-handle .noUi-touch-area {
height: 100%;
width: 100%;
background: #2D033B;
border: transparent;
border-radius: 100%;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
}
.slider-area .noUi-draggable {
cursor: ew-resize;
}
.form-check-input {
border: 2px solid #A1282A;
height: 24px;
width: 24px;
margin-right: 8px;
vertical-align: middle;
vertical-align: top;
background-color: transparent;
margin-top: 0px;
cursor: pointer;
}
.form-check-input:checked {
background-color: #A1282A;
border-color: #A1282A;
}
.page-loader {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: #000000;
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.page-loader .spinner {
position: relative;
width: 100px;
height: 100px;
border-radius: 50%;
background: linear-gradient(45deg, transparent, transparent 40%, #810CA8), linear-gradient(#810CA8, #2D033B);
animation: spin 1.5s linear infinite;
}
.page-loader .spinner:before, .page-loader .spinner:after {
content: " ";
position: absolute;
inset: 2px;
background: #000000;
border-radius: inherit;
}
.page-loader .spinner:before {
background: linear-gradient(45deg, transparent, transparent 40%, #810CA8);
filter: blur(32px);
}
@keyframes spin {
100% {
transform: rotate(360deg);
filter: hue-rotate(360deg);
}
}
/* Top Menu Styles */
.info-top .top-menu strong {
color: #ffcb1f;
text-transform: uppercase;
font-size: 12px;
}
.info-top .top-menu li {
display: inline-block;
font-size: 14px;
color: #fff;
margin: 0 5px;
opacity: 0.7;
}
.info-top .top-menu li .dropdown-item {
display: inline-block;
padding: 0;
}
.info-top .dropdown-item:focus, .info-top .dropdown-item:hover {
background-color: transparent;
}
.top-menu li:hover {
opacity: 0.9;
}
.info-top {
background-color: #000000;
position: relative;
border-radius: 0;
margin: 0;
padding: 0;
}
.info-top .dropdown-item { color:#fff !important; }
.info-top p {
color: #ffffff;
}
.info-top .close-btn {
display: flex;
position: absolute;
width: 1.5rem;
height: 1.5rem;
background-color: #ffffff;
border-radius: 100%;
justify-content: center;
align-items: center;
color: #ffffff;
right: 20px;
top: 20%;
padding: 0;
}
.top a {
display: flex;
justify-content: center;
align-items: center;
color: #810CA8;
}
.top a:hover {
color: #2D033B;
}
.header {
/*background-color: #2D033B;*/
background: #b13222;
}
.header .navbar.navbar-expand-lg { }
.header {
margin-top: 0px;
background-color: #ffffff;
}
.logo-astro {
/* max-width: 250px; */
max-width: 180px;
}
/*
.logo-desktop-img { display: none; }
.logo-mobile-img { display: block; }
header.logo-desktop .logo-desktop-img { display: block; }
header.logo-desktop .logo-mobile-img { display: none; }
*/
.logo-desktop {
display: inline-block;
}
.logo-mobile {
display: none;
}
/* Mobile override */
@media (max-width: 768px) {
.logo-desktop {
display: none;
}
.logo-mobile {
display: inline-block;
}
}
.header .header-wrap { padding-top: 0.8rem; padding-bottom: 0.8rem; }
.header.logo-mobile .header-wrap { padding-top: 0.4rem; padding-bottom: 0.4rem;}
/*.header.fixed-top {
animation-name: fadeInDown;
animation-duration: 1s;
animation-fill-mode: both;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
}*/
/*.header.fixed-top .brand img { width:150px; }*/
.header.fixed-top .navbar-nav .nav-item .nav-link { padding: 0.7rem 1rem; font-size: 1rem; }
/* .header.fixed-top .header-wrap { padding-top: 0.7rem; padding-bottom: 0.7rem; }*/
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
@media screen and (max-width: 992px) {
.header .navbar-collapse .navbar-nav {
/* height: 200px;
margin: 20px 0;
overflow-y: auto;*/
}
}
.header .navbar-nav .nav-item .nav-link {
color: #000;
padding:0.8rem 1rem;
font-size: 1rem;
font-weight: 400;
position: relative;
}
.nav-item.dropdown {
white-space: nowrap;
}
@media screen and (max-width: 992px) {
.header .navbar-nav .nav-item .nav-link {
padding: 0.7rem;
}
}
.header .navbar-nav .nav-item .nav-link.sub {
padding: 0.5rem 1rem;
color: #000000;
}
.header .navbar-nav .nav-item .active:after {
content: "";
width: 1.25rem;
height: 6px;
background: #810CA8;
position: absolute;
bottom: 0;
display: block;
left: 33%;
border-radius: 3rem;
}
@media screen and (max-width: 992px) {
.header .navbar-nav .nav-item .active:after {
left: 0;
}
}
.header .navbar-nav .nav-item .dropdown-menu {
border-radius: 0;
border: 0;
padding: 0;
box-shadow: 0 0 1.375rem rgba(229, 184, 244, 0.3);
}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item {
color: #000000;
padding: 0.5rem 1rem;
font-size: 0.875rem;
font-weight: 400;
}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
background-color: #810CA8;
color: #ffffff;
}
/*-- nav button effect css --*/
.nav-effect {
position: relative;
}
.nav-effect::before {
content: "";
position: absolute;
bottom: 16%;
left: 20%;
width: 2.5rem;
height: 2px;
background: #A1282A;
transform-origin: center center;
transform: scale(0, 1);
transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
border-radius: 0rem;
}
@media screen and (max-width: 992px) {
.nav-effect::before {
left: 0%;
}
}
.nav-effect:hover:before {
transform-origin: center center;
transform: scale(1, 1);
}
/*.astroRobo {background: url(../images/robot-astro.png) no-repeat center center / 20%;}*/
.hero {
position: relative;
padding: 3rem 0 !important;
/*min-height: 100vh;*/
background-image: url(../images/banner-pic.webp);
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.hero {
padding: 0;
}
}
.hero::after {
content: "";
position: absolute;
/* background-image: url(../images/stars.webp);*/
background-repeat: no-repeat;
background-position: right;
top: 0;
right: 0;
width: 100%;
height: 100vh;
z-index: 0;
}
@media screen and (max-width: 767px) {
.hero::after {
top: 50%;
}
}
.hero::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
/*background: linear-gradient(290deg, black 0%, rgba(45, 3, 59, 0.85) 100%); */
background: linear-gradient(290deg, black 0%, rgb(36, 7, 7, 0.85) 100%);
top: 0;
left: 0;
z-index: 0;
}
.hero .hero-wrap {
position: relative;
margin: 0 auto;
}
@media screen and (max-width: 992px) {
.hero .hero-wrap {
margin-top: 2rem;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 575px) {
.hero .hero-wrap {
max-width: 350px;
}
.error .text {
font-size: 5rem;
line-height: 5rem;
}
}
.hero .hero-wrap .hero-inner {
border-radius: 100%;
width: 100%;
height: 100%;
overflow: hidden;
text-align: right;
}
.box-icon-float {
animation: rotate-360 6s ease-in-out infinite;
}
@keyframes rotate-360 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.no-rotate {
animation: none !important; /* Stop animation */
}
.animate-charcter {
background-image: linear-gradient(-225deg, #ffffff 0%, #ee8722 100%);
background-size: auto auto;
background-clip: border-box;
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: textclip 2s linear infinite;
}
@keyframes textclip {
to {
background-position: 200% center;
}
}
.video-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 12rem 0;
}
.video-image .background-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1;
}
.carouselheroDark {
margin-top: 1rem;
}
.carouselheroDark .item {
min-height: 300px;
height: auto;
margin: 0 0.5rem;
padding: 1rem;
}
.carouselheroDark .item:before {
content: none;
}
.carouselheroDark .item {
background-size: cover;
background-position: center;
display: flex;
justify-content: center;
align-items: center;
border-radius: 2.5rem;
overflow: hidden;
position: relative;
}
.carouselheroDark .item:before {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 0;
}
.carouselheroDark .owl-dots {
margin-bottom: 0rem !important;
}
.zodicsign-sec {
position: relative;
}
.zodicsign-sec #carouselZodic img {
width: auto;
height: auto;
margin: auto;
}
.zodicsign-sec #carouselZodic span {
font-size: 1.5rem;
color: #b13222;
display: flex;
justify-content: center;
margin-top: 1rem;
}
.zodicsign-sec #carouselZodic span.sub {
font-size: 0.875rem;
margin: 0;
color: #878A9B;
}
.marq-wrap {
/*background-color: #E5B8F4;*/
background: #f7f3d0;
/* background: linear-gradient(-30deg,#e1b665,#f9eed6);*/
background: #fff;
overflow-x: hidden;
}
.marq-wrap .marquee {
--gap: 1rem;
margin-block: 10px;
display: flex;
gap: var(--gap);
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.marq-wrap .scroll {
animation: scroll 20s linear infinite;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(calc(-100% - var(--gap)));
}
}
.marq-wrap .list-highlight {
flex-shrink: 0;
display: flex;
justify-content: space-around;
min-width: 100%;
gap: var(--gap);
}
.marq-wrap .list-highlight li {
display: inline-block;
margin-left: 2.5rem;
position: relative;
list-style: none;
line-height: normal;
text-transform: uppercase;
font-size: 1.2rem;
}
.marq-wrap .list-highlight li:before {
content: "";
width: 0.7rem;
height: 0.7rem;
display: block;
background-color: #2D033B;
border-radius: 50%;
position: absolute;
left: -25px;
top: 40%;
}
.about-company {
position: relative;
background: #fff;
}
.about-company::before {
content: "";
position: absolute;
width: 320px;
height: 320px;
z-index: 0;
background-image: url(../images/sun-icon.svg);
background-repeat: no-repeat;
top: 0px;
right: 0px;
}
@media screen and (max-width: 767px) {
/* .about-company::before {
width: 150px;
height: 150px;
background-size: 100%;
}*/
}
/*
.about-company::after {
content: "";
position: absolute;
width: 320px;
height: 320px;
z-index: 0;
background-image: url(../images/bright-icon.svg);
background-repeat: no-repeat;
bottom: 0px;
right: 0px;
}*/
@media screen and (max-width: 767px) {
/*.about-company::after {
width: 150px;
height: 150px;
background-size: 100%;
}*/
}
/*
.about-company .about-pic::before {
content: "";
position: absolute;
width: 125px;
height: 125px;
z-index: 0;
background-image: url(../images/star-icon.svg);
background-repeat: no-repeat;
bottom: -20%;
left: 50%;
}
.about-company .about-pic::after {
content: "";
position: absolute;
width: 125px;
height: 125px;
z-index: 0;
background-image: url(../images/bright-sm-icon.svg);
background-repeat: no-repeat;
top: -20%;
left: 0%;
}
*/
@media screen and (max-width: 992px) {
/*.about-company .about-pic::before {
width: 50px;
height: 50px;
background-size: 100%;
bottom: 0%;
}*/
}
@media screen and (max-width: 992px) {
/*.about-company .about-pic::after {
width: 50px;
height: 50px;
background-size: 100%;
right: 0%;
}*/
}
.core-services {
position: relative;
padding: 5rem 0;
}
.core-services svg {
fill: #A1282A;
}
.core-services .cardeffect:hover #crystal-ball,
.core-services .cardeffect:hover #kundli,
.core-services .cardeffect:hover #tarot-reading,
.core-services .cardeffect:hover #palm-reading,
.core-services .cardeffect:hover #lal-kitab,
.core-services .cardeffect:hover #future-prediction,
.core-services .cardeffect:hover #personal-advice,
.core-services .cardeffect:hover #general-consultation {
fill: #E63D38;
transition: all ease-in-out 0.3s;
}
/*-- services section --*/
.services {
position: relative;
}
.services .top-sec {
position: relative;
padding: 5rem 0;
min-height: 550px;
display: flex;
justify-content: center;
align-items: center;
}
.services .top-sec:before {
content: "";
width: 30%;
height: 100%;
background-color: #2D033B;
background-image: url(../images/service-bg.png);
background-repeat: no-repeat;
z-index: 1;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 992px) {
.services .top-sec:before {
display: none;
}
}
.services .top-sec:after {
content: "";
width: 30%;
height: 100%;
background-color: #2D033B;
opacity: 0.8;
z-index: 1;
position: absolute;
left: 0;
top: 0;
}
.services .item {
overflow: hidden;
border: 1px solid #2D033B;
position: relative;
border-radius: 2.5rem;
overflow: hidden;
}
.services .item .more-service {
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
}
.services .item .more-service .content {
width: 100%;
background-color: rgba(0, 0, 0, 0.7);
bottom: 0;
padding: 1rem;
position: absolute;
z-index: 3;
overflow: hidden;
}
.services .item .more-service .content p {
color: #ffffff;
margin-top: 0;
max-height: 0;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.services .item .more-service .content a {
color: #ffffff;
display: flex;
}
.services .item .more-service .content a:hover {
color: #810CA8;
}
.services .item .more-service:hover .content p {
margin-top: 10px;
max-height: 150px;
opacity: 1;
}
.how-it-work {
padding: 10rem 0;
background-color: #FCF2FF;
}
.how-it-work .box .point {
width: 2.8rem;
height: 2.8rem;
color: #ffffff;
}
.features {
/*background-color: #2D033B;*/
background-color: #00123C;
padding: 10rem 0;
background-image: url(../images/slide_bg.webp);
background-repeat: repeat;
background-position: center center;
height: auto;
width: auto;
display: flex;
justify-content: center;
align-items: center;
}
.features .max-2 {
max-width: 550px;
margin: 0 auto;
}
.features .key-bg {
position: relative;
}
.features .key-bg .icon-key svg path {
fill: #ffffff;
}
.features .key-bg:before {
content: "";
background: linear-gradient(45deg, transparent, transparent 40%, transparent), linear-gradient(transparent, transparent);
width: 30px;
height: 30px;
position: absolute;
left: 36%;
top: 25%;
z-index: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
filter: blur(20px);
box-shadow: 0 0.5rem 0.5rem transparent, 0 0.5rem 1rem transparent, 0 0.5rem 2rem #E5B8F4, 0 0.5rem 3rem #E5B8F4, 0 0.5rem 4rem #E5B8F4, 0 0.5rem 5rem #E5B8F4, 0 0.5rem 6rem #E5B8F4, 0 0.5rem 7rem #E5B8F4, 0 0.5rem 8rem #E5B8F4;
}
.features .key-bg > span {
z-index: 1;
position: relative;
}
.review {
background: #f9f6f0;
}
.review .owl-item.active.center .item:before {
background-color: #FFCB1F;
}
.review .owl-item.active.center .item .qotes-img .qotes-icon {
fill: #A1282A;
}
.review .item {
background-color: #ffffff;
border-radius: 2.5rem;
position: relative;
overflow: hidden;
box-shadow: 0px 0px 28px 0px rgb(0 0 0 / 5%);
}
.review .item:before {
content: "";
background-color: #FFF9E5;
width: 100%;
height: 180px;
display: block;
position: absolute;
top: 0px;
z-index: 0;
}
.review .item .review-con {
text-align: center;
padding: 2rem;
}
.review .item .review-pic {
position: relative;
padding-top: 3rem;
}
.review .item .review-pic .qotes-img {
width: auto;
height: auto;
margin: auto;
text-align: center;
}
.review .item .review-pic .qotes-img .qotes-icon {
fill: #FFCB1F;
}
.review .item .review-pic figure {
width: 100px;
height: 100px;
border-radius: 100%;
margin: auto;
margin-top: 2rem;
}
.review .owl-nav {
left: 0;
top: 50%;
width: 100%;
}
@media screen and (max-width: 767px) {
.review .owl-nav {
left: 0;
}
}
.review .owl-nav .owl-prev,
.review .owl-nav .owl-next {
position: absolute;
}
.review .owl-nav .owl-prev {
left: 0;
}
.review .owl-nav .owl-next {
right: 0;
}
.blog {
padding: 5rem 0;
}
.blog .blog-card .tags-top {
top: 0;
left: 20px;
z-index: 1;
display: block;
background: #2D033B;
cursor: pointer;
min-width: 60px;
min-height: 60px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
border-radius: 0px 0px 2.5rem 2.5rem;
}
.blog .blog-card .tags-top a {
color: #ffffff;
}
.blog .blog-card .tags {
display: inline;
color: #ffffff;
cursor: pointer;
background: #000000;
padding: 0 0.5rem;
}
.blog .blog-card .tags:hover {
color: #000000;
background: #810CA8;
}
.blog .blog-card .title {
margin-bottom: 1rem;
}
.blog .blog-card .title a {
font-size: 1.25rem;
font-weight: 700;
color: #2D033B;
}
.blog .blog-card .title a:hover {
color: #810CA8;
}
.blog .blog-card .meta {
color: #878A9B;
}
.blog .blog-card .meta:hover {
color: #810CA8;
}
.call-to-action {
position: relative;
padding: 1rem 0;
background-color: #000000;
}
.call-to-action .action-bg {
position: relative;
}
.call-to-action .action-bg::before {
content: "";
position: absolute;
width: 125px;
height: 125px;
z-index: 0;
background-image: url(../images/star-icon.svg);
background-repeat: no-repeat;
bottom: -40%;
right: 50%;
}
@media screen and (max-width: 992px) {
.call-to-action .action-bg::before {
width: 50px;
height: 50px;
background-size: 100%;
bottom: 0%;
}
}
.call-to-action .action-bg::after {
content: "";
position: absolute;
width: 125px;
height: 125px;
z-index: 0;
background-image: url(../images/bright-sm-icon.svg);
background-repeat: no-repeat;
top: -40%;
right: 0%;
}
@media screen and (max-width: 992px) {
.call-to-action .action-bg::after {
width: 50px;
height: 50px;
background-size: 100%;
right: 0%;
}
}
.call-to-action::before {
content: "";
position: absolute;
width: 320px;
height: 320px;
z-index: 0;
background-image: url(../images/sun-icon.svg);
background-repeat: no-repeat;
top: 0px;
left: 0px;
}
@media screen and (max-width: 767px) {
.call-to-action::before {
width: 150px;
height: 150px;
background-size: 100%;
}
}
.call-to-action::after {
content: "";
position: absolute;
width: 320px;
height: 320px;
z-index: 0;
background-image: url(../images/bright-icon.svg);
background-repeat: no-repeat;
bottom: 0px;
right: 0px;
}
@media screen and (max-width: 767px) {
.call-to-action::after {
width: 150px;
height: 150px;
background-size: 100%;
}
}
.download-aap {
background-color: #000000;
}
.footer h1,
.footer h2,
.footer h3 {
color: #313131;
}
.footer p {
line-height: normal;
/*color: #810CA8;*/
}
.footer .link-list li {
line-height: 1.8rem;
}
.footer .link-list li a {
color: #333;
font-size: 0.875rem;
padding: 0;
}
.footer .link-list li a:hover {
color: #a1282a;
}
.footer .social a,
.footer .social .botom-link {
color: #A1282A;
}
.footer .social i { font-size:25px;}
.footer .social a:hover,
.footer .social .botom-link:hover {
color: #E63D38;
}
.footer .form-subcriber {
display: flex;
position: relative;
}
.footer .form-subcriber input {
box-shadow: none;
width: 100%;
border: 0;
border-radius: 2.5rem;
background-color: #ffffff;
padding-left: 2rem;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
}
.footer .form-subcriber .btn-subscribe {
padding-top: 1rem;
padding-bottom: 1rem;
position: absolute;
right: 0;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #A1282A;
border: none;
transition: all 0.3s;
color: #ffffff;
}
.footer .form-subcriber .btn-subscribe:hover {
background-color: #E63934;
}
.scrollup {
overflow: hidden;
position: fixed;
height: 3rem;
width: 3rem;
line-height: 3rem;
border-radius: 50%;
bottom: -3rem;
right: 2rem;
text-align: center;
z-index: 9999;
background-color: #ffcb1f;
display: block;
color: #A1282A;
border: 1px solid #ffcb1f;
transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}
.scrollup:hover { border: 1px solid #A1282A; }
.scrollup i {
font-size: 1.5rem;
display: inline-block;
transition: all 0.5s ease-out;
top: 0px;
position: relative;
}
.scrollup i:hover, .scrollup i:focus {
animation: toBottomFromTop 0.5s forwards;
}
.scrollup:hover, .scrollup:focus {
color: #A1282A;
}
.scrollup.back-top {
bottom: 20px;
}
@keyframes toBottomFromTop {
49% {
transform: translateY(-20%);
}
50% {
opacity: 0;
transform: translateY(20%);
}
51% {
opacity: 0;
}
80% {
opacity: 1;
}
}
/*-- footer menu effect --*/
.footer-link-effect {
position: relative;
}
.footer-link-effect::before {
content: "";
position: absolute;
bottom: 0%;
left: 0px;
width: 100%;
height: 2px;
border-radius: 0.5rem;
background: #810CA8;
transform-origin: right top;
transform: scale(0, 1);
transition: transform 0.4s cubic-bezier(1, 0, 0, 1);
}
.footer-link-effect:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
/*# sourceMappingURL=main.css.map */
/* ----------------- My Styles ------------------ */
section {
padding: 4rem 0rem;
}
.section {
margin: 3rem 0rem 3rem 0rem;
}
.header {
/*margin-top: 15px;*/
}
.footer {
background: #fff4d4;
}
.max {
max-width: 750px;
}
.slim {
height: 200px;
}
.bi-whatsapp:before {
color: #25d366
}
.icon-size1 {
height: 35px;
position: relative;
top: -5px;
}
.icon-size2 {
height: 55px;
}
.right {
float: right !important;
}
option {
background: #f7f3d0 !important;
}
.blog-item-text .lang {
display: inline-block !important;
color: #fff;
border-bottom: 2px solid #E63934;
padding: 2px 0px;
font-size: 1.2rem;
}
.brand {
float: left;
margin-right: 20px;
}
.text-meroon {
color: #a1282a;
}
.text-orange {
color: #E63934;
}
.text-white, .text-white a {
color: #FFFFFF;
}
.text-olive {
color: #826733;
}
.text-white-70 {
--bs-text-opacity: 1;
color: rgba(255,255,255,.7) !important;
}
.text-yellow { /*color: #ffb561;*/
color: #ffcb1f;
}
.text-green {
color: #34a853; /*#00c180 #518600; 25cb96*/
}
.text-grey {
color: #878A9B;
}
.text-lightgrey {
color: #b1b1b1;
}
.lightcolor {
color: #E5B8F4;
}
.pinkcolor {
color: #810CA8;
}
.whitecolor {
color: #ffffff;
}
.textGray {
color: #727272;
}
.textGrayLink a {
color: #727272;
}
.textGrayLink a:hover {
color: #A1282A;
}
.textcream, .text-cream {
color: #f7f3d0 !important;
}
.textWhatsup {
color: #25d366
}
.bgYellow {
background: #ffb561 !important;
}
.bgCream {
background: #f7f3d0 !important;
}
.bg-gradient {
background: #f90;
color: red;
border-radius: 20px;
padding: 0 15px;
}
.bg-gradient1 {
background: linear-gradient(-30deg, #ffa700, #f9eed6) !important;
background-position: 52% 148% !important;
}
.blog-grid .blog-item .blog-item-text {
bottom: 0;
top: 0;
}
.blog-grid .slim .blog-item.small-item {
height: 200px;
}
.blog-grid .blog-item.small-item .blog-item-text {
Padding: 20px;
text-align: center;
}
.blog-grid .blog-item.small-item .blog-item-text small {
padding-top: 0;
}
.card-birth-date {
font-weight: bold;
}
.birth-date img {
width: 25px;
margin-right: 10px;
}
.blog-grid .blog-item:hover:after {
background: rgba(0, 0, 0, 0.9) url(../images/star-6.svg) no-repeat top center/6%;
}
.tab_list_item {
list-style: circle;
/*margin-left: 20px;*/
}
.tab_list_item a:hover {
text-decoration: underline;
}
.hs_shop_single_stock_wrapper {
clear: both;
float: left;
}
.hs_shop_single_stock_wrapper {
clear: both;
}
.hs_shop_single_stock_wrapper li {
margin-right: 20px;
}
.hs_shop_single_stock_wrapper li + li {
margin-right: 0px;
}
.hs_shop_single_stock_wrapper li {
float: left;
font-size: 16px;
color: #000000;
}
/*.hs_shop_single_stock_wrapper li:first-child strong { color: #25cb96;}*/
.off-offer {
display: inline-block;
background-color: #e63934;
font-size: 14px;
color: #ffffff;
text-align: center;
padding: 0px 10px;
border-radius: 4px;
margin-left: 5px;
}
.best-off-offer {
display: inline-block;
background-color: #ffcb1f;
font-size: 18px;
color: #a1282a;
text-align: center;
padding: 0px 10px;
border-radius: 4px;
}
.actualPrice {
color: #fff;
text-decoration: line-through !important;
font-weight: 600;
}
.bundle-banner {
Display: flex;
width: 95%;
}
.bundle-banner hr {
opacity: 0.2;
background-color: #fff;
}
.text-start {
padding: 25px 15px;
}
.select-service {
padding: 3% 0 4% 0;
background: #a1282a url("../images/bg2.webp") repeat center center;
color: #fff;
}
.carouselheroDark .owl-dots.disabled, .carouselheroDark .owl-nav.disabled {
display: none !important;
}
.wwinc-lightgray-section {
background: rgba(0, 0, 0, 0.06);
}
.program.program-schedule {
margin-bottom: 2em;
padding: 40px;
background: #fff;
min-height: 300px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.program-schedule h3 {
font-size: 18px;
}
.program.program-schedule:hover, .program.program-schedule:focus {
-webkit-box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
-moz-box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
box-shadow: 0px 6px 55px -23px rgba(0, 0, 0, 0.72);
}
iframe table {
width: 100% !important;
background: #f90;
}
.help-block.with-errors {
color: #717171;
}
.banner-image {
display: flex;
color: #fff;
text-align: left;
}
.banner-image .contentdiv {
flex: 75%;
}
.header .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
background: #E63934 !important;
color: #fff !important;
}
.header .navbar {
background: linear-gradient(-30deg,#e1b665,#f9eed6);
background: #ffcb1f;
}
.header .navbar hr {
margin: 0.5rem;
}
.customer-problems li {
Display: inline-block;
color: #fff;
font-size: 14px;
}
.customer-problems li a {
Display: block;
margin: 0 4px 10px 0;
padding: 2px 6px;
color: #ffb561;
border: 1px solid #ffb561;
border-radius: 4px;
}
.customer-problems li a:hover {
border: 1px solid transparent;
background: #fff;
color: #b13222;
}
.form-group {
margin-top: 10px;
}
.form-group label {
font-size: 14px;
font-weight: 600;
}
.card-pinned {
position: relative;
display: block;
}
.card-pinned-top-start {
position: absolute;
top: 1rem;
left: 1rem;
}
.card-pinned-bottom-start {
position: absolute;
bottom: 0.8rem;
left: 1rem;
}
.card-pinned-bottom-start img {
height: 25px;
}
.ms-1 {
margin-left: .25rem !important;
}
.progress {
height: 5px;
}
.divider-center {
display: flex;
align-items: center;
color: #8c98a4;
font-size: 12px;
text-transform: uppercase;
}
.divider-center::after, .divider-center::before {
flex: 1 1 0%;
border-top: .0625rem solid rgba(33,50,91,.1);
margin-top: .0625rem;
content: "";
}
.divider-center::before {
margin-right: 1.5rem;
}
.divider-center::after {
margin-left: 1.5rem;
}
.form-group .small {
font-size: .775em;
}
.partner1-details .form-group label, .partner2-details .form-group label {
line-height: normal;
}
.partnerDetailsTab .nav-pills .nav-link {
color: #E63934;
}
.partnerDetailsTab .nav-pills .nav-link#nav-one-eg1-tab {
background: #fff;
border-radius: 6px 6px 0 0;
}
.partnerDetailsTab .nav-pills .nav-link#nav-one-eg1-tab.active {
background: #ffefe3;
color: #333;
}
.partnerDetailsTab .nav-pills .nav-link#nav-two-eg1-tab {
background: #fff;
border-radius: 6px 6px 0 0;
}
.partnerDetailsTab .nav-pills .nav-link#nav-two-eg1-tab.active {
background: #ffeaca;
color: #333;
}
.partnerDetailsTab .nav-pills .show > .nav-link {
color: #E63934;
}
.partner1-details {
padding: 20px;
background: #ffefe3;
border-radius: 0 6px 6px 6px;
}
.partner2-details {
padding: 20px;
background: #ffeaca;
border-radius: 6px 6px 6px 6px;
}
.tab-pane.active .partner1-details {
padding: 10px;
background: #ffefe3;
border-radius: 0 6px 6px 6px;
}
.tab-pane.active .partner2-details {
padding: 10px;
background: #ffeaca;
border-radius: 6px 0 6px 6px;
}
.card-title {
font-size: 24px;
font-weight: 600;
}
.birthChartCol .card-title img, .marriageMatchCol .card-title img, .panchangCol .card-title img {
height: 20px;
position: relative;
top: -4px;
}
.nuvzTc {
align-items: center;
display: flex;
margin: 0 0 16px;
}
.eX7z5 {
display: block;
fill: rgb(52, 168, 83);
height: 24px;
margin: 2px 16px 0 0;
width: 24px;
}
.list-green {
display: block;
fill: rgb(52, 168, 83);
width: 25px;
height: 25px;
margin: 2px 10px 0 0;
}
@media (min-width: 1200px) {
.display-1 {
font-size: 4.2rem;
}
}
.packages {
position: relative;
}
/*.packages .pattern-package { position: absolute; top:0; bottom:0; z-index:0; opacity:0.2; background: url(../images/abstract-package.svg) repeat center top; width:100%; height:100%;}*/
.packages:after {
content: ' ';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1%;
background: url(../images/abstract-package.svg) repeat center top;
z-index: -1;
}
.packages .col {
margin-bottom: 40px;
}
.packages .card-body { padding-top:2.3rem !important; padding-bottom:2.3rem !important }
/* Homepage Ganesh: Banner Animation */
@media screen and (min-width:768px) {
.select-service .select-service .row {
flex-direction: column;
}
.select-service .banner-horoscope-wheel {
position: absolute; /* Make it part of the flow */
margin-top: 10px;
text-align: center;
position: absolute;
z-index: 1;
}
.select-service .banner-ganesh {
position: absolute;
z-index: 2;
margin-top: 60px;
}
.select-service .banner-ganesh-anim {
max-height: 9rem;
}
.in-robo {
max-height: 9rem;
animation-duration: 8s;
animation-iteration-count: infinite;
z-index: 1;
position: inherit;
left: 0px;
bottom: -58px;
}
.banner-image .in-robo {
max-height: 11rem;
position: absolute;
right: 0%;
left: auto;
top: auto;
bottom: -60%;
}
.bounce-1 {
animation-name: bounce-1;
animation-timing-function: linear;
}
}
@keyframes bounce-1 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-100px);
}
100% {
transform: translateY(0);
}
}
@media (max-width:768px) {
.w-75 { width: 100% !important; }
.select-service .banner-ganesh {
width: 100%;
margin: 0 auto;
position: absolute;
z-index: 2;
margin: 0 auto;
left: 0;
right: 0;
top: 29%;
}
.select-service .banner-horoscope-wheel {
position: static; z-index:1;
margin-top: 30px; padding:15px;
}
.ganesh-left {
text-align: center;
}
.in-robo {
max-height: 9rem;
position: absolute;
left: auto;
right: auto;
top: 24%;
z-index: 1;
animation-duration: 8s;
animation-iteration-count: infinite;
}
.banner-image .in-robo {
max-height: 8rem;
right: 0%;
left: auto;
top: auto;
bottom: -37%;
}
.bounce-1 {
animation-name: bounce-1;
animation-timing-function: linear;
}
.categoryFlushOne {
display: block !important;
}
.categoryFlushOne ul {
padding-bottom: 40px;
}
}
.blog-item-text small {
}
.blog-item-text small:hover {
text-decoration: underline;
}
.header-columns {
display: flex;
align-items: center;
/*justify-content: center;*/
justify-content: space-between
}
@media (max-width: 991px) {
.logo-astro {
/*height: 50px;*/
}
}
@media (max-width: 360px) {
.header.fixed-top .brand img.logo-astro {
height: 35px !important;
}
.header.fixed-top .btn-wrapper .menu-toggle { padding-left:0;}
}
@media (max-width: 575px) {
.form-group label { font-size: 16px; font-weight: 400; padding-bottom: 4px;}
}
@media (max-width: 640px) {
.header-columns {
/*display: block;*/
display: flex;
}
.header-columns .brand {
float: none;
display: inline-block;
}
.header-columns .ui-language {
margin-bottom: 20px;
}
.header-columns .d-flex.ms-2 {
justify-content: center;
}
.brand .logo-astro {
}
}
.form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.border-bottom {
border-bottom: 1px solid #FFE082 !important;
}
/*.note { padding:15px 15px; color: #826733; border-top: 1px solid #f4e6cd; border-bottom: 1px solid #f4e6cd;}*/
.note {
/* background: #e9dbb4;*/
padding: 15px 15px; border: 2px solid #f4e6cd; box-shadow: 0 0 5px #FFE082;
border-radius: 10px;
color: #826733;
}
/* Responsive adjustments for Container */
.container {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 576px) { /* Small devices (phones) */
.container {
max-width: 540px;
}
}
@media (min-width: 768px) { /* Medium devices (tablets) */
.container {
max-width: 720px;
}
}
@media (min-width: 992px) { /* Large devices (desktops) */
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) { /* Extra large devices (large desktops) */
.container {
max-width: 1100px;
}
}
@media (min-width: 1400px) { /* XXL screens */
.container {
max-width: 1320px;
}
}
/*
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container {
max-width: 1100px;
}
@media (min-width: 576px) {
.container, .container-sm {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.container, .container-md, .container-sm {
max-width: 720px;
}
@media (min-width: 576px) {
.container, .container-sm {
max-width: 540px;
}
}
*/
/* Birth Chart Form Styles */
.col-form-label {
font-size: 14px;
font-weight: 600;
line-height:normal;
/*display: flex;
align-items: center;
/*padding: 0;*/
}
.birthChartForm .container {
padding: 0;
}
.language-table-menu {
display: table; width:100%;
border-collapse: collapse;
margin: 0 auto 15px auto;
background-color: #fff8dc;
}
.language-item {
display: table-cell;
padding: 5px 10px;
text-align: center;
font-size: 14px;
color: #b22222;
font-weight: normal;
border: 1px solid; /* Define the borders */
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.language-item:hover {
background-color: #ffebcd;
color: #ff4500;
}
.language-item.active {
/* background-color: #ffebcd;*/
color: #ff4500;
background-color: #A1282A; border:1px solid #A1282A;
}
.language-item.active a {
color: #fff;
}
/* Mobile Optimization */
@media (max-width: 768px) {
.language-table-menu {
padding: 10px;
}
.language-item {
font-size: 12px;
display: inline-block;
margin-bottom: 6px; /* Makes each item take full width on very small screens */
}
}
@media (max-width: 1024px) {
.language-item {
font-size: 12px;
display: inline-block;
margin-bottom: 6px; /* Makes each item take full width on very small screens */
}
}
/*
.moneyreturn {
color: #a1282a;
}
.moneyreturn img {
background: #333;
border-radius: 50%;
padding: 4px;
height: 26px;
}
.moneyreturn:hover img {
background: #a1282a;
}
.moneyreturn:hover {
color: #000;
}
*/
.moneyreturn {
color: #fff; text-transform: capitalize;
}
.moneyreturn img {
background: #a1282a;
border-radius: 50%;
padding: 0px;
height: 26px;
}
.moneyreturn:hover img {
background: #a1282a;
padding: 1px;
}
.moneyreturn:hover {
color: #ffcb1f;
}
.box1 {
padding: 30px 30px;
border-radius: 20px;
border: 1px solid #f4e6cd;
box-shadow: 0 0 5px #FFE082;
margin-bottom: 25px;
background: #fff4d4;
}
.box1 .h2, .box1 .h4 {
color: #7a3c05;
font-weight: 600;
}
.box1-listing {
list-style: circle;
margin-left: 20px;
}
.box1-listing li {
margin-bottom: 10px;
}
.box2 {
padding: 30px 30px;
border-radius: 20px;
margin-bottom: 25px;
background: #e9dbb4;
}
.box2 .h2, .box2 .h4 {
color: #7a3c05;
font-weight: 600;
}
.box2-listing {
list-style: circle;
margin-left: 20px;
}
.box2-listing li {
margin-bottom: 10px;
}
.box3 {
padding: 30px 30px;
border-radius: 20px;
margin-bottom: 25px;
background: #f0eee6;
/*color: #73726c*/
}
.listing {
list-style: circle;
margin-left: 20px; margin-bottom: 15px;
}
.listing li {
margin-bottom: 8px;
}
hr {
margin: 1.4rem 0;
background: #FFE082;
height: 1px;
border: 0;
opacity: 0.9;
}
.countryMenuList.dropdown-menu {
width: 250px;
max-height: 300px;
overflow-x: hidden;
}
.countryMenuList .country-item {
cursor: pointer;
}
.countryMenuList .country-item:hover {
background-color: #f8f9fa;
}
.categoryFlushOne {
display: flex;
}
.categoryFlushOne ul {
margin-right: 50px;
}
.categoryFlushOne .categoryFlushOneRgt img {
height: 300px;
Margin: 0 auto;
}
@keyframes blink {
0% {
opacity: 1;
color: #00c180;
}
/* Yellow */
50% {
opacity: 0;
color: #e63934;
}
/* Red */
100% {
opacity: 1;
color: #00c180;
}
/* Back to Yellow */
}
.blink {
color: #e63934;
font-weight: bold;
animation: blink 1s infinite;
}
.listingIcon {
list-style: none;
}
.listingIcon li {
box-sizing: border-box;
padding: 3px 8px;
font-weight: 400;
position: relative;
list-style: none;
padding-left: 40px; text-align: left!important; /* Space for checkmark */ }
.listingIcon li::before {
content: "";
position: absolute;
left: 15px;
top: 6px;
width: 16px;
height: 16px;
background-image: url(../images/ic_bullet.webp);
background-size: contain;
background-repeat: no-repeat;
}
.list-col { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
.tab_list_item {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Adjust spacing between columns */
padding: 0;
list-style: none;
}
.tab_list_item li {
flex: 1 1 calc(50% - 10px); /* Two-column layout */
box-sizing: border-box;
padding: 6px 8px;
background: #e9dbb4;
border-radius: 5px;
font-weight: 400;
position: relative;
padding-left: 40px; /* Space for checkmark */
}
.tab_list_item li::before {
content: "";
position: absolute;
left: 15px;
top: 9px;
width: 18px;
height: 18px;
background-image: url('../images/check-mark.svg'); /* Replace with actual image path */
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 768px) {
.tab_list_item li {
flex: 1 1 100%; /* Single column on smaller screens */
}
}
/* Table CSS*/
table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 18px;
text-align: left;
background: #ffffff;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
table-layout: fixed;
}
table thead {
background: #4CAF50;
color: white;
font-weight: bold;
white-space: nowrap;
}
th, td {
padding: 12px 15px;
border-bottom: 1px solid #ddd;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
th {
background: #6e4e4e;
color: white;
}
tbody tr {
border:0;
}
tbody tr:nth-child(even) {
background: #f2f2f2;
}
tbody tr:hover {
background: #ddd;
transition: 0.3s;
}
@media (max-width: 768px) {
table {
font-size: 14px;
display: block;
overflow-x: auto;
white-space: nowrap;
}
}
.faq .card {
border: 0;
padding: 10px 20px;
margin-bottom: 11px;
}
.faq .card-header {
background: #fff;
border: 0;
padding: 5px 0px;
margin: 0;
}
.faq .card-header h6, .faq .card-header h2 {
margin: 0;
}
.faq .card-header button {
font-size: 18px;
text-decoration: none;
font-weight: 500;
padding: 0;
line-height: normal;
}
.faq .accordion-body { font-size: 16px;}
.accordion-button:after {
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
margin-left: auto;
content: "";
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-size: 1.25rem;
transition: transform .2s ease-in-out;
}
.accordion-button:after {
background-repeat: no-repeat;
background-image: none;
border-top: 2px solid var(--al-primary-color);
border-left: 2px solid var(--al-primary-color);
transform: rotate( -135deg);
width: 12px;
height: 12px;
}
.page-gradient-bg {
background: linear-gradient(180deg, rgba(238, 187, 217, 0) 61.34%, #fff), radial-gradient(45.16% 33.95% at 50% 0, #fff 0, rgba(255, 255, 206, .01) 100%), linear-gradient(101deg, #f7fce5 7.24%, rgba(230, 238, 255, 0) 63.54%, #e72fff 110.77%), linear-gradient(56deg, rgba(173, 203, 255, .63) 1.76%, rgba(255, 231, 186, .63) 75.68%), linear-gradient(112deg, rgba(255, 255, 176, .69) 15.01%, rgba(249, 68, 200, .92) 84.05%, #ff61e6 108.31%);
}
.slider_right_wrapper {
color: #fff;
width: 100%;
background-image: url(../images/slide_bg.webp);
background-repeat: repeat-x;
background-position: center center;
background-size: cover;
animation: 90s para infinite linear;
position: relative;
text-align: center;
padding-top: 0;
height: 750px;
}
.col {
/*display: table-cell; */ /* Make elements inside the container behave like table cells */
}
.money-gurantee {
}
.money-gurantee .row {
background-color: transparent;
border-radius: 0.5rem;
}
.money-gurantee .card {
background: transparent;
border: 0;
text-align: center; /*background-color: #3b5b01; color:#fff; border-radius:20px; height: 100%;*/
}
.money-gurantee .row {
background-color: transparent;
border-radius: 0.5rem;
}
.money-gurantee .card span {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
margin-top: 9px;
border-bottom: dashed 1px #a1282a;
border-top: dashed 1px #a1282a;
color: #a1282a;
padding: 5px 5px;
}
.money-gurantee .card span { color:#ffcb1f !important; border-bottom: dashed 1px #ffcb1f; border-top: dashed 1px #ffcb1f;}
.money-gurantee.hm .card span { color:#a1282a; border-bottom: dashed 1px #a1282a; border-top: dashed 1px #a1282a;}
.money-gurantee .card img {
Margin: 0 auto;
margin-bottom: 10px;
}
/*.money-gurantee .card.colBg1 { background-color: #4B5320;}
.money-gurantee .card.colBg2 { background-color: #93740E;}
.money-gurantee .card.colBg3 { background-color: #8B4513;}*/
.other-services .card {
background: #fff;
color: #000;
}
.other-services .card figure img {
border-radius: 0.25rem 0.25rem 0 0;
}
.other-services .card li {
border-bottom: 1px solid #e2e2e2;
}
.other-services .card li:hover {
background: #ffe6e7;
}
.other-services .card li:last-child {
border-bottom: 0;
}
.other-services .card li a {
color: #212529;
padding: 4px 0;
display: block;
}
.other-services .card li a:hover {
color: #a1282a;
}
.other-services .os_tile_img img {
width: 100%;
height: 110px;
}
.other-services .pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.height220 {
height: 223px;
}
/* Zodiac Sign Styles */
.horoscope-zodiac-sign {
background: #f9f6f0;
}
.vc_column_container {
padding-left: 0;
padding-right: 0;
}
.vc_row::after, .vc_row::before {
content: " ";
display: table;
}
.vc_column_container > .vc_column-inner {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
}
.as-sign-box, .as-service-box {
background-color: #fff;
}
.as-sign-box {
padding: 25px 20px 20px;
border-radius: 10px;
box-shadow: -2px 0px 28px 0px rgb(0 0 0 / 5%);
border: 1px solid var(--al-border-color);
margin-top: 30px;
position: relative;
overflow: hidden;
}
.as-sign-box:hover {
background: linear-gradient(to bottom, var(--al-gradient-color1) 2%, var(--al-gradient-color2) 100%);
border-color: var(--al-border-color);
}
.as-sign-box:hover:after {
visibility: visible;
opacity: 1;
}
.as-sign-box:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -135px 0 0 -135px;
/*background-image: url(../images/service-circle.webp);*/
width: 271px;
height: 270px;
animation: spin 9s infinite linear;
-webkit-animation: spin 9s infinite linear;
-moz-animation: spin 9s infinite linear;
z-index: 1;
}
.as-sign-box .as-sign {
box-shadow: -2px 0px 15px 0px rgba(0, 0, 0, 0.06);
height: 56px;
width: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 14px;
border-radius: 100%;
}
.as-sign-box .as-sign img {
max-height: 32px;
}
.as-sign-box h5 {
font-size: 20px;
font-weight: 700;
color: var(--dark-color1);
margin: 0 0 2px;
transition: none;
}
.as-sign-box p {
margin: 0;
font-size: 14px;
line-height: 24px;
transition: none;
}
.as-sign-box:hover {
background: linear-gradient(to bottom, #f4aa36 2%, #f37335 100%);
border-color: #c06c84;
border-color: var(--al-border-color);
}
.as-sign-box:hover .as-sign {
background: #fff;
}
.as-sign-box:hover .as-sign img {
transform: rotate(360deg);
}
.as-sign-box:hover h5, .as-sign-box:hover p {
color: #fff;
}
.as-service-box img { width:150%; }
.as-sign-box img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.as-sign-box:hover .as-sign {
fill: #a1282a;
transition: none;
}
/* Service Box*/
.as-service-box {
padding: 50px 22px 50px;
border-radius: 10px;
box-shadow: -2px 0px 28px 0px rgb(0 0 0 / 5%);
border: 1px solid var(--al-border-color);
margin-top: 30px;
position: relative;
overflow: hidden;
}
.as-service-box:hover {
background: linear-gradient(to bottom, var(--al-gradient-color1) 2%, var(--al-gradient-color2) 100%);
border-color: var(--al-border-color);
}
.as-service-box:hover:after {
visibility: visible;
opacity: 1;
}
.as-service-box:after {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -135px 0 0 -135px;
/*background-image: url(../images/service-circle.webp);*/
width: 271px;
height: 270px;
animation: spin 9s infinite linear;
-webkit-animation: spin 9s infinite linear;
-moz-animation: spin 9s infinite linear;
z-index: 1;
}
.as-service-box .as-sign {
box-shadow: -2px 0px 15px 0px rgba(0, 0, 0, 0.06);
height: 56px;
width: 56px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 14px;
border-radius: 100%;
}
.as-service-box.as-sign img {
max-height: 32px;
}
.as-service-box .as-subheading {
font-size: 20px;
font-weight: 700;
margin: 0 0 2px;
transition: none;
margin: 30px 0 10px;
}
.as-service-box .as-subheading {
color: #000;
}
.as-service-box p {
margin: 0;
font-size: 14px;
line-height: 24px;
transition: none;
}
.as-service-box:hover {
background: linear-gradient(to bottom, #f4aa36 2%, #f37335 100%);
border-color: #c06c84;
border-color: var(--al-border-color);
}
.as-service-box:hover .as-subheading, .as-service-box:hover p, .as-service-box:hover u {
color: #fff !important;
}
.as-service-box p {
color: #777;
margin-bottom: 10px;
}
.as-service-box .as-icon svg {
fill: #fff;
transition: none;
}
.al-link::before {
content: "";
position: absolute;
height: 1px;
background: var(--al-primary-color);
bottom: 0;
left: 0;
right: 0;
}
.as-service-box img {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.as-service-box:after {
background-image: url(../images/service-circle.webp);
}
.as-service-box img {
-webkit-transition: inherit;
}
.alert { font-size: 14px;}
/*.alert.alert-success { position: absolute; top: auto; left: auto; width: auto;} */
.kundali-icon, .marriagematch-icon { height: 20px; position: relative; top: -4px;}
.bd-highlight {
/* background-color: rgba(86, 61, 124, 0.15);
border: 1px solid rgba(86, 61, 124, 0.15);*/
}
.h2 {
margin: 0.1em 0;
font-weight: 400;
line-height: normal;
background: #fee09a;
border-bottom: #c87300 2px solid;
padding: 2px;
margin-bottom:15px;
color: #440c0c;
text-align: center;
border-radius: 5px;
width: auto;
}
/* ------------------- After Forms worked - Styles ------------------- */
.main-content { padding: 5rem 0; margin-top: 125px;}
@media (max-width: 991px) {
.main-content { margin-top: 120px; /* mobile */}
}
@media (max-width: 768px) {
.main-content { margin-top: 95px; /* mobile */}
}
.partner1 { background: #ffeaca; padding: 15px; border-radius: 5px;}
.partner2 { background: #ffefe3; padding: 15px; border-radius: 5px;}
.tinny-banner { padding-top: 30px; background: #ffcb1f; }
.breadcrumb-area {
padding-top: 30px;
background: #ffcb1f;
}
.horoscope-card {
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
display: flex
;
align-items: center;
transition: transform 0.3s ease-in-out;
}
.sample-charts .charts-container img { width: 250px; }
.make-column .colum-flex { display:flex; } /* If want Marriage form make two column */
.marriage-horoscope .contact-sec { margin-left:20px; }
.marriage-horoscope .contact-sec-body {
/* padding: 1rem 1rem !important; */
}
/* Header: Language Menu Button Styles */
.ui-language {
margin-top: 4px;
padding: 0 20px;
overflow: hidden;
}
.ui-language a {
font-size: 12px;
height: 26px;
line-height: 26px;
padding: 0 6px;
margin-top: 5px;
}
.ui-language .min-screen {
display: block;
}
/* Small Devices - Overlay Menu */
@media (max-width: 991px) {
.container { max-width: 100%; margin:0 auto; padding: 0 25px;}
.header .container { padding: 0 15px;}
.marriage-horoscope .contact-sec { margin-left:0px; }
.menu-list {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.95);
padding: 10px 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
z-index: 1050;
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
#languageDropdown:checked ~ .menu-list {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
/* Close Button for language menu (hidden by default there) */
.menu-list .close-btn {
top: 10px;
right: 15px;
font-size: 18px;
background-color: #333;
color: #fff;
border: none;
border-radius: 50%;
width: 30px;
height: 30px;
cursor: pointer;
line-height: 30px;
text-align: center;
display: none; /* Hidden by default for menu */
}
/* Show Close Button Only When Menu is Open */
#languageDropdown:checked ~ .menu-list .close-btn {
display: block; /* Visible only when menu is expanded */
}
/* Content Transition */
.content {
transition: margin-top 0.3s ease-out;
}
}
/* Large Devices - Menu Always Visible */
@media (min-width: 992px) {
#languageDropdown {
display: none;
}
.menu-list {
display: flex !important;
opacity: 1;
visibility: visible;
position: static;
height: auto;
}
.close-btn {display: none;}
}
/* Label Styling with Bootstrap Arrows */
.dropdown-label::after {
content: " ▼"; /* Down Arrow */
font-size: 14px;
}
#languageDropdown:checked + .dropdown-label::after {
content: " ▲"; /* Up Arrow */
}
/* Button Styling
.btn-deep-orange {
background-color: #ff5722;
color: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.btn-deep-orange:hover {
background-color: #e64a19;
}*/
/*
.birthChartCol .col-sm-3.col-form-label, .birthChartCol .col-sm-9 { width:100%; }
.marriageMatchCol .col-sm-3.col-form-label, .marriageMatchCol .col-sm-9 { width:100%; }
*/
/* ✅ Overlay Alert from process.php */
#overlay-alert {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1030;
text-align: center;
border-radius:0;
box-shadow: 0 0 10px #333;
padding-right: 40px; /* give space for close button */
}
/* Ensure overlay close button is always visible */
#overlay-alert .close-btn {
display: block !important;
background: transparent;
color: #000;
width: auto;
height: auto;
line-height: 1;
}
/* ✅ Optional: Fade out after 5 seconds */
.fade-out {
animation: fadeOut 0.5s ease-out 5s forwards;
}
@keyframes fadeOut {
to {
opacity: 0;
visibility: hidden;
}
}
/* Accessible field error highlight for invalid required fields */
.field-error {
border-color: #dc3545 !important; /* Bootstrap danger */
box-shadow: 0 0 0 0.08rem rgba(220, 53, 69, 0.35);
}
/* Hide Razorpay button or any unwanted elements */
.razorpay-container {
display: none !important; /* Hide the Razorpay container */
}
/* Optional: Hide iframe if needed */
iframe[name="checkout"] {
display: none !important;
}
.card { /* box-shadow: 0 4px 20px rgba(15, 23, 42, .04);
border: 1px solid #e2e8f0b3;*/}
.border-top { border-top: var(--bs-border-width) var(--bs-border-style) #ede0b9 !important;}
.language-links li {
Display: inline-block;
color: #fff;
font-size: 14px;
}
.language-links li a {
Display: block;
margin: 0 4px 10px 0;
padding: 2px 6px;
color: #727272;
border: 1px solid #727272;
border-radius: 4px;
}
.language-links li a:hover {
border: 1px solid #A1282A;
background: #fff;
color: #A1282A;
}
.title-icon {
height: 20px;
position: relative;
top: -4px;
}
@media (max-width: 480px) {
.box1 { padding: 30px 10px;}
.tab_list_item {font-size: 14px; gap: 6px;}
.tab_list_item li::before { left: 12px;}
.tab_list_item li {padding-left: 37px;}
.faq .card { padding: 6px 20px;}
.faq .card-header { padding: 5px 0px;;}
.faq .card-header button { font-size: 16px; font-weight: 500;}
.faq .accordion-body { font-size: 14px;}
}
.strip-banner {
position: relative;
width: 100%;
height: 110px; /* matches the banner height */
background-size: cover;
background-position: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 15px;
color: #fff;
text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
overflow: hidden;
}
.strip-banner.zodiacSign { background-image: url('../images/zodiac-sign-destiny.png');}
.strip-banner.remedies { background-image: url('../images/got-problems-find-remedies.png');}
/* Text styling */
.strip-banner span {
font-size: 12px;
font-weight: 600;
color: #FFD700; /* golden color for HOROSCOPE */
text-transform: uppercase;
letter-spacing: 1px;
}
.strip-banner label {
font-size: 17px;
font-weight: 600;
line-height: 1.3;
color: #fff;
margin-top: 4px;
display: block;
}
/* Hide figure if not used */
.strip-banner figure {
display: none;
}
/* Optional: card spacing adjustments */
.card .py-3.px-4 {
background: #fff;
border-top: 1px solid #eee;
}
/* Change Column Order
*/
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
@media (min-width: 768px) {
.order-md-1 {
order: 1 !important;
}
.order-md-2 {
order: 2 !important;
}
}
.mobile-sticky-cta {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 14px 16px;
color: #fff;
text-align: center;
font-size: 16px;
font-weight: 600;
text-decoration: none;
z-index: 9;
box-shadow: 0 -4px 12px rgba(0,0,0,0.2);
background: linear-gradient(-45deg, #518600, #00c180, #518600);
background-size: 400% 400%;
animation: gradientMove 8s ease infinite;
}
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Sticky CTA for all pages to scroll */
/* Mobile horizontal slider */
@media (max-width: 767px) {
.blog-grid .slim .blog-item.small-item, .slim { height: 150px;}
.mobile-slider {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding-left: -22px; /*creates peek effect */
}
.mobile-slider::-webkit-scrollbar {
display: none;
}
.mobile-slider .row {
flex-wrap: nowrap;
scroll-snap-type: x mandatory;
gap: 5px; /* space between tiles */
}
.mobile-slider .row > [class*="col-"] {
flex: 0 0 80%;
max-width: 80%;
scroll-snap-align: start;
}
/* Smooth scrolling */
.mobile-slider {
scroll-behavior: smooth;
}
/* Optional: hide scrollbar */
.mobile-slider::-webkit-scrollbar {
display: none;
}
}
/* ---------------------------
Footer links with responsive (In the Mobile comes two columns)
----------------------------*/
/* Desktop: keep vertical list */
.link-list {
list-style: none;
padding: 0;
margin: 0;
display: block;
}
.link-list li {
/*margin-bottom: 10px;*/
}
.link-list a {
display: block;
}
/* Mobile: 2 columns when space allows */
@media (max-width: 767px) {
.link-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0px 16px;
}
.link-list li {
margin-bottom: 0;
}
.link-list a {
display: block;
}
}
/* Very small phones: fall back to 1 column */
@media (max-width: 320px) {
.link-list {
grid-template-columns: 1fr;
}
}