.brd-color1 {
    border-top: 2px solid #01c1d6 !important;
}

.brd-color2 {
    border-top: 2px solid #ffb617 !important;
}

.brd-color3 {
    border-top: 2px solid #0080c9 !important;
}

.brd-color4 {
    border-top: 2px solid #7d37ab !important;
}

.brd-color5 {
    border-top: 2px solid #ff4e00 !important;
}

.mar_btm_none {
    margin-bottom: 0px !important
}

.nopadd {
    padding: 0px !important;
}

.none_fl {
    float: none !important
}

.paddingright35 {
    padding-right: 35px !important
}

.padd_btm_none {
    padding-bottom: 0px !important
}

.padd_left_none {
    padding-left: 0px !important
}

.padding-top10 {
    padding-top: 10px;
}

.padding-top40 {
    padding-top: 40px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.mar_top20 {
    margin-top: 20px;
}

.mar_top40 {
    margin-top: 40px;
}

.mar_top10 {
    margin-top: 10px;
}



.mar_btm40 {
    margin-bottom: 40px;
}

.font {
    font-family: 'Noto Serif', serif;
}

.text20 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    display: block;
    padding-bottom: 25px;
}

.blue_font {
    color: #2377da !important;
}

.content_info {
    float: left;
    width: 100%;
}

.content_info p {
    color: #4e4e4e;
    font-size: 14px;
    line-height: 22px;
}

.content_info_para {
    float: left;
    width: 100%;
   
}

.content_info_para p {
    padding: 0 0 10px;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
}

.mr_btm_20 {
    margin-bottom: 20px;
}

.padding_left_none {
    padding-left: 0px !important;
}

.shadow_box_n {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}

.row_block-box {
    width: 100%;
    height: auto;
    float: left;
    /*background: #FFF;-webkit-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.3);-moz-box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.3);box-shadow: 2px 4px 8px -1px rgba(0,0,0,0.3);*/
}

.row_block-box .shadow_block {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.row_block-box aside {
    width: 50%;
    float: left;
    display: block;
    padding: 35px 7%;
    box-sizing: border-box;
    border-right: 1px solid #e4e4e4;
}

.row_block-box aside.full {
    width: 100%;
}

.row_block-box aside:last-child {
    border-right: 0px solid #000;
}

.row_block-box aside.one {
    border-top: 2px solid #ffb617;
}

.row_block-box aside.tow {
    border-top: 2px solid #ff4e00;
}

.row_block-box aside.three {
    border-top: 2px solid #ffd200;
}

.row_block-box aside.four {
    border-top: 2px solid #8bb201;
}

.row_block-box aside h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
}

.row_block-box aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.row_block-box aside h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}


.years_block {
    float: left;
    width: 100%;
    margin: 50px 0 20px;
}

.search_block {
    float: left;
    width: 280px;
    border-radius: 40px;
    border: 2px solid #ececec;
    box-shadow: 4px 0 27px rgba(0, 0, 0, 0.10);
    padding: 5px 20px;
}

.search_block .secrh_info {
    float: left;
    width: 50%;
    font-family: 'Noto Serif', serif;
    font-size: 18px;
    color: #4e4e4e;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #dfdfdf;
}

.search_block .search-topselect {
    float: left;
    margin-bottom: 0px;
    width: 50%;
    padding: 5px 0 0 10px;
}

.event_block {
    float: left;
    width: 280px;
    border-radius: 40px;
    border: 2px solid #ececec;
    box-shadow: 4px 0 27px rgba(0, 0, 0, 0.10);
    padding: 5px 10px;
    margin-right: 8px;
}

.event_block .secrh_info {
    float: left;
    width: 50%;
    font-family: 'Noto Serif', serif;
    font-size: 12px;
    color: #4e4e4e;
    text-align: center;
    padding: 15px 0;
    border-right: 1px solid #dfdfdf;
}

.event_block .search-topselect {
    float: left;
    margin-bottom: 0px;
    width: 50%;
    padding: 5px 0 0 10px;
}

.event_block .search-topselect select {
    width: 100%;
    padding: 0px 25px 0 5px;
    border: 0px solid;
    box-sizing: border-box;
    margin: 0;
    font-family: 'Noto Serif', serif;
    color: #5c5c5c;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}



.search-topselect select {
    width: 100%;
    padding: 0px 15px;
    border: 0px solid;
    box-sizing: border-box;
    margin: 0;
    font-family: 'Noto Serif', serif;
    color: #5c5c5c;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.vrification {
    width: 48%;
    margin-right: 2%;
    height: auto;
    float: left;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-topselect select {
        padding-right: 18px;
    }
}

.search-topselect label {
    position: relative
}

.search-topselect label:after {
    width: 30px;
    text-indent: 5px;
    content: '>';
    /*content:'<>';*/
    font: 20px "Consolas", monospace;
    color: #4e4e4e;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 5px;
    top: -5px;
    padding: 0 12px 0px 0px;
    /*border-bottom:1px solid #aeaeae;*/
    position: absolute;
    pointer-events: none;
}

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .search-topselect label:after {
        display: none;
    }

    .search-topselect label:before {
        display: none;
    }
}






.row_shadow_block {
    float: left;
    width: 100%;
    /*border:2px solid #ececec; box-shadow:4px 0 27px rgba(0,0,0,0.15);*/
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 40px 30px;
    background-color: #fff;
}

