.time {
    background: orange !important;
    color: #fff;
    padding: 8px;
  align-content: center;
    border-radius: 15px 0px 15px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}
.session-head{
    
}
h5.m-0.pt-2.pb-1.nm {
    color: #042972;
    font-weight: 700;
}
@media screen and (min-width: 200px) and (max-width: 600px) {
    .gfui {
        font-size: 12px !important;
        color: #000;
        font-weight: bold;
        padding: 0px !important;
    }
    .spantitle {
        color: #042972;
        font-weight: 700;
        font-size: 14px !important;
    }
    .time {
        padding: 0px 5px !important;
    }
}

.spantitle{
    color: #042972;
    font-weight: 700;
    font-size: 19px;
}
.time {
    
    padding: 15px 33px ;
    
}
.gfui{
    font-size: 18px ;
    color: #000;
    font-weight: bold;
}


.top-head-strip {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    background: var(--primary-color);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.select-agen-date {
    padding: 5px 70px 5px 20px;
    border-radius: 3px;
}

.agen {
    display: flex;
    justify-content: flex-start;
}

.agen-date {
    display: flex;
    justify-content: flex-end;
}

.matter-strip {
    background: #fff;
    padding: 30px;
}

.time {
    background: orange !important;
    color: #fff;
    padding: 8px;
}

.gfui {

    text-align: center;
    line-height: 26px;
    margin-bottom: 0px;
    font-size: 19px;
    padding: 5px 5px;

}

.session-head {
    background: #EEEEEE;
    color: #000;
    padding: 10px 25px;
}

.sp {
    border-radius: 50%;
    max-height: 180px !important;
    height: 180px !important;
    width: 180px !important;
}

.line {
    width: 3px;
    margin-bottom: 13px;
    min-height: 60px;
    background: #000;
    display: flex;
    justify-content: center;
}

/* <h5 class="m-0 pt-2 nm">Sreedhar Kosaraju</h5>.nm {
        letter-spacing: normal;
        padding-bottom: 2px;
    } */



@media screen and (max-width:360px) and (max-width:599px) {

    .inner-banner {
        width: 100%;
        height: 125px;
        margin-top: 80px !important;
        background-position: center;
        background-size: cover;
    }

    .inner-heading {
        color: #fff;
        line-height: 125px;
        padding-left: 20%;
        font-size: 26px;
    }

    #default-logo,
    #scroll-logo {
        width: 30% !important;
    }

    .line {

        display: none !important;

    }

    .select-agen-date {
        padding: 5px 20px 5px 20px;
        border-radius: 3px;
    }

    .matter-strip {
        background: #fff;
        padding: 15px;
    }

    .session-head {
        font-size: 16px;
    }

    .gfui {
        font-size: 16px;
        text-align: center;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .session-head {
        background: #EEEEEE;
        color: #000;
        padding: 8px 15px;
    }




}







@media (max-width: 767px) {






    .listHeader {
        flex-direction: column;
        align-items: flex-start;
    }

    .nav_bar_top_strip {
        background-color: #ffffff !important;


    }

    .line {

        display: none !important;

    }

    .select-agen-date {
        padding: 5px 20px 5px 20px;
        border-radius: 3px;
    }

    .matter-strip {
        background: #fff;
        padding: 15px;
    }

    .session-head {
        font-size: 16px;
    }

    .gfui {
        font-size: 16px;
        text-align: center;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .session-head {
        background: #EEEEEE;
        color: #000;
        padding: 8px 15px;
    }






}

@media screen and (max-width:767px) {



    .inner-banner {
        width: 100%;
        height: 125px;
        margin-top: 100px;
        background-position: center;
        background-size: cover;
    }

    .inner-heading {
        color: #fff;
        line-height: 125px;
        padding-left: 10%;
        font-size: 18px;
    }





}

.evnt_agendadiv .timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

.evnt_agendadiv .timeline .line {
    position: absolute;
    width: 4px;
    display: block;
    background: currentColor;
    top: 0px;
    bottom: 0px;
    margin-left: 30px;
    z-index: -1;
}

.evnt_agendadiv .timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}

.evnt_agendadiv .timeline .line::before {
    top: -4px;
}

.evnt_agendadiv .timeline .line::after {
    bottom: -4px;
}

.evnt_agendadiv .timeline .line::before,
.evnt_agendadiv .timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}

.evnt_agendadiv .timeline .card {
    position: relative;
    margin: 10px 0px 21px 70px;
    clear: both;
}

.evnt_agendadiv .timeline .card::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.evnt_agendadiv .timeline article.bg-primary.card::before {
    border-right-color: #007bff;
}

.evnt_agendadiv .timeline article.bg-danger.card::before {
    border-right-color: var(--event_agenda_bg_active_color) !important;
    /* border-right-color: #1e4567; */
    /* var(--event_header_bg_active_color); */
}

.evnt_agendadiv .timeline article.bg-danger {
    background: var(--event_agenda_bg_active_color) !important;
    /* background: #1e4567 !important; */
    /* //var(--event_header_bg_active_color) !important; */
}

.evnt_agendadiv .timeline .card .card-header.icon * {
    font-size: 20px;
    vertical-align: middle;
    line-height: 40px;
}

.evnt_agendadiv .bg-danger {
    /* background: #1e4567 !important; */
    background: #1e4567 !important;
}

.evnt_agendadiv .timeline .card .card-header.icon {
    position: absolute;
    left: -49px;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
}

.evnt_agendadiv .timeline .card-outline {
    border-color: transparent;
    background: white;
    box-shadow: none;
}

.evnt_agendadiv .timeline .card-outline .card-body {
    padding: 10px;
    background-color: #1e4567;
}

.evnt_agendadiv .timeline .card-outline .card-heading:not(.icon),
.evnt_agendadiv .timeline .card-outline .card-footer {
    display: none;
}

#evnt_agendadiv {
    box-shadow: 0 0 5px #777;
    padding: 0px;
}

.page_agenda_header {
    background: #0b2787;
    padding: 10px;
}

.p_5_f_8 {
    padding: 5px;
    font-size: 18px;
    color: #fff;
}

.dayagendatitle,
.text-white {
    color: #ffffff !important;
}

.text_bars_color {
    /* color: #1e4567; */
    color: #1e4567;
}

.agenda_txt_body {
    font-size: 16px;
    font-weight: 500;
    font-family: system-ui;
}

.agenda_txt_body small {
    color: white;
    font-weight: bold;
}

.evnt_agendadiv .commitee-box {
    border-right: 1px solid #dbdbdb;
    font-size: 14px;

}

.evnt_agendadiv .img-circle {
    border-radius: 50%;
}

.evnt_agendadiv .commitee-box-title {
    margin-top: 10px;
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 600;
    color: #1e4567;
}

.heading_styles {
    color: #000000;
    font-family: 'Libre Baskerville', serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1.4;
}

.blink {
    /* animation: blinker 1.5s linear infinite; */
    color: white;
    font-family: sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.blink a {
    color: #fff !important;
    cursor: pointer;
}

.backgroundmarww {
    background: var(--event_header_bg_active_color);
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .eventitminfodiv {
        position: relative;
        left: 15px;
        font-size: 15px;
        font-weight: 600;
    }
}

@media (min-width: 768px) {
    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        width: 100%;
    }

    .eventitminfodiv {
        position: absolute;
        right: 15px;
        font-size: 15px;
        font-weight: 600;
    }
}

        .evnt_agendadiv .timeline {
            position: relative;
            padding: 21px 0px 10px;
            margin-top: 4px;
            margin-bottom: 30px;
        }

        .evnt_agendadiv .timeline .line {
            position: absolute;
            width: 4px;
            display: block;
            background: currentColor;
            top: 0px;
            bottom: 0px;
            margin-left: 30px;
            z-index: -1;
        }

        .evnt_agendadiv .timeline .separator {
            border-top: 1px solid currentColor;
            padding: 5px;
            padding-left: 40px;
            font-style: italic;
            font-size: .9em;
            margin-left: 30px;
        }

        .evnt_agendadiv .timeline .line::before {
            top: -4px;
        }

        .evnt_agendadiv .timeline .line::after {
            bottom: -4px;
        }

        .evnt_agendadiv .timeline .line::before,
        .evnt_agendadiv .timeline .line::after {
            content: '';
            position: absolute;
            left: -4px;
            width: 12px;
            height: 12px;
            display: block;
            border-radius: 50%;
            background: currentColor;
        }

        .evnt_agendadiv .timeline .card {
            position: relative;
            margin: 10px 0px 21px 70px;
            clear: both;
        }

        .evnt_agendadiv .timeline .card::before {
            position: absolute;
            display: block;
            top: 8px;
            left: -24px;
            content: '';
            width: 0px;
            height: 0px;
            border: inherit;
            border-width: 12px;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }

        .evnt_agendadiv .timeline article.bg-primary.card::before {
            border-right-color: #007bff;
        }

        .evnt_agendadiv .timeline article.bg-danger.card::before {
            border-right-color:orange !important;
            /* border-right-color: #1e4567; */
            /* var(--event_header_bg_active_color); */
        }

        .evnt_agendadiv .timeline article.bg-danger {
            /* background: #1e4567 !important; */
            /* //var(--event_header_bg_active_color) !important; */
        }

        .evnt_agendadiv .timeline .card .card-header.icon * {
            font-size: 20px;
            vertical-align: middle;
            line-height: 40px;
        }

        .evnt_agendadiv .bg-danger {
            /* background: #1e4567 !important; */
        }

        .evnt_agendadiv .timeline .card .card-header.icon {
            position: absolute;
            left: -49px;
            display: block;
            width: 20px;
            height: 20px;
            padding: 0px;
            border-radius: 50%;
            text-align: center;
            float: left;
        }

        .evnt_agendadiv .timeline .card-outline {
            border-color: transparent;
            background: transparent;
            box-shadow: none;
        }

        .evnt_agendadiv .timeline .card-outline .card-body {
            padding: 10px;
        }

        .evnt_agendadiv .timeline .card-outline .card-heading:not(.icon),
        .evnt_agendadiv .timeline .card-outline .card-footer {
            display: none;
        }

        #evnt_agendadiv {
            box-shadow: 0 0 5px #777;
            padding: 0px;
        }

        .page_agenda_header {
            background: var(--event_agenda_bg_active_color);
            padding: 10px;
        }

        .p_5_f_8 {
            padding: 5px;
            font-size: 18px;
            color: #fff;
        }

        .dayagendatitle,
        .text-white {
            color: #fff!important;
        }

        .text_bars_color {
            /* color: #1e4567; */
            color: var(--event_agenda_bg_active_color);
        }

        .agenda_txt_body {
            font-size: 16px;
            font-weight: 500;
            font-family: system-ui;
        }

        .agenda_txt_body small {
            color: var(--event_agenda_bg_active_color);
            font-weight: bold;
        }

        .evnt_agendadiv .commitee-box {
            border-right: 1px solid #dbdbdb;
            font-size: 14px;

        }

        .evnt_agendadiv .img-circle {
            border-radius: 50%;
        }

        .evnt_agendadiv .commitee-box-title {
            margin-top: 10px;
            margin-bottom: 0px;
            font-size: 18px;
            font-weight: 600;
            color: var(--event_header_bg_active_color)
        }

        .heading_styles {
            color: #000000;
            font-family: 'Libre Baskerville', serif;
            font-style: italic;
            font-weight: 400;
            line-height: 1.4;
        }

        .blink {
            /* animation: blinker 1.5s linear infinite; */
            color: var(--event_header_bg_active_color);
            font-family: sans-serif;
            font-size: 16px;
            font-weight: 700;
        }

        .blink a {
            color: #fff !important;
            cursor: pointer;
        }

        .backgroundmarww {
            background: var(--event_header_bg_active_color);
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }
        .page_agenda_header{
            background-color: #0e2b4c;
            color: #fff;
        }


 
        .events_menu .panelactive {
            font-weight: bold;
            background: var(--event_agenda_bg_active_color) !important;
            color: #fff !important;
            border-radius: 50px;
        }

        .slick-slider {

            background-color: #fff;
            position: relative;
            display: block;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent;
        }

        .slick-dots {
            display: flex;
            width: 100%;
            overflow-x: auto;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
        }

        .hero-slider .slick-dots {
            display: flex;

            padding-left: 0;
            background: #fff;
            text-align: center;
            border-bottom: 1px solid #e5e5e5;
        }

        .hero-slider .slick-dots li {
            width: 50%;
            background: #0e2b4c;
            cursor: pointer;
            margin: 0;
            display: inline-block;
            position: relative;
        }

        .hero-slider .slick-dots li a {
            display: block;
            position: relative;
            text-align: center;
            transition: 0.3s ease;
            color: #fff;
            width: 120px;
            padding: 10px;
        }

        .hero-slider .slick-dots li a i {
            display: inline-block;
            font-size: 18px;
            margin-right: 15px;
            vertical-align: middle;
        }

        .hero-slider .slick-dots li a span {
            font-size: 18px;
            font-weight: 500;
        }

        .hero-slider .slick-dots li.slick-active,
        .hero-slider .slick-dots li:hover {
            background: orange;
            color: #fff !important
        }

        .hero-slider .slick-dots li.slick-active a {
            color: #fff;
        }

        .main_heading_title {
            color: #000;
            font-size: 24px;
            font-weight: 600;
        }

        .tl-body {
            display: none;

        }

        .classnameactivetimeline {

            display: block !important;
        }

        .tl-header {
            cursor: pointer;
        }
        .timeline.tomile_roww_cls {
    margin-top: 32px;
}
.spantitle2{
    font-size: 15px;
}
.spantime{
    font-size: 15px;
}

.spantitle2 {
    font-size: 15px;
    font-family: 'Open Sans';
    color: #060303;
}