﻿
:root {
    --card-border-radius: 2rem;
    --primary-color: rgba(177, 40, 47, 1);
}


.slide {
    border-radius: 20px;
    min-height: 646px;
}
    /*.slider {
                width: 40rem;
            }*/

    .slide img {
        display: block;
        width: 100%;
        height: auto;
    }

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 1rem 0;
    list-style-type: none;
}

    .slick-dots li {
        margin: 0 0.25rem;
    }

    .slick-dots button {
        display: block;
        width: 11px;
        height: 11px;
        padding: 0;
        border: none;
        border-radius: 100%;
        background-color: #d1a550;
        text-indent: -9999px;
    }

    .slick-dots li.slick-active button {
        background-color: #b1282f;
    }

.slider-section {
    padding-top: 0;
}

#homePageCarousel .carousel-indicators {
    top: 70%;
    left: 35%;
    transform: translate(-35%, -50%);
    bottom: auto;
    flex-direction: column;
    margin: 0;
    width: 1rem;
}

    #homePageCarousel .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
        border-radius: 100%;
        opacity: 1;
        border-top: 0;
        border-bottom: 0;
        margin: 5px;
    }

        #homePageCarousel .carousel-indicators [data-bs-target].active {
            background: orange;
            border-color: transparent;
        }

#homePageCarousel .carousel-caption {
    left: 0;
    width: 36vw;
    top: 0;
    height: 100%;
    background: rgb(177,40,47);
    background: linear-gradient(0deg, rgba(177,40,47,0.8) 60%, rgba(255,255,255,1) 100%);
}




    #homePageCarousel .carousel-caption .carousel-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: 100%;
        padding: 4rem;
        /*padding: 2rem;*/
    }

        #homePageCarousel .carousel-caption .carousel-content .title {
            font-size: 2.5rem;
        }



#homePageCarousel .carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translateY(0);
}

#homePageCarousel .carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translateY(-100%);
}

.logo {
    max-width: 35vw;
}



    .card-item .card-img-top {
        border-radius: var(--card-border-radius);
        padding: 1rem;
    }

    .card-item .card {
        border-radius: var(--card-border-radius);
    }

        .card-item .card .card-body {
            padding-top: 0;
        }

    .card-item .btn-primary {
        background: var(--primary-color);
        border-color: var(--primary-color);
    }

.card-container .card-item.slick-active:not(.slick-current) {
    transform: translate(-45%,30px);
}

.card-container {
    clear: both;
    position: relative;
}

    .card-container .card-item {
        display: none;
        position: absolute;
        cursor: pointer;
        width: 20rem;
    }

.container.container-event {
    min-height: 500px;
}

.card-container .card-item.active {
    transform: translate(40%,0px);
    z-index: 1;
    display: block;
}

.card-container .card-item.next-active {
    transform: translate(75%,62px);
    display: block;
}


.school-name ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.school-name li {
    border-bottom: 2px solid rgba(188, 189, 193, 0.4);
    padding: 0.5rem 0;
    /*font-family: Metropolis;*/
    font-weight: 400;
    position: relative;
    font-size: 17px;
}

    .school-name li::after {
        content: " ";
        width: 16px;
        height: 16px;
        border-radius: 100%;
        background: rgba(108, 109, 113, 0.16);
        border: none;
        position: absolute;
        right: 0;
    }

    .school-name li:hover {
        cursor: pointer;
    }

        .school-name li:hover::after {
            background: #FFF;
            border: 2px solid rgba(177, 40, 47, 1);
        }

    .school-name li.active::after {
        background: #FFF;
        border: 2px solid rgba(177, 40, 47, 1);
    }
.pb-110 {
    padding-bottom: 291px;
}


@media screen and (max-width: 768px) {
    #homePageCarousel .carousel-indicators, #homePageCarousel .carousel-caption {
        position: absolute;
        bottom: 0;
        margin-bottom: 0;
        margin-top: auto;
        width: 100vw;
        height: 30px;
    }

    @media screen and (max-width: 768px) {
        #homePageCarousel .carousel-indicators, #homePageCarousel .carousel-caption-1 {
            position: absolute;
            bottom: 0;
            margin-bottom: 0;
            margin-top: auto;
            width: 100vw;
            height: 110px;
        }

        #homePageCarousel .carousel-caption .carousel-content {
            padding: 0.5rem;
        }

        .slider-section {
            min-height: auto;
        }

            .slider-section .carousel {
                height: auto;
            }

        .header {
            background: rgba(255, 255, 255, 0.7);
        }

        .logo {
            max-width: none;
        }

        .header .container-fluid .row {
            margin: 0;
        }

        .scrolled .header {
            background: rgba(255, 255, 255, 1);
        }


        .card-container .card-item.active {
            transform: translate(0,0px);
            z-index: 1;
            display: block;
            position: relative;
        }

        .card-container .card-item.next-active {
            transform: translate(0,0);
            display: none;
        }

        .container-research {
            flex-direction: column;
            align-items: center;
        }

        .slide {
            min-height: auto;
        }

        .event-title h1 {
            font-size: 32px;
        }

        #homePageCarousel .carousel-caption .carousel-content .title {
            font-size: 0.5rem;
        }

        .bg-slick-info .slick-dots {
            display: none !important;
        }

        #homePageCarousel .carousel-caption {
            background: linear-gradient(0deg, rgba(177,40,47,0.8) 60%, rgba(255,255,255, 0) 100%);
        }
    }
}
 
/*Bredcrum*/
/*.tp-breadcrumb__bg.overlay {
    background-image: url(/assets/img/breadcrumb-first.png);
    background-repeat: no-repeat;
    background-size: cover;
}*/

.section-first-title-breadcrumb {
    /*background-image: url(/assets/img/breadcrumb-2.png);*/
    /*background-image: url(/assets/img/founders-1.png);*/
    background-repeat: no-repeat;
    background-size: cover;
}

.tp-breadcrumb__title {
    color: #FFF;
    font-size: 60px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -1.12px;
    text-align: center;
}

.tp-breadcrumb__bg.overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: none;
}

.tp-breadcrumb__bg.overlay-1 {
    background-image: url(/assets/img/breadcrumb/Vision-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.tp-breadcrumb__title {
    color: #b22b2f;
    font-size: 55px;
    font-weight: 600;
    margin: 0;
    letter-spacing: -1.12px;
    text-align: center;
    padding: 60px;
}

.tp-breadcrumb__bg.overlay-1::after {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: none;
}