@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');


@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css');

:root {

    --dark : #000;
    --white : #FFF;
    --secondary : #ececece1;
}

h1,h2,h3,h4,h5,p {
    font-family:Popins, Arial, Helvetica, sans-serif;
}

h2 {
    font-weight: 700 !important;
    font-size: 2.2em !important;
}

/* Navbar Starts */

.navbar ul .nav-link { 
    color: var(--dark);
}

/* Navbar Ends */

/* Carousel Starts */
.carousel-inner .carousel-item {
    position: relative;
}

.carousel-inner .carousel-caption {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.carousel-caption .content {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
}

  /* Media query for smaller screens */
  @media (max-width: 600px) {
    .carousel-inner img {
        height: 300px;
    }
    .carousel-caption h2 {
        font-size: 22px;
    }
    .carousel-caption p {
        font-size: 13px;
    }
  }
/* Carousel Ends */

/* Events Page CSS Starts */

.events-banner {
    position: relative;
    height: 480px;
    background: url("../images/banners/events.png") no-repeat center center/cover;
}

.events-banner
.inner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 480px;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.events-banner
.inner-content
.heading {
    height: 270px;
    margin-top: 10rem;
}

.events-list {
    min-height: 100vh;
}

.events-list
.event-card {
    min-height: 362px;
    margin-bottom: 2.55rem;
    border-radius: 8px;
}

.events-list
.event-card
.event-img img {
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    object-fit: contain;
}

.events-list
.event-card h6 {
    font-size: 16px;
}

.events-list
.event-card p {
    font-size: 14px;
}

/* Events Page Ends */


/* Community Page Starts */
.community-banner {
    position: relative;
    height: 480px;
    background: url("../images/banners/community.jpg") no-repeat center center/cover;
}

.community-banner
.inner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 480px;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.community-banner
.inner-content
.heading {
    height: 270px;
    margin-top: 10rem;
}

.resources .resource {
    position: relative;
    width: 100%;
    height: 200px;
    margin-bottom: 2rem;
    border-radius: 10px;
    /* border: 2px solid red; */
}

.resources .resource .content {
    position: absolute;
    width: 100%;
    height: 80px;
    bottom: 0;
    left: 0;
    transition: .55s;
    background: rgba(255, 255, 255, 0.7);
}

.resources .resource .content:hover{
    transform: all;
    cursor: pointer;
    height: 200px !important;
}


.resources .resource img {
    border-radius: 10px;
}


/* Community Page Ends */

/* Legal Page Starts */
.legal-banner {
    position: relative;
    height: 480px;
    background: url("../images/nature/nature4.avif") no-repeat center center/cover;
}

.legal-banner
.inner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 480px;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.legal-banner
.inner-content
.heading {
    height: 270px;
    margin-top: 10rem;
}
/* Legal Page Ends */


/* Membership Page Starts */
.membership-banner {
    position: relative;
    height: 480px;
    background: url("../images/banners/membership.png") no-repeat center center/cover;
}

.membership-banner
.inner-content {
    position: absolute;
    top: 0;
    left: 0;
    height: 480px;
    width: 100%;
    background: rgba(0, 0, 0, 0);
}

.membership-banner
.inner-content
.heading {
    height: 270px;
    margin-top: 10rem;
}
/* Legal Page Ends */


footer {
    color: var(--white);
    margin-top: 5rem;
    border-radius: 26px;
}

footer h2 {
    font-weight: bold;
}
footer h4 {
    font-size: 19px;
}
footer p{
    letter-spacing: .55px;
    font-size: 13px !important;
}
footer .social-link {
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 5px;
    border-radius: 100%;
    color: var(--white);
    transition: .88s;
    border: 1px solid rgb(224, 224, 224) !important;
}

footer .social-link:hover {
    transform: all;
    background-color: var(--white);
    color: var(--dark);
}

footer .nav li a {
    color: var(--white) !important;
    font-size: 15px;
    letter-spacing: .44px;
}
footer .nav li a:hover {
    color: #000 !important;
}


/* Margins */
.my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.mt-7 {
    margin-top: 7rem;
}

.mt-9 {
    margin-top: 10rem;
}

/* Paddings */
.py-6 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}


/* Border Radius */
.mini-roudned {
    border-radius: 10px !important;
}

/* Border */

.smosa-border {
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.smosa-border-2 {
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px
}

.border-bottom-2 {
    display: inline-block;
    border-bottom: 2px solid var(--dark);
}

.border-r-10 {
    border-radius: 10px;
}
.border-r-4 {
    border-radius: 4px !important;
}

.border-2-l {
    border-left: 4px solid #0d6efd;
}

.border-r-0 {
    border-radius: 0px !important;
}

.borderl-l-1 {
    border-left: 1px solid #e1e1e1e1;
}

/* Line Heihts */

.line-h {
    line-height: -40px !important;
}

/* BG Colors */
.bg-white {
    background: #FFF var(--white);
}

.bg-l-secondary {
    background-color: #e1e1e1e1;
}

a {
    text-decoration: none !important;
}