.top-nav {
    background: linear-gradient(0deg, #155ea2 50%, #216faf 100%);
}
.top-nav ul li {
        position: relative;
    }
 .top-nav ul li:after {
            position: absolute;
            content: "|";
            right: 0;
            color: #fff;
}
 .top-nav ul li:last-child::after {
            display: none;
}

.font_style {
    font-size: 1.1875rem !important;
}

.agenda-detail {
    column-gap: 1rem;
    row-gap: 8px;
    padding-bottom: 1rem;
}

    .agenda-detail li:nth-child(1) {
        flex-grow: 1;
    }

    .agenda-detail li:nth-child(2) {
        flex-grow: 2;
    }

    .agenda-detail > li:nth-last-child(-n + 2) {
        max-width: 166px;/*106px*/
    }

    .agenda-detail:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .agenda-detail li {
        flex: 1;
        flex-grow: 1;
    }

@media (max-width: 767px) {
    .agenda-detail li {
        flex: unset;
    }

        .agenda-detail li:nth-child(1), .agenda-detail li:nth-child(2) {
            width: 100%;
        }
}
#agendaSec {
    background-image: url(../Images/fade-1.png);
    background-repeat: no-repeat;
    background-size: 450px;
    background-position: -10% 80%;
}
#speakers {
    background-image: url(../Images/fade-2.png);
    background-repeat: no-repeat;
    background-size: 150px;
    background-position: 60% 106%;
    padding-bottom: 6rem;
}
#eventsAndSkills {
    background-image: url(../Images/fade-3.png);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position: 110% 110%;
}
.card-bg {
    background: #98c3e3;
}
/* themes */
.text-color {
    color: #000;
}
.theme-bg {
    background-color: #5ac9ad;
}
.light-green {
    background-color: #def4ee;
}
@media (max-width: 768px) {
    .agenda-detail li:nth-child(-n + 2) {
        width: 100%;
        flex: unset;
    }
    .agenda-detail > li:nth-last-child(-n + 2) {
        width: 100%;
        flex: unset;
    }

   
}

@media (min-width: 1084px) {
    .custom-card-bg {
        background-color: rgba(235, 235, 235, 0.7) !important;
    }
}

.text-custom {
    color: #1F3353 !important;
}

.header-desc {
    font-family: 'Segoe UI', sans-serif;
    font-size: 12px;
}


.main-banner-badge {
    background-image: url(../Images/Badgecollection-Banner-1920x300.jpg);
    background-repeat: no-repeat;
    background-position: 56% 0;
    background-size: cover;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.mobile-bg-white {
    background: rgba(235, 235, 235, 0.7) !important;
    border-radius: .75rem !important;
}

@media (min-width: 1084px) {
    .banner-text {
        background-color: rgba(235, 235, 235, 0.7) !important;
        color: #1F3353 !important;
    }
}

.banner-text {
    background-color: rgba(235, 235, 235, 0.7) !important;
    color: #1F3353 !important;
}