/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
#content {
    overflow: hidden;
}
.breadcrumb a:hover {
    color: #fff;
}
#nav-wrap {
    background-color: #5b0069;
}
#nav-wrap a {
    color: #fff;
    font-size: 17px;
}
#header {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #fff;
}
.p-static {
    position: static !important;
}
#nav-wrap .sub-menu-container a {
    color: #000;
}

.sub-menu-container .menu-item {
    border-bottom: 1px solid #eaeaea;
}
.is-expanded-menu .sub-menu-container .menu-item > .menu-link {
    padding: 8px 15px;
}

.menu-link i.fa-chevron-right {
    position: absolute;
    right: 0px;
    bottom: 2px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    transition: all ease-in-out 0.35s;
}

.menu-item:hover .menu-link i.fa-chevron-right {
    right: 0;
    transition: all ease-in-out 0.35s;
}
.menu-item.has-dropdown {
    position: relative;
    display: flex;
    width: 100%;
}
.sub-menu-container.sub-mega-menu {
    min-width: calc(100vw - 285px);
    display: flex !important;
    flex-wrap: wrap;
    align-content: flex-start;
    /* align-items: center; */
    justify-content: flex-start;
    list-style-type: none;
    padding: 20px;
    position: absolute;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    /* border-radius: 8px; */
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.35s;
    z-index: -1;
    height: 80vh;
    overflow-y: scroll;
}
.sub-mega-menu .menu-item {
    flex: 0 0 220px;
    margin-bottom: 12px;
}
.sub-menu-container.sub-mega-menu li {
    border-radius: 8px;
    transition: all ease-in-out 0.35s;
}
.sub-menu-container.sub-mega-menu li a {
    transition: all ease-in-out 0.35s;
}
.sub-menu-container.sub-mega-menu li:hover {
    background-color: #2860ab;
    transition: all ease-in-out 0.35s;
}
.sub-menu-container.sub-mega-menu li:hover a {
    padding-left: 15px !important;
    color: #fff !important;
    transition: all ease-in-out 0.35s;
}
.is-expanded-menu .sub-menu-container .sub-menu-container {
    top: 0 !important;
    left: 50%;
}
.sub-menu-container.sub-mega-menu.show-sub-mega {
    opacity: 1;
    left: 97%;
    visibility: visible;
    transition: all ease-in-out 0.25s;
}
.sub-menu-container.sub-mega-menu li {
    width: calc(20% - 8px);
    margin-right: 8px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    height: 125px;
}
.sub-menu-container.sub-mega-menu li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}
.sub-menu-container.sub-mega-menu .menu-item {
    border: none;
}
.sub-menu-container.sub-mega-menu li a img {
    width: 64px;
    padding: 15px;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    margin-bottom: 5px;
}
#header .dropdown-menu a:active {
    color: #fff;
}
.sub-menu-indicator.fa-solid.fa-caret-down {
    display: none !important;
}
#logo img {
    height: 55px;
}
.content-wrap {
    padding: 0;
}
.landing-slider {
    margin-top: 12px;
}
.planets-section,
.counter-section {
    position: relative;
    background-color: #000;
    padding: 75px 0;
    overflow: hidden;
}
.planets-section::before,
.planets-card-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/landing/bg-jyotish.jpg");
    background-size: cover;
    background-position: center;
    opacity: 0.75;
    background-repeat: repeat;
    transform-origin: center;
    animation: kenburns 45s ease-in-out infinite alternate;
    /* animation: rotate 50s linear infinite; */
}

.planets-section::after,
.planets-card-inner::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5;
}
.counter-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../images/landing/bg-counter.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    opacity: 0.75;
    background-repeat: repeat;
    transform-origin: center;
    /* animation: kenburns 25s ease-in-out infinite alternate; */
    /* animation: rotate 50s linear infinite; */
}
@keyframes kenburns {
    0% {
        transform: scale(1) translate(0, 0);
    }

    100% {
        transform: scale(1.1) translate(5%, 5%);
    }
}
.pr-0 {
    padding-right: 0 !important;
}
.about-section {
    padding: 40px 0;
    padding-bottom: 75px;
    position: relative;
    overflow: hidden;
}

.about-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: 24%;
    background-repeat: repeat;
    background-position: center;
    opacity: 0.25;
}

.about-btn.btn {
    font-size: 17px;
}
.about-intro {
    padding-right: 25px;
    padding-left: 55px;
    padding-top: 30px;
    position: relative;
    height: 100%;
}

.about-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
}

.about-image {
    position: relative;
    text-align: center;
    /* animation: spin 18s infinite linear;
    -webkit-animation: spin 18s infinite linear;
	text-align: end;
	width: 450px; */
    /* border-radius: 24px;
	padding: 12px;
	border: 1px solid #d6d6d6; */
}
.about-image img {
    border-radius: 14px;
    height: 320px;
}

.about-side-img {
    display: flex;
    min-height: 400px;
    gap: 20px;
    border-radius: 100px 100px 100px 100px;
}
.about-title,
.yatra-title {
    font-size: 58px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
}

.service-section {
    padding: 75px 0;
    padding-bottom: 100px;
    overflow: hidden;
    position: relative;
    /* background-color: #fff3eb; */
}

.service-section.blogs {
    padding-top: 55px;
    background-color: #ffffff;
    position: relative;
}
.service-heading {
    margin-bottom: 50px;
    position: relative;
}

.service-card {
    border-radius: 16px;
    border: 1px solid #d6d6d6;
    overflow: hidden;
    margin-bottom: 30px;
}
.service-info {
    padding: 25px;
    border-top: 1px solid #d6d6d6;
}

.country-title.testi-header {
    margin-bottom: 55px;
    z-index: 5;
    position: relative;
    font-size: 48px;
}
.service-heading-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 6px;
    /* color: #D20609;
    background: -webkit-linear-gradient(#5B0069, #D20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #fff;
}
.service-section.blogs .service-heading-title,
.product-section .service-heading-title {
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
}
.service-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
}
.service-subtitle {
    font-weight: 600;
}
.service-info .service-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 15px;
}
/* .about-image::before {
	content: '';
	position: absolute;
	width: 113%;
    height: 113%;
    top: -29px;
    left: -30px;
	background-image: url(../images/landing/about-rotate.png);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
} */
.planet-heading {
    margin-bottom: 45px;
    color: #fff;
    position: relative;
    z-index: 5;
}

.planet-heading .planet-title {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 8px;
}

.planet-subtitle {
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.planets-card-right {
    padding-left: 45px;
}
.planets-section .swiper-pagination {
    bottom: -3px !important;
}
.planets-card {
    position: relative;
    padding: 25px;
    z-index: 2;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 25px;
}
.planets-card::before,
.planets-card::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 1;
}
.planets-card::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #d0d0d06a;
    z-index: 3;
}
.planets-card::after {
    background: url(../images/landing/clouds-1.jpg);
    background-size: cover;
    -webkit-animation: move-left 50s linear infinite alternate;
    animation: move-left 50s linear infinite alternate;
}
.planetSwiper {
    padding-bottom: 35px;
}
.planets-card:hover::before {
    /* filter: brightness(1) invert(1); */
    /* background-color: #2d2d2d; */
}
/* .planets-card:hover .planets-desc {
	color: #fff;
} */
.planets-img {
    width: 155px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.planet-name {
    font-size: 24px;
    font-weight: 800;
    margin: 10px 0;
    color: #131313;
}
.planet-detail {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    color: #131313;
}
.planets-desc {
    text-align: center;
    position: relative;
    z-index: 3;
}
@keyframes move-left {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: 0%;
    }
}

@-webkit-keyframes move-left {
    0% {
        background-position: 100%;
    }
    100% {
        background-position: 0%;
    }
}

@keyframes move-background {
    from {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
        -webkit-transform: translate3d(1000px, 0px, 0px);
    }
}
@-webkit-keyframes move-background {
    from {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
        -webkit-transform: translate3d(1000px, 0px, 0px);
    }
}
@-moz-keyframes move-background {
    from {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
        -webkit-transform: translate3d(1000px, 0px, 0px);
    }
}
@-webkit-keyframes move-background {
    from {
        -webkit-transform: translate3d(0px, 0px, 0px);
    }
    to {
        -webkit-transform: translate3d(1000px, 0px, 0px);
    }
}
.background-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.stars {
    background: #0f0221
        url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png)
        repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    z-index: 0;
}

.twinkling {
    width: 10000px;
    height: 100%;
    /* background: transparent url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/twinkling.png") repeat; */
    background-size: 1000px 1000px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    -moz-animation: move-background 40s linear infinite;
    -ms-animation: move-background 40s linear infinite;
    -o-animation: move-background 40s linear infinite;
    -webkit-animation: move-backgroun4 40s linear infinite;
    animation: move-background 40s linear infinite;
}

.gem-section {
    padding: 85px 0;
    position: relative;
    background-color: #fafafa;
}

/* .gem-section::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/landing/bg2.png);
	background-position: center;
	background-repeat: repeat;
	background-size: 30%;
	opacity: 0.2;
} */

.gem-heading {
    position: relative;
    margin-bottom: 30px;

    /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.div1 {
    grid-area: 1 / 1 / 2 / 2;
}
.div2 {
    grid-area: 1 / 2 / 2 / 3;
}
.div3 {
    grid-area: 1 / 3 / 2 / 4;
}
.div4 {
    grid-area: 1 / 4 / 2 / 5;
}
.div5 {
    grid-area: 1 / 5 / 2 / 6;
}
.div6 {
    grid-area: 2 / 1 / 3 / 2;
}
.div7 {
    grid-area: 2 / 2 / 3 / 3;
}
.div8 {
    grid-area: 2 / 3 / 3 / 4;
}
.div9 {
    grid-area: 2 / 4 / 3 / 5;
}
.div10 {
    grid-area: 2 / 5 / 3 / 6;
}

.gemheading-title,
.dream-title {
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 6px;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gemheading-desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
}
.gemstone-card {
    /* border: 1px solid #eaeaea; */
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; */
}
.swiper-button-next,
.swiper-button-prev {
    width: 45px;
    height: 45px;
    background-color: #5b0069;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    right: 65px;
    top: auto;
    bottom: 0;
}
.swiper-button-prev {
    left: auto;
    right: 120px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
    font-size: 18px;
}
.swiper-slide:nth-child(even) .gemstone-card {
    margin-top: 35px;
}
.gemstone-card:hover .gemstone-image img {
    transform: scale(1.1);
    transition: all ease-in-out 0.5s;
}

.gemstone-card:hover .gemstone-icons,
.product-card:hover .product-icons {
    right: 0;
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.55s;
}
.gemstone-image img {
    transition: all ease-in-out 0.5s;
}
.gemstone-image {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}
.gemstone-detail {
    padding: 0px 20px 35px;
    text-align: center;
}

.gemstone-title {
    font-size: 24px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gemstone-price {
    font-size: 16px;
    color: #6d060b;
}

.gemstone-icons,
.product-icons {
    position: absolute;
    top: 8px;
    left: auto;
    right: -10%;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.55s;
}
.gemstone-icons a,
.product-icons a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #5b0069;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-top: 0px;
    margin-right: 10px;
    font-size: 16px;
    transition: all ease-in-out 0.45s;
    transform: scale(0.85);
}
.icon-view,
.icon-buy,
.product-view,
.product-buy {
    position: relative;
    z-index: 2;
}

.icon-view .text-view,
.icon-buy .text-buy,
.product-view .text-view,
.product-buy .text-buy {
    position: absolute;
    min-width: 85px;
    top: 0;
    left: 0px;
    background-color: #5b0069;
    color: #fff;
    border-radius: 14px;
    font-size: 11px;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all ease-in-out 0.45s;
}

.gemstone-icons a:hover,
.product-icons a:hover {
    background-color: #5b0069;
    border-color: transparent;
    color: #fff;
    transition: all ease-in-out 0.45s;
}

.product-view .text-view,
.product-buy .text-buy,
.product-icons a:hover,
.product-icons a {
    background-color: #5b0069;
}
.gemstone-icons a:hover .text-view,
.gemstone-icons a:hover .text-buy,
.product-icons a:hover .text-view,
.product-icons a:hover .text-buy {
    left: -88px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.45s;
}

.full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
}
.working-section {
    padding: 75px 0;
    background-color: #fafafa;
}
.working-bg {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    padding: 75px 35px;
    padding-bottom: 0;
    background-color: #171718;
    color: #fff;
}

.working-bg::before,
.newsletter-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/landing/bg-working.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.working-info {
    padding: 35px;
}
.working-subtitle {
    font-size: 20px;
}
.working-info .working-title {
    font-size: 52px;
    font-weight: 800;
    margin-bottom: 20px;
}
.working-desc {
    margin-bottom: 25px;
}
.time-info {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-bottom: 25px;
}
.time-icon {
    border-right: 1px solid #ffffff;
    padding-right: 15px;
}
.time-icon i {
    font-size: 32px;
}

.timeinfo-title {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 1.1px;
}

.working-image {
    position: relative;
    z-index: 5;
}

.working-image img {
    transform: scale(1.2);
}

