.sub-page{
   background-color: #fff; 
}

/*-------------------------- Hero Section Start here ---------------------------------*/


.sub-page.press-room { background-color: #f2f4f8; }
.sub-page.press-room .header-section { padding-top: 120px; padding-bottom: 90px; }
.sub-page.press-room .header-section .breadcrumbs { /*padding-bottom: 48px;*/ }
.sub-page.press-room .header-section .breadcrumbs .breadcrumbs-title { font-size: 20px; font-weight: 500; color: #1c5af4; padding-bottom: 35px; padding-left: 5px; }
.sub-page.press-room .header-section .breadcrumbs .breadcrumbs-title span { background-color:#1c5af4; width: 2px; height: 19px; display: inline-block; margin-right: 9px; }

.news-sec { background-color: #ffffff; border-bottom: 1px solid #e2e2e8; padding-top: 57px; padding-bottom: 99px; }
.news-sec .heading { font-size: 30px; font-weight: 500; color: #0b0b29; padding-left: 20px; padding-bottom: 19px; }
.news-sec .tab-content-sec { margin-left: 5px; }

/* Basic styling for the tabs */
.tabs { display: flex; cursor: pointer; /*background-color: #f1f1f1; padding: 10px; justify-content: space-around;*/ }
.tab { font-size: 15px; font-weight: 500; color: #0b0b29; padding: 6px 16px 6px 17px; margin: 0 5px 0 0px; border-radius: 15px; line-height: 18px; }
.tab.active-tab { background-color: #305eff; color: #ffffff; }
.tab:hover { background-color: #305eff; color: #ffffff; }

/* Tab content area */
.tab-content { display: none; /*padding: 20px; background-color: #f9f9f9; border: 1px solid #ddd;*/ margin-top: 47px; }

/* Show the active tab content */
.active-tab-content { display: block; }

/* Active tab styling */
.active-tab { background-color: #2196F3; color: white; }

.news-content.last { border-width: 0px; margin: 0px; padding: 0px; }
.news-content { border-bottom: 1px solid #e2e2e8; padding-bottom: 25px; display: flex; justify-content: space-between; margin-bottom: 26px; column-gap: 20px; }
.news-content .date { font-size: 15px; font-weight: 400; color: #6b7c93; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 176px; }
.news-content .date a { color: #6b7c93; }
.news-content .date a:hover { opacity: 0.7; }
.news-content .date span { width: 2px; height: 13px; background: #007eff; display: inline-block; margin-right: 16px; }
.news-content .news { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; }
.news-content .news a:hover { opacity: 0.7; }

.news-content .moreBtn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 150px; }
.news-content .moreBtn a.primaryBtn{ display: inline-block; font-size: 15px; font-weight: 500; border-radius: 4px; background-color: #1c5af4; color: #fff; padding: 8px 21px 8px 15px; }
.news-content .moreBtn a.primaryBtn:link svg{ position: relative; top: 0px; left: 8px; fill: none; stroke-linecap: round; stroke-linejoin: round; stroke: #fff; stroke-width: 2; transform: translateX(-3px); transition: all .3s ease; }
.news-content .moreBtn a.primaryBtn:hover svg{ transform: translateX(0); }

.news-content .news .primary-text { font-size: 15px; font-weight: 400; color: #000000; }
.news-content .news .secondary-text { font-size: 14px; font-weight: 400; color: #6b7c93; line-height: 25px; }

.owl-carousel .item { display: flex; justify-content: space-between; column-gap: 20px; }
.owl-carousel .item div { width: 50%; }

.owl-carousel .item .heading { font-size: 35px; font-weight: 500; color: #0b0b29; line-height: 45px; padding-left: 21px; padding-right: 30px; }
.owl-carousel .item .heading a.moreLink {transition: 0.3s all ease-out; font-size: 15px; font-weight: 400; color: #1c5af4; line-height: 23px; display: block; margin-top: 20px; position: relative; display: block; }
.owl-carousel .item .heading a.moreLink:hover{ opacity: 0.7; }

.owl-carousel .item .heading a.moreLink::before { content: ''; color: #305eff; position: absolute; left: 81px; top: 9px; border: solid #1c5af4; border-width: 0px 0px 2px 2px; display: inline-block; padding: 3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.owl-carousel .item .hero-image { margin-top: 15px; }

@media (max-width: 767.98px) {	
	.sub-page.press-room .header-section { padding-top: 100px; padding-bottom: 40px; min-height: auto; }
	.sub-page.press-room .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 20px; }	
	.tabs { overflow-y: scroll; padding-bottom: 15px; }
	.tab-content { margin-top: 25px; }
	.news-sec { padding-top: 30px; padding-bottom: 50px;}
	.news-content { display: block; padding-bottom: 65px; }
	.news-content .date { max-width: 100%; padding-bottom: 8px; }
	.news-content .news { padding-bottom: 8px; }	
	.owl-carousel .item { display: block; }
	.owl-carousel .item div { width: 100%; }
	.owl-carousel .item .heading { font-size: 20px; line-height: 30px; padding-bottom: 5px; }
	.owl-carousel .item .heading a.moreLink { margin-top: 10px;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.sub-page.press-room .header-section { padding-top: 100px; padding-bottom: 40px; min-height: auto; }
	.sub-page.press-room .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 20px; }
	.owl-carousel .item .heading { font-size: 25px; line-height: 35px; padding-bottom: 5px; }
}

/*-------------------------- Hero Section Ends here ---------------------------------*/

/*====================================================
Extra Small =   xs  =   0px - 767px
Small       =   sm  =   768px - 991px
Medium      =   md  =   992px - 1199px
Large       =   lg  =   1200px and up
=========================================================*/

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}


/* SM */

@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px)  and (max-width: 1199.98px) {}