.row_shadow_block h3 {
    color: #4e4e4e;
    font-size: 18px;
    padding: 0 0 23px;
    font-family: 'Noto Serif', serif;
    font-weight: 300;
    line-height: normal;
    display: inline-block;
    width: 100%;
}

.row_shadow_block h3 small {
    font-size: 14px;
    color: #4e4e4e;
    font-family: 'Lato', sans-serif;
    display: inline-block;
    width: 100%;
    padding: 0 0 10px;
}

event-search-content .row_shadow_block h3 {
    font-size: 20px;
}


.row_shadow_block h6 {
    padding: 20px 0px 20px 0px;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    font-family: 'Noto Serif', serif;
}

.row_shadow_block h4 {
    padding: 0px;
    margin-bottom: 10px !important;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 500;
    position: relative;
    font-family: 'Noto Serif', serif;
    float: none !important;
}


.video_slider_block {
    display: inline-block;
    width: 100%;
    margin: 0 0 40px;
    padding: 0 75px;
}

.video_block_wrap {
    width: 100%;
    height: 331px;
}

.video_prev {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff url(../images/arrow_video_prev.png) no-repeat center;
    font-size: 0px;
    position: absolute;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    top: 50%;
    left: -55px;
    cursor: pointer;
}

.video_next {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #fff url(../images/arrow_video_next.png) no-repeat center;
    font-size: 0px;
    position: absolute;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    top: 50%;
    right: -55px;
    cursor: pointer;
}


.inner_video_slider li {
    position: relative;
}

.btn_video {
    position: absolute;
    left: 0;
    font-size: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: url(../images/video_ic.png) no-repeat;
    width: 85px;
    height: 87px;
    z-index: 9;
    border: 0px solid;
    margin: auto;
}


.btn_video.active {
    opacity: 0;
    font-size: 0;
    background: url(../images/video_ic_pause.png) no-repeat;
}

.btn_video.active:hover {
    opacity: 1;

}

.view_pdf {
    background: url(../images/view_pdf_ic.jpg) no-repeat;
    padding: 0 0 0 50px;
    color: #cd3536;
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    line-height: 29px;
}

.view_pdf {
    background: url(../images/view_pdf_ic.jpg) no-repeat;
    padding: 0 0 0 50px;
    color: #cd3536;
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    line-height: 29px;
}

.view_link {
    background: url(../images/link.jpg) no-repeat;
    padding: 0 0 0 50px;
    color: #cd3536;
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    line-height: 29px;
}

.EventParmalink {
    background: url(../images/link.jpg) no-repeat;
    padding: 0 0 0 50px;
    color: #cd3536;
    font-weight: 600;
    font-size: 11px;
    display: inline-block;
    width: 100%;
    height: 30px;
    text-transform: uppercase;
    line-height: 29px;
}

.event-search-content a {
    width: auto !important;
    margin-right: 10px;
}

.mar_btm_none {
    margin-bottom: 0px !important
}

.heading_block {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.sub_block {
    float: left;
    width: 100%;
}

.sub_block h3 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Noto Serif', serif;
    padding-bottom: 10px;
}