.footer-left {
    padding-top: 65px;
    /* padding-right: 55px;
	padding-left: 25px; */
    position: relative;
}
.subscribe-widget {
    /* margin-bottom: 30px; */
    /* padding-left: 25px;
	padding-right: 35px; */
    height: 100%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: space-between;
}
.footer-right {
    padding: 65px 0;
    padding-left: 45px;
    border-left: 1px solid #d6d6d6;
}

.pl-0 {
    padding-left: 0 !important;
}

#footer {
    border-top: 1px solid #d6d6d6;
    background-color: #fafafa;
    position: relative;
}

#footer::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/landing/bg-moon.png");
    background-position: left;
    background-repeat: repeat;
    opacity: 0.45;
    background-size: contain;
}

.footer-titles {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
}
address,
.footer-div {
    margin-bottom: 10px;
}

.footer-div a {
    display: block;
    color: #171718;
}

.footer-div a:hover {
    color: #5b0069;
}
.widget_links li a {
    padding: 0;
}
.subs-subtitle {
    margin-bottom: 5px;
}
.subs-title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.2;
}
.subs-sub {
    font-size: 14px;
    margin-bottom: 20px;
}

.form-control:focus {
    box-shadow: none;
    border-color: transparent;
}
.form__group {
    position: relative;
    padding: 20px 0 0;
    width: 100%;
    /* max-width: 180px; */
}

.join-btn {
    border: none;
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    padding-left: 10px;
    transition: all ease-in-out 0.35s;
    width: 35px;
    height: 35px;
}

.join-btn:hover {
    right: -7px;
    transition: all ease-in-out 0.35s;
}
#copyrights {
    padding: 8px 0;
    background-color: #d20609;
    color: #fff;
    position: relative;
    z-index: 5;
}
#copyrights .col-md-6 {
    padding-bottom: 0;
}

.pay-image {
    width: 35px;
    margin-left: 12px;
}
.copy-text {
    line-height: 1.2;
}
.form__field {
    width: 100%;
    border: none;
    border-bottom: 1.5px solid #eaeaea;
    outline: 0;
    font-size: 17px;
    color: #000;
    padding: 7px 0;
    padding-right: 55px;
    background: transparent;
    transition: border-color 0.2s;
}

.form__field::placeholder {
    color: transparent;
}
#footer .form__field::placeholder {
    color: #4a4a4a;
}
.form__field:placeholder-shown ~ .form__label {
    font-size: 17px;
    cursor: text;
    top: 20px;
}

.form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 17px;
    color: #000;
    pointer-events: none;
}

.form__field:focus {
    padding-bottom: 6px;
    border-width: 3px;
    border-image-slice: 1;
}

.form__field:focus ~ .form__label {
    position: absolute;
    top: 0;
    display: block;
    transition: 0.2s;
    font-size: 17px;
    color: #000;
    font-weight: 700;
}

/* reset input */
.form__field:required,
.form__field:invalid {
    box-shadow: none;
}

/* BUTTONS */
.cta {
    position: relative;
    margin: auto;
    padding: 12px 18px;
    transition: all 0.2s ease;
    border: none;
    background: none;
    cursor: pointer;
}

.cta:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 3px;
    display: block;
    border-radius: 50px;
    background: #b1dae7;
    width: 35px;
    height: 35px;
    transition: all 0.3s ease;
}
.cta.color-white::before {
    background-color: #5b0069;
    width: 100%;
}
.cta span {
    position: relative;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: #234567;
}
.cta.color-white span {
    color: #fff;
}
.cta svg {
    position: relative;
    top: 0;
    margin-left: 10px;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #234567;
    stroke-width: 2;
    transform: translateX(-5px);
    transition: all 0.3s ease;
}
.cta.color-white svg {
    stroke: #fff;
}
.cta:hover span {
    color: #fff;
}
.cta:hover:before {
    width: 100%;
    background: #5b0069;
}

.cta:hover svg {
    transform: translateX(0);
    stroke: #fff;
}

.cta:active {
    transform: scale(0.95);
}
.as_sign_img img {
    margin: 0 auto;
}
.as_sign_ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.as_sign_ul li {
    margin-top: 20px;
}
.as_sign_box {
    background-color: #5b0069;
    max-width: 200px;
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.2s linear;
}
.as_sign_box > a {
    display: flex;
    align-items: center;
}
.as_sign_box .as_sign {
    background-color: #071461;
    height: 74px;
    width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    position: relative;
    transition: all 0.2s linear;
}
.as_sign_box h5 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 2px;
}
.as_sign_box p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
}
.as_sign_box:after,
.as_sign_box:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    border-top: 45px solid transparent;
    border-bottom: 48px solid transparent;
    border-left: 20px solid #5b0069;
    transition: all 0.2s linear;
}

.as_sign_box:before {
    left: auto;
    right: 100%;
    border-left: none;
    border-right: 20px solid #5b0069;
    transition: all 0.2s linear;
}
.as_sign_box .as_sign:after,
.as_sign_box .as_sign:before {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    border-top: 36px solid transparent;
    border-bottom: 38px solid transparent;
    border-left: 18px solid #071461;
    transition: all 0.2s linear;
}

.as_sign_box .as_sign:before {
    left: auto;
    right: 100%;
    border-left: none;
    border-right: 18px solid #071461;
    transition: all 0.2s linear;
}

.as_sign_box:hover {
    /* background-color: #5B0069; */
    background-color: #8d00a3;
    transition: all 0.2s linear;
}
.as_sign_box:hover::after,
.as_sign_box:hover:before {
    border-top: 45px solid transparent;
    border-bottom: 48px solid transparent;
    border-left: 20px solid #8d00a3;
    transition: all 0.2s linear;
}
.as_sign_box:hover::before {
    border-right: 20px solid #8d00a3;
    border-left: none;
    transition: all 0.2s linear;
}
.as_sign_box:hover .zodiac-info h5 {
    font-size: 21px;
    transition: all ease-in-out 0.2s;
}

.as_sign_box:hover .as_sign {
    background-color: #071461;
    transition: all 0.2s linear;
}
.as_sign_box:hover .as_sign:after,
.as_sign_box:hover .as_sign:before {
    border-left: 18px solid #071461;
    border-top: 36px solid transparent;
    border-bottom: 38px solid transparent;
    transition: all 0.2s linear;
}
.as_sign_box:hover .as_sign:before {
    border-left: none;
    border-right: 18px solid #071461;
    transition: all 0.2s linear;
}

.as_sign_ul li:first-child,
.as_sign_ul li:last-child {
    transform: translateX(160px);
}
.as_sign_ul li:nth-child(2),
.as_sign_ul li:nth-child(5) {
    transform: translateX(76px);
    z-index: 1;
}
.as_sign_ul.as_sign_ul_right li:first-child,
.as_sign_ul.as_sign_ul_right li:last-child {
    transform: translateX(-160px);
}
.as_sign_ul.as_sign_ul_right li:nth-child(2),
.as_sign_ul.as_sign_ul_right li:nth-child(5) {
    transform: translateX(-76px);
}
.as_sign_img img {
    animation: spin 15s infinite linear;
    -webkit-animation: spin 15s infinite linear;
    -moz-animation: spin 15s infinite linear;
    width: 100%;
}
.as_sign_ul_right .as_sign_box {
    margin: 20px 0 0 auto;
}

.zodiac-info h5,
.zodiac-info a {
    color: #fff;
    line-height: 1.2;
    transition: all ease-in-out 0.2s;
}

.horoscope-section {
    padding: 55px 0;
    position: relative;
    overflow: hidden;
    background-color: #0f0221;
}

.horoscope-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/landing/bg-options.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: kenburns 25s ease-in-out infinite alternate;
}
.horoscope-heading {
    margin-bottom: 30px;
    text-align: center;
}
.const-title {
    font-size: 42px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.horoscope-heading .horoscope-title {
    font-size: 58px;
    color: #eaeaea;
    font-weight: 800;
}
/* .horoscope-section::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/landing/bg1.png);
	background-size: 18%;
	background-repeat: repeat;
	background-position: center;
	opacity: 0.35;
} */

.constellation-section {
    padding: 70px 0;
    position: relative;
    overflow: hidden;
}

.constellation-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/landing/bg-constellation.png);
    background-size: 22%;
    background-repeat: repeat;
    background-position: center;
    opacity: 0.14;
}

.const-heading {
    margin-bottom: 40px;
}
.const-card {
    padding: 30px 15px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    margin-bottom: 20px;
    position: relative;
    /* border: 1px solid #d6d6d6; */
    transition: all ease-in-out 0.75s;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
}

.const-card:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    transition: all ease-in-out 0.75s;
}

.const-card .full-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
}

.const-image {
    width: 120px;
    height: 120px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s linear;
    margin-bottom: 15px;
    border-radius: 50%;
    transition: all ease-in-out 0.45s;
    z-index: 6;
}

.const-image::before {
    content: "";
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    z-index: 5;
    animation: spin 18s infinite linear;
    -webkit-animation: spin 18s infinite linear;

    background: repeating-conic-gradient(
        from 0deg,
        #5b0069 0deg 3deg,
        /* dot segment */ transparent 3deg 8deg /* gap */
    );
    -webkit-mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 2px),
        black 100%
    );
    mask: radial-gradient(
        farthest-side,
        transparent calc(100% - 2px),
        black 100%
    );
}

.const-image img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 50%;
    transition: all ease-in-out 0.45s;
}

.const-card:hover .const-image {
    transform: scale(1.07);
    transition: all ease-in-out 0.45s;
}
.const-name {
    margin-top: 18px;
    font-size: 18px;
    font-weight: 600;
    transition: all ease-in-out 0.35s;
    margin-bottom: 7px;
    position: relative;
    z-index: 2;
}

.const-info {
    position: relative;
    z-index: 2;
    font-size: 15px;
}

.counter-section {
    padding: 40px 0;
    /* background: radial-gradient(ellipse at bottom, rgba(0, 0, 0, 0.6), #071461 100%) !important; */
    overflow: hidden;
    -webkit-filter: drop-shadow(0 0 10px white);
    filter: drop-shadow(0 0 10px white);
    position: relative;
}

.counter-text {
    color: #fff;
}

.counter-title {
    font-size: 40px;
    font-weight: 800;
}
.counter-card {
    padding: 15px;
}
.counter-card,
.counter-icon {
    position: relative;
    text-align: center;
}
.counter-icon {
    width: 175px;
    margin: 0 auto;
}
.counter-num {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.counter-info {
    font-size: 18px;
    font-weight: 700;
    margin-top: 18px;
    line-height: 1.2;
    color: #fff;
}

.testimonial-section {
    padding: 65px 0;
    position: relative;
}
.testimonial-section::before,
.gem-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/landing/bg-moon.png");
    background-position: center;
    background-size: 25%;
    background-repeat: repeat;
    opacity: 0.6;
}

.gem-section.inner-gem::before {
    background: none;
}
.testi-card {
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
        rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    padding: 25px;
    border-radius: 12px;
    margin: 10px auto;
    margin-left: 5px;
    background-color: #fff;
}

.service-section.blogs .service-card {
    background-color: #fff;
}
.testi-info {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 12px;
}

.testi-img {
    border-radius: 50%;
    overflow: hidden;
}
.testi-star {
    margin-top: 8px;
}

.testi-name {
    font-weight: 700;
    line-height: 1.1;
}

.testi-loc {
    font-size: 16px;
}

.testi-desc {
    font-size: 16px;
}
.text-color-gold {
    color: #fde16d;
}

.testi-header {
    margin-bottom: 25px;
    font-size: 38px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    z-index: 4;
    position: relative;
}

.country-image img {
    height: 55px;
    display: block;
    margin: 0 auto;
}
.keen-slider:not([data-keen-slider-disabled]) {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    align-content: flex-start;
    display: flex;
    overflow: hidden;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
    width: 100%;
    margin-bottom: 35px;
}

.country-section {
    padding: 75px 0;
    padding-bottom: 95px;
    position: relative;
    overflow: hidden;
}

.country-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/landing/world-map.png);
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 75%;
    background-position: center center;
    opacity: 0.35;
}
@media only screen and (min-width: 1300px) {
    .custom-container {
        padding-left: 40px;
        padding-right: 40px;
    }
}

.btn-secondary {
    background-color: #c5070a;
    border-color: #c5070a #c5070a #c5070a;
    color: #fff;
}
.btn {
    background-image: linear-gradient(
        to right,
        #5b0069 0%,
        #c5070a 51%,
        #5b0069 100%
    );
    transition: 0.5s;
    background-size: 200% auto;
    border: none;
    font-weight: 400;
    font-size: 14px;
    padding: 8px 20px;
}
.btn:hover {
    animation: rotateGradient 2.8s linear infinite;
    box-shadow: 0 4px 15px rgba(7, 10, 197, 0.4);
    cursor: pointer;
}

@keyframes rotateGradient {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 200% 50%;
    }
}
nav .btn .icon {
    display: inline-block;
    padding-right: 7px;
}

#search-box form {
    margin-bottom: 0;
}

