#intro .carousel-item .heading {
    font-family: var(--font-family-noto);
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 1rem;
}
#intro .carousel-item .description_section {
    align-self: center;
}
#intro .carousel-item .description {
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0;
    text-align: center;
    color: #FFFFFF;
}
#intro .card {
    background: var(--dark-color);
    border: 0;
    border-radius: 0;
}
#intro .card .card-body {
    padding: 0;
}
#intro .card .description_section {
    padding-left: var(--container-margin);
    padding-right: calc(var(--container-margin) / 3);
}
#intro .card .image_section {
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    background: var(--color);
}
#intro .header-image-section {
    padding-bottom: 3.5rem;
    text-align: center;
}
#intro .header-image-section .w-100 {
    max-width: 370px;
}
#intro .card .card-img-top {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0% 100%);
    margin-left: 10px;
}
#intro .card .main-btn {
    margin-top: 3.35rem;
}
#intro .carousel-control-next,
#intro .carousel-control-prev {
    width: 52px;
    height: 52px;
    top:unset;
    background: var(--color);
    opacity: 1;
    border-radius: var(--main-radius);
    bottom: 1.25rem;
}
#intro .carousel-control-prev-icon {
    background-image:url(/dist/images/prev.svg);
}
#intro .carousel-control-next-icon {
    background-image:url(/dist/images/next.svg);
}
#intro .carousel-control-next {
    right: 1.25rem;
}
#intro .carousel-control-prev {
    left: unset;
    right: calc(52px + 1.75rem);
}
#about .row:nth-child(odd) .about-content,
#mentors .card:nth-child(even) .mentors-content {
    margin-left: 15%;
}
#about .row:nth-child(even) .about-content,
#mentors .card:nth-child(odd) .mentors-content {
    margin-right: 15%;
}
#program-highlights .card {
    background: #EEF3F9;
    border-radius: var(--medium-radius);
    border: none;
}
#program-highlights .card-body,
#mentors .card-body {
    padding-bottom: 0;
}
#program-highlights .card-footer {
    background: none;
    border: none;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
#program-highlights .card-img-top {
    border-radius: var(--medium-radius) var(--medium-radius) 0 0;
}
#mentors .card {
    border-radius: var(--medium-radius);
    border: none;
    margin-top: 10%;
}
#mentors .card-img-top {
    margin-top: -15%;
}

@media (min-width: 750px) {
    #intro .carousel-item .description_section {
        flex: 0 0 45%;
        max-width: 45%;
    }
    #intro .carousel-item .image_section {
        flex: 0 0 55%;
        max-width: 55%;
    }
}
@media (max-width: 969px) {
    #mentors .card {
        margin-top: 0;
    }
    #mentors .card-img-top {
        margin-top: 0;
    }
    #mentors .card:nth-child(even) .mentors-content,
    #about .row:nth-child(odd) .about-content {
        margin-left: 0;
    }
    #mentors .card:nth-child(odd) .mentors-content,
    #about .row:nth-child(even) .about-content {
        margin-right: 0;
    }
    #mentors .card-body {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
@media (max-width: 749px) {
    #intro .carousel-item .image_section {
        display: none;
    }
    #intro .card .description_section {
        padding-right: var(--container-margin);
    }
    #intro .card .card-body {
        padding: 15px 15px calc(52px + 3.25rem);
    }
    #intro .carousel-control-next,
    #intro .carousel-control-prev {
        left: 0;
        right: 0;
    }
    #intro .carousel-control-next {
        margin-right: calc(50vw - 60px);
        margin-left: auto;
    }
    #intro .carousel-control-prev {
        margin-left: calc(50vw - 60px);
        margin-right: auto;
    }
}
@media (max-width: 480px) {
    #mentors .card-body {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    #intro .carousel-item .heading {
        font-size: 30px;
        line-height: 40px;
    }
    #intro .carousel-item .description {
        font-size: 25px;
        line-height: 35px;
    }
    #intro .header-image-section .w-100 {
        max-width: 75%;
    }
}