.sub_block p {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.sub_block h2 {
    font-size: 20px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Noto Serif', serif;
    padding-bottom: 10px;
}

.list_box_shadow {
    width: 100%;
    display: inline-block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.list_box_shadow li {
    float: left;
    width: 33.33%;
    padding: 0 10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.list_box_shadow li aside {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 20px 10px;
}

.list_box_shadow li aside h3 {
    font-size: 16px;
}

.list_box_shadow li aside h6 {
    padding: 20px 0px 20px 0px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    font-family: 'Noto Serif', serif;
}

.sub_block h6 {
    font-size: 16px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Noto Serif', serif;
    padding-bottom: 10px;
}


.row_block-box .shadow_block_gap {
    float: left;
    width: 100%;
    margin: 20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.row_block-box .shadow_block_gap li {
    float: left;
    width: 50%;
    padding: 0 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.row_block-box .shadow_block_gap li aside {
    width: 100%;
    float: left;
    display: block;
    padding: 35px 7%;
    box-sizing: border-box;
    border-right: 1px solid #e4e4e4;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    border-radius: 6px;
}

.row_block-box .shadow_block_gap li aside.full {
    width: 100%;
}

.row_block-box .shadow_block_gap li aside:last-child {
    border-right: 0px solid #000;
}

.row_block-box .shadow_block_gap li aside.one {
    border-top: 2px solid #01c1d6;
}

.row_block-box .shadow_block_gap li aside.two {
    border-top: 2px solid #ffb617;
}

.row_block-box .shadow_block_gap li aside h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
}

.row_block-box .shadow_block_gap li aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.row_block-box .shadow_block_gap li aside h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}

.row_block-box .shadow_block_gap li li {
    width: 100%;
    padding-left: 32px;
}


.list_img_shadow {
    width: 100%;
    display: inline-block;
}

.list_img_shadow li {
    float: left;
    width: 33.33%;
    padding: 0 10px;
}

.list_img_shadow li aside {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 10px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    padding: 0px;
    overflow: hidden
}

.list_img_shadow li aside img {
    width: 100%
}



.slider_shadow_box {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 40px 0;
    border-radius: 6px;
}

.slider_management li {
    padding: 36px 30px 40px !important;
    text-align: center;
    border-right: 1px solid #dedede;
    min-height: 275px;
}

.slider_management li h3 {
    text-align: center;
    font-size: 20px;
    font-family: 'Noto Serif', serif;
    min-height: 110px
}

.slider_management li h3 small {
    font-size: 14px;
    font-family: 'Noto Serif', serif;
}

.slider_management li i {
    display: inline-block;
    padding-bottom: 22px;
    height: 65px;
}

.slider_management .video_prev {
    left: -32px;
    background-color: #fff;
}

.slider_management .video_next {
    right: -32px;
    background-color: #fff;
}

.or_box {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 40px 0;
    border-radius: 6px;
    position: relative;
}

.or_box ul {
    float: left;
    width: 100%;
}

.or_box ul li {
    float: left;
    width: 50%;
    padding: 50px 100px;
    text-align: center;
}

.or_box ul li p {
    color: #787878;
    font-size: 14px;
    padding: 0px;
    margin: 0px;
}

.or_box ul li a {
    color: #0056ae;
    font-size: 18px;
}

.or_box ul li.one {
    border-top: 2px solid #fb8700;
}

.or_box ul li.two {
    border-top: 2px solid #ffd200;
}

.or_box:after {
    content: "Or";
    position: absolute;
    text-align: center;
    line-height: 93px;
    color: #fb8700;
    font-weight: 600;
    background: url(../images/or_bg.png);
    width: 38px;
    height: 93px;
    z-index: 9;
    left: 0px;
    right: 0px;
    margin: auto;
    top: 0px;
    bottom: 0;
}

.haeding_medium {
    font-size: 17px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    display: block;
    padding-bottom: 20px;
    font-family: 'Noto Serif', serif;
}

.haeding_small {
    font-size: 15px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    display: block;
    padding-bottom: 20px;
    font-family: 'Noto Serif', serif;
}

.para_font {
    font-weight: 400;
    color: #4e4e4e;
    line-height: 19px;
    font-size: 13px;
}


.block_shadow_box {
    width: 100%;
    float: left;
    display: block;
    box-sizing: border-box;
    border-right: 1px solid #e4e4e4;
    border: 1px solid #ececec;
    box-shadow: 4px 0 13px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border-radius: 6px;
    padding: 20px !important;
}

.link_an {
    color: #2377da;
}

.link_an2 {
    color: #4e4e4e;
}

.link_an2:hover {
    color: #2377da;
}

.placement {
    text-align: center;
}

.placement a {
    color: #0056ae;
    font-weight: 400;
    font-size: 16px;
}

.location-box .shadow_block {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /* align-items: center;  justify-content: center;*/
}

.location-box h3 {
    font-size: 20px;
    font-weight: 600;
    color: #353535;
    line-height: 28px;
    padding-bottom: 15px;
    margin: 0;
}

.location-box aside {
    float: left;
    display: block;
    padding: 0;
    box-sizing: border-box;
}

.location-box aside:first-child {
    width: 60%;
}

.location-box aside:last-child {
    width: 40%;
}

.location-box aside.location_map iframe {
    width: 100%;
}

.location-box aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.location-box aside h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0056ae;
    line-height: 28px;
    padding-bottom: 15px;
    margin: 0;
}

.location-box aside.location_info {
    padding: 30px;
}

.list_shadow_box {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 6px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.list_shadow_box aside {
    padding: 36px 30px 72px !important;
    border-right: 1px solid #dedede;
    width: 33.33%;
}

.list_shadow_box aside:last-child {
    border-right: 0px solid #dedede;
}

.list_shadow_box aside.half {
    width: 50%;
}

.list_shadow_box aside h3 {
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    color: #0056ae;
}

.list_shadow_box aside h3 small {
    font-size: 16px;
    font-family: 'Noto Serif', serif;
}

.list_shadow_box aside i {
    display: inline-block;
    padding-bottom: 22px;
}

.heading_font24 {
    font-size: 24px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Noto Serif', serif;
    padding-bottom: 10px;
}

.heading_font20 {
    /* font-size:  !important; */
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding-bottom: 10px;
    padding-left: 15px;
}

.heading_font18 {
    font-size: 18px !important;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 30px;
    position: relative;
    font-family: 'Noto Serif', serif;
    padding-bottom: 10px;
}


.list-3row {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #dcdcdc;
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: center;
}

.list-3row li {
    width: 33.33%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    border-right: 1px solid #dcdcdc;
    padding: 40px 40px;
    box-sizing: border-box;
    text-align: center;
}

.list-3row li:last-child {
    border-right: 0px solid #dcdcdc;
}

.list-3row li small {
    font-size: 18px;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    padding: 0px;
    margin: 0;
    display: block;
}

.list-3row li big {
    font-size: 26px;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    color: #0056ae;
    line-height: 28px;
    padding: 0px;
    margin: 0;
    display: block;
    padding: 10px 0;
}

.list_bullet {
    width: 100%;
    height: auto;
    display: block;
}

.list_bullet li {
    width: 50%;
    float: left;
    display: block;
    padding-left: 32px;
    margin-bottom: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 19px;
}

.list_bullet li a {
    font-size: 14px;
    font-weight: 600;
    color: #0056ae;
    line-height: 19px;
}

.list_bullet li:last-child {
    margin-bottom: 0px;
}

.list_bullet li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 19px;
    background: url(../images/arrow2.png) no-repeat left top;
}

.list_bullet li strong {
    font-weight: 600;
}

.list_bullet li i {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}


.co2content_info {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.co2content_info p {
    font-size: 16px;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 24px;
    padding: 0px 0px 20px 0px;
    box-sizing: border-box;
}

.co2content_info .left_con {
    width: calc(100% - 202px);
    float: left;
    padding: 20px 75px 20px 30px;
    border-left: 3px solid #0056ae;
}

.co2content_info .right_con {
    width: 202px;
    float: right;
    -webkit-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    overflow: hidden
}

.co2content_info .right_con img {
    width: 100%;
    display: block
}

.shadow_imgbox {
    width: 100%;
    -webkit-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.08);
    border: 0px solid #e7e7e7;
    border-radius: 4px;
    overflow: hidden
}

.box-shadow23 ul li aside h6 {
    font-size: 12px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 18px;
    padding-bottom: 5px;
}


.schedule_block-box {
    float: left;
    width: 100%;
}

.schedule_block-box aside {
    width: 50%;
    float: left;
    display: block;
    padding: 35px 7px;
    box-sizing: border-box;
}

.schedule_block-box aside.full {
    width: 100%;
}

.schedule_block-box aside:last-child {
    border-right: 0px solid #000;
}

.schedule_block-box aside.one {
    border-top: 3px solid #f87408;
}

.schedule_block-box aside.two {
    border-top: 3px solid #ff4e00;
}

.schedule_block-box aside.three {
    border-top: 3px solid #0c6bbd;
}

.schedule_block-box aside.four {
    border-top: 3px solid #67209a;
}

.schedule_block-box aside.five {
    border-top: 3px solid #fdcb0a;
}

.schedule_block-box aside h2 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
}

.schedule_block-box aside p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.schedule_block-box aside h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}