#search-box input {
    border: 1px solid #eaeaea;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    font-size: 13px;
}
#DATE_IN_NEPALI,
#TIME_IN_NEPALI {
    font-size: 15px;
    color: #131313;
}
.input-group .btn {
    background-image: none;
    border: 1px solid #eaeaea;
}
.input-group .btn {
    position: relative;
    z-index: 2;
}
.search-icon {
    outline: none;
    border: none;
    appearance: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    z-index: 5;
    opacity: 0.75;
}
.btn:hover {
    background-color: #5b0069;
}
.menu-right {
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: end;
}
.menu-right li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;
}
.menu-right li i {
    margin-right: 10px;
}
.about-btn {
    margin-top: 15px;
}
.service-desc,
.const-desc,
.const-info {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#sidebar-menu {
    position: fixed;
    z-index: 99;
    background-color: #fff;
    min-width: 270px;
    left: 0;
    top: 0;
    height: 100vh;
    /* border: 1px solid #000; */
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
    box-shadow:
        rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
        rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    min-height: calc(100vh - 105px);
    /* border-radius: 8px; */
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.45s;
}

#main-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    background-color: rgba(0, 0, 0, 0.67);
    overflow: hidden;
    /* transform: translateX(100%); */
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s ease-in-out;
}

#main-menu.show-main-menu {
    opacity: 1;
    visibility: visible;
    transition: all 0.6s ease-in-out;
}

.menu-close {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: #5b0069;
    color: #fff;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}
#sidebar-menu.show-sidebar {
    /* left: 10px; */
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.45s;
}
.sidebar-menu-logo img {
    height: 75px;
    margin-bottom: 10px;
}
.sub-menu-container .menu-item > .menu-link {
    font-size: 14px;
}
#sidebar-menu a {
    color: #000;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 10px;
}
.sub-menu-container {
    padding-left: 0;
}
#search-box.second {
    display: none;
}

/* Update CSS */
.footer-social {
    margin-top: 20px;
}

.payment-sec {
    border-top: 1px solid #d6d6d6;
    padding: 20px 25px;
    padding-left: 45px;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}
.footer-left {
    padding-bottom: 0 !important;
}
.subscribe-sec {
    padding-left: 45px;
    padding-bottom: 30px;
    padding-right: 45px;
}

.payment-texts {
    /* padding-bottom: 10px; */
    font-weight: 600;
    font-size: 18px;
}

/* .gem-section-card {
	border-top: 1px solid #d6d6d6;
} */

.gem-section-card .row .gemstone-card:nth-of-type(7) {
    border-bottom: none;
}

.product-section,
.dreams-section {
    padding: 75px 0;
    background-color: #fafafa;
    position: relative;
}
.product-section::before,
.dreams-section::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/landing/bg-moon.png");
    background-position: center;
    background-size: 25%;
    background-repeat: repeat;
    opacity: 0.6;
}
.bg-gray {
    background-color: #fafafa;
}

.product-card {
    border: 1px solid #d6d6d6;
    border-radius: 16px;
    text-align: center;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background-color: #fafafa;
}

.discount-tag {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #5b0069;
    padding: 6px 19px;
    text-align: center;
    color: #fff;
    border-radius: 16px;
    font-size: 12px;
}
.product-image {
    /* margin: 20px 0; */
    overflow: hidden;
}

.planets-info {
    position: sticky;
    top: 95px;
}

.product-image img {
    transition: all ease-in-out 0.35s;
}
.product-card:hover .product-image img {
    transform: scale(1.1);
    transition: all ease-in-out 0.35s;
}

.product-name {
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 600;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    line-height: 1.5;
}
.product-detail {
    padding: 25px 20px;
    border-top: 1px solid #d6d6d6;
}

.product-price {
    font-size: 22px;
    font-weight: 500;
    line-height: 1;
}

.tab-d-none {
    display: block;
}
.parent-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.div1-grid {
    grid-area: 1 / 1 / 2 / 2;
}
.div2-grid {
    grid-area: 1 / 2 / 2 / 3;
}
.div3-grid {
    grid-area: 1 / 3 / 2 / 4;
}
.div4-grid {
    grid-area: 1 / 4 / 2 / 5;
}
.div5-grid {
    grid-area: 1 / 5 / 2 / 6;
}

.service-card-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid rgb(255 255 255 / 27%);
    border-radius: 8px;
    position: relative;
    transition: all ease-in-out 0.35s;
    margin-bottom: 25px;
    position: relative;
    z-index: 2;
}

.service-card-box:hover {
    background-color: #5b0069;
    border: 1px solid #5b0069;
    transition: all ease-in-out 0.35s;
}

.card-service-info {
    width: 75%;
}
.card-service-detail {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    width: 80%;
}

.card-service-name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}
.card-service-icon {
    width: 25%;
    text-align: center;
}
.bg-darkblue {
    /* background-color: #0f0221; */
    color: #fff;
}

.as_service_img {
    position: relative;
    text-align: center;
}

.as_service_img .as_service_img {
    position: absolute;
    left: -30px;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 20px;
}

.as_service_single .as_service_img:after {
    display: none;
}
.as_service_img .as_service_circle {
    animation: spin 40s infinite linear;
    -webkit-animation: spin 40s infinite linear;
    -moz-animation: spin 40s infinite linear;
    position: relative;
    top: 100px;
}

.service-card-right .service-card-box {
    flex-direction: row-reverse;
    text-align: right;
}

.service-card-right .card-service-detail {
    margin-left: auto;
}

.d-sm-none {
    display: block;
}

.breadcrumb {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.breadcrumb::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0.5;
}

.breadcrumb-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: kenburns 50s ease-in-out infinite alternate;
    /* animation: rotate 50s linear infinite; */
}
.breadcrumb-link {
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
}

.breadcrumb-link a {
    font-size: 19px;
    color: #fff;
    margin-bottom: 10px;
}
.page-title {
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    position: relative;
    text-align: center;
    z-index: 2;
}
.service-section.blogs.inner-blog {
    padding: 75px 0;
}
.map-wrapper {
    border-radius: 16px;
    overflow: hidden;
    height: 450px;
}
.fluid-width-video-wrapper {
    padding-top: 0 !important;
    height: 100%;
}
.fluid-width-video-wrapper iframe {
    position: relative;
    height: 500px;
}

.map-section {
    padding: 75px 0;
    position: relative;
}

.contact-section {
    padding: 75px 0;
    position: relative;
    background-color: #fafafa;
}

.contact-title {
    font-size: 38px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 4;
    position: relative;
    margin-bottom: 8px;
}
.contact-form {
    /* background-color: #f7f7f7; */
    padding: 40px 45px;
    border-radius: 16px;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px; */
    box-shadow:
        rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
        rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
        rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
        rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
        rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
        rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
        rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.contact-infos {
    padding-right: 35px;
}
.infos-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 1.4;
    margin-top: 10px;
}

.infos-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
}
.contact-desc {
    font-size: 17px;
}

.contact-form-heading {
    margin-bottom: 25px;
}

.form-group {
    margin-bottom: 12px;
}

.contact-form .form-label {
    font-weight: 600;
    color: #3e3e3e;
}

.contact-form .form-control {
    padding: 9px 15px;
}

.infos-heading {
    margin-bottom: 30px;
}

