body {

    background-color: hsl(0, 100%, 98%) !important;
}


.mob-logo {

    width: 100px !important;
}

.hero-slider {
    width: 100%;
    overflow: hidden;
}

.heroSwiper {
    width: 100%;
    height: 100vh;
}

.heroSwiper .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hero-img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}

.heroSwiper .swiper-button-next,
.heroSwiper .swiper-button-prev {
    color: #fff;
}

.heroSwiper .swiper-pagination {
    bottom: 25px !important;
}

.heroSwiper .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: .6;
}

.heroSwiper .swiper-pagination-bullet-active {
    background: #ff0000;
    opacity: 1;
}

/* Tablet */
@media (max-width:991px) {
    .heroSwiper {
        height: 600px;
    }

    .hero-img {
        object-position: center;
    }
}

/* Mobile */
@media (max-width:767px) {
    .heroSwiper {
        height: auto;
    }

    .hero-img {
        width: 100%;
        height: auto;
        object-fit: contain;
    }

    .heroSwiper .swiper-button-next,
    .heroSwiper .swiper-button-prev {
        display: none;
    }

    .heroSwiper .swiper-pagination {
        bottom: 15px !important;
    }
}

.white-btn {
    background: transparent !important;
    border: 1px solid rgb(0 0 0 / 10%) !important;
    color: #141313 !important;
}

.white-btn:hover {
    color: #141313 !important;
}

/* ------------------------------------------------------------------------------------------------------ */
.about-bg-rotate,
.whychoose-bg-rotate {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding-top: 70px;
    padding-bottom: 30px;

}



.about-bg-rotate::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: url('../images/1.webp') no-repeat center;
    background-size: contain;
    top: 50%;
    /* left: -180px; */

    transform: translateY(-50%);
    opacity: .3;
    z-index: -1;

    animation: rotateBg 35s linear infinite;
}

.whychoose-bg-rotate::before {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    background: url('../images/banner-round-img.png') no-repeat center;
    background-size: contain;
    top: 50%;
    /* left: -180px; */

    transform: translateY(-50%);
    opacity: .3;
    z-index: -1;

    animation: rotateBg 35s linear infinite;
}

@keyframes rotateBg {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

@media (max-width:767px) {

    .about-bg-rotate,
    .whychoose-bg-rotate::before {

        top: 32%;

    }
}

/* --------------------------------------------------------------------- */
.about-action-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    margin-top: 35px;
}

.about-call {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-left: 0;
    /* Remove the fixed padding */
}

.about-call-icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 1px solid #222;
    background: #000;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;
    font-size: 24px;

    animation: ring 2s infinite;
}

.about-call-icon i {
    transform: rotate(-15deg);
}

.about-call-content span {
    display: block;
    color: #555;
    font-size: 14px;
    margin-bottom: 5px;
}

.about-call-content a {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    text-decoration: none;
    transition: .3s;
}

.about-call-content a:hover {
    color: #ff003c;
}

@keyframes ring {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25);
    }

    70% {
        box-shadow: 0 0 0 18px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(1);
    }
}

@media (max-width: 991px) {

    .about-action-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }

    .about-call-content a {
        font-size: 18px;
    }

    .about-call-icon {
        width: 55px;
        height: 55px;
        font-size: 20px;
    }
}

/* ----------------------------------------------------------------------------------------------- */
.service-bg {
    position: relative;
    overflow: hidden;
    z-index: 1;
    padding: 60px 0;
}

/* Rotating Background Image */
.service-bg::before {
    content: "";
    position: absolute;
    inset: 0;

    background: url('../images/1.webp') no-repeat center center;
    background-size: 700px;

    opacity: 0.3;
    z-index: -1;

    animation: rotateBg2 60s linear infinite;
    transform-origin: center center;
}

@keyframes rotateBg2 {
    from {
        transform: rotate(0deg) scale(1.2);
    }

    to {
        transform: rotate(360deg) scale(1.2);
    }
}

/* ------------------------------------------------------------------------------ */
/*====================================
    Twinkling Stars
=====================================*/