.schedule_block-box aside ul {
    float: left;
    width: 100%;
    margin: 25px 0 0;
}

.schedule_block-box aside ul li {
    width: 100%;
    display: block;
    padding-left: 0px;
    margin-bottom: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 19px;
}

.schedule_block-box aside ul li a {
    width: 100%;
    display: block;
    padding-left: 32px;
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #0054ae;
    text-decoration: underline;
    line-height: 19px;
}


.schedule_block-box aside ul.col2 {
    float: left;
    width: 100%;
    margin: 25px 0 0;
}

.schedule_block-box aside ul.col2 li {
    width: 50%;
    float: left;
    padding-left: 0px;
    margin-bottom: 5px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 19px;
}

.schedule_block-box aside ul.col2 li a {
    width: 100%;
    display: block;
    padding-left: 32px;
    margin-bottom: 15px;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #0054ae;
    text-decoration: underline;
    line-height: 19px;
}

.program_heading {
    float: left;
    width: 100%;
}

.program_heading h1,
.program_heading h2 {
    float: left;

    font-size: 20px;
    font-weight: 600;
    color: #353535;
    line-height: 30px;
}

.program_heading h3 {
    float: left;
    padding: 10px 18px 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #06419f;
    line-height: 30px;
    border-right: 1px solid #c8c8c8;
}

/* Specialization list, shown as tag/pill chips instead of a plain
   pipe-separated line of links. The current page's own specialization
   keeps its existing inline color:red and just gets a highlighted pill. */
.program_heading h2.specialization-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 4px;
    line-height: normal;
    cursor: grab;
}

/* While the row is being click-dragged (see inner.js) — only actually
   scrollable when it overflows, i.e. on the small-screen breakpoint below,
   but harmless to set everywhere.
   NOTE: deliberately NOT disabling pointer-events on the pills here. The
   class is added on mousedown (before we know if this is a drag or a
   plain click), and pointer-events:none takes effect immediately — which
   killed the mouseup/click of every normal click, everywhere this
   component is used. inner.js already suppresses the click itself once a
   real drag is detected, so this only needs the cursor/selection styling. */
.program_heading h2.specialization-links.is-dragging {
    cursor: grabbing;
    user-select: none;
    scroll-behavior: auto;
}

.program_heading h2.specialization-links a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 11px;
    background: #f1f1f3;
    color: #4b4b4b;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: 0 2px 6px rgba(20, 10, 10, .06);
    transition: filter .2s ease, transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.program_heading h2.specialization-links a i {
    font-size: 10.5px;
}

.program_heading h2.specialization-links a:hover {
    filter: brightness(0.96);
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(20, 10, 10, .12);
}

/* One color per specialization — the same 8 colors on every program page
   (matched by each pill's own href, since it's always the same filename
   regardless of which page you're viewing it from), so "Finance" is
   always the same soft gold whether you're looking at it from mba.html
   or from HumanResource.html. Each pill is a light pastel tint with its
   icon + text in the matching saturated shade — a quiet chip rather than
   a loud flat-color button. */
.program_heading h2.specialization-links a[href$="mba.html"] {
    background: #f1f1f3;
    color: #4b4b4b;
}
.program_heading h2.specialization-links a[href$="mba-hrm-two-years.html"] {
    background: #fbe4ea;
    color: #c23a63;
}
.program_heading h2.specialization-links a[href$="Finance.html"] {
    background: #fdf1cf;
    color: #9c7a12;
}
.program_heading h2.specialization-links a[href$="HumanResource.html"] {
    background: #e3edfb;
    color: #2563a8;
}
.program_heading h2.specialization-links a[href$="Operation.html"] {
    background: #e2f5e5;
    color: #2f7d3a;
}
.program_heading h2.specialization-links a[href$="Business-Analytics.html"] {
    background: #fbe2e2;
    color: #9c3a4a;
}
.program_heading h2.specialization-links a[href$="mis.html"] {
    background: #ece3fb;
    color: #6b3fa0;
}
.program_heading h2.specialization-links a[href$="Health-Care-Management.html"] {
    background: #fde8db;
    color: #c1611d;
}

