.rounded-top-corners {
	border-top-left-radius: 30px; 
	border-top-right-radius: 30px;
}
.rounded-all-corners {
	border-radius: 20px; 
	overflow: hidden; /* ensures content inside respects rounding */
}
.staticBanner .bannerTitle{
	font-size:70px;
	font-family: 'Elza Text Bold';
    color: #606060;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.staticBanner{
	position:relative;
}
.staticBanner .col-12 {
	padding: 0;
}
.staticBanner .imgcontainer img {
	width:100%;
}
.subHeading{
	font-family:'Elza Text Bold';
	font-size:30px;
	color:#606060;
	margin-bottom:0;
}
.gridCardCol{
	margin-bottom:20px;
}
.customGroup .prepend .form-control {
    padding-left: 52px;
}
.customGroup .prepend {
    position: relative;
}
.customGroup .prepend .imgIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.viewmoreAction .btn-link {
    font-size: 14px;
    color: #606060;
    margin-top: 20px;
}
.viewmoreAction .btn-link:hover, .viewmoreAction .btn-link:focus {
    color: #606060;
}
.viewmoreAction .btn-link i{
    margin-left:12px;
}
.contentList {
    color: #606060;
    list-style: none;
    padding: 0;
    font-size: 14px;
	column-count:3;
	margin-top:16px;
}
.contentList li{
    margin-bottom:16px;
	position:relative;
	padding-left:20px;
}
.contentList li::before{
    content:'';
	position:absolute;
	top:6px;
	left:0;
	width:10px;
	height:10px;
	background:#74A333;
	border-radius:50%;
}
.filterAction {
    margin-top: 30px;
}
.headerGrp h5 {
    font-size: 20px;
    color: #606060;
    margin-top: 10px;
	margin-bottom:0;
}
.storySecRow{
	padding:0 40px;
}
.separator {
    border-bottom: 2px dashed rgb(96 96 96 / 20%);
    margin: 16px 0;
}
.btn-tertiary {
    background: #AFD679 !important;
	border-color: #AFD679 !important;
    border-radius: 10px;
    outline: none !important;
    box-shadow: none !important;
    padding: 4px 4px;
}
.btn-tertiary:hover, .btn-tertiary:focus {
    background: #AFD679;
	border-color: #AFD679;
    opacity:0.8;
}
.btn-outline-primary {
    color: #0075A9;
	border:1px solid #0075A9;
    font-size: 18px;
    font-family: 'Elza Text Bold';
    border-radius: 32px;
    padding: 10px 28px;
}
    .btn-outline-primary:focus, .btn-outline-primary:hover {
        color: #fff;
        border: 1px solid #0075A9;
        border-radius: 32px;
        background: #0075A9;
    }

.storySec {
    padding: 0 0 50px 0;
}

.storyCard {
    border-radius: 52px;
    position: relative;
    overflow: hidden;
}

    .storyCard::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( to bottom, rgba(0,0,0,0) 45%, rgba(0,0,0,0.80) 100% );
        z-index: 1;
        pointer-events: none;
    }

	.storyCard .storybgImg {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
		transition: transform .6s ease;
	}
	.storyCard:hover .storybgImg {
		transform: scale(1.05);
	}
    .storyCard .storyContent {
        background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%);
        color: #fff;
        padding: 50px 50px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        width: 100%;
    }