.star {
    position: absolute;
    pointer-events: none;

    animation: twinkle 3.5s ease-in-out infinite;
}

.star img {
    width: 18px;
    height: 18px;
    display: block;
    opacity: .9;
    filter:
        brightness(0) invert(1) drop-shadow(0 0 5px rgba(255, 255, 255, .95)) drop-shadow(0 0 12px rgba(255, 255, 255, .8)) drop-shadow(0 0 22px rgba(255, 255, 255, .5));
}

/*====================================
    Star Positions
=====================================*/

/* Top Right */
.star-1 {
    top: 50px;
    right: 70px;
    animation-delay: 0s;
}

.star-2 {
    top: 96px;
    right: 180px;
    animation-delay: .8s;
}

.star-3 {
    top: 220px;
    right: 90px;
    animation-delay: 1.5s;
}

.star-4 {
    top: 340px;
    right: 354px;
    animation-delay: 2.2s;
}

.star-5 {
    top: 574px;
    right: 120px;
    animation-delay: 1.1s;
}

/* Top Left */
.star-6 {
    top: 33px;
    left: 70px;
    animation-delay: .4s;
}

.star-7 {
    top: 180px;
    left: 220px;
    animation-delay: 2.6s;
}

.star-8 {
    top: 320px;
    left: 120px;
    animation-delay: 1.2s;
}

.star-9 {
    top: 450px;
    left: 280px;
    animation-delay: 3s;
}

.star-10 {
    top: 580px;
    left: 80px;
    animation-delay: 1.8s;
}

/* Center */
.star-11 {
    top: 90px;
    left: 50%;
    animation-delay: .5s;
}

.star-12 {
    top: 320px;
    left: 42%;
    animation-delay: 2s;
}

.star-13 {
    top: 520px;
    left: 58%;
    animation-delay: 1.4s;
}

.star-14 {
    top: 760px;
    left: 48%;
    animation-delay: 2.8s;
}

.star-15 {
    top: 980px;
    left: 55%;
    animation-delay: .9s;
}

/* Bottom Area */
.star-16 {
    bottom: 280px;
    right: 320px;
    animation-delay: 3.2s;
}

.star-17 {
    bottom: 180px;
    right: 120px;
    animation-delay: 1.3s;
}

.star-18 {
    bottom: 120px;
    left: 220px;
    animation-delay: 2.4s;
}

.star-19 {
    bottom: 280px;
    left: 420px;
    animation-delay: .7s;
}

.star-20 {
    bottom: 60px;
    right: 500px;
    animation-delay: 3.5s;
}

/*====================================
    Different Star Sizes
=====================================*/

.star-2 img,
.star-8 img,
.star-15 img {
    width: 14px;
    height: 14px;
}

.star-4 img,
.star-9 img,
.star-12 img,
.star-18 img {
    width: 22px;
    height: 22px;
}

.star-3 img,
.star-6 img,
.star-10 img,
.star-16 img {
    width: 28px;
    height: 28px;
}

.star-5 img,
.star-14 img,
.star-20 img {
    width: 34px;
    height: 34px;
}

/*====================================
    Twinkle Animation
=====================================*/

@keyframes twinkle {

    0% {
        opacity: .15;
        transform: scale(.4) rotate(0deg);
    }

    20% {
        opacity: .5;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.6);
    }

    70% {
        opacity: .7;
        transform: scale(1);
    }

    100% {
        opacity: .15;
        transform: scale(.4);
    }

}

/*====================================
    Responsive
=====================================*/

@media (max-width:991px) {

    .star img {
        width: 16px;
        height: 16px;
    }

    .star-3 img,
    .star-5 img,
    .star-14 img,
    .star-20 img {
        width: 24px;
        height: 24px;
    }

}