/* The active specialization (the page you're currently on) — switches to
   a solid dark maroon-to-gold gradient fill with a gold ring around it,
   instead of keeping its own pastel tint, so it reads unmistakably as
   "you are here" rather than just one more pill in the row. */
.program_heading h2.specialization-links a.active {
    background: linear-gradient(135deg, #7e0606, #b3123f);
    color: #ffffff;
    box-shadow: 0 0 0 3px #e8b430, 0 4px 12px rgba(20, 10, 10, .3);
}

.program_heading h2.specialization-links a.active:hover {
    filter: brightness(1.08);
    transform: translateY(-2px);
}

/* Card wrapper for the Program + Specialization rows on degree program
   pages — a clean stacked layout with a subtle lifted-card feel and a
   small red-accent eyebrow label above each row's content. */
/* Frosted-glass card — a translucent, blurred panel instead of the old
   flat mustard-gradient fill. Two soft maroon/gold blobs sit behind the
   content (clipped to the card's own rounded corners) so the blur/
   saturation actually has warm color to diffuse, rather than just
   blurring plain white page background into more plain white. */
.program-info-card {
    position: relative;
    isolation: isolate;
    background: linear-gradient(135deg, rgba(255, 255, 255, .62), rgba(255, 250, 240, .42));
    backdrop-filter: blur(18px) saturate(160%);
    -webkit-backdrop-filter: blur(18px) saturate(160%);
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 18px;
    padding: 24px 28px;
    box-shadow:
        0 18px 40px rgba(126, 6, 6, .10),
        inset 0 1px 0 rgba(255, 255, 255, .5);
    overflow: hidden;
}

/* Top accent stripe — a small signature detail instead of a plain flat
   card edge, echoing the maroon/gold pairing used across the site. */
.program-info-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #7e0606, #c9922e);
    z-index: 2;
}

/* The two color blobs, kept behind everything else in the card
   (z-index: -1 within the card's own isolated stacking context) and
   blurred well past their own edges so they read as a soft glow rather
   than a visible shape. */
.program-info-card::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        radial-gradient(220px 160px at 96% -10%, rgba(201, 146, 46, .40), transparent 70%),
        radial-gradient(260px 200px at -6% 120%, rgba(126, 6, 6, .28), transparent 70%);
    filter: blur(6px);
}

.program-info-card .program_heading {
    float: none;
    width: 100%;
    padding: 0;
    /* The legacy .program_heading h1 rule above still floats the title —
       without clearing it here, the specialization pill row (the next
       .program_heading) tucks in beside that leftover float instead of
       starting on its own full-width line, squeezing it into a narrow,
       multi-row mess on any page where the title doesn't happen to span
       the full card width. */
    clear: both;
}

/* .program-info-card .program_heading + .program_heading {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid transparent;
    border-image: linear-gradient(90deg, transparent, #e3d0d0 20%, #e3d0d0 80%, transparent) 1;
} */

/* Split layout — used on the MBA Overview page, where Program and
   Specialization sit side by side instead of stacked, since this page
   isn't "about" one specialization the way the other seven are. */
.program-info-card--split {
    /* display: flex; */
    align-items: flex-start;
    gap: 6px;
}

/* Quiet corner watermark — an echo of the same device used on the
   education-loan page's hero band, so the "pick a specialization" card
   reads as part of the same design language instead of a bare pill row.
   Not scoped to --split: every one of the 8 program pages gets the exact
   same header (this card only ever shows the Specialization row now,
   since the Program/badges row is commented out everywhere), so this
   applies to plain .program-info-card too. */
.program-info-card .pic-watermark {
    position: absolute;
    top: 50%;
    right: -6px;
    transform: translateY(-50%) rotate(-10deg);
    font-size: 96px;
    color: rgba(126, 6, 6, .06);
    z-index: 0;
    pointer-events: none;
}

.program-info-card .program_heading {
    position: relative;
    z-index: 1;
}
.program-info-card--split .program_heading {
    width: auto;
}
.program-info-card--split .program_heading:first-of-type {
    flex: 0 0 auto;
    max-width: 300px;
    padding-right: 16px;
    border-right: 1px solid transparent;
    border-image: linear-gradient(180deg, transparent, #e3d0d0 15%, #e3d0d0 85%, transparent) 1;
}
.program-info-card--split .program_heading:first-of-type h2 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.program-info-card--split .program_heading + .program_heading {
    flex: 1;
    min-width: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    border-image: none;
}

@media (max-width: 860px) {
    .program-info-card--split {
        flex-direction: column;
        /* Base rule sets align-items: flex-start for the desktop row
           layout — in column mode that's the horizontal (cross) axis, so
           left unset it shrinks each heading to its content width instead
           of the card's full width. That's what let the Specialization
           pill row balloon past the viewport once it stopped wrapping. */
        align-items: stretch;
        gap: 0;
    }
    .program-info-card--split .program_heading:first-of-type {
        max-width: none;
        width: 100%;
        padding-right: 0;
        padding-bottom: 18px;
        border-right: none;
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(90deg, transparent, #e3d0d0 20%, #e3d0d0 80%, transparent) 1;
    }
    .program-info-card--split .program_heading + .program_heading {
        margin-top: 18px;
        padding-top: 0;
    }
}

/* Small eyebrow icon — a graduation cap for the Program row, a stack icon
   for Specialization — set via generated content so no HTML edit is
   needed across the seven pages sharing this markup. */
.program-info-card .program_heading:first-of-type h3::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f19d";
    font-size: 11px;
    color: #c9922e;
    margin-left: 2px;
}
.program-info-card .program_heading:nth-of-type(2) h3::after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f5fd";
    font-size: 11px;
    color: #c9922e;
    margin-left: 2px;
}

