Extension-Community.css

/* Extension and Community */

/* Start of Main Title CSS */
.extension-container{
    display: flex;
    flex-direction: column;
    padding: 1.3em 0;
    justify-content: center;
    align-items: center;
}
.extension-subtitle{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--fs-extra-large);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;  
    margin-top: 0.5em;
}
.extension-desc{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.2em;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0 10%;
    margin-top: 1em;
    margin-bottom: 3em;
    text-align: center;
}

.extension-img-1 img{
    width: 1000px;
    height: auto;
}
/* End of Main Title CSS */

/* Start of Narratives CSS */
.extension-container-narratives{
    display: flex;
    flex-direction: column;
    padding: 1.3em 0;
    justify-content: center;
    align-items: center;
    text-align: center;
 }
 /* End of Narratives CSS */

 /* Start of CSSD CSS */
 .extension-cssd-main{
    display: flex;
    flex-direction: column;
    align-items: center;
 }

 .extension-cssd-desc{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.2em;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 0 10%;
    margin-top: 1em;
    margin-bottom: 2em;
    text-align: center;
 }

.extension-list-cssd{
    text-align: justify;
    font-size: 1.2em;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding: 0em 12%;
    line-height: 2em;

}
.extension-alphabets{
    list-style-type: lower-alpha;

}
.extension-romans{
    list-style-type: lower-roman;
    list-style-position: inside;
    
}
ol > li::marker {
    font-weight: 600;

}

.extension-list-title{
    font-weight: 700;
}
 /* End of CSSD CSS */

 /* Start of PsyKalinga CSS */
 .extension-container-psykalinga{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 90vh;
 }
 /* End of PsyKalinga CSS */

/* Start of Brochure CSS */
.brochure-img{
    display: flex;
    justify-content: center;
    gap: 1em;
    align-items: center;
    }
.brochure-img img{
    max-width: 45%;
    
 }
.brochure-desc{
    text-align: center;
    font-size: 1.2em;
    margin: 1em 5%;
    font-weight: 500;
}
/* End of Brochure CSS */

/* Start of Carousel CSS */
.extension-community-main{
    min-height: 100dvh;
    margin: 0;
    padding-top: 2em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}
.extension-community-container{
    display: flex;
    flex-direction: column;
    padding: 1.3em 0;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.extension-community-title{
    font-size: var(--fs-extra-large);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}
.swiper-container{
    width: 100dvw;
    padding-top: 1em ;
    padding-bottom:4em;
}
.swiper-slide{
    background-position: center;
    background-size: cover;
    width: 430px;
    height: 430px;
    /* -webkit-box-reflect: below 1px linear-gradient(transparent,transparent,#0006); */
}

.slide-div{
    text-align: justify;
    margin: 0 10%;
    min-height: 50vh;
}
.slide-div h5{
    text-align: center;
    font-size: 2.5em;
}
.slide-content-extension{
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 5em;
}
/* End of Carousel CSS */