@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Base rule */


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
    
}


html {
    font-size: 75.5%;
    /* 1rem = 10px */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}

input,
p,
li,
a {
    font-family: "Poppins", sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0.1rem;

}

a {
    text-decoration: none;
}

li {
    list-style: none;
    /* padding: 0rem 3rem; */
}


/* theme */
:root {
    --navandfooter-color: #003D01;
    --headingback-color: #a5DA31;
    --link-color: #1C4A9E;
    --instituename-color: #F0F4EA;
    --white-color: #fff;
    --border-: 0.1rem solid black;
}

/*Layout*/

.section-about-ayurveda-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: -1rem 0rem; */
    height: 30rem;
    background-image: url(../images/main_page_image/B1.png);
    background-repeat: no-repeat;
    background-size: cover;

}

.about-ayurveda-slider {
    margin-top: 8rem;
    width: 80%;
    height: 28rem;
    /* background-color: var(--white-color); */
    /* border: var(--border-); */
    box-shadow: 1rem 1rem 0.5rem #aaaaaa;
    border-radius: 1rem;
}

.section-about-ayurveda-slider .about-ayurveda-slider .carousel-inner .carousel-item>img {
    height: 28rem;
    border-radius: 1rem;
}

.ayurveda-main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../images/main_page_image/B1.png);
    /* height: 50rem; */
    /* border: var(--border-); */
    background-repeat: no-repeat;
    background-size: cover;

}

.ayurveda-main-content .containt-container {
    margin-top: 3.5rem;
    width: 81%;
    height: 100%;
    background-color: var(--white-color);
    border-radius: 2rem;
    box-shadow: 1rem 1rem 0.5rem #aaaaaa;
    /* border: var(--border-); */
    margin-bottom: 3rem;
}

.b-heading {
    padding: 2rem 3rem 1rem 3rem;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
}

.b-para {
    padding: 0rem 3rem;
    text-align: justify;
    font-weight: 400;
    font-size: 1.4rem;
    font-family: "Poppins", sans-serif;
}

.basic-principles-container {
    display: grid;
    place-items: center;
}

.grid-two-cols {
    grid-template-columns: 0.5fr 1fr;

}

.basic-principles-container figure>img {
    width: 70%;
    height: auto;
    margin: 0rem 0rem 0rem 7rem;
}
.containt-container li:before {
    content: "\27A4";
    color: var(--headingback-color);
    font-family: "Poppins", sans-serif;
    font-size: 2rem;
    padding: 0rem 1rem 0rem 3rem;
}

.section-about-panchakarma-slider{
   /* margin: -1rem 0rem; */
    height: 30rem;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -3.5rem;
}
.about-panchakarma-slider{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
    /* width: 90%; */
     /* box-shadow: 1rem 1rem 0.5rem #aaaaaa; */
    border-radius: 1rem;
}
.section-about-panchakarma-slider .about-panchakarma-slider >img {
    height: auto;
    width: 90%;
    justify-content: center;
    align-items: center;
    
}
.panchakarma-main-content {
    display: flex;
    justify-content: center;
    align-items: center;
   
    background-repeat: no-repeat;
    background-size: cover;

}

.panchakarma-main-content .containt-container {
    margin-top: -0.5rem;
    width: 81%;
    height: 100%;
    background-color: var(--white-color);
    border-radius: 2rem;
    box-shadow: 1rem 1rem 0.5rem #aaaaaa;
    margin-bottom: 3rem;
}
.global-scenario{
    text-align: justify;
    padding: 1rem 2rem;
    font-family: "Poppins", sans-serif;
}


@media (max-width: 575.98px){
    .section-about-panchakarma-slider {
        height: 15rem;
    }
    .grid-two-cols {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 479.98px){
    .about-ayurveda-slider {
        height: 20rem;
        margin-top: 1rem;
      
    }
    .section-about-ayurveda-slider .about-ayurveda-slider .carousel-inner .carousel-item>img {
        height: 20rem;
        border-radius: 1rem;
    }
    .ayurveda-main-content {
       margin-top: -7rem;
    }
    .grid-two-cols {
        grid-template-columns: 1fr;
    }
    .section-about-panchakarma-slider {
        height: 11rem;
    }
}