.program-info-card .program_heading h3 {
    float: none;
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 0 8px !important;
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #7e0606;
    line-height: normal;
}

/* Program title line — just the specialization name now (the AICTE/
   MAKAUT/NAAC badges that used to sit inline with it were dropped as
   visual clutter, and the "Program"/"Choose Your Specialization" labels
   are gone too), so this single bold line with its own accent bar now
   carries the "where am I" context the labels used to. The "– 2 Yrs."
   tail is wrapped in .program-duration (see the 8 program pages) so it
   can be muted separately from the bold title text. */
.program-info-card .program_heading h1 {
    float: none;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    font-size: 17px;
    font-weight: 800;
    color: #7e0606;
    line-height: 1.3;
}

.program-info-card .program_heading h1::before {
    content: "";
    flex: 0 0 auto;
    width: 4px;
    height: 16px;
    background: linear-gradient(180deg, #7e0606, #c9922e);
    border-radius: 2px;
}

.program-info-card .program_heading h1 .program-duration {
    font-weight: 400;
    color: #6e6e6e;
}

/* The split card's own label sits above a left-aligned pill row rather
   than a centered stack, so left-align it to match instead of the
   centered heading the other seven (stacked-layout) pages use. */
.program-info-card .program_heading h3 {
    justify-content: flex-start;
    margin-bottom: 4px;
}

.program-info-card h3:before {
    content: "";
    width: 4px;
    height: 13px;
    background: linear-gradient(180deg, #7e0606, #c9922e);
    border-radius: 2px;
}

.program-info-card .program_heading h2 {
    float: none;
    padding: 0 !important;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #f2f2f2;
    line-height: 1.6;
}

/* Accreditation badges (AICTE / MAKAUT / NAAC) — each gets its own color
   instead of one flat blue pill, so the row reads as a set of distinct
   credentials rather than three identical tags. Works on both <a> (AICTE/
   MAKAUT link to their PDFs) and plain <span> (NAAC, no PDF to link to). */
.program-info-card .program_heading h2:not(.specialization-links) a,
.program-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    margin: 0 2px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    background: #eef3fb;
    border: 1px solid #d5e2f3;
    color: #06419f !important;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease;
}

.program-info-card .program_heading h2:not(.specialization-links) a:hover,
a.program-badge:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(6, 65, 159, .2);
}

.program-badge i {
    font-size: 11px;
}

.program-badge--aicte {
    background: #eaf1ff;
    border-color: #c7dcff;
    color: #0b57d0 !important;
}
.program-badge--aicte:hover {
    box-shadow: 0 4px 10px rgba(11, 87, 208, .22);
}

.program-badge--makaut {
    background: #e8f7f0;
    border-color: #b9ead4;
    color: #0f7a4d !important;
}
.program-badge--makaut:hover {
    box-shadow: 0 4px 10px rgba(15, 122, 77, .22);
}

.program-badge--naac {
    background: #fff6e0;
    border-color: #f3dfa0;
    color: #9a6b00 !important;
}
.program-badge--naac:hover {
    box-shadow: 0 4px 10px rgba(154, 107, 0, .22);
}

@media screen and (max-width: 480px) {
    .program-info-card {
        padding: 16px 18px;
    }

    .program-info-card .program_heading h2 {
        font-size: 15px;
    }
}


.box-shadow_col3 {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
}

.box-shadow_col3 ul {
    margin-left: -10px;
    margin-right: -10px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    /*justify-content: center;*/
}

.box-shadow_col3 ul li {
    width: 33.333%;
    height: auto;
    display: inline-block;
    padding: 20px 10px;
    box-sizing: border-box;
    position: relative;
}

.box-shadow_col3 ul li aside {
    width: 100%;
    height: 100%;
    display: block;
    padding: 20px 10px 20px 20px;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.14);
    border: 1px solid #e7e7e7;
    margin-top: 4px;
    border-radius: 4px;
    overflow: hidden;
}


.box-shadow_col3 ul li aside:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    background: #0080c9;
    height: 4px;
    width: 100%;
}

.box-shadow_col3 ul li aside h2 {
    font-size: 12px !important;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 18px;
    padding-bottom: 0px;
    float: none !important;
}

.box-shadow_col3 ul li aside h3 {
    font-size: 12px;
    font-weight: 600;
    color: #4e4e4e;
    line-height: 18px;
    padding-bottom: 5px;
}

.box-shadow_col3 ul li aside p {
    font-size: 12px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 18px;
}

.box-shadow_col3 ul li aside small {
    width: 100%;
    height: auto;
    display: block;
}

.box-shadow_col3 ul li aside small a {
    font-size: 12px;
    font-weight: 400;
    color: #0080c9;
    line-height: 18px;
}

.box-shadow_col3 ul li aside small a:hover {
    color: #000000;
}


.course_list {
    width: 100%;
    height: auto;
    float: left;
    display: block;
  
}