@media (max-width:767px) {

    /* Hide some stars for cleaner mobile layout */
    .star-7,
    .star-9,
    .star-13,
    .star-15,
    .star-19,
    .star-20 {
        display: none;
    }

    .star img {
        width: 14px;
        height: 14px;
    }


    .star-1 {
        top: 10px;
        right: 70px;
        animation-delay: 0s;
    }

    .star-2 {
        top: 96px;
        right: 180px;
        animation-delay: .8s;
    }

    .star-4 {
        top: 548px;
        right: 100px;
    }

    .star-5 {
        top: 542px;
        right: 187px;
    }

    .star-6 {
        top: 38px;
        left: 60px;
    }

}

/* --------------------------------------------------------------------------------------------------- */

.service-btn {
    margin-left: auto;
}

@media (max-width:991px) {
    .service-btn {
        display: none !important;
    }
}

/* ----------------------------------------------------- */
/* Always show the arrow */
.tp-btn .btn-arrow {

    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    overflow: visible;
}

.tp-btn .btn-arrow svg {
    position: static !important;
    width: 11px;
    height: 11px;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}

/* Disable arrow animation */
.tp-btn:hover .btn-arrow svg {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ------------------------------------------------------------------------------------------------------------- */
/*==================================
WHY CHOOSE US - BLACK THEME
===================================*/



/* .why-choose-area {
    position: relative;
    overflow: hidden;


} */



.why-choose-area {
    position: relative;
    overflow: hidden;
    /* padding: 100px 0; */
    /* background: url('../images/bg3.png') center center/cover no-repeat; */
}




.why-card {

    border: 1px solid #1f1f1f;
    border-radius: 22px;
    padding: 35px 30px;
    height: 100%;
    text-align: center;
    transition: all .4s ease;
}

.why-card:hover {
    transform: translateY(-10px);
    border-color: #000;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

.why-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #111;
    border: 1px solid #222;

    animation: floatIcon 4s ease-in-out infinite;
    transition: .4s;
}

.why-icon i {
    font-size: 42px;
    color: #C89A33;
    transition: .4s;
}

.why-card:hover .why-icon {
    background: #fff;
    border-color: #fff;
}

.why-card:hover .why-icon i {
    color: #C89A33;
}

.why-card h4 {
    color: #1b1b1b;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}

.why-card p {
    color: #1b1b1b;
    line-height: 1.8;
    margin: 0;
}

@keyframes floatIcon {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Responsive */

@media (max-width:991px) {
    .why-card {
        padding: 30px 25px;
    }

    .why-card h4 {
        font-size: 21px;
    }

    .why-icon {
        width: 75px;
        height: 75px;
    }

    .why-icon i {
        font-size: 34px;
    }
}

@media (max-width:767px) {
    .why-card {
        text-align: center;
    }
}

/* -------------------------------------------------------------------- */
/*==================================
Testimonials
===================================*/

.testimonial-section {

    position: relative;

    overflow: hidden;

    background:

        url("../images/bg2.webp");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;
}






/* Left */

.testimonial-title {

    color: #fff;

    font-size: 62px;

    font-weight: 600;

    margin-top: 20px;

    margin-bottom: 30px;

}

.testimonial-line {

    width: 90px;

    height: 2px;

    background: #ff002a;

    margin-bottom: 30px;

}

.testimonial-text {

    color: #bdbdbd;

    line-height: 1.9;

    margin-bottom: 45px;

}


/* Navigation */

.testimonial-navigation {

    display: flex;

    gap: 20px;

}

.testimonial-navigation button {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, .18);

    background: transparent;

    color: #fff;

    transition: .35s;

}

.testimonial-navigation button:hover {

    background: #ff002a;

    border-color: #ff002a;

}


/* Card */

.testimonial-card {



    border: 1px solid rgba(255, 0, 0, .35);

    border-radius: 25px;

    padding: 55px;

    position: relative;



}

.quote-icon {

    position: absolute;

    right: 40px;

    top: 35px;

    color: #ff2948;

    font-size: 70px;

    opacity: .45;

}

.review-source span {

    display: block;

    color: #999;

    margin-bottom: 10px;

}

.review-source img {

    height: 40px;

    margin-bottom: 35px;

}

.testimonial-description {

    color: #201f1f;

    line-height: 2;

    font-size: 22px;

    font-style: italic;

    margin-bottom: 45px;

}

.testimonial-footer {

    display: flex;

    align-items: center;

    gap: 18px;

}

.user-icon {

    width: 65px;

    height: 65px;

    border-radius: 50%;

    background: #ff002a;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 24px;

}

.testimonial-footer h5 {

    color: #fff;

    margin-bottom: 8px;

}

.rating {

    color: #ff3131;

}

.swiper-pagination {

    margin-top: 30px;

    position: relative;

}

.swiper-pagination-bullet {

    background: #999;

}

.swiper-pagination-bullet-active {

    background: #ff002a;

}


/* Animation */

@keyframes rotateWheel {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}


/* Mobile */

@media(max-width:991px) {

    .testimonial-title {

        font-size: 42px;

    }

    .testimonial-card {

        padding: 35px;

        margin-top: 40px;

    }

    .testimonial-description {

        font-size: 18px;

    }

}

@media(max-width:768px) {


    .testimonial-section {


        background:

            url("../images/bg-mob.webp");


    }


}



/* -------------------------------------------------------------------------------------------------- */
.blog-title {

    font-size: 60px !important;
}

.cs-blog-title {
    font-size: 25px !important;
}

.blog-image{
    width:100%!important;
    height:250px !important;
    overflow:hidden!important;
    display:block!important;
}

.blog-image img{
    width:100%!important;
    height:250px !important;
    object-fit:cover!important;
    display:block!important;
}

.blog-container{

    max-width: 1250px !important;
}

.blog-box{

    background-color: #f5f8fb;

}
/* -------------------------------------------------------------------------------------------------------------- */

.contact-info-list {
    margin-top: 35px;
    max-width: 520px;
}

.contact-info-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.contact-info-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 50%;
    background: #fa2837;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.contact-info-content {
    display: flex;
    flex-direction: column;
}

.contact-info-content span {
    font-size: 14px;
    margin-bottom: 4px;
    color: #777;
}

.contact-info-content a,
.contact-info-content p {
    font-size: 18px;
    font-weight: 500;
    color: #1e1e1e;
    margin: 0;
    text-decoration: none;
    transition: 0.3s;
}

.contact-info-content a:hover {
    color: #fa2837;
}


/* Social Media */

.contact-social-wrap {
    margin-top: 35px;
}

.contact-social-wrap h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.contact-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-social a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1e1e1e;
    font-size: 17px;
    transition: all 0.3s ease;
}