.storyContent .title {
    background: #AFD679;
    color: #000;
    border-radius: 15px;
    font-size: 13px;
    font-family: 'Elza Text Bold';
    padding: 6px 24px;
    margin-bottom: 15px;
    display: inline-flex;
}
.storyContent .btn-primary {
    padding: 6px 16px;
    font-size: 14px;
}
.storyContent .storyHeading {
    color: #fff;
    font-size: 30px;
    font-family: 'Elza Text Bold';
    margin-bottom: 15px;
}
.storyContent .storyDesc {
    font-size: 18px;
    margin-bottom: 18px;
}
.storyContent .storyTime {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 18px;
	font-size:12px;
}
.storyContent .storyTime li {
    display: inline-flex;
    align-items: center;
	margin-right:20px;
}
.storyContent .storyTime li:last-child {
    margin-right:0px;
}
.storyContent .storyTime li .imgIcon {
    display: inline-flex;
	margin-right:6px;
}
.storyContent a.btn-link {
    color: #fff !important;
    display: inline-flex;
    margin-top: 0;
}
.storyContent a.btn-link .imgIcon{
	display: inline-flex;
}
.storyAsideCardCol .storyContent .storyHeading {
    font-size: 14px;
    margin-bottom: 10px;
}
.storyAsideCardCol .storyContent .storyDesc {
    font-size: 12px;
    margin-bottom: 10px;
}
.storyAsideCardCol .storyContent a.btn-link {
    font-size:14px;
}
.storyAsideCardCol .storyCard .storyContent {
    color: #fff;
    padding: 28px 28px;
}
.storyAsideCardCol .storyCard{
	margin-bottom:24px;
	height: calc(50% - 12px);
}
.storyAsideCardCol .storyCard:last-child{
	margin-bottom:0px;
}
.newsBlogsSec {
    background: #F7F7F7;
}
.newsSliderSec .newsName {
    color: #015C98;
}
.newsSliderSec .newscontent {
    color: #000;
}

.classesSlider .micIcon {
	position:absolute;
	left:25px;
	top:25px;
}
.classesSlider .micIcon img{
	max-width: 50px;
}
.classesSliderSec .content {
/*    padding: 20px 24px 24px 24px;
    min-height: 268px;*/
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.classesSlider .imgContainer {
	height: 204px;
}
.classesSliderSec .content .desc {
	font-size: 13px;
	color: #000000;
	margin-bottom: 12px;
}
.classesEventSec .btn-outline-primary {
    background: #fff;
}
.classesEventSec .btn-outline-primary:hover, .classesEventSec .btn-outline-primary:focus {
    background: #0075A9;
}
.bg-blue{
	background:#E5F7FF;
}
.newsSlider .auth {
    color: #606060;
    font-size: 12px;
    font-family: 'Elza Text Bold';
    margin-bottom: 10px;
    display: block;
}
.bg-blue .newsSliderSec .content {
    min-height: 245px;
}
.videoSec{
	background:#F7F7F7;
	padding:60px 0 52px 0;
}
.videoWrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	overflow: hidden;
	border-radius: 30px;
	background: #000;
}
	.videoWrapper iframe {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}
.videowrapper .videoInnerSec{
    width: 100%;
	position:relative
}
.videowrapper .videoInnerSec video{
	width:100%;
	max-height:432px;
	border-radius: 32px;
    overflow: hidden;
}
.videowrapper .videoInnerSec .playBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
	cursor:pointer;
}
.videoInnerSec:hover .playBtn img {
	opacity: .85;
}
.videowrapper .videoContent .title {
    margin: 15px 0;
	font-size: 50px;
    font-family: 'Elza Text Bold';
    line-height: 1.2;
}
.videowrapper .videoContent .desc {
    color:#212721;
	font-size:18px;
	margin-bottom:20px;
}
.videowrapper .videoContent .date {
    font-size: 12px;
    display: flex;
}
.videowrapper .videoContent .date .imgIcon {
    margin-right: 5px;
	display: inline-flex;
    margin-top: -2px;
}
.videowrapper {
	margin-bottom:15px;
}
.multiVideoWrapperCol .videowrapper .videoInnerSec video {
    max-height: 170px;
	border-radius:0;
	
}
.multiVideoWrapperCol .videowrapper .videoInnerSec .playBtn {
    max-width: 50px;
}
.multiVideoWrapperCol .videowrapper{
	background:#fff;
	margin-bottom:35px;
	border-radius: 32px;
}
.multiVideoWrapperCol .videowrapper:last-child{
	margin-bottom:0px;
}
.multiVideoWrapperCol .videowrapper .videoContent h3.title{
	font-size:20px;
	color:#015C98;
	margin-bottom:6px;
	font-family: 'Elza Text Bold';
}
.multiVideoWrapperCol .videowrapper .videoContent{
	padding:12px 20px 20px 20px;
}
.videowrapper .badge {
    background: #AFD679;
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 13px;
    font-family: 'Elza Text Bold';
    color: #000;
    border-radius: 15px;
    padding: 8px 24px;
}
.videoSec .sectionTitle {
    margin-bottom: 42px;
}
.videoSecRow{
	padding:0 40px;
}
.mobileVideoParentWrapper{
	display:none;
}