.course_list ul {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.course_list ul li {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    border-bottom: 1px solid #ffffff;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
}

.course_list ul li a span {
    position: absolute;
    right: 35px;
    top: 0;
    padding-left: 50px;
    padding-top: 0px;
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #cd3536;
    line-height: 30px;
    text-transform: uppercase;
}

.course_list ul li a span:after {
    content: '';
    width: 40px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    background: url(../images/pdf-icon2.jpg) left top no-repeat;
    font-size: 11px;
    font-weight: 400;
    color: #cd3536;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
}

.course_list ul li a span.link:after {
    content: '';
    width: 40px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0px;
    background: url(../images/link.jpg) left top no-repeat;
    font-size: 11px;
    font-weight: 400;
    color: #cd3536;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
}

.course_list ul li:last-child {
    border-bottom: 0px solid #e9e9e9;
    /* padding: 0 150px 35px 0; */
    box-sizing: border-box;
}

.course_list ul li a h3 {
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 15px;
    padding-left: 35px;
}

.course_list ul li a p {
    font-size: 18px;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    color: #120aa6;
    line-height: 24px;
    padding-left: 35px;
}

.course_list ul li a:hover p {
    color: #0056ae;
}


.logos_row {
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #dcdcdc;
    background: #FFFFFF;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 13px -3px rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: left;
}

.logos_row li {
    width: 33.33%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 40px 40px;
    box-sizing: border-box;
    text-align: center;
    height: 160px;
    position: relative;
}

/*.logos_row li.none_l{ border-right:0px solid #dcdcdc;}*/

.logos_row li:nth-child(3n+3) {
    border-right: 0px solid #dcdcdc;
}

.logos_row li img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.form-box_event {
    width: 200px;
    height: auto;
    float: left;
    display: block;
    padding-right: 10px;
    box-sizing: border-box;
}

.form-box_event strong {
    max-width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    padding-bottom: 20px;
}

.form-box_event2 {
    width: 225px;
    height: auto;
    float: left;
    display: block;
    padding-right: 10px;
    box-sizing: border-box;
}

.form-box_event2 strong {
    max-width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    padding-bottom: 20px;
}

.search-event_select {
    float: left;
    width: 100%;
}

.search-event_select select {
    background: #f6f6f6;
    border: 1px solid #e1e1e1;
    height: 44px;
    padding: 0 15px;
    font-size: 14px;
    color: #4e4e4e;
    width: 100%;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-style: normal;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .search-event_select select {
        padding-right: 18px;
    }
}

.search-event_select label {
    position: relative
}

.search-event_select label:after {
    width: 9px;
    height: 6px;
    text-indent: 5px;
    background: url(../images/select_dwn.png) no-repeat;
    content: '';
    /*content:'<>';*/
    font: 14px "Consolas", monospace;
    color: #4e4e4e;
    right: 10px;
    top: 5px;
    padding: 0 12px 0px 0px;
    /*border-bottom:1px solid #aeaeae;*/
    position: absolute;
    pointer-events: none;
    z-index: 9
}

/*IE 9 and above*/
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .search-event_select label:after {
        display: none;
    }

    .search-event_select label:before {
        display: none;
    }
}


.industry_classification {
    display: inline-block;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 20px 0;
    border-radius: 4px;
    text-align: center;
    padding: 20px !important;
}


.placement_contact_block {
    width: 50%;
    height: auto;
    float: left;
    display: block;
    padding: 50px 5%;
    box-sizing: border-box;
    border-right: 1px solid #e7e7e7;
}

.placement_contact_block.brd_r {
    border-right: 1px solid #e7e7e7;
}

.placement_contact_block h3 {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 18px;
    font-weight: 400 !important;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding-bottom: 20px;
}

.placement_contact_block p {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 10px;
}

.placement_contact_block span {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
    padding: 0 0 15px 60px;
    position: relative;
}

.placement_contact_block span strong {
    position: absolute;
    width: 60px;
    left: 0;
    right: 0;
    top: 0;
    font-size: 14px;
    font-weight: 400;
    color: #0056ae;
    line-height: 22px;
    font-style: normal;
    display: block;
}

.placement_contact_block span strong:after {
    content: ':';
    position: absolute;
    right: 10px;
    top: 0;
    width: 2px;
    height: 20px;
}

.placement_contact_block span a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
    font-style: normal;
}



.slider_shadow_box_slide {
    float: left;
    width: 100%;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
    margin: 40px 0;
    border-radius: 6px;
    padding: 20px;
}