.contact-social a:hover {
    background: #fa2837;
    border-color: #fa2837;
    color: #fff;
    transform: translateY(-3px);
}

 
/* Mobile */

@media (max-width: 767px) {
    .contact-info-item {
        gap: 12px;
    }

    .contact-info-icon {
        width: 45px;
        height: 45px;
        min-width: 45px;
    }

    .contact-info-content a,
    .contact-info-content p {
        font-size: 16px;
    }

    .contact-social-wrap {
        margin-bottom: 40px;
    }
}

/* --------------------------------------------------------------------------------------------------------- */
.footer-area {
    position: relative;
    overflow: hidden;
    padding: 90px 0 35px;

    background: url("../images/footer-bg.webp") center center/cover no-repeat;
}

/* Black overlay */
.footer-area::before {
    content: "";
    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.65);

    z-index: 1;
}

/* Keep footer content above overlay */
.footer-area > * {
    position: relative;
    z-index: 2;
}



.footer-overlay {

    position: absolute;
    inset: 0;



}

.footer-widget {

    position: relative;
    z-index: 2;

}

.footer-logo {

    max-width: 220px;

}

.footer-about {

    color: #bfbfbf;

    line-height: 1.9;

    margin-top: 15px;

}

.footer-title {

    color: #fff;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 30px;

    position: relative;

}

.footer-title::after {

    content: "";

    width: 70px;

    height: 2px;

    background: #ff002a;

    position: absolute;

    left: 0;

    bottom: -10px;

}

.footer-links {

    padding: 0;

    margin: 0;

    list-style: none;

}

.footer-links li {

    margin-bottom: 18px;

}

