.page-heading {
    padding: 18.2rem 14.4rem 9.6rem;
    font-size: 7.2rem;
    color: #3c5026;
    margin: 0 auto;
}

.bold-text {
    font-weight: bold;
}

.italic-text {
    font-style: italic;
}


.page-intro {
    padding: 0 4.8rem 4.8rem;
}

.page-intro-box {
    margin: 0 auto;
    max-width: 80rem;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 3.6rem;
}

.page-intro-container {
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
}

.page-link {
    color: #3c5026;
}

.section-heading {
    font-size: 3.6rem;
    color: #333;
    text-align: center;
}

.section-text {
    font-size: 2.2rem;
    color: #666;
}


.section-link {
    padding: 0.6rem 1.2rem;
    border-radius: 13px;
    background-color: #7d906d;
    color: #fff;
    text-decoration: none;
    font-size: 2.4rem;
    margin-left: auto;
}

/* -------TABBED SECTION------ */

.tabbed {
    padding: 4.8rem 4.8rem;
}

.tabbed-box {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3.6rem;
}

.tabbed-container {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    /* border: 2px solid #B6A39E; */
    box-shadow: 10px 10px 5px #b6a39e6e;
}


.tabbed-title-box {
    height: 100%;
    width:100%;
    display: grid;
    /* border-bottom: 2px solid #B6A39E; */
    border-right: 2px solid #fff;
    border-radius: 2%;
    color: #fff;
    cursor: pointer;
    background-color: #76a046;
}

.last-tab {
    border-right: none;
}

.active-tab {
    border-top: 1rem solid #76a046;
    /* border-right: none; */
    color: #76a046;
    background-color: #fff;
}

.tabbed-text.active-tab-text {
    display: block;
}

.tabbed-title {
    font-size: 3.2rem;
    align-self: center;
    justify-self: center;
    text-align: center;
    padding: 1.6rem;    
    user-select: none;
}

.tabbed-text-box {
    grid-column: 1/6;
    /* background-color: #76a0463b; */
}

.tabbed-text {
    font-size: 2.2rem;
    line-height: 1.4;
    /* transform: skew(10deg); */
    padding: 4.8rem;
    display: none;
    color: #555;
}

.tabbed-text span {
    color:#78a04c;
}

/* -------BULLET SECTION------ */

.bullet-points {
    padding: 9.6rem 4.8rem;
}

.bullet-points-box {
    margin: 0 auto;
    max-width: 120rem;
}

.bullet-points-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3.6rem;

}

.bullet-points-row-one {
    grid-column: 1/4;
}

.bullet-points-list {
    justify-self: center;
    list-style: none;
}

.bullet-point::before {
    content: "\2022";
    color: #7d906d;
    font-weight: bold;
    display: inline-block; 
    width: 1em;
    margin-left: -1em;
}

.bullet-point {
    font-size: 2.2rem;
    color: #777;
    padding: 0.6rem 0;
}

/* -------EXPECTATIONS SECTION------ */

.expectations {
    padding: 9.6rem 4.8rem;
}

.expectations-box {
    margin: 0 auto;
    max-width: 120rem;
}

.expectations-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9.6rem;

}

.expectations-row-one {
    grid-column: 1/3;
}

.expectations-info-box {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.expectations-heading {
    font-size: 3.2rem;
    color: #3c5026;
    position: relative;
}

/* .expec-one::before {
    content: "01";
    position: absolute;
    font-size: 6.2rem;
    color: #ddd;
    top: -135%;
    left: -13%;
    z-index: -1;
}

.expec-two::before {
    content: "02";
    position: absolute;
    font-size: 6.2rem;
    color: #ddd;
    top: -135%;
    left: -13%;
    z-index: -1;
}

.expec-three::before {
    content: "03";
    position: absolute;
    font-size: 6.2rem;
    color: #ddd;
    top: -135%;
    left: -13%;
    z-index: -1;
}

.expec-four::before {
    content: "04";
    position: absolute;
    font-size: 6.2rem;
    color: #ddd;
    top: -135%;
    left: -13%;
    z-index: -1;
} */

.expectations-text {
    font-size: 2.2rem;
    color: #777;
}


/* -------fertility-card SECTION------ */


.fertility-card-container {
    align-self: center;
    justify-self: flex-end;
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    box-shadow: -0.3rem 0.3rem 0.9rem rgba(119, 119, 119, 0.185);
}

/* -------TRIMESTER-card SECTION------ */

.trimester-cards {
    padding: 4.8rem 4.8rem 9.6rem;
}

.trimester-cards-box {
    margin: 0 auto;
    max-width: 120rem;
}

.trimester-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.6rem;
}

