*{margin: 0;
padding: 0; box-sizing: border-box;}
img {max-width: 100%;}
a{text-decoration: none;}
 body {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Arial, sans-serif;
           
            color: #fff;
        }

 
        .top-herosection {
 background: #75b98f;
        }

        .title-section {
            text-align: center;
            margin-bottom: 36px;
        }

        .main-title, .register-title {
            font-size: 4.5rem;
            font-weight: 700;
            letter-spacing: 1px;
            margin: 0 0 20px;
                line-height: 6rem;
        }

        .sub-title {
            font-size: 2.6rem;
            color: #e6ffe5;
            margin: 0 0 20px;
        }

        .silver {
            color: #f5f5f5;
            text-shadow: 0 2px 2px #7f8b77;
            display: block;
        }

        .theme {
    
            color: #fff;
            display: block;
                margin-top: 0px !important;
        }

        /* .content-section {
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 36px;
            margin-top: 30px;
        } */

        .book-card {
            /* background: #282d31;
            border-radius: 14px;
            box-shadow: 0 6px 30px rgba(0, 0, 0, 0.09);
            padding: 22px 24px;
            width: 270px; */
            text-align: center;
            position: relative;
        }

      .Ayurved-Vyas-text {
    font-size: 3.8rem;
    font-weight: 400;
    margin: 25px 0 8px;
}
        .book-title {
            color: #ffe468;
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 24px;
        }

        .book-meta {
            font-size: 1rem;
            color: #e6ffe5;
            margin-bottom: 0;
        }

        .register-section {
               margin-top: 25px;
    text-align: center;
        }

        .register-title {
            
        }

        .copies-info {
            font-size: 3.8rem;
            color: #d4ffd2;
            margin-bottom: 7px;
        }

        .trusted {
            font-size: 2.2rem;
            color: #c5e6b0;
            margin-bottom: 24px;
            margin-top: 5px;
        }

        .book-btn {
            background: #437f59;
            color: #fff;
            font-size: 1.6rem;
            font-weight: 600;
            border: none;
            border-radius: 8px;
            padding: 11px 40px;
            cursor: pointer;
            transition: background 0.2s;
            box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
        }

        .book-btn:hover {
            background: #295940;
        }

        .responsive-slider img {
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
            max-width: 250px;
        }

        .responsive-slider {
            margin: 0 auto;
            max-width: 800px;
        }


        @media (max-width: 720px) {
            .container {
                padding: 20px 7px;
            }

            /* .content-section {
                flex-direction: column;
                align-items: center;
                gap: 24px;
            } */

            .book-card {
                width: 95%;
            }
        }


        .legacy-section {
            display: flex;
            gap: 20px;
            align-items: flex-start;
            padding: 36px 20px;
        }

        .legacy-left {
            flex: 1 1 280px;
            max-width: 320px;
            padding-top: 20px;
        }

        .legacy-title {
            color: #267143;
            font-size: 3.2rem;
            font-weight: 500;
            margin-bottom: 18px;
        }



        .Essential {position: relative;}
.essential-main {position: relative;}
        .legacy-right {
            flex: 2 1 520px;
            display: flex;
            align-items: flex-start;
        }

        .book-slider {
            width: 100%;
        }

        .book-slide {
            padding: 0 12px;
            text-align: center;
        }

        .book-slide img {
            width: 180px;
            height: 250px;
            object-fit: cover;
            border-radius: 4px;
            border: 1px solid #ddd;
            margin-bottom: 12px;
            box-shadow: 0 4px 18px rgba(40, 80, 67, 0.06);
        }

        .book-caption {
            color: #267143;
            font-size: 1.15rem;
            font-weight: 500;
            margin-top: 8px;
        }

        /* .essential-section {
            max-width: 900px;
            margin: 0 auto;
            padding: 32px 16px 54px 16px;
            text-align: center;
        } */

        .essential-title {
            color: #267143;
            font-size: 1.5rem;
            font-weight: 400;
            margin-bottom: 6px;
            letter-spacing: 0.2px;
            font-family: 'Georgia', serif;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 5px;
        }

        .essential-title::before,
        .essential-title::after {
            content: "❦";
            color: #267143;
            font-size: 1.1rem;
            margin: 0 4px;
        }

        .essential-subtitle {
            color: #555;
            font-size: 1.08rem;
            margin-bottom: 36px;
            letter-spacing: 0.01em;
        }

        .circle-layout {
            /* margin: 0 auto 40px auto;
            max-width: 600px;
            width: 100%;
            height: 0;
            padding-bottom: 100%; */
            /* 1:1 Ratio */
                display: grid;
    grid-template-columns: 1fr 2fr 1fr;
        }

        .sec-first {    justify-content: end;
    display: grid
;}