.footer-links a {

    color: #cfcfcf;

    transition: .3s;

    text-decoration: none;

}

.footer-links a:hover {

    color: #ff0033;

    padding-left: 8px;

}

.footer-contact {

    padding: 0;

    margin: 0;

    list-style: none;

}

.footer-contact li {

    display: flex;

    align-items: flex-start;

    gap: 18px;

    margin-bottom: 22px;

}

.footer-contact i {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid rgba(255, 0, 30, .45);

    display: flex;

    align-items: center;

    justify-content: center;

    color: #ff0033;

    font-size: 18px;

    flex-shrink: 0;

}

.footer-contact span {

    display: block;

    color: #888;

    font-size: 14px;

    margin-bottom: 4px;

}

.footer-contact a {

    color: #fff;

    text-decoration: none;

}

.footer-social {

    display: flex;

    gap: 15px;

    margin-top: 20px;

}

.footer-social a {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, .18);

    display: flex;

    justify-content: center;

    align-items: center;

    color: #fff;

    transition: .35s;

}

.footer-social a:hover {

    background: #ff002a;

    border-color: #ff002a;

    transform: translateY(-6px);

}

.footer-bottom {

    position: relative;

    z-index: 2;

    margin-top: 0px;

    padding-top: 25px;

    border-top: 1px solid rgba(255, 255, 255, .08);

    text-align: center;

    color: #cfcfcf;

    font-size: 15px;

}

.rotate-icon {

    rotate: 90deg;
}
.footer-logo-wrap {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo {
    display: block;
    max-width: 220px;
    height: auto;
}

.footer-logo-phone {
    display: block;
    margin-top: 0px;
    color: #ffd700;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.footer-logo-phone:hover {
    color: #fff;
}

/* Hover Effect */
.footer-contact li:hover i,
.footer-contact li:hover span,
.footer-contact li:hover a {
    color: #ff0000; /* Red */
}





/* ------------------------------------------------------------------------------------------------------ */
.logo-with-phone {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Logo */
.logo-link {
    display: block;
    line-height: 0;
}

.header-logo {
    display: block;
    max-width: 220px;
    height: auto;
}

/* Phone number under logo */
.logo-phone {
    display: block;
    margin-top: -15px;
    text-align: center;
    line-height: 1;
}

.logo-phone a {
    color: #e6002d;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: 0.3s ease;
}

.logo-phone a:hover {
    color: #9b001c;
}

/* Mobile */
@media (max-width: 767px) {

    .header-logo {
        max-width: 170px;
    }

    .logo-phone {
        margin-top: -14px;
        margin-left: 50px;
    }

    .logo-phone a {
        font-size: 12px;
    }
}
/* -----------------------------------------------------about us------------------------------------------------------- */

.page-banner {
    position: relative;
    padding: 130px 0;
    background: url("../images/banner/banner.webp") center center/cover no-repeat;
    overflow: hidden;
}

.page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.15);
}

.page-banner .container {
    position: relative;
    z-index: 2;
}

.page-banner-content {
    text-align: center;
}

.page-banner-title {
    color: var(--tp-common-black);
    font-size: 56px;
    margin-bottom: 15px;
}

/* Breadcrumb */
.page-breadcrumb {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 16px;
}

.page-breadcrumb a {
    color: #504646;
    text-decoration: none;
    transition: 0.3s;
}

.page-breadcrumb a:hover {
    color: var(--tp-common-black);
}

.page-breadcrumb .separator {
    color: rgba(255, 255, 255, 0.7);
    font-size: 13px;
}

.page-breadcrumb .active {
    color: var(--tp-common-black);
    font-weight: 600;
}

@media (max-width:767px) {

    .page-banner {

        background: url("../images/banner/banner-mob.webp") center center/cover no-repeat;
        height: 70vh !important;

    }

    .page-banner-title {

        font-size: 39px;

    }
}

/* ----------------------------------------------------- */
/*==================================================
ASTRO EXPERTISE SECTION
==================================================*/

