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

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

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

.sub-page.pr-article .header-section .breadcrumbs a.backlink { float: right; font-size: 15px; color: #0b0b29; font-weight: 400; display: inline-block; }

.sub-page.pr-article .header-section .item { display: flex; justify-content: space-between; column-gap: 20px; }
.sub-page.pr-article .header-section .item div { width: 50%; }
.sub-page.pr-article .header-section .item .heading { font-size: 35px; font-weight: 500; color: #0b0b29; line-height: 45px; padding-left: 21px; padding-right: 30px; }
.sub-page.pr-article .header-section .item .heading .secondary-text { font-size:14px; font-weight: 400; color: #6b7c93; line-height: 23px; display: block; margin-top: 19px; }
.sub-page.pr-article .header-section .item .hero-image { margin-top: 15px; }
.sub-page.pr-article .header-section .item .hero-image img { display: block; width: 100%; }


.pr-content-sec { background-color:#ffffff; border-bottom: 1px solid #e2e2e8; }
.pr-content-sec .container .content-sec { padding-top: 63px; display: flex; padding-bottom: 37px; margin-left: 5px; }

.pr-content-sec .container .content-sec .date-sec { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 196px; font-size: 15px; color: #6b7c93; font-weight: 400; }
.pr-content-sec .container .content-sec .date-sec span { width: 2px; height: 13px; background: #007eff; display: inline-block; margin-right: 16px; }

.pr-content-sec .container .content-sec .content-text { font-size: 15px; color: #000000; font-weight: 400; line-height: 24px; flex: 1 1 100%; }
.pr-content-sec .container .content-sec .content-text p { margin-bottom: 24px; }
.pr-content-sec .container .content-sec .content-text h2 { font-size: 16px; margin-bottom: 5px; }

/*@media (max-width:576px) {*/
@media (max-width: 767.98px) {
	
	.sub-page.pr-article .header-section { padding-top: 100px; padding-bottom: 30px; min-height: auto; }
	.sub-page.pr-article .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 20px; }
/*	.sub-page.pr-article .header-section .heading { font-size: 20px; line-height: 30px; padding-bottom: 5px; }*/
	
	
	.sub-page.pr-article .header-section .item { display: block; }
	.sub-page.pr-article .header-section .item div { width: 100%; }
	.sub-page.pr-article .header-section .item .heading { font-size: 20px; line-height: 30px; padding-bottom: 5px; }
	.sub-page.pr-article .header-section .item .heading .secondary-text { margin-top: 10px; }
	
	.pr-content-sec .container .content-sec { display: block; }	
	.pr-content-sec .container .content-sec { padding-top: 30px; padding-bottom: 20px; }
	.pr-content-sec .container .content-sec .date-sec { width: 100%; max-width: 100%; padding-bottom: 10px; }
	.pr-content-sec .container .content-sec .content-text { text-align: justify; }	
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.sub-page.pr-article .header-section { padding-top: 100px; padding-bottom: 40px; min-height: auto; }
	.sub-page.pr-article .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 20px; }
	.sub-page.pr-article .header-section .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) {}