.sec-second {
    display: grid;
}
        .circle-bg {
               width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(circle at 60% 40%, #ecf3e7 70%, #eaeaea 100%);
    background: url(./images/round-pointer-image.jpg);
    border: 1px solid #d1e7ce;
    box-shadow: 0 0 40px 6px rgba(38, 113, 67, 0.06);
    z-index: 1;
        }

        .circle-point:after {
            position: absolute; 
            content: "";
            width: 18px;
            height: 18px;
            background: #fff;
            border: 3px solid #74b845;
            border-radius: 50%;
            z-index: 3;
        }


        .circle-point{position:relative}
        .circle-point .circle-feature {
    padding: 50px 0;
    display: block;
}

.pt1:after {
    position: absolute;
    right: -44px;
    top: 68px;
}

.pt3:after {
    position: absolute;
    left: -44px;
    top: 68px;
}
        /* .circle-point.pt1 {
            left: 50%;
            top: 0;
            transform: translate(-50%, -50%);
        }

        .circle-point.pt2 {
            right: 0;
            top: 50%;
            transform: translate(50%, -50%);
        }

        .circle-point.pt3 {
            left: 50%;
            bottom: 0;
            transform: translate(-50%, 50%);
        }

        .circle-point.pt4 {
            left: 0;
            top: 50%;
            transform: translate(-50%, -50%);
        } */

        .center-book {
            
            text-align: center;
            background: none;
        }

        .center-book img {
            width: 195px;
            height: 270px;
            object-fit: cover;
            border-radius: 10px;
            box-shadow: 0 8px 30px rgba(38, 113, 67, 0.09);
            background: #dedede;
            display: block;
            margin: 0 auto;
        }

.guidence-freshrs{    background-color: #488355;
    margin: 40px 0;
    padding: 40px 0;}       
.guidence-freshrs .guidence-tab { text-align: center;}
.guidence-freshrs .guidence-tab h2 a {
    font-size:2rem; color: #fff;
    text-decoration: none; font-weight: 400;
}
        /* .circle-feature {
            width: 210px;
            text-align: left;
            font-size: 1.04rem;
            position: absolute;
            z-index: 3;
        } */

        .circle-feature{    padding: 50px 0;
    display: block;}

        .circle-feature h4 {
            margin: 0 0 5px 0;
            color: #222;
          
            font-weight: 600;
        }

        .circle-feature p {
            margin: 0;
            color: #444;
            
            line-height: 1.45;
            font-weight: 400;
        }


        .slide-overlay {
            background-color: rgb(0 0 0 / 27%);
        }
        .swiper {
            width: 100%;
            padding-top: 20px;
            padding-bottom: 20px;
        }
        .swiper-slide {
            transition: all 0.3s ease;
            opacity: 0.7;
            transform: scale(0.85);
            width: 250px;
        }
        .swiper-slide-active {
            opacity: 1;
            /* transform: scale(1.6); */
        }
        .swiper-slide-active .slide-content {
            height: 520px;
        }
        .swiper-slide .slide-content {
            height: 400px;
        }
        .swiper-button-next, .swiper-button-prev {
            display: none;
        }
        .swiper-pagination {
            margin-top: 2rem;
            position: relative;

        }
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.9) !important;
            z-index: 2000 !important; 
        }

        .modal-content {background: transparent !important;}

        .modal.active {
            display: flex;
            padding: 25px;
        }
        .swiper-button-next, .swiper-button-prev {
            color: #ffffff !important;
        }
        .swiper-pagination-bullet-active {
            background: #2F5C3D !important;
        }


      
        @media (max-width: 950px) {
            .essential-section {
                padding: 24px 2vw 38px 2vw;
            }

            .center-book,
            .center-book img {
                width: 140px;
                height: 195px;
            }

            .circle-layout {
                max-width: 410px;
            }

            .circle-feature {
                width: 165px;
                font-size: 0.97rem;
            }

            .feature-1,
            .feature-3 {
                transform: translate(-110%, -80%);
            }

            .feature-2,
            .feature-4 {
                width: 160px;
            }
        }

        @media (max-width: 650px) {
            .circle-layout {
                max-width: 260px;
            }

            .center-book,
            .center-book img {
                width: 92px;
                height: 126px;
            }

            .circle-feature {
                width: 110px;
                font-size: 0.92rem;
            }

            .feature-1,
            .feature-3 {
                transform: translate(-93%, -100%);
            }

            .feature-2,
            .feature-4 {
                width: 93px;
            }
        }

        @media (max-width: 500px) {

            .feature-1,
            .feature-3,
            .feature-2,
            .feature-4 {
                display: none;
            }

            .circle-layout {
                max-width: 180px;
            }
        }

       

        /* Responsive for mobile: show only 1 image in slider, stack layout */
        @media (max-width: 800px) {
            .legacy-section {
                flex-direction: column;
                gap: 26px;
                padding: 24px 6px;
            }

            .legacy-left {
                max-width: none;
                padding-top: 0;
            }

            .legacy-right {
                width: 100%;
                justify-content: center;
            }
        }

        @media (max-width: 600px) {
            .book-slide img {
                width: 90vw;
                max-width: 260px;
                height: auto;
            }
        }