.astro-expertise-section {
    position: relative;
    overflow: hidden;
    padding: 120px 0;
    background: url("../images/bg4.webp") center center/cover no-repeat;

}



.astro-expertise-section::before {

    content: "";
    position: absolute;
    width: 100%;
    height:100%;
    background: url("../images/1.webp") center center/contain no-repeat;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    opacity: .1;
    z-index: -1;

}

/*==============================
Heading
==============================*/

.section-subtitle {

    display: inline-flex;
    align-items: center;
    gap: 10px;

    color: #b7852d;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 15px;

}

.section-subtitle i {

    font-size: 18px;

}

.section-title {

    font-size: 65px;

    line-height: 1.15;

    font-weight: 500;

    color: #650017;

    margin-bottom: 25px;

}

.section-desc {

    max-width: 760px;

    margin: auto;

    color: #666;

    font-size: 19px;

    line-height: 1.8;

}


/*==============================
Cards
==============================*/

.expert-card {

    position: relative;
    border-radius: 24px;
    padding: 40px 30px;
    text-align: center;
    border: 1px solid #ecd9b7;
    overflow: hidden;
    transition: .4s;
    height: 100%;
 
}

.expert-card:hover {

    transform: translateY(-10px);

    border-color: #c89b4d;

    box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

}


/* Decorative Mandala */

.expert-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    background: url("../images/mandala.webp") center center/contain no-repeat;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: center center;
    animation: rotateMandala 15s linear infinite;
    
}

@keyframes rotateMandala {
    from {
        transform: translateX(-50%) rotate(0deg);
    }
    to {
        transform: translateX(-50%) rotate(360deg);
    }
}

/*==============================
Icon
==============================*/

.expert-icon {

    width: 60px;

    height: 60px;

    margin: 0 auto 30px;

    border-radius: 50%;

    background: linear-gradient(135deg, #85001f, #cf9638);

    display: flex;

    justify-content: center;

    align-items: center;

    border: 5px solid #fff6ea;

    box-shadow: 0 15px 35px rgba(180, 130, 40, .35);

    position: relative;

    z-index: 2;

    transition: .5s;

}

.expert-card:hover .expert-icon {

    transform: rotateY(180deg);

}

.expert-icon i {

    color: #fff;

    font-size: 25px;

}

/*==============================
Title
==============================*/

.expert-card h4 {

    font-size: 23px;

    font-weight: 700;

    color: #650017;

    margin-bottom: 15px;

    line-height: 1.35;

    position: relative;

    z-index: 2;

}

.divider {

    display: inline-block;

    width: 70px;

    height: 2px;

    background: #c89b4d;

    margin-bottom: 20px;

    position: relative;

    z-index: 2;

}

.expert-card p {

    color: #666;

    font-size: 17px;

    line-height: 1.9;

    position: relative;

    z-index: 2;

}

/*==============================
Responsive
==============================*/

@media(max-width:991px) {

    .section-title {

        font-size: 44px;

    }

    .section-desc {

        font-size: 17px;

    }

}

@media(max-width:767px) {

    .astro-expertise-section {

        padding: 80px 0;

    }

    .section-title {

        font-size: 39px;

    }

    .section-desc {

        font-size: 16px;

    }

    .expert-card {

        margin-bottom: -16px;

    }

}

/* ------------------------------------------------------------------------------------------------------------------ */




.service-section {
    position: relative;
    overflow: hidden;
}

.service-section::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 520px;
    height: 520px;
    background: url('../images/1.png') no-repeat center;
    background-size: contain;
    opacity: 0.2;
    z-index: 0;
    animation: rotateChakra 30s linear infinite;
    pointer-events: none;
}

.service-section .container {
    position: relative;
    z-index: 2;
}