.trimester-item {
    box-shadow: 0.3rem 0.3rem 0.9rem rgba(119, 119, 119, 0.212);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    padding: 2.4rem;
}

.trimester-header {
    font-size: 3.6rem;
    color: #3c5026;
}

.trimester-text {
    font-size: 2.2rem;
    color: #777;
}

/* INDIAN HEAD MASSAGE PAGE */

.indian-page-headings {
    display: flex;
    flex-direction: column;
    padding: 18.2rem 14.4rem 9.6rem;
    margin: 0 auto;
}

.indian-page-heading {
    font-size: 7.2rem;
    color: #3c5026;
}

.indian-page-caption {
    font-size: 3.6rem;
    color: #fff;
    font-style: italic;
}

.indian-list-header {
    font-size: 2.8rem;
    color: #555;
}

/* -------CTA SECTION------ */

.cta {
    padding: 19.2rem 4.8rem 9.6rem;
}

.cta-box {
    max-width: 80rem;
    margin: 0 auto;
}

.cta-container {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 2.4rem;
}

.cta-text {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    justify-items: center;
    align-items: center;
    color: #555;
}

.cta-title {
    font-size: 4.4rem;
    color: #333;
    text-align: center;
}

.cta-text-box {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    font-size: 2.2rem;
    text-align: center;
    padding: 2.4rem;
}

.cta-socials {
    align-self: center;
    justify-self: center;
    display: flex;
    gap: 6.2rem;
    padding: 3rem;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.input-box {
    border: none;
    /* border-bottom: 3px solid #d75f0b; */
    resize: none;
    padding: 1.2rem;
}

.mobile-input::-webkit-inner-spin-button, .mobile-input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.mobile-input {
    -moz-appearance:textfield !important;
}

.message-input {
    height: 24rem;
}

.submit-btn {
    cursor: pointer;
    width: 25%;
    align-self: center;
    padding: 0.8rem;
    border-radius: 13px;
    border: none;
    background-color: #3c5026;
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
    transition: all 0.3s;
}

.submit-btn:hover {
    background-color: #fff;
    color: #3c5026;
}

/* -------TESTIMONIAL SECTION------ */

.testimonials {
    margin-bottom: 9.6rem;
    padding: 0;
}

.slideshow-centre {
    margin: auto;
    max-width: 80rem;
    padding: 1.2rem;
}




/* //////////PAGE PARALLAX SECTION//////// */

.spacer {
    height: 10.5rem;
}

.reflex-parallax1 {
    background-image: url("/imgs/reflexpara1.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position:center;
    height: 60rem;
    margin-bottom: 5rem;
}  

.reflex-parallax2 {
    background-image: url("/imgs/reflexpara2.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 60rem;
}  

.reflex-parallax3 {
    background-image: url("/imgs/reflexpara3.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 60rem;
    margin-bottom: 5rem;
}  

.reflex-parallax4 {
    background-image: url("/imgs/reflexpara4.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}  

.reflex-parallax5 {
    background-image: url("/imgs/reflexpara5.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}  

.reflex-parallax6 {
    background-image: url("/imgs/reflexpara6.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}  

.arm-parallax {
    background-image: url("/imgs/arm-massage-banner.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}

.massage-parallax1 {
    background-image: url("/imgs/massagepara1.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}  

.massage-parallax2 {
    background-image: url("/imgs/massagepara2.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: center; */
    height: 60rem;
    margin-bottom: 5rem;
}  


.massage-parallax3 {
    background-image: url("/imgs/massagepara3.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: left;
    height: 60rem;
    margin-bottom: 5rem;
}

.massage-parallax4 {
    background-image: url("/imgs/massagepara4.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: left;
    height: 60rem;
    margin-bottom: 5rem;
}

.massage-parallax5 {
    background-image: url("/imgs/massagepara5.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: left; */
    height: 60rem;
    margin-bottom: 5rem;
}

.aroma-parallax1 {
    background-image: url("/imgs/aromapara1.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /* background-position: left; */
    height: 60rem;
    margin-bottom: 5rem;
}

.blog-page-heading {
    font-size: 6rem;
}


/* //////////PAGE-Z SECTION//////// */

.page-z {
    padding: 4.8rem 2.4rem;
}

.page-z-box {
    max-width: 140rem;
    margin: 0 auto;
}

.page-z-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    align-items: center;
    gap: 4.8rem;
}

.page-z-img {
    width: 80%;
}

.page-z-text-box {
    display: flex;
    flex-direction: column;
    gap: 4.8rem;
    align-items: center;
    justify-content: center;
}

.page-z-header {
    color: #333;
    font-size: 3.6rem;
    text-align: center;
}

.page-z-text {
    color: #666;
    font-size: 2.4rem;
    text-align: center;
}