#videoModal .modal-content {
	background: transparent;
	box-shadow: none;
}
#videoModal .btn-close {
	opacity: 1;
}
	#videoModal .btn-close:focus {
		box-shadow: none;
	}
#videoModal .modal-dialog {
	max-width: 1100px;
}
@media(min-width:768px){
	.slick-slider .slick-next {
		right: 40px;
		top: -80px;
		transform: unset;
	}
	.slick-slider .slick-prev {
		left: unset;
		right: 96px;
		top: -80px;
		transform: unset;
	}
	.staticBanner .bannerTitle {
		white-space: nowrap;
	}
}
@media(min-width:992px){
	
}
@media(min-width:1366px){
	


}
@media(min-width:1440px){
	
}
@media(min-width:1536px){
	
}
@media(min-width:1600px){
	
}
@media(min-width:1920px){
	
}
@media(min-width:2560px){
	
}



@media(max-width:1600px){
	
}
@media(max-width:1532px){
	
}
@media(max-width:1440px){
	
}
@media(max-width:1366px){
	.classesSlider .classesName {
        min-height: unset;
    }
}
@media(max-width:1280px){
	
}
@media(max-width:1200px){
	
}
@media(max-width:1199px){
	.staticBanner .bannerTitle {
        font-size: 50px;
    }
	.breadcrumbRow {
		padding: 0 15px;
	}
	.videoSecRow{
		padding:0 30px;
	}
	.storySecRow{
		padding:0 30px;
	}
	.filterKeywordSec {
		margin-bottom: 30px;
	}
	.gridCard .title {
		font-size: 18px;
	}
	.subHeading {
		font-size: 26px;
	}
	.storyContent .storyHeading {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.storyContent .storyDesc {
		font-size: 16px;
		margin-bottom: 10px;
	}
	.storyAsideCardCol .storyCard .storyContent {
		color: #fff;
		padding: 24px 24px;
	}
	.storyContent .title {
		margin-bottom: 10px;
	}
	.storyAsideCardCol .storyContent a.btn-link {
		font-size: 12px;
	}
	.storyAsideCardCol .storyContent .storyDesc {
		margin-bottom: 4px;
	}
	.storyAsideCardCol .storyContent .storyHeading {
		font-size: 13px;
		margin-bottom: 6px;
	}
	.multiVideoWrapperCol .videowrapper .videoContent h3.title {
		font-size: 18px;
	}
	.multiVideoWrapperCol .videowrapper .videoContent {
		padding: 4px 15px 15px 15px;
	}
	.storyContent .title {
		padding: 4px 16px;
	}
	.bg-blue .newsSliderSec .content {
		min-height: 285px;
	}
	
}
@media(max-width:1024px){
	
	
}
@media(max-width:1023px){
	
	.subSectionTitle {
		font-size: 24px;
	}	
	.btn-outline-primary{
		font-size: 16px;
	}
	.classesSlider .imgContainer {
        height: 150px;
    }
	.videowrapper .videoContent .title {
		margin: 8px 0;
		font-size: 28px;
	}
	.classesSlider {
		margin-bottom: 18px;
	}
	.storySec, .newsBlogsSec, .classesEventSec, .videoSec {
		padding: 40px 0 40px 0;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
        top: -74px;
	}
}
@media(max-width:992px){
	
}
@media(max-width:991px){
	.staticBanner .bannerTitle {
        font-size: 24px;
    }
	.subHeading {
		font-size: 24px;
	}
	.filterAction {
		margin-top: 50px;
	}
	.breadcrumbRow {
		top: 12px;
		margin-bottom: 12px;
	}
	.storySec, .newsBlogsSec, .classesEventSec, .videoSec {
		padding: 30px 0 30px 0;
	}
	.storyCard .storyContent {
		padding: 30px 30px;
	}
	.storyCard {
		margin-bottom: 20px;
	}
	.storyContent .storyHeading {
        font-size: 20px;
	}
	.storyAsideCardCol .storyContent .storyHeading {
        font-size: 20px;
        margin-bottom: 10px;
    }
	.storyAsideCardCol .storyContent .storyDesc {
        font-size: 16px;
        margin-bottom: 10px;
    }
	.storyAsideCardCol .storyContent a.btn-link {
        font-size: 16px;
    }
	.storyAsideCardCol .storyCard .storyContent {
        color: #fff;
        padding: 30px 30px;
    }
	.newsSliderSec .content {
		padding: 20px 20px;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
        top: -60px;
    }
	.videowrapper {
		margin-bottom: 20px;
	}
	.multiVideoWrapperCol .videowrapper .videoInnerSec video {
		border-radius: 0;
		border-top-left-radius: 32px;
		border-top-right-radius: 32px;
		object-fit: cover;
	}
	.bg-blue .newsSliderSec .content {
        min-height: 254px;
    }
	.classesSlider .imgContainer {
        height: 174px;
    }
	.videowrapper .videoContent .title {
        font-size: 20px;
    }
	.videowrapper .videoContent .desc {
		font-size: 16px;
	}
}
@media(max-width:768px){
	
	
}
@media(max-width:767px){
	.staticBanner .bannerTitle {
        font-size: 20px;
    }
	.breadcrumb a {
		font-size: 14px;
	}
	.breadcrumb-item+.breadcrumb-item::before {
		margin: 6px 6px;
	}
	.breadcrumbRow {
        top: 4px;
        margin-bottom: 4px;
    }
	.storyContent .storyHeading, .storyAsideCardCol .storyContent .storyHeading {
        font-size: 18px;
    }
	.storyContent .storyDesc, .storyAsideCardCol .storyContent .storyDesc {
        font-size: 14px;
	}
	.slick-slider .slick-prev, .slick-slider .slick-next {
        top: 50%;
        transform: translateY(-50%);
    }
	.newsSliderSec .content {
		min-height: unset;
	}
	.classesSlider .imgContainer {
        height: unset;
    }
	.classesSliderSec .content {
		padding: 20px 20px;
		min-height: unset;
	}
	.videoSec .sectionTitle {
		margin-bottom: 24px;
	}
	.newsSliderSec .newsName {
        font-size: 16px;
    }
	.mobileVideoParentWrapper{
		display:block;
	}
	.singleVideoWrapperCol, .multiVideoWrapperCol{
		display:none;
	}
	.videoSec .slick-next, .videoSec .slick-next{
        right: -22px;
    }
	.videoSec .slick-prev, .videoSec .slick-prev {
        left: -22px;
    }
	.classesSlider .slick-next, .newsSlider .slick-next {
        right: -5px;
    }
	.classesSlider .slick-prev, .newsSlider .slick-prev {
        left: -5px;
    }
	.videowrapper .videoContent .title, .videowrapper .videoContent h5 {
        font-size: 18px;
        color: #606060;
    }
	.videowrapper .videoContent .desc, .videowrapper .videoContent .date {
        color: #606060;
    }
	.videowrapper .videoInnerSec video {
        width: 100%;
        min-height: 240px;
        max-height: 240px;
        border-radius: 0;
		object-fit: cover;
    }
	.videowrapper {
        overflow:hidden;
		border-radius: 32px;
    }
	.videowrapper .videoContent {
		padding: 20px 20px;
	}
	.videoSecRow{
		padding:0 15px;
	}
	.storySecRow{
		padding:0 15px;
	}
	.classesSliderSec, .newsSliderSec{
		margin-left:0;
		margin-right:0;
	}
}
@media(max-width:576px){
	.subHeading {
        font-size: 18px;
    }
	.title, .sectionTitle {
        font-size: 18px;
    }
}
@media(max-width:575px){
	
}
@media(max-width:480px){
	
	
}
@media(max-width:420px){
	
	
}
@media (max-width:380px){
	
	
}