.inner-section .about-intro {
    padding-left: 0;
}
.about-section.inner-section {
    padding: 55px 0;
}
/* .inner-section .about-title {
	margin-bottom: 15px;
} */
.inner-section .about-desc p {
    font-size: 18px;
    line-height: 1.8;
}
.infos-cards {
    padding: 20px;
    border-radius: 14px;
    /* border: 1px solid #d6d6d6; */
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.infos-icon {
    width: 55px;
    height: auto;
    margin-right: 15px;
}

.infos-details .infos-label {
    font-size: 16px;
    font-weight: 600;
    color: #3e3e3e;
    margin-bottom: 5px;
}

.infos-details .infos-link {
    font-size: 22px;
    color: #4a4a4a;
}

.infos-details a {
    color: #4a4a4a;
}

.infos-details a:hover {
    color: #d20609;
}

.product-section.inner-product {
    padding: 75px 0;
}

.inner-product .product-card {
    margin-bottom: 30px;
}

.cards-dark .service-card-box {
    background-color: #071461;
    color: #fff;
    transition: all ease-in-out 0.35s;
}

.cards-dark .service-card-box:hover {
    background-color: #030a33;
    color: #fff;
    transition: all ease-in-out 0.35s;
}

.service-section.inner-service {
    padding: 75px 0;
}

.inner-service .service-heading-title,
.inner-gem .gemheading-title,
.dream-title {
    font-size: 48px;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.inner-service .service-desc,
.single-desc {
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 30px;
    color: #070707;
    overflow: initial;
    line-clamp: none;
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: justify;
}
.inner-gem .gemheading-desc,
.inner-planets .planet-desc,
.dream-desc {
    font-size: 19px;
    line-height: 1.8;
    margin-bottom: 30px;
    overflow: initial;
    line-clamp: none;
    display: block;
    margin-bottom: 60px;
    text-align: justify;
    color: #070707;
}
.service-single .single-desc {
    margin-bottom: 15px;
}
.service-single {
    padding: 75px 0;
    position: relative;
}

.service-single-img,
.planets-inner-cards {
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}

.planets-inner-cards,
.service-single-img.horo-single-img,
.service-single-img.const-single-img {
    float: none;
    width: 350px;
    margin: auto;
    margin-top: 35px;
}
.planets-inner-cards {
    width: 500px;
    display: flex;
    align-items: center;
}
.service-single-img.planets-img img,
.service-single-img.horo-single-img img,
.service-single-img.const-single-img img {
    width: auto;
}
.planets-inner-cards .planets-img {
    width: 400px;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
}
.service-single-img img {
    width: 400px;
}

.desc-text {
    padding-top: 35px;
}

.related-services {
    padding: 75px 0;
    position: relative;
}
.related-services-title,
.inner-planets .planet-title {
    font-size: 48px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
    text-align: center;
}

.planets-card-inner {
    position: relative;
    overflow: hidden !important;
    padding: 35px;
    border-radius: 16px;
    margin-bottom: 25px;
}

.planets-card-inner-img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: auto;
    border: 45px solid transparent;
    border-image: url(https://www.jyotishnepal.com.np/frontend/img/files/planet-b.png)
        130 stretch;
    padding: 10px;
    border-radius: 8px;
}
.planets-card-inner-img img {
    width: 260px;
    text-align: center;
}
.sec-card-gem {
    padding: 35px 25px;
    border-radius: 1px solid #d6d6d6;
    box-shadow:
        rgba(0, 0, 0, 0.1) 0px 4px 6px -1px,
        rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    border-radius: 12px;
    margin-bottom: 25px;
    background-color: #fff;
}

.planets-inner-infos,
.inner-tops {
    position: relative;
    z-index: 2;
    color: #fff;
}
.inner-tops {
    border-bottom: 1.5px solid #727272;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.planet-inner-name {
    color: #fff;
    font-size: 30px;
}
.planet-temp,
.planet-ruler,
.planet-fall,
.horo-ruling,
.horo-ele,
.horo-symbol {
    font-size: 20px;
}
.services-lists .planets-card::after,
.services-lists .planets-card::before {
    display: none;
}

.services-lists .planets-card .planets-img {
    width: 190px;
}
.services-lists .planets-card {
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
    /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
    box-shadow:
        rgba(67, 71, 85, 0.27) 0px 0px 0.25em,
        rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    /* background-color: #fafafa; */
    margin-top: 7px;
}

.services-lists .planets-card .planet-detail {
    -webkit-line-clamp: 2;
}
.planet-inner-desc {
    font-size: 18px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}
.sec-card-gem .gem-img {
    position: relative;
    border: 40px solid transparent;
    border-image: url(../images/landing/gem-frame.png) 95 stretch;
    background-color: #fff;
}

/* .gem-img::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/landing/gem-frame.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	opacity: 0.5;
} */

.sec-card-gem .gem-img img {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.sec-card-gem .gem-detail {
    padding-left: 25px;
}

.gem-detail .gem-name {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 5px;
}

.gem-detail .gem-effect,
.gem-detail .gem-horo {
    font-size: 18px;
    margin-bottom: 3px;
}
.gem-detail .gem-effect strong,
.gem-detail .gem-horo strong {
    font-size: 20px;
}

.gem-info-text {
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
}

.gem-info-link {
    margin-top: 15px;
}
.gemRelatedSwiper .btn {
    transform: scale(0.9);
    transform-origin: center;
}

.gemRelatedSwiper .service-info {
    padding: 15px 25px;
    padding-top: 20px;
}
.planets-section.inner-planets {
    background-color: #fafafa;
}
.planets-section.inner-planets::before {
    background-image: url(../images/landing/bg-moon.png);
    background-size: 20%;
    background-repeat: repeat;
    opacity: 0.6;
}
.planets-section.inner-planets::after {
    display: none;
}

.appointment-sec {
    padding: 75px 0;
    background-color: #f7f7f7;
}

/* .appointment-form {
	background-color: #fff;
	border-radius: 12px;
} */

.appointment-steps {
    position: relative;
}
.steps-info {
    display: flex;
    position: relative;
    z-index: 2;
    padding: 15px 20px;
    font-size: 18px;
    border-bottom: 1px solid #d6d6d652;
    margin-bottom: 5px;
}

.ap-form-sec {
    padding: 20px 45px;
    border-left: 1px solid #d6d6d6;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ap-form-title,
.inner-horoscope .horoscope-heading .horoscope-title,
.horo-name,
.form-heading-title {
    font-size: 32px;
    font-weight: 800;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: 4;
    position: relative;
    margin-bottom: 8px;
}

.horo-name {
    font-size: 26px;
}
.horoscope-heading {
    padding-top: 35px;
}
.inner-horoscope .horoscope-heading .horoscope-title {
    text-align: left;
    font-size: 42px;
}

.horoscope-heading .horoscope-subcontent {
    text-align: left;
    font-size: 18px;
}

.horoscope-section.inner-horoscope {
    background-color: #fff;
    overflow: initial;
}
.horoscope-section.inner-horoscope::before {
    background-image: url(../images/landing/about-bg.png);
    background-size: 20%;
    background-repeat: repeat;
    opacity: 0.22;
    animation: none;
    /* display: none; */
}

.horoscope-wrapper {
    padding: 35px;
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #d6d6d6;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; */
    position: relative;
    overflow: hidden;
    transition: all ease-in-out 0.35s;
    margin-bottom: 30px;
}
.span-block {
    display: block;
    font-size: 20px;
    margin-bottom: 8px;
}
.star-container {
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.35s;
}

.horoscope-wrapper:hover .star-container {
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.35s;
}

/* .horoscope-wrapper:hover .horo-name {
    color: #fff;
} */

.horoscope-icons {
    padding: 15px;
    border-right: 1px solid #eaeaea;
    border: 35px solid transparent;
    border-image: url(../images/landing/horo-frame.png) 90 round;
}

/* .horoscope-icons img {
    filter: invert(1) brightness(0);
    transition: all ease-in-out 0.35s;
}

.horoscope-wrapper:hover .horoscope-icons img {
    filter: none;
    transition: all ease-in-out 0.35s;
}

.horoscope-wrapper:hover {
    color: #fff;
    transition: all ease-in-out 0.35s;
} */

.horo-detail {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 18px;
}
.horo-heading {
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 15px;
}

.horo-btn {
    margin-top: 20px;
}
.sticky-round {
    position: sticky;
    top: 105px;
    overflow: hidden;
    padding-top: 55px;
}

.overflow-in,
#content.overflow-in,
#wrapper.overflow-in {
    overflow: initial;
}

.horo-left-sec {
    padding-right: 75px;
}

.inner-constellations .const-name,
.inner-lists .const-name {
    font-size: 24px;
}
.inner-lists .const-name {
    margin-bottom: 0;
}
.inner-constellations .const-info {
    display: block;
    overflow: initial;
    font-size: 18px;
}

.const-btn {
    margin-top: 12px;
}
.inner-heading .const-title {
    margin-bottom: 10px;
}
.inner-heading .const-desc,
.inner-lists .const-info {
    display: block;
    font-size: 20px;
    line-height: 1.8;
}

.inner-lists .info-list,
.inner-lists .const-info {
    padding-bottom: 0;
    font-size: 19px;
}
.style-span {
    display: inline-block;
    width: 225px;
    position: relative;
    color: #2860ab;
    margin-bottom: 12px;
}
.style-span::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    z-index: 0;
    width: 200px;
    height: 1px;
    background-color: #d7d7d7;
}

.info-list {
    padding-bottom: 5px;
}
.const-single-img {
    border: 38px solid transparent;
    border-image: url(../images/landing/const-frame.png) 250 stretch;
    margin-top: 25px;
}

.nav-tabs {
    background-color: #fff;
}

.nav-tabs button {
    color: #000;
    font-weight: 500;
}
.tab-content {
    padding: 25px;
    background-color: #fff;
}

.about-image {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
}

.about-me .about-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/landing/bg-working.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* z-index: -1; */
}

.about-image img {
    position: relative;
    z-index: 2;
    height: 445px;
}
.about-me {
    padding-bottom: 75px;
}

.about-text {
    padding-right: 35px;
    padding-left: 35px;
}

.about-text .about-desc {
    font-size: 18px;
}
.social-icons {
    margin: 0;
    padding: 0;
    width: auto;
}
.social-icons li {
    display: inline-block;
    margin: -1px 1px 0 0;
    padding: 0;
    border-radius: 100%;
    overflow: visible;
}
.social-icons.social-icons-big li a,
.social-icons.social-icons-lg li a {
    height: 48px;
    line-height: 50px;
    width: 48px;
    margin-right: 10px;
}

.social-icons li a img {
    height: 32px;
    width: 32px;
}
.social-icons.social-icons-big li a i,
.social-icons.social-icons-lg li a i {
    color: #fff !important;
}
.rounded-social-buttons .fa-twitter,
.fa-facebook-f,
.fa-linkedin,
.fa-youtube,
.fa-instagram {
    font-size: 16px;
}
.social-icons:not(.social-icons-opacity-light):not(
        .social-icons-transparent
    ):not(.social-icons-clean):not(.social-icons-clean-with-border):not(
        .social-icons-dark
    ):not(.social-icons-dark-2):not(.custom-social-icons)
    li {
    box-shadow: none;
}
.facebook {
    background-color: #1877f2 !important;
}
.instagram {
    background-color: #c13584 !important;
}
.youtube {
    background-color: #ff0000 !important;
}
.tiktok {
    background-color: #000 !important;
}
.threads {
    background-color: #f56040 !important;
}

.blog-single-img {
    width: 500px;
    height: 350px;
    border-radius: 16px;
    overflow: hidden;
    float: left;
    margin-right: 40px;
    margin-bottom: 25px;
}
.service-single-img.blog-single-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.constSingleSwiper .const-card {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.yatra-title {
    font-size: 38px;
}
.gotra-desc p {
    margin-bottom: 0;
}
.gotra-table {
    margin-top: 25px;
    font-size: 18px;
}
.gotra-table table {
    border-radius: 12px;
    overflow: hidden;
}
.gotra-table table thead {
    background-color: #5b0069;
    color: #fff;
}
.gotra-table table thead tr th {
    background-color: transparent;
    color: #fff;
    padding: 15px 17px;
    font-size: 20px;
}
.gotra-table table td {
    padding: 15px;
}

.gem-single {
    padding: 85px 0;
    position: relative;
}
.gemSingleSwiper {
    /* background-color: #fafafa; */
    padding: 25px;
    border-radius: 16px;
    border: 1px solid #d6d6d6;
}
.gemSingleSwiper .swiper-slide .gemsingle-img {
    padding: 10px;
    border-right: 1px solid #d6d6d6;
}

.gemsingle-content {
    margin-top: 55px;
}
.span-flex {
    display: flex;
    align-items: center;
}
.rich-img {
    width: 30px;
}

.gemsingle-content p {
    font-size: 20px;
}
.product-details {
    padding-top: 30px;
    margin-bottom: 15px;
}
.product-details .p-name,
.bar-form-title {
    font-size: 52px;
    font-weight: 600;
    color: #d20609;
    background: -webkit-linear-gradient(#5b0069, #d20609);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.bar-form-title {
    font-size: 42px;
    margin-bottom: 0px;
}

.bar-heading {
    margin-bottom: 15px;
    text-align: center;
}

.bar-form-desc {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.p-price {
    font-size: 22px;
    font-weight: 600;
}
.p-price del {
    color: #4a4a4a;
    font-size: 16px;
    margin-right: 7px;
}

.product-info {
    font-size: 18px;
}

.d-tag {
    background-color: #5b0069;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    margin-left: 7px;
}

.p-weight {
    margin-top: 15px;
}
.p-weight .w-tag {
    border: 1px solid #5b0069;
    color: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    margin-left: 7px;
    background-color: #5b0069;
}

.mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product-info {
    margin-bottom: 20px;
}

.psingle-sliders,
.singles-product {
    background-color: #fff;
    padding: 25px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
}

.psingle-sliders {
    box-shadow: none;
    border: 1px solid #d6d6d6;
}

.pSingleSwiper-thumb {
    margin-bottom: 10px;
}
.pSingleSwiper-thumb .swiper-slide {
    opacity: 0.45;
    height: 110px;
    border-radius: 8px;
    border: 1px solid #d6d6d6;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.pSingleSwiper-thumb .swiper-slide-thumb-active {
    opacity: 1;
}

/* .swiper-button-next, .swiper-button-prev {
	top: 55%;
	left: -8px;
	z-index: 4;
	width: 35px;
	height: 35px;
	border-radius: 10px;
} */

.product-single-infos {
    padding-left: 40px;
    padding-right: 25px;
}

.product-info p {
    margin-bottom: 5px;
}

/* .swiper-button-next {
	left: auto;
	right: -8px;
} */

.product-single-tabs {
    margin-top: 45px;
    padding: 30px;
    background-color: #fff;
}

.bar-badu-form {
    padding: 85px 0;
}

.form-sec-height {
    min-height: 750px;
}

.has-bg {
    background-color: #ffffff;
    padding: 35px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 4;
}

.ap-form-style {
    position: absolute;
    top: 0;
    left: 45px;
    width: 95%;
    height: 100%;
    z-index: 2;
    transition: all ease-in-out 0.5s;
    overflow-y: auto;
    scrollbar-width: thin;
    overflow-x: hidden;
    scrollbar-color: #5b0069 transparent;
}

.ap-form-style form {
    margin-bottom: 0;
}

.making-country {
    display: none;
}

.show-nepal-form,
.show-foreign-form {
    display: block;
}

.appointment-form::before {
    content: "";
    position: absolute;
    width: 100%;
    background-image: url(../images/landing/bg2.png);
    background-position: top center;
    background-size: 25%;
    background-repeat: repeat;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.35;
}

.form-sec-height {
    height: 100%;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.first-form,
.ap-form-step-1 {
    transition: all ease-in-out 0.65s;
    transition-property: opacity;
}

.female-submit {
    margin-left: auto;
    text-align: end;
}
.sec-form,
.re-first-form.first-form,
.ap-form-step-2,
.ap-form-step-3,
.ap-form-step-4,
.ap-form-step-4,
.ap-form-step-6 {
    transform: translateX(100%);
    /* transform: scale(0.5); */
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.65s;
    transition-property: all;
}

.ap-form-style.hide-steps {
    transform: translateX(-100%);
    /* transform: scale(0.5); */
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.85s;
    transition-property: all;
}
.re-first-form.first-form {
    transform: translateX(-100%);
    /* transform: scale(0.5); */
}

.show-sec-form.sec-form,
.show-steps {
    transform: translateX(0%);
    /* transform: scale(1); */
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: all ease-in-out 0.85s;
    transition-property: all;

    /* transition-delay: 0.25s; */
}

.has-border {
    border-right: 1px solid #d6d6d6;
}

.has-style-form {
    padding: 0 30px;
}

.product-single-tabs .tab-content p {
    font-size: 18px;
}
.nav-tabs .nav-link {
    font-size: 20px;
    font-weight: 600;
    padding: 7px 22px;
    transition: all ease-in-out 0.3s;
}
.nav-tabs .nav-link.active {
    background-color: #5b0069;
    color: #fff;
    transition: all ease-in-out 0.3s;
}
/* Appointement PAGE CSS */
.form-heading {
    margin-bottom: 40px;
}
.form-heading-title {
    font-size: 42px;
}

.form-heading-desc {
    font-size: 20px;
}

.appointment-form {
    background-color: #fff;
    padding: 35px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.appointment-element {
    position: absolute;
    bottom: -250px;
    left: auto;
    right: -150px;
    width: 555px;
    opacity: 0.45;
    animation: spin 22s infinite linear;
    -webkit-animation: spin 22s infinite linear;
}
.steps-count {
    position: relative;
}

.steps-count::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 90%;
    top: 21px;
    left: 40px;
    background-color: #030a33;
    z-index: 1;
}

.worship-form .steps-count::before {
    height: 87%;
}

.steps-info .steps-num {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    background-color: #fff;
    margin-right: 15px;
    border: 1px solid #030a33;
    color: #030a33;
    transition: all ease-in-out 0.5s;
}
.steps-info.active-step {
    color: #2860ab;
}
.steps-info .steps-name {
    font-weight: 800;
    font-size: 20px;
}
.sel-service-icon {
    width: 30%;
    text-align: center;
}
.steps-info .short-desc {
    font-size: 15px;
    line-height: 1.2;
    margin-top: 4px;
}
.steps-info.active-step .steps-num {
    background-color: #030a33;
    color: #fff;
    transition: all ease-in-out 0.5s;
}
.steps-info.complete-step .steps-num {
    background-color: greenyellow;
    border-color: greenyellow;
    transition: all ease-in-out 0.5s;
    position: relative;
}
.steps-info .steps-num .num {
    display: block;
}
.steps-info.complete-step .steps-num .num {
    display: none;
}
.steps-info.complete-step .steps-num::before {
    content: "\f00c"; /* check icon */
    position: absolute;
    top: 0;
    left: 13px;
    font-family: "Font Awesome 7 Free";
    font-weight: 900; /* solid icons */
    font-size: 18px;
}
.steps-detail {
    width: calc(100% - 60px);
    margin-top: 3px;
}

.ap-form-heading {
    margin-bottom: 25px;
}

.ap-form-desc {
    font-size: 18px;
}

.select-service-card {
    display: flex;
    justify-content: space-between;
    padding: 15px 10px;
    border: 1px solid #5b0069;
    border-radius: 8px;
    position: relative;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
    height: 100%;
    align-items: center;
    transition: all ease-in-out 0.35s;
    background-color: #fff;
}
.sel-service-title {
    font-size: 18px;
    font-weight: 600;
    color: #5b0069;
    line-height: 1;
    margin-bottom: 5px;
}
.sel-service-time {
    font-weight: 600;
    font-size: 15px;
    color: #4a4a4a;
}
.service-sel-list {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
.service-sel-list li {
    width: calc(33% - 15px);
    margin-right: 15px;
    margin-bottom: 15px;
    list-style-type: none;
    position: relative;
    transition: all ease-in-out 0.35s;
    border-radius: 12px;
}

/* .service-sel-list li:hover {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	transition: all ease-in-out 0.35s;
} */

.service-sel-list li:hover .select-service-card {
    background-color: #5b0069;
    transition: all ease-in-out 0.35s;
    color: #fff;
}
.service-sel-list li:hover .select-service-card .sel-service-title,
.service-sel-list li:hover .select-service-card .sel-service-time {
    transition: all ease-in-out 0.35s;
    color: #fff;
}

.service-sel-list li input:checked ~ label i {
    opacity: 1;
    transition: all ease-in-out 0.35s;
}
.service-sel-list li label i {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    color: #fff;
    opacity: 0;
    font-size: 20px;
    transition: all ease-in-out 0.35s;
}
.sel-service-infos {
    width: 70%;
}
.service-sel-list li input:checked ~ .select-service-card .sel-service-title,
.service-sel-list li input:checked ~ .select-service-card .sel-service-time {
    opacity: 1;
    color: #fff;
    transition: all ease-in-out 0.35s;
}
.service-sel-list li input:checked ~ .select-service-card {
    background-color: #5b0069;
    box-shadow:
        rgba(0, 0, 0, 0.16) 0px 3px 6px,
        rgba(0, 0, 0, 0.23) 0px 3px 6px;
    margin-top: -10px;
    transition: all ease-in-out 0.35s;
}

.appFormSwiper .swiper-slide {
    background-color: #fff;
    height: 100%;
}

/* NEW INPUT CSS */
.input-select {
    position: relative;
}

.ml-auto {
    text-align: end;
    margin-left: auto;
}
.ap-form-step-3 .input-select,
.ap-form-step-4 .input-select,
.pran-form-style .input-select {
    margin-bottom: 35px;
}
.ap-form-step-3 .input-select.top-label,
.ap-form-step-4 .input-select.top-label,
.ap-form-step-5 .input-select.top-label {
    margin-top: 7px;
}
.input-select .input {
    font-size: 16px;
    padding: 10px 10px 10px 5px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #515151;
    background-color: transparent;
}
.selected-service .service-sel-list li {
    width: 50%;
}

.infos-service p {
    margin-bottom: 0px;
    line-height: 1.4;
}

.infos-service h5 {
    margin-bottom: 8px;
    font-size: 22px;
}
.input-select .input:focus {
    outline: none;
}
.pay-sec {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    position: sticky;
}
.pay-sec .pay-heading {
    background-color: #5b0069;
    color: #fff;
    padding: 10px 15px;
    font-size: 22px;
    font-weight: 600;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
.pay-sec .pay-body {
    padding: 20px;
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.pay-sec ul {
    list-style-type: none;
}
.pay-sec ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3px;
    font-size: 18px;
}
.input-select label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 10px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.input-select.top-label label {
    top: -20px;
    font-size: 14px;
    color: #5b0069;
}
.input-select .input:focus ~ label,
.input-select .input:valid ~ label {
    top: -20px;
    font-size: 18px;
    color: #5b0069;
    font-weight: 800;
}

.input-select .bar {
    position: relative;
    display: block;
    width: 100%;
}
.bar-badu-form .input-select {
    margin-top: 35px;
}
.input-select .bar:before,
.input-select .bar:after {
    content: "";
    height: 2px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #5b0069;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.input-select .bar:before {
    left: 50%;
}

.input-select .bar:after {
    right: 50%;
}

.input-select .input:focus ~ .bar:before,
.input:focus ~ .bar:after {
    width: 50%;
}

.input-select .highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

.input-select .input:focus ~ .highlight {
    animation: inputHighlighter 0.3s ease;
}

@keyframes inputHighlighter {
    from {
        background: #5b0069;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.h-100 {
    height: 100% !important;
}
.mantra-card {
    background-color: #fff;
    padding: 25px 15px;
    padding-bottom: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 12px;
    margin-bottom: 15px;
    cursor: pointer;
}
.mantra-inner::before {
    background-image: url(../images/landing/mantra-bgi-bg.png);
    opacity: 0.3;
}

.matra-card:hover {
    background-color: #000;
}
.mantra-card .bg-image {
    position: relative;
}
.mantra-card .bg-image::before {
    content: "";
    position: absolute;
    width: 116%;
    height: 125%;
    top: 50%;
    left: 50%;
    animation: spin2 22s infinite linear;
    -webkit-animation: spin2 22s infinite linear;
    opacity: 0.65;
    background-image: url(../images/landing/mantra-bg-2.svg);
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
}
.mantra-card .bg-image img {
    position: relative;
    z-index: 2;
}

.mantra-detail {
    text-align: center;
}

.modal-header {
    background-color: #5b0069;
}

.modal-header h1 {
    color: #fff !important;
}
.modal-header .btn-close {
    filter: brightness(0) invert(1);
}

.mantra-detail p strong {
    font-size: 20px;
}
.text-2 {
    font-size: 20px;
}
.astro-list .sel-service-icon {
    overflow: hidden;
    padding: 10px;
    height: 75px;
    width: 75px;
    border-radius: 50%;
}
.astro-list .sel-service-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.red {
    color: #d20609;
}
/* Payment CSS */
.pay-label {
    text-align: center;
    width: 100%;
}

.pay-label .sel-service-infos {
    width: 100%;
}
.pay-label img {
    height: 45px;
    margin-bottom: 15px;
}
.info-div {
    margin-bottom: 15px;
}

.card-pay-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 12px;
    padding: 25px 45px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 25px;
}

.info-qr img {
    height: 155px;
}
.card-name {
    font-weight: 600;
    font-size: 22px;
}

.singles-product .swiper-button-next,
.singles-product .swiper-button-prev {
    bottom: 40%;
    top: auto;
    left: -6px;
    right: auto;
}
.singles-product .swiper-button-next {
    right: -6px;
    left: auto;
}

@media only screen and (max-width: 1200px) {
    .parent-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .div5-grid {
        display: none;
    }
    .about-image img {
        height: auto;
        margin-top: 35px;
    }
    .about-title.about-name-t {
        font-size: 32px;
        margin-bottom: 8px;
    }
    .blog-single-img {
        width: 400px;
        height: 350px;
    }
}
@media only screen and (max-width: 1150px) {
    /* Added CSS */
    .appointment-form {
        padding: 35px 15px;
    }
    .steps-count::before {
        left: 16px;
    }
    .steps-info {
        padding: 15px 0;
        margin-bottom: 5px;
    }
    .steps-info .steps-num {
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-right: 10px;
    }
    .steps-info .steps-name {
        font-size: 18px;
    }
    .steps-info.complete-step .steps-num::before {
        left: 10px;
    }
    .service-sel-list li {
        width: calc(50% - 15px);
    }

    .menu-link {
        padding-left: 10px;
        padding-right: 7px;
    }
    .input-group .btn {
        padding: 8px 15px;
    }
    .btn {
        padding: 8px 20px;
    }
    .about-title {
        font-size: 48px;
        font-weight: 800;
    }
    .service-title {
        font-size: 18px;
    }
    .service-info {
        padding: 20px 15px;
    }
    .about-image {
        width: auto;
    }

    .gemstone-title {
        font-size: 15px;
    }
}
@media only screen and (max-width: 1024px) {
    .tab-none {
        display: none;
    }
    .fslider.h-100 .flexslider,
    .fslider.h-100 .flex-viewport,
    .fslider.h-100 .slider-wrap,
    .fslider.h-100 .slide,
    .fslider.h-100 .slide > a,
    .fslider.h-100 .slide > a > img,
    .min-vh-50 {
        height: auto !important;
    }
    .min-vh-60,
    .min-vh-50 {
        min-height: auto !important;
    }
    .about-intro {
        padding-top: 7px;
        padding-right: 15px;
    }
    #logo img {
        height: 55px;
    }
    .subs-title {
        font-size: 21px;
    }
    .subscribe-sec {
        padding-left: 35px;
        padding-right: 35px;
    }
    .payment-texts {
        font-size: 15px;
    }
    .pay-image {
        width: 30px;
    }
    .gemstone-detail {
        padding: 0px 5px 15px;
    }
    .gemstone-title {
        font-size: 12px;
    }
    .parent {
        grid-column-gap: 7px;
        grid-row-gap: 7px;
    }

    /* .parent {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: repeat(2, 1fr);
	}

	.div1 { grid-area: 1 / 1 / 2 / 2; }
	.div2 { grid-area: 1 / 2 / 2 / 3; }
	.div3 { grid-area: 1 / 3 / 2 / 4; }
	.div4 { grid-area: 1 / 4 / 2 / 5; }
	.div5 { grid-area: 2 / 1 / 3 / 2; }
	.div6 { grid-area: 2 / 2 / 3 / 3; }
	.div7 { grid-area: 2 / 3 / 3 / 4; }
	.div8 { grid-area: 2 / 4 / 3 / 5; } */
}
@media only screen and (max-width: 992px) {
    .info-card-wrapper {
        display: flex;
        gap: 7px;
    }
    .has-bg {
        padding: 20px;
    }

    .bar-form-desc {
        width: 100%;
    }
    .bar-form-title {
        font-size: 36px;
    }

    .planets-card.planets-inner-cards {
        width: 70%;
        margin-left: auto;
        float: none;
        margin-right: auto;
    }

    .service-single-img.planets-img {
        float: none;
    }
    .contact-infos {
        padding-right: 0;
        margin-top: 35px;
    }
    .sub-menu-container.sub-mega-menu {
        height: auto;
        overflow-y: inherit;
    }
    .sub-menu-container.sub-mega-menu li {
        height: auto;
    }

    .sec-card-gem .gem-detail {
        padding-left: 0;
        padding-top: 20px;
    }
    .info-card-wrapper .infos-cards {
        flex-direction: column;
        text-align: center;
        border: 1px solid #d6d6d6;
        width: calc(33.33% - 7px);
    }

    .as_sign_box:after,
    .as_sign_box:before {
        display: none;
    }
    .as_sign_box {
        background-color: #5b0069;
    }
    .as_sign_ul li:first-child,
    .as_sign_ul li:last-child,
    .as_sign_ul li:nth-child(2),
    .as_sign_ul li:nth-child(5),
    .as_sign_ul.as_sign_ul_right li:first-child,
    .as_sign_ul.as_sign_ul_right li:last-child,
    .as_sign_ul.as_sign_ul_right li:nth-child(2),
    .as_sign_ul.as_sign_ul_right li:nth-child(5) {
        transform: translateX(0);
    }
    .as_sign_ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    .as_sign_box {
        max-width: 100%;
        width: calc(50% - 10px);
        padding: 15px;
        padding-left: 35px;
        border-radius: 16px;
    }
    .as_sign_box .as_sign {
        margin-right: 35px;
    }

    .as_sign_img {
        margin: 20px 0;
    }
    .counter-text {
        text-align: center;
    }
    .counter-title {
        line-height: 1.2;
        font-size: 34px;
        width: 80%;
        margin: auto;
        margin-bottom: 15px;
    }
    .working-image {
        display: none;
    }
    .working-info {
        padding-top: 0;
        padding-left: 15px;
    }
    .footer-right {
        padding-left: 15px;
        border-left: none;
    }
    .about-info {
        padding-left: 20px;
    }
    .about-title {
        font-size: 36px;
        margin-bottom: 8px;
    }
    .service-heading-title {
        font-size: 38px;
    }
    .about-desc {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .about-me .about-image {
        margin-bottom: 35px;
    }

    .about-section.inner-section .about-desc,
    .about-me .about-desc {
        display: block;
        overflow: initial;
    }
    .planet-subtitle {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .menu-right .btn {
        padding: 8px 13px;
    }
    .menu-right li {
        margin-right: 8px;
    }
    .menu-right li i {
        margin-right: 5px;
    }
    .menu-container {
        position: fixed;
        display: block;
        background-color: #fff;
        width: 350px;
        height: 100vh;
        top: 0;
        left: 0;
    }
    #logo img {
        height: auto;
    }
    .landing-slider .pr-0 {
        padding-right: 15px !important;
    }
    #nav-wrap {
        display: none;
    }

    #sidebar-menu {
        height: 100vh;
        width: 280px;
        z-index: 99;
        border-radius: 0;
        overflow-y: scroll;
        min-height: 100%;
    }
    #sidebar-menu a {
        padding-left: 15px;
    }
    #sidebar-menu.show-sidebar {
        left: 0;
    }
    .sub-menu-container.sub-mega-menu {
        position: relative;
        width: 100%;
        z-index: 1;
        left: 0;
        display: none !important;
    }
    .menu-link.has-submega i {
        transform: rotate(90deg);
    }
    .sub-menu-trigger.fa-solid.fa-chevron-right {
        display: none;
    }
    .sub-menu-container.sub-mega-menu.show-sub-mega {
        left: 0;
        width: auto;
        min-width: 100%;
        padding-left: 7px;
        padding-top: 0px;
        padding-bottom: 0;
        background-color: #f7f7f7;
        border-radius: 0;
        box-shadow: none;
        display: block !important;
    }
    .sub-menu-container.sub-mega-menu li {
        width: 100%;
        margin-bottom: 0;
        border-bottom: 1px solid #eaeaea !important;
        padding-bottom: 0;
    }
    .sub-menu-container.sub-mega-menu li a {
        display: block;
        padding: 8px;
        color: #171718;
    }
    .sub-menu-container.sub-mega-menu li a img {
        display: none;
    }
    .sub-menu-container.sub-mega-menu li:hover {
        background-color: transparent;
        transition: all ease-in-out 0.35s;
    }
    .sub-menu-container.sub-mega-menu li:hover a {
        color: #000 !important;
        transition: all ease-in-out 0.35s;
    }
    .about-image img {
        height: auto;
    }
    .const-image {
        width: 90px;
        height: 90px;
    }
    .const-card {
        padding: 20px 10px;
    }
    .gemheading-title {
        font-size: 30px;
    }

    .tab-d-none {
        display: none;
    }

    .subscribe-sec,
    .payment-sec {
        padding-left: 15px;
    }

    .payment-sec {
        border-bottom: 1px solid #d6d6d6;
    }
    .footer-right {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .service-card-right .service-card-box {
        flex-direction: row;
    }
    .service-card-right .service-card-box {
        text-align: left;
    }
    .service-card-right .card-service-detail {
        margin-left: 0;
    }
    .as_service_img .as_service_img {
        position: relative;
        top: 0;
        left: 0;
        margin: 25px 0;
    }
    .as_service_img .as_service_circle {
        position: absolute;
        left: 30%;
    }

    .parent-grid {
        display: flex;
        flex-wrap: wrap;
        grid-column-gap: 0;
        gap: 12px;
    }

    .div1-grid,
    .div2-grid,
    .div3-grid,
    .div4-grid,
    .div5-grid {
        width: calc(33.33% - 12px);
    }
    .div4-grid {
        display: none;
    }

    /* .blog-single-img {
        height: auto;
    } */

    .desc-text {
        padding-top: 20px;
    }

    .const-single-img,
    .horo-single-img,
    .inner-service-img {
        float: none;
        width: 65%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }

    .horo-left-sec {
        padding-right: 15px;
    }

    .planets-card-inner-img {
        margin-bottom: 25px;
    }
    .gotra-page .about-title {
        font-size: 28px;
    }

    .ap-form-sec {
        padding: 20px;
        border-left: none;
    }
    .pay-sec ul li.small-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
    .pay-sec ul li.small-flex div.btn {
        width: 100%;
        text-align: center !important;
    }
}

@media only screen and (max-width: 1024px) {
    .first-form,
    .ap-form-step-1 {
        position: relative;
        left: 0;
    }
    .ap-form-style,
    .first-form,
    .ap-form-step-1 {
        top: 25px;
        width: 100%;
        min-height: 85vh;
    }
    .show-sec-form.sec-form,
    .show-steps {
        left: 0;
        top: 0;
    }

    .ap-form-step-6 .selected-service .service-sel-list li {
        width: 100%;
    }
}
@media only screen and (max-width: 900px) {
    .md-tab-none {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .form-sec-height {
        min-height: 960px;
    }
    .blog-single-img {
        float: none;
        width: 100%;
        max-width: 500px;
    }
}
@media only screen and (max-width: 650px) {
    .planets-card.planets-inner-cards,
    .service-single-img.planets-img img,
    .service-single-img.planets-img {
        width: 100%;
    }

    .infos-title {
        font-size: 22px;
    }
    .contact-form {
        padding: 30px 15px;
    }
    .contact-title,
    .inner-horoscope .horoscope-heading .horoscope-title {
        font-size: 28px;
    }
    .horoscope-heading .horoscope-subcontent {
        text-align: justify;
    }
    .sec-card-gem {
        padding: 20px 10px;
    }

    .horo-info {
        margin-top: 10px;
    }
    .inner-service .service-heading-title,
    .inner-gem .gemheading-title {
        font-size: 34px;
    }
    .info-card-wrapper {
        flex-direction: column;
    }

    .info-card-wrapper .infos-cards {
        width: 100%;
    }
    .const-single-img {
        float: none;
        width: 100%;
    }
    .page-title {
        font-size: 28px;
        margin-top: 5px;
    }

    .related-services-title {
        font-size: 36px;
    }
    .service-single .single-desc {
        width: 100%;
    }
    .about-intro {
        text-align: center;
        margin-bottom: 35px;
    }
    .gemheading-title,
    .service-heading-title,
    .planet-heading .planet-title,
    .testi-header,
    .working-info .working-title {
        font-size: 32px;
        margin-bottom: 7px;
    }
    .as_sign_box {
        width: 100%;
    }
    .as_sign_ul li,
    .as_sign_ul_right .as_sign_box {
        margin-top: 5px;
    }
    .const-image {
        width: 98px;
        height: 98px;
    }
    .counter-title {
        font-size: 24px;
    }
    .working-info {
        padding: 0;
    }
    .working-bg {
        padding: 55px 25px;
    }
    .footer-right {
        padding: 25px 0;
    }
    .gem-heading,
    .service-heading {
        position: static;
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 4px;
        bottom: 40%;
    }

    .product-section .swiper-button-next,
    .product-section .swiper-button-prev {
        bottom: 40%;
        top: auto;
    }
    .swiper-button-prev {
        right: auto;
        left: 4px;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 12px;
    }
    .gem-heading,
    .const-heading,
    .planet-heading,
    .service-heading {
        margin-bottom: 20px;
        text-align: center;
    }
    .counter-icon {
        width: auto;
    }
    .counter-num {
        font-size: 17px;
    }
    .d-sm-no {
        display: none;
    }
    .subscribe-widget {
        padding-left: 0px;
    }
    .form__group {
        padding-top: 5px;
    }
    .footer-titles {
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 7px;
    }

    #search-box.second {
        border-bottom: 1px solid #eaeaea;
        margin-top: 8px;
        display: block;
    }
    .menu-right .btn {
        transform: scale(0.7);
        transform-origin: right;
    }
    .about-intro {
        padding-left: 15px;
    }
    .parent {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        gap: 10px;
    }
    .parent .div1,
    .parent .div2,
    .parent .div3,
    .parent .div4,
    .parent .div5,
    .parent .div6,
    .parent .div7,
    .parent .div8,
    .parent .div9,
    .parent .div10 {
        width: calc(50% - 5px);
    }
    .payment-sec {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .footer-right {
        padding-left: 15px;
    }
    .service-section {
        padding-top: 55px;
    }
    .as_service_img .as_service_circle {
        left: 6%;
    }
    .div1-grid,
    .div2-grid,
    .div3-grid,
    .div4-grid,
    .div5-grid {
        width: 100%;
    }
    .planets-more {
        display: none;
    }
    .planets-card {
        margin-bottom: 10px;
    }
    .planet-heading,
    .service-heading {
        margin-bottom: 45px;
    }

    .d-sm-none {
        display: none;
    }

    .horoscope-heading .horoscope-title {
        font-size: 44px;
    }
    .country-title.testi-header {
        font-size: 34px;
    }
    .country-section,
    .service-section {
        padding-bottom: 65px;
    }
    .counter-section::before {
        background-attachment: inherit;
    }

    .const-image::before {
        animation: spin 22s infinite linear;
        -webkit-animation: spin 22s infinite linear;
    }
    .as_service_img .as_service_img {
        margin-right: 15px;
    }
    .about-section.inner-section .about-intro {
        padding-right: 0;
    }
    .about-section.inner-section .about-desc,
    .about-me .about-desc {
        text-align: justify;
    }

    .about-text {
        padding-left: 0;
        padding-right: 0;
    }

    .about-title.about-name-t {
        font-size: 30px;
    }

    .service-sel-list li {
        width: 100%;
    }
    .ap-from-step-7 .service-sel-list li {
        width: 50%;
    }
    .singles-product .swiper-button-next,
    .singles-product .swiper-button-prev {
        left: 4px;
        right: auto;
    }
    .singles-product .swiper-button-next {
        right: 4px;
        left: auto;
    }
}
@media only screen and (min-width: 1400px) {
    #logo img {
        height: 65px;
    }
}

/* STAR CSS00 */

.counter-section {
    position: relative;
    overflow: hidden;
}
.counter-section::before {
    opacity: 0.5;
}

.counter-card {
    padding-left: 0;
    padding-right: 0;
}

.stars-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(-30deg);
}

.star {
    --star-color: #dddddd86;
    --star-tail-length: 6em;
    --star-tail-height: 2px;
    --star-width: calc(var(--star-tail-length) / 6);
    --fall-duration: 9s;
    --tail-fade-duration: var(--fall-duration);
    position: absolute;
    top: var(--top-offset);
    left: 0;
    width: var(--star-tail-length);
    height: var(--star-tail-height);
    color: var(--star-color);
    background: linear-gradient(45deg, currentColor, transparent);
    border-radius: 50%;
    filter: drop-shadow(0 0 6px currentColor);
    transform: translate3d(104em, 0, 0);
    animation:
        fall var(--fall-duration) var(--fall-delay) linear infinite,
        tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite;
}
@media screen and (max-width: 750px) {
    .star {
        animation: fall var(--fall-duration) var(--fall-delay) linear infinite;
    }
}
.star:nth-child(1) {
    --star-tail-length: 7.23em;
    --top-offset: 41.03vh;
    --fall-duration: 11.602s;
    --fall-delay: 5.312s;
}
.star:nth-child(2) {
    --star-tail-length: 6.18em;
    --top-offset: 40.5vh;
    --fall-duration: 6.506s;
    --fall-delay: 2.07s;
}
.star:nth-child(3) {
    --star-tail-length: 7.43em;
    --top-offset: 48.86vh;
    --fall-duration: 9.868s;
    --fall-delay: 6.776s;
}
.star:nth-child(4) {
    --star-tail-length: 6.62em;
    --top-offset: 89.82vh;
    --fall-duration: 10.085s;
    --fall-delay: 7.782s;
}
.star:nth-child(5) {
    --star-tail-length: 6.92em;
    --top-offset: 72.43vh;
    --fall-duration: 8.012s;
    --fall-delay: 6.162s;
}
.star:nth-child(6) {
    --star-tail-length: 5.3em;
    --top-offset: 65.11vh;
    --fall-duration: 10.217s;
    --fall-delay: 7.64s;
}
.star:nth-child(7) {
    --star-tail-length: 6.47em;
    --top-offset: 6.74vh;
    --fall-duration: 7.695s;
    --fall-delay: 2.945s;
}
.star:nth-child(8) {
    --star-tail-length: 6.55em;
    --top-offset: 89.55vh;
    --fall-duration: 10.005s;
    --fall-delay: 8.29s;
}
.star:nth-child(9) {
    --star-tail-length: 5.31em;
    --top-offset: 51.25vh;
    --fall-duration: 8.663s;
    --fall-delay: 3.007s;
}
.star:nth-child(10) {
    --star-tail-length: 6.7em;
    --top-offset: 96.23vh;
    --fall-duration: 10.82s;
    --fall-delay: 9.677s;
}
.star:nth-child(11) {
    --star-tail-length: 6.1em;
    --top-offset: 34.04vh;
    --fall-duration: 6.592s;
    --fall-delay: 0.796s;
}
.star:nth-child(12) {
    --star-tail-length: 5.34em;
    --top-offset: 56.52vh;
    --fall-duration: 7.606s;
    --fall-delay: 6.441s;
}
.star:nth-child(13) {
    --star-tail-length: 7.49em;
    --top-offset: 72.47vh;
    --fall-duration: 11.686s;
    --fall-delay: 8.819s;
}
.star:nth-child(14) {
    --star-tail-length: 5.91em;
    --top-offset: 86.6vh;
    --fall-duration: 9.75s;
    --fall-delay: 3.368s;
}
.star:nth-child(15) {
    --star-tail-length: 6.29em;
    --top-offset: 22.19vh;
    --fall-duration: 8.776s;
    --fall-delay: 0.283s;
}
.star:nth-child(16) {
    --star-tail-length: 6.8em;
    --top-offset: 86.19vh;
    --fall-duration: 11.227s;
    --fall-delay: 7.251s;
}
.star:nth-child(17) {
    --star-tail-length: 6.34em;
    --top-offset: 15.16vh;
    --fall-duration: 9.547s;
    --fall-delay: 4.302s;
}
.star:nth-child(18) {
    --star-tail-length: 5.16em;
    --top-offset: 17.59vh;
    --fall-duration: 7.28s;
    --fall-delay: 6.977s;
}
.star:nth-child(19) {
    --star-tail-length: 6.75em;
    --top-offset: 31.24vh;
    --fall-duration: 9.542s;
    --fall-delay: 2.503s;
}
.star:nth-child(20) {
    --star-tail-length: 7.48em;
    --top-offset: 94.3vh;
    --fall-duration: 9.011s;
    --fall-delay: 3.2s;
}
.star:nth-child(21) {
    --star-tail-length: 6.91em;
    --top-offset: 48.57vh;
    --fall-duration: 7s;
    --fall-delay: 9.543s;
}
.star:nth-child(22) {
    --star-tail-length: 6.72em;
    --top-offset: 73.64vh;
    --fall-duration: 10.039s;
    --fall-delay: 8.443s;
}
.star:nth-child(23) {
    --star-tail-length: 5.54em;
    --top-offset: 72.94vh;
    --fall-duration: 7.662s;
    --fall-delay: 4.779s;
}
.star:nth-child(24) {
    --star-tail-length: 5.11em;
    --top-offset: 98.15vh;
    --fall-duration: 11.702s;
    --fall-delay: 6.102s;
}
.star:nth-child(25) {
    --star-tail-length: 6.79em;
    --top-offset: 36.79vh;
    --fall-duration: 10.157s;
    --fall-delay: 5.92s;
}
.star:nth-child(26) {
    --star-tail-length: 6.98em;
    --top-offset: 94.95vh;
    --fall-duration: 9.595s;
    --fall-delay: 7.801s;
}
.star:nth-child(27) {
    --star-tail-length: 5.86em;
    --top-offset: 98.57vh;
    --fall-duration: 6.509s;
    --fall-delay: 7.382s;
}
.star:nth-child(28) {
    --star-tail-length: 6.97em;
    --top-offset: 94.48vh;
    --fall-duration: 10.742s;
    --fall-delay: 0.522s;
}
.star:nth-child(29) {
    --star-tail-length: 5.83em;
    --top-offset: 64.07vh;
    --fall-duration: 11.593s;
    --fall-delay: 3.864s;
}
.star:nth-child(30) {
    --star-tail-length: 7.16em;
    --top-offset: 56.41vh;
    --fall-duration: 7.737s;
    --fall-delay: 0.264s;
}
.star:nth-child(31) {
    --star-tail-length: 6.87em;
    --top-offset: 8.54vh;
    --fall-duration: 7.383s;
    --fall-delay: 2.106s;
}
.star:nth-child(32) {
    --star-tail-length: 6.44em;
    --top-offset: 13vh;
    --fall-duration: 8.873s;
    --fall-delay: 2.745s;
}
.star:nth-child(33) {
    --star-tail-length: 7.1em;
    --top-offset: 94.15vh;
    --fall-duration: 11.516s;
    --fall-delay: 1.533s;
}
.star:nth-child(34) {
    --star-tail-length: 7.33em;
    --top-offset: 9.25vh;
    --fall-duration: 6.364s;
    --fall-delay: 9.967s;
}
.star:nth-child(35) {
    --star-tail-length: 6.91em;
    --top-offset: 55.64vh;
    --fall-duration: 6.602s;
    --fall-delay: 4.58s;
}
.star::before,
.star::after {
    position: absolute;
    content: "";
    top: 0;
    left: calc(var(--star-width) / -2);
    width: var(--star-width);
    height: 100%;
    background: linear-gradient(45deg, transparent, currentColor, transparent);
    border-radius: inherit;
    animation: blink 2s linear infinite;
}
.star::before {
    transform: rotate(45deg);
}
.star::after {
    transform: rotate(-45deg);
}

@keyframes fall {
    to {
        transform: translate3d(-30em, 0, 0);
    }
}
@keyframes tail-fade {
    0%,
    50% {
        width: var(--star-tail-length);
        opacity: 1;
    }
    70%,
    80% {
        width: 0;
        opacity: 0.4;
    }
    100% {
        width: 0;
        opacity: 0;
    }
}
@keyframes blink {
    50% {
        opacity: 0.6;
    }
}

#footer a:hover {
    color: #5b0069;
}
.select2-container .select2-selection--single {
    height: 48px;
}
.ap-form-step-2 .input-select {
    margin-bottom: 45px;
}
@media only screen and (max-width: 600px) {
    .select2-container .select2-selection--single {
        height: 40px;
        margin-bottom: 15px;
    }

    .select2-container--default
        .select2-selection--single
        .select2-selection__rendered {
        line-height: 20px;
    }

    .form-heading-title {
        font-size: 26px;
    }
    .ap-form-sec {
        padding: 0px;
        border-left: none;
    }

    .ap-form-title {
        font-size: 24px;
    }
    .pay-sec {
        margin-top: 40px;
    }
    .card-pay-info {
        flex-direction: column-reverse;
    }

    .ap-form-step-6 .service-sel-list li {
        width: calc(50% - 15px);
    }
    .pay-label img {
        height: 35px;
    }
}

/* Solar System Styles */
.button {
    line-height: 1;
    text-decoration: none;
    display: inline-flex;
    border: none;
    cursor: pointer;
    align-items: center;
    gap: 0.75rem;
    background-color: #5b0069;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    padding: 0.75rem 1.5rem;
    padding-left: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background-color 0.3s;
}

.button__icon-wrapper {
    flex-shrink: 0;
    width: 25px;
    height: 25px;
    position: relative;
    color: #000;
    background-color: #fff;
    border-radius: 16px;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.button:hover {
    background-color: #071461;
}

.button:hover .button__icon-wrapper {
    color: #000;
}

.button__icon-svg--copy {
    position: absolute;
    transform: translate(-150%, 150%);
}

.button:hover .button__icon-svg:first-child {
    transition: transform 0.3s ease-in-out;
    transform: translate(150%, -150%);
}

.button:hover .button__icon-svg--copy {
    transition: transform 0.3s ease-in-out 0.1s;
    transform: translate(0);
}

.btn-danger {
    background-image: none;
}

.btn-danger:hover {
    color: #fff;
    background-color: #dc3545;
}
.btn-blue {
    background-color: #2860ab;
    background-image: none;
    color: #fff;
}

.btn-blue:hover {
    background-color: #2860ab;
    color: #fff;
}

/* Added CSS After */

.dream-heading {
    position: relative;
    z-index: 2;
}
.dream-box {
    padding: 40px;
    background-color: #fff;
    border-radius: 16px;
    margin-top: 30px;
}
.swiper-slide button {
    background: transparent;
    border-radius: 0;
    border: 1px solid #eaeaea;
    transition: none;
    width: 50px;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    background-color: #fff;
}
.dream-pagination {
    position: relative;
}
.dream-pagination .swiper-button-next,
.dream-pagination .swiper-button-prev {
    border-radius: 0;
    left: auto;
    right: -45px;
    top: 22px;
    bottom: auto;
    width: 40px;
    height: 45px;
}
.dream-pagination .swiper-button-prev {
    left: -45px;
    right: auto;
}

.dream-pagination .swiper-button-next:after,
.dream-pagination .swiper-button-prev:after {
    font-size: 14px;
}
.dream-pagination .swiper-slide-thumb-active button {
    background-color: #5b0069;
    color: #fff;
}

.dream-box span {
    color: #5b0069;
}
.swiper-slide button:hover {
    color: #fff;
}
.mylink {
    position: fixed;
    right: -100px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
    -webkit-transition: 0.4s linear;
    transition: 0.4s linear;
}

.mylink .connect-us {
    background: #ececec;
    width: 120px;
    height: 300px;
    position: relative;
}

.mylink .show-menu {
    width: 40px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #2b4c9d;
    color: #fff;
    position: absolute;
    top: 50%;
    left: -40px;
    z-index: 99;
    transform: translateY(-50%);
    color: #fff;
}
.mylink .show-menu:hover {
    cursor: pointer;
}

.mylink .connect-us h6 {
    position: absolute;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 300px;
    height: 25px;
    top: 100%;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    padding: 3px;
    color: #ffffff;
    left: -5px;
}

.mylink .connect-us .call-number {
    position: absolute;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 300px;
    height: 60px;
    top: 100%;
    left: 20px;
    color: #ffffff;
    background: #ed1821;
    text-transform: uppercase;
    text-align: center;
    padding: 5px 0;
}
.mylink .connect-us .call-number a {
    color: #fff;
    font-size: 16px;
}
.mylink .connect-us .social-number {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mylink .connect-us1 {
    background: #ececec;
    width: 120px;
    height: 200px;
    position: relative;
}

.mylink .connect-us1:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    z-index: 99999;
}

.mylink .connect-us1 h6 {
    position: absolute;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 200px;
    height: 20px;
    top: 100%;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.85rem;
    padding: 3px 0;
    color: #ffffff;
}

.mylink .connect-us1 .call-number {
    position: absolute;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 200px;
    height: 80px;
    top: 100%;
    color: #ffffff;
    background: #ff1a5c;
    text-transform: uppercase;
    text-align: center;
}

.show-connect {
    right: 0;
    position: fixed;
}
.connect-us img {
    width: 24px;
    height: 24px;
}

.dreambox-swiper-title {
    font-size: 24px;
    margin-top: 25px;
    color: #4a4a4a;
}
.bg-purple {
    background-color: #5b0069;
}
#caret {
    background-color: #5b0069;
    position: absolute;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 24px;
    height: 24px;
    top: 50%;
    left: -24px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.85rem;
    padding: 3px 0;
    color: #ffffff;
    z-index: 2;
    align-items: center;
    justify-content: center;
}
/* .bg-gradient-new {
	background: linear-gradient(to right, #5b0069 0%, #C5070A 51%, #5b0069 100%)
} */

.landing-circle {
    position: absolute;
    width: 300px;
    height: 300px;
    bottom: 20px;
    left: auto;
    right: 0;
    opacity: 0.35;
    z-index: 4;
    animation: spin 25s infinite linear;
    -webkit-animation: spin 25s infinite linear;
}
.landing-circle-big {
    position: absolute;
    width: 500px;
    height: 500px;
    bottom: -35%;
    left: -14%;
    opacity: 0.35;
    z-index: 4;
    animation: spin 25s infinite linear;
    -webkit-animation: spin 25s infinite linear;
}
.background-image-land {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    animation: kenburns 45s ease-in-out infinite alternate;
}
.landing-wrapper .stars {
    background: transparent
        url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1231630/stars.png)
        repeat;
    animation: kenburns 45s ease-in-out infinite alternate;
}
@media only screen and (max-width: 768px) {
    .dream-pagination .swiper-button-next,
    .dream-pagination .swiper-button-prev {
        display: none;
    }
    .dream-box {
        padding: 20px;
    }
}
@media only screen and (max-width: 600px) {
    .mylink {
        right: -125px;
    }
    .mylink.show-connect {
        right: 0;
    }
    .landing-circle {
        display: none;
    }
    .landing-circle-big {
        position: absolute;
        width: 445px;
        height: 445px;
        left: -10%;
    }
    .image-new-try {
        width: 312px;
        top: 35%;
        left: 55%;
    }
    .background-image-land {
        background-position: right;
    }
    .product-single-infos,
    .tab-content {
        padding-left: 0;
        padding-right: 0;
    }
    .input-select .input:valid ~ label.small-label {
        font-size: 15px;
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@-webkit-keyframes spin2 {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.kundali-wrapper {
    position: relative;
    padding: 40px;
    margin: 30px 0;
}

.wrapper-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.kundali-content {
    position: relative;
    z-index: 2;
    text-align: left;
}
.kundali-image {
    position: relative;
    z-index: 2;
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin-bottom: 35px;
    border-radius: 12px;
    /* border-radius: 50%; */
}

.kundali-image img,
.wrapper-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.wrapper-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
    border-radius: 14px;
}

.kundali-name {
    font-size: 28px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
}

.kundali-desc {
    margin-top: 20px;
    text-align: left;
}

@media only screen and (max-width: 1024px) {
    .ap-form-sec {
        overflow: initial;
    }
}

/* NEW ADDED CSS */
.barta-image {
    border-radius: 24px;
    overflow: hidden;
    max-width: 500px;
    height: 350px;
    margin: auto;
    margin-bottom: 35px;
}

.barta-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bar-form-desc {
    font-size: 22px;
    font-weight: 600;
    text-align: left;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6d6d6;
}
.dropify-wrapper .dropify-message {
    display: none;
}
/* .dropify-wrapper {
	width: 200px;
} */

.photo-label {
    position: relative;
    width: 200px;
    height: 150px;
    margin-left: auto;
    border: 1px solid #d6d6d6;
}

.photo-label label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
    text-align: center;
}

.heading-kundali-image {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.img-wrapper {
    z-index: 2;
    position: relative;
    width: 250px;
}
.plan {
    position: relative;
    border-radius: 8px;
}
.pricing-table .plan .plan-price .price {
    font-size: 2rem;
    letter-spacing: 0.5px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.pricing-table .plan .plan-price .price del {
    width: 100%;
    font-size: 1rem;
    text-align: center;
}
.plan-footer {
    background-color: #f7f7f7;
}
.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}
.ribbon span {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79a70a;
    background: linear-gradient(#9bc90d 0%, #79a70a 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
}
.ribbon span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79a70a;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a;
}
.ribbon span::after {
    content: "";
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: -1;
    border-right: 3px solid #79a70a;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79a70a;
}
.red span {
    background: linear-gradient(#f70505 0%, #8f0808 100%);
}
.red span::before {
    border-left-color: #8f0808;
    border-top-color: #8f0808;
}
.red span::after {
    border-right-color: #8f0808;
    border-top-color: #8f0808;
}
.pricing-table {
    display: flex;
    flex-wrap: wrap;
}

.pricing-table .plan {
    background: #fff;
    border-radius: 12px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.pricing-table .plan .plan-price,
.pricing-table .plan .plan-features,
.pricing-table .plan .plan-footer {
    border: 1px solid #ededed;
}

.pricing-table .plan .plan-header {
    background: #5b0069;
    padding: 15.2px 16px;
    padding: 0.95rem 1rem;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.pricing-table .plan .plan-header h3 {
    color: #fff;
    font-size: 12.8px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

.pricing-table .plan .plan-price {
    display: flex;
    flex-direction: column;
    background: #f7f7f7;
    border-top: 0;
    border-bottom: 0;
    padding: 32px 12.8px;
    padding: 2rem 0.8rem;
    text-align: center;
}

.pricing-table .plan .plan-price .price {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 43.2px;
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1;
    color: #212529;
}

.pricing-table .plan .plan-price .price .price-unit {
    font-size: 50%;
    line-height: 1.4;
}

.pricing-table .plan .plan-price .price-label {
    text-transform: uppercase;
    color: #777;
    font-size: 11.2px;
    font-size: 0.7rem;
    line-height: 1;
    margin-bottom: 0;
}

.pricing-table .plan .plan-features {
    border-top: 0;
    border-bottom: 0;
    padding: 12.8px;
    padding: 0.8rem;
    text-align: center;
}

.pricing-table .plan .plan-features ul {
    padding: 0 8px 0 8px;
    padding: 0 0.5rem 0 0.5rem;
    margin-bottom: 0;
}

.pricing-table .plan .plan-features ul li {
    border-bottom: 1px solid #ededed;
    line-height: 2.9;
    list-style: none;
    font-size: 16px;
}

.pricing-table .plan .plan-features ul li:last-child {
    border-bottom: 0;
}

.pricing-table .plan .plan-footer {
    border-top: 0;
    padding: 24px 12.8px 40px;
    padding: 1.5rem 0.8rem 2.5rem;
    text-align: center;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.pricing-table .plan.plan-featured {
    position: relative;
    box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3);
    transform: scale(1.15);
    z-index: 1;
}

.pricing-table .plan.plan-featured .plan-header h3,
.pricing-table .plan.plan-featured .plan-features ul li {
    font-size: 12.8px;
    font-size: 0.8rem;
}
.plan-price p {
    font-size: 20px;
    line-height: 1.8;
}

.price del {
    color: #6d060b;
}
@media (max-width: 767px) {
    .pricing-table .plan.plan-featured {
        transform: scale(1);
    }

    .pricing-table .plan.plan-featured .plan-header h3,
    .pricing-table .plan.plan-featured .plan-features ul li {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 600px) {
    .heading-kundali-image {
        flex-direction: column;
    }
    .img-wrapper {
        margin-bottom: 20px;
    }
    .kundali-wrapper {
        padding: 25px 15px;
    }
}

.landing-wrapper {
    height: calc(100vh - 125px);
    position: relative;
    background-color: #000;
    padding-bottom: 30px;
    overflow: hidden;
}

/*
    .landing-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url(./images/landing/fluid.jpg);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    } */

.ball {
    --delay: 0s;
    --size: 0.4;
    --speed: 40s;

    aspect-ratio: 1;
    width: calc(150% * var(--size));

    background: linear-gradient(259.53deg, #0a3fff 6.53%, #f55f0a 95.34%);
    filter: blur(10vw);

    border-radius: 50%;

    position: absolute;
    top: 0;
    left: 0;

    animation: loop var(--speed) infinite linear;
    animation-delay: var(--delay);
    transform-origin: 50% 50%;

    opacity: 0.6;
}

@keyframes loop {
    0% {
        transform: translate3D(0%, 51%, 0) rotate(0deg);
    }

    5% {
        transform: translate3D(8%, 31%, 0) rotate(18deg);
    }

    10% {
        transform: translate3D(22%, 13%, 0) rotate(36deg);
    }

    15% {
        transform: translate3D(40%, 2%, 0) rotate(54deg);
    }

    20% {
        transform: translate3D(46%, 21%, 0) rotate(72deg);
    }

    25% {
        transform: translate3D(50%, 47%, 0) rotate(90deg);
    }

    30% {
        transform: translate3D(53%, 80%, 0) rotate(108deg);
    }

    35% {
        transform: translate3D(59%, 98%, 0) rotate(125deg);
    }

    40% {
        transform: translate3D(84%, 89%, 0) rotate(144deg);
    }

    45% {
        transform: translate3D(92%, 68%, 0) rotate(162deg);
    }

    50% {
        transform: translate3D(99%, 47%, 0) rotate(180deg);
    }

    55% {
        transform: translate3D(97%, 21%, 0) rotate(198deg);
    }

    60% {
        transform: translate3D(80%, 7%, 0) rotate(216deg);
    }

    65% {
        transform: translate3D(68%, 25%, 0) rotate(234deg);
    }

    70% {
        transform: translate3D(59%, 41%, 0) rotate(251deg);
    }

    75% {
        transform: translate3D(50%, 63%, 0) rotate(270deg);
    }

    80% {
        transform: translate3D(38%, 78%, 0) rotate(288deg);
    }

    85% {
        transform: translate3D(21%, 92%, 0) rotate(306deg);
    }

    90% {
        transform: translate3D(3%, 79%, 0) rotate(324deg);
    }

    100% {
        transform: translate3D(0%, 51%, 0) rotate(360deg);
    }
}

.glow-container {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.landing-content {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: 9;
}

.landing-title {
    font-size: 58px;
    font-weight: 800;
    color: #fff;
    text-shadow:
        0px 1.5px 3px #fff,
        0px 0px 8px #5b0069;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.background-image-land::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.45);
    top: 0;
    left: 0;
}

.landing-desc {
    width: 65%;
    margin: 25px auto;
    color: #fff;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.animate-btn {
    overflow: hidden;
    display: inline-block;
    position: relative;
}

.landing-btn {
    border: 2px solid #fff;
    padding: 10px 28px;
    color: #fff;
    font-size: 18px;
    border-radius: 0.375rem;
    display: inline-block;
    padding-top: 15px;
    transform: translateY(105%);
    transition: all ease-in-out 1.15s;
}

.landing-btn.show-landing-btn {
    opacity: 1;
    transform: translateY(0%);
    transition: all ease-in-out 1.15s;
}

.landing-btn:hover {
    color: #fff;
}

.image-new-try {
    position: absolute;
    width: 500px;
    top: 32%;
    left: 52%;
    transform: translate(-50%, -50%) rotate(-318deg);
    opacity: 0.5;
}

.image-new-try img {
    width: 100%;
    height: auto;
}

.slider-texts {
    position: relative;
    z-index: 4;
    text-align: center;
    width: 78%;
    height: 100%;
    margin: 0 auto;
    padding-bottom: 75px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.slider-title {
    font-size: 56px;
    font-weight: 800;
    font-family: "Be Vietnam Pro", sans-serif;
    line-height: 1.2;
    color: #fff;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: inline-block;
    padding-top: 15px;
    /* opacity: 0; */
    transform: translateY(105%);
    transition: all ease-in-out 1.5s;
}

.slider-title.show-title {
    opacity: 1;
    transform: translateY(0%);
    transition: all ease-in-out 1.5s;
}

.slider-info {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
    line-height: 1.3;
    margin-bottom: 0px;
    transform: translateY(102%);
    display: inline-block;
    transition: all ease-in-out 0.95s;
}

.slider-info.show-slider-info {
    transform: translateY(0%);
    transition: all ease-in-out 0.95s;
}

@media only screen and (max-width: 600px) {
    .slider-title {
        font-size: 32px;
    }

    .slider-info,
    .landing-desc {
        width: 100%;
        font-size: 18px;
        margin-top: 10px;
    }

    .image-new-try {
        width: 350px;
    }
}
.news-letter {
    position: relative;
    padding-bottom: 75px;
    overflow: hidden;
}
.newsletter-box {
    position: relative;
    background-color: #000;
    overflow: hidden;
    border-radius: 16px;
    padding: 40px 55px;
}
.newsletter-box form {
    position: relative;
    z-index: 2;
    margin: 10px 0;
}

.newsletter-box p {
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}
.newsletter-box .inputs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.newsletter-box .inputs input {
    width: 75%;
    height: 40px;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
    padding-left: 20px;
}
.newsletter-box .inputs button {
    height: 40px;
    width: 120px;
    appearance: none;
    border: none;
    outline: none;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.widget iframe {
    padding-left: 45px;
}
.brata-image image {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.single-desc .desc-text .icon-cards .icon-card {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    text-align: center;
    padding: 15px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.single-desc .desc-text .icon-cards .icon-card-content {
    margin-top: 15px;
}
.single-desc .desc-text .icon-cards .icon-card-content p {
    margin-bottom: 5px;
}
.update-menu {
    padding: 0 !important;
}
@media only screen and (max-width: 992px) {
    .widget iframe {
        padding-left: 15px;
    }
    .update-menu {
        padding-left: 10px !important;
    }
}
@media only screen and (max-width: 600px) {
    .newsletter-box {
        padding: 35px 25px;
    }
    .newsletter-box p {
        margin-bottom: 15px;
        text-align: left;
    }
}
.video-section {
    padding-bottom: 95px;
}

.video-wrapper {
    position: relative;
    margin-bottom: 30px;
}
.video-section.inner {
    padding-top: 90px;
    padding-bottom: 0;
}

.video-wrapper .video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    color: #6d060b;
    background-color: #fff;
    transition: all 0.3s linear;
}
.video-btn {
    text-align: center;
    display: inline-flex;
    position: relative;
    padding-left: 75px;
    height: 80px;
    align-items: center;
}
.video-btn .video-player:before {
    content: "";
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px);
    border-radius: 50%;
    border: 40px solid rgba(255, 255, 255, 0.2);
}
.video-btn .video-player:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 30px;
    width: 30px;
    z-index: 3;
    border-radius: 50%;
    animation: ripple 3s infinite;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
}
.video-wrapper {
    position: relative;
    z-index: 2;
}
.video-wrapper .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@keyframes ripple {
    70% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.single-desc ol,
.gem-single-desc ol {
    list-style-type: none;
}

.single-desc ol li,
.gem-single-desc ol li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 8px;
}

.single-desc ol li::before,
.gem-single-desc ol li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    background-position: center;
    background-size: contain;
    width: 24px;
    height: 24px;
        background-image: url("../images/landing/favorite.png");

}

.single-desc.planet-single-desc ol li::before {
    background-image: url("../images/sun.png");
}
.gem-single-desc ol li::before {
    background-image: url("../images/landing/favorite.png");
}
.horo-single-desc ol li::before {
    background-image: url("../images/cancer-icon.png");
}
.constellation-single-desc ol li::before {
    background-image: url("../images/stars-icon.png");
}
.single-desc table {
    border-collapse: collapse;
    width: 100% !important;
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    border: none !important;
}
.single-desc table::-webkit-scrollbar-button {
    height: 0;
    width: 0;
    /* Optional: Also remove any background or border to be safe */
    border: none;
}
.single-desc .desc-text h4 {
    margin-bottom: 12px;
    font-size: 20px;
}

.single-desc td,
.single-desc th {
    border: 2px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.single-desc tr:first-child {
    background-color: #e1e1e1;
}
.single-desc tr:first-child td {
    border: 2px solid #fff;
}
.single-desc ul {
    padding-left: 25px;
}

#whatsappWrapper {
    position: fixed;
    left: 20px;
    bottom: 30px;
    z-index: 98;
}

#fixedWhatsAppIcon {
    width: 50px;
    height: 50px;
    background-color: #54b460;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
}

#fixedWhatsAppIcon:hover {
    background-color: #339933;
}

#whatsappOptions {
    display: none;
    margin-bottom: 10px;
}

#whatsappOptions a {
    display: block;
    background: #fff;
    color: #333;
    text-decoration: none;
    padding: 8px 12px;
    margin-bottom: 6px;
    border-radius: 6px;
    font-size: 14px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

#whatsappOptions a:hover {
    background: #f1f1f1;
}
.has-submega-p:hover .sub-mega-menu {
    transition: all 0.5s ease;
}
.has-submega-p:hover .sub-mega-menu {
    left: 100%;
    visibility: visible;
    opacity: 1;
    transition: all 0.5s ease;
}
.icon-menu-link {
    display: flex;
    align-items: center;
}

.icon-menu-link .icon {
    margin-right: 12px;
}

.icon-menu-link .icon img {
    height: 24px;
}

ul li {
    font-size: 20px;
}

p:has(+ ul) {
    margin-bottom: 18px;
}

.chevron-icon i {
    color: #000;
}
@media only screen and (max-width: 992px) {
    .has-submega-p:hover .sub-mega-menu {
        left: 0;
    }
}