@keyframes rotateChakra {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
 
/* ------------------------------------------------------------------------------------------------- */


/* Parent */
.faq-wrapper{
    margin-top:40px;
}

/* Accordion Card */
.faq-wrapper .accordion-item{
    border:0;
    border-radius:15px;
    overflow:hidden;
    margin-bottom:20px;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    background:#fff;
}

/* Question */
.faq-wrapper .accordion-button{
    background:#fff;
    color:#222;
    font-size:15px;
    font-weight:700;
    padding:22px 25px;
    border:none;
    box-shadow:none;
}

/* Open Question */
.faq-wrapper .accordion-button:not(.collapsed){
    background:#ff002a;
    color:#ffffff;
}

/* Remove Blue Border */
.faq-wrapper .accordion-button:focus{
    box-shadow:none;
    border:none;
}

/* Answer */
.faq-wrapper .accordion-body{
    background:#fff;
    padding:25px;
    font-size:14px;
    line-height:1.9;
    color:#555;
}

/* Change Arrow Color */
.faq-wrapper .accordion-button::after{
    filter: brightness(0);
}

.faq-wrapper .accordion-button:not(.collapsed)::after{
    filter: brightness(0) invert(1);
}


 

/* Hover */
.sidebar-widget-category ul li a:hover{
    background: #ff002a;
    color: #fff !important;
}

/* Active */
.sidebar-widget-category ul li a.active{
    background: #ff002a !important;
    color: #fff !important;
    
}
/* -------------------------------------------------------------------------------------------------------------------- */

/* ==========================
   CKEditor Unordered List
========================== */

#serviceContent ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0;
}

#serviceContent ul li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 14px;
    line-height: 1.7;
}

#serviceContent ul li::before {
    content: "→";
    position: absolute;
    left: 0;
    top: 2px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #ff002a;
    color: #fff;

    font-size: 15px;
    font-weight: 600;
}


/* ==========================
   CKEditor Ordered List
========================== */

#serviceContent ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 20px 0;

    counter-reset: blog-counter;
}

#serviceContent ol li {
    position: relative;
    padding-left: 42px;
    margin-bottom: 14px;
    line-height: 1.7;

    counter-increment: blog-counter;
}

#serviceContent ol li::before {
    content: counter(blog-counter);

    position: absolute;
    left: 0;
    top: 2px;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    background: #ff002a;
    color: #fff;

    font-size: 13px;
    font-weight: 600;
}

/* ----------------------------------------------------------------------------------------------------------------- */

/* Divider between columns */

@media(min-width:992px) {

    .footer-widget {

        border-right: 1px solid rgba(255, 255, 255, .08);

        padding-right: 30px;

        min-height: 360px;

    }

    .footer-widget:last-child {

        border-right: none;

    }

}

/* Mobile */

@media(max-width:991px) {

    .footer-title {

        margin-top: 15px;

        font-size: 26px;

    }

    .footer-widget {

        border: none;

        padding-right: 0;

        min-height: auto;

    }

    .footer-logo {

        max-width: 180px;

    }

}


@media (max-width:767px) {

    .footer-area {
        padding: 45px 0 35px;

    }

    .footer-widget {

        margin-top: -17px;
    }

}

/* Hide magic cursor on mobile and tablet */
@media (max-width: 991px) {

    body.tp-magic-cursor #magic-cursor,
    #magic-cursor,
    #ball {
        display: none !important;
    }

    body.tp-magic-cursor {
        cursor: auto !important;
    }
}

/* ----------------------------------------------------------------------------------------------------------- */
@media (max-width:767px) {

    body.tp-magic-cursor #magic-cursor,
    #magic-cursor,
    #ball {
        display: none !important;
    }

    body.tp-magic-cursor {
        cursor: auto !important;
    }



    .header-logo {

        max-width: 137%;
    }

    .about-bg-rotate {

        padding-bottom: 0px !important;
    }

    .about-call {
        display: flex;
        align-items: center;
        gap: 18px;
        padding-left: 0px;
    }

    .tp-about-area {

        margin-top: -50px;
    }

    .tp-portfolio-area {

        margin-top: -50px;
    }


    .footer-area {

   

        background: url("../images/footer-bg-mob.webp") center center/cover no-repeat;
    
    }

    .service-detail-img{

        margin-top: -61px !important;
    }

    .blog-area{

        margin-top: -50px !important;
    }
}