.quoteSwiper .swiper-slide {
 padding: 25px 0;
 margin-bottom: 50px;
}

        .quoteSwiper .swiper-slide-active {    background: url(../images/slider-arrow.png);
   
    background-size: contain;
    background-position: center center;
    
    background-repeat: no-repeat;
    
}

 
.testimonials-slider {

   margin: 25px 0 50px ;
}

.testimonials {
    background: url(../images/testimonials-bg.png) no-repeat 50% 10%;
background-size: 15%;
}
.heading-clr{color: #296C37; font-family: "Apollo MT W04 Regular";}

.bg-logo {background: url(../images/logo-bg.png) no-repeat 50% 50%;
background-size: 20%;
}

.unlockexclusive {background: rgb(41 143 62 / 80%)}

.harbs-bgcolor{background: rgb(41 143 62 / 100%)}

.unlocke-exbg{background: url(../images/Mask-group.png) no-repeat 0 0 ;}


.books-sl .swiper-slide{
justify-items: center;
}


.bg-femalfertility {background: url(../images/bg-female-fertility.png) no-repeat 0 0 ;  margin: 25px 0;}
.female-infertility {
    background: hsl(131.43deg 40.11% 49.46% / 69%);
    padding: 50px 0 60px;
    font-family: 'Gilroy', sans-serif !important;
   
}

.fetrility-heading h2{
    font-size: 2rem;
    margin-bottom: 20px;
    color: #FCF6E7;
    font-weight: 600;
}

.fetrility-heading p{
    font-size: 1.4rem;
    color: #FCF6E7;
}
.everything-btn{
    padding: 20px;
    text-align: center;
    display: block;
    border: 1px solid #fff;
    color: #FCF6E7;
    border-radius: 8px;
    font-size: 28px;
    text-decoration: none;
    margin-top: 30px;
}
a.everything-btn:hover{text-decoration: none; color: #fff;}
        .legacy-desc {
            font-size: 1.4rem;            
            
            font-family: 'Gilroy', sans-serif !important;
        }