.sports_manage_slider {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.sports_manage_slider li {
    padding: 0 10px;
}

.sports_manage_slider aside {
    width: 100%;
    float: left;
    display: block;
    padding-right: 30px;
    margin-bottom: 0px;
    box-sizing: border-box;
}

.sports_manage_slider aside:last-child {
    padding-right: 0px;
}

.sports_manage_slider aside span {
    width: 100%;
    height: 100%;
    float: left;
    display: block;
    background: #f7f8f8;
}

.sports_manage_slider aside span i {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    line-height: 0;
}

.sports_manage_slider aside span i img {
    width: 100%;
}

.sports_manage_slider aside small {
    width: 100%;
    float: left;
    display: block;
    padding: 10px 10px 10px 10px;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #4e4e4e;
    line-height: 22px;
}

.sports_manage_slider.students-view {
    margin-top: 20px;
}

.sports_manage_slider.students-view li {
    width: 100%;
    border-bottom: 1px solid #0056ae;
    margin-bottom: 20px;
    display: flow-root;
}

.sports_manage_slider.students-view li:first-child {
    border-bottom: unset;
    margin-bottom: unset;
}

.sports_manage_slider.students-view li span {
    display: block;
}

.sports_manage_slider.students-view li span p {
    padding-bottom: 15px;
}

.sports_manage_slider.students-view li span:first-child {
    padding-right: 20px;
    float: left;
}

.sports_manage_slider.students-view li span img {
    width: 150px;
    border-radius: 5px;
}


.sports_manage_slider.fsm-glimpses li {
    width: 100%;
    text-align: center;
}

.sports_manage_slider.fsm-glimpses li h3 {
    text-align: left;
    padding-top: 10px;
}

.sports_manage_slider.fsm-glimpses li p {
    text-align: left;
}

.sports_manage_slider.fsm-glimpses li i img {
    width: 100%;
    max-width: 570px;
}


.pagination {
    padding: 20px;
    margin-bottom: 20px;
    float: left;
    width: 100%;
    text-align: center
}

.pagination a {
    display: inline-block;
    padding: 3px 12px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .8), 0px 1px 3px rgba(0, 0, 0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
}



.pagination span {
    display: inline-block;
    padding: 3px 12px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #0056ae;
    background: #0056ae;
    box-shadow: none;
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    text-shadow: none;
}

.pagination a:hover,
.pagination a.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}

.pagination a.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0, 0, 0, .5), 0px 1px 0px rgba(255, 255, 255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
}

.tenders .row_shadow_block {
    border: 0px solid #ebebeb !important;
    box-shadow: none !important;
}

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

    .industry_classification img {
        max-width: 100%;
    }

    .slider_management li {
        padding: 36px 10px 40px !important;
    }

    .slider_management li h3 {
        font-size: 17px;
        line-height: normal;
    }

    .schedule_block-box aside ul.col2 li {
        width: 100%;
    }

    .row_block-box aside {
        width: 100%;
    }

    .or_box ul li {
        float: left;
        width: 100%;
        padding: 60px 100px;
        text-align: center;
    }
}

@media screen and (max-width:980px) {
    .list_box_shadow li {
        width: 100%;
    }

    .slider_management .video_prev {
        left: -12px;
    }

    .slider_management .video_next {
        right: -12px;
    }

    .row_block-box aside {
        padding: 35px 7%;
        width: 100%;
    }


}

@media screen and (max-width:580px) {
    .list_box_shadow li {
        width: 100%;
    }

    .row_block-box aside {
        width: 100%;
        float: left;
        display: block;
        padding: 35px 7%;
        box-sizing: border-box;
        border-right: 1px solid #e4e4e4;
    }

    .row_block-box .shadow_block_gap li {
        width: 100%;
    }

    .list_img_shadow li {
        width: 50%;
    }

    .or_box ul li {
        width: 100%;
        padding: 60px 10px;
    }

    .slider_management .video_prev {
        left: 0px;
    }

    .slider_management .video_next {
        right: 0px;
    }

    .list_shadow_box aside {
        padding: 36px 30px 72px !important;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        width: 100%;
    }

    .list_shadow_box aside.half {
        width: 100%;
    }

    .box-shadow23 ul li {
        width: 100% !important;
    }

    .list-3row li {
        width: 100%;
        border-right: 0px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;
    }

    .list_bullet li {
        width: 100%;
    }

    .program_heading h2 {
        float: left;
        padding: 10px 0px 10px 0px;
        font-size: 20px;
        font-weight: 600;
        color: #000000;
        line-height: 30px;
        width: 100%;
    }

    /* On small screens the pill row no longer wraps to several lines —
       it scrolls horizontally in one line instead, so the card doesn't
       grow tall with pill rows. justify-content stays flex-start here
       (overriding the centered desktop rule) — centering an overflowing,
       scrollable row makes the scroll position start awkwardly mid-content
       instead of at the first pill. */
    .program_heading h2.specialization-links {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 8px;
        margin: 0 -2px;
    }

    .program_heading h2.specialization-links::-webkit-scrollbar {
        height: 4px;
    }

    .program_heading h2.specialization-links::-webkit-scrollbar-thumb {
        background: #d8b9b9;
        border-radius: 4px;
    }

    .program_heading h2.specialization-links a {
        padding: 5px 12px;
        font-size: 12px;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .program_heading h3 {
        float: left;
        padding: 0px 18px 10px 0;
        font-size: 16px;
        font-weight: 600;
        color: #06419f;
        line-height: 30px;
        border-right: 0px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
    }

    .schedule_block-box aside {
        width: 100%;
    }

    .schedule_block-box aside ul.col2 li {
        width: 100%;
    }

    .logos_row li {
        width: 100%;
        border-right: 0px solid #dcdcdc;
    }

    .form-box_event {
        width: 100%;
    }

    .form-box_event2 {
        width: 100%;
    }

    .placement_contact_block {
        width: 100%;
        height: auto;
        float: left;
        display: block;
        padding: 50px 5%;
        box-sizing: border-box;
        border-right: 0px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

    .co2content_info .left_con {
        width: 100%;
    }

    .box-shadow_col3 ul li {
        width: 100%;
    }

    .co2content_info .right_con {
        width: 100%;
        margin-bottom: 20px;
    }

    .location-box aside:first-child {
        width: 100%;
    }

    .location-box aside:last-child {
        width: 100%;
    }


    .sports_manage_slider.students-view li {
        flex-wrap: wrap;
    }

    .sports_manage_slider.students-view li span:first-child {
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width:400px) {
    .program_heading h2 {
        font-size: 17px;

    }
}