.cont_section{padding:1.6rem;}
.breadcrumb{margin-bottom:1rem; padding:1rem;background:#fff9f0; border-left: 5px solid var(--bgPrimary); color:#000; font-size:1.5rem;}
.breadcrumb a{color:var(--bgPrimary); font-weight:500}
.breadcrumb a:hover{border-bottom:1px solid var(--bgPrimary)}
.breadcrumb i{color:var(--bgPrimary);margin:0 0.8rem;}
.online_app_form{padding:1rem; height:60rem; margin-bottom:2rem; font-size:1.6rem; background:#e44620;}
.online_app_form input{width:fit-content;}
.online_app_form input[type="checkbox"]{width:fit-content !important;}
.online_app_form span{line-height:2.5rem !important;font-size:1.4rem; font-weight:400}
.banner_img{margin-bottom:1rem;}
h1{font-size:2.5rem; font-weight:500; color:var(--bgPrimary); margin-bottom:1.6rem; line-height:3.5rem;}

.blog_content{font-size:1.6rem; line-height:2.4rem; margin-bottom:2rem;}
.blog_content h2, .blog_content h3{font-size:2.2rem; font-weight:600; margin-bottom:1.6rem; border-left: 5px solid var(--bgPrimary); padding:0.5rem 1rem; background:#fff9f0;}
.blog_content h3{font-size:2rem;}
.blog_content span{font-size:1.7rem; font-weight:500;}
.blog_content a{color:var(--bgPrimary);}
.blog_content a:hover{border-bottom:1px solid var(--bgPrimary);}
.blog_content p, .blog_content ul{margin-bottom:1.6rem;}
.blog_content ol{margin:0 0 3rem 3rem;  list-style-type:decimal;}
.blog_content ol li{margin-bottom:1rem; list-style-type:decimal; padding-left:1rem}
.blog_content ol ::marker{color:var(--accentCol); font-weight:600; font-size:2rem}

.blog_content ul li{position:relative; margin-left:2.5rem}
.blog_content ul li:before{position:absolute; font-family:FontAwesome; content:"\f0da";display:inline-block; vertical-align: middle; color:#d62f03; left:-2.5rem;}

.cTable{overflow:hidden; overflow-x:auto; margin-bottom:3rem;}
.cTable table{border-collapse:collapse; width:96rem; line-height:3rem;}
.cTable table th, .cTable table td{border-collapse:collapse; border:1px solid #d0d2d7; padding:1rem;}
.cTable table th{background:var(--bgPrimary); font-weight:500; font-size:1.8rem; padding:1.6rem 1rem; color:#fff !important; }
.cTable table td p, .cTable table td ul, .cTable table td ol{margin-bottom:0}
.cTable table td img{width:5rem; margin:auto;}

.blog_wrapper{display:none; justify-content:center; align-items:center; flex-direction:column; gap:2rem; font-size:16px; color:var(--bgPrimary); text-align:center; margin-bottom:2rem;}
.blog_box{display:flex; align-items:center; flex-direction:column; gap:15px;background:#fff9f0;padding:2px 2px 1rem; border-radius:2px; color:black; line-height:3rem}
.blog_box a{font-weight:500;color:var(--bgSecondary);}
.blog_box p{padding:0 2rem}
.blog__heading{display:none;font-size:2rem; font-weight:500; color:#fff; padding:0.5rem 1rem; background:var(--bgPrimary); width:max-content; border-radius:4px; margin:0 auto 2rem;}

.blogList{margin-bottom:4rem;}
.blogList ul{display:grid; gap:2rem;}
.blogList li{padding-bottom:2rem; border-bottom:1px dotted #d62f03}
.blogBox{box-shadow:0 0 5px #666; padding:0 0 2rem}
.blogBox p{font-size:1.4rem; padding:0 1rem; line-height:2.5rem;}
figure{margin-bottom:1.5rem; line-height:2.5rem; font-size:1.5rem}
figcaption{padding:1rem 1rem 0}
figcaption i{margin-right:7px}
figcaption a{color:#000 !important;}
figcaption h2, figcaption h3, figcaption h4{font-size:1.6rem; font-weight:500} 
figcaption a{color:#000; text-transform: capitalize;}
figcaption small{font-size:1.4rem;color:#555}
figcaption small a{color:#183a8f}

/* Pagination */
.pagination{display:flex; justify-content: center; gap:1rem; align-items:center;}
.pagination li a{width:auto; display:inline-block; padding:5px 1rem; background:var(--bgPrimary); color:#fff; transition: all 0.5 ease;}
.pagination li a:hover{background:#222;}
.pagination li.pselected b{width:auto; display:inline-block; padding:5px 1rem; background:#222; color:#fff;}

@media only screen and (min-width:480px)
	{
		.blogList ul{gap:4rem}
		.blogList li{padding-bottom:4rem}
		.blogBox p{padding:0 2rem;}
		figcaption{padding:1rem 2rem 0}
	}

@media only screen and (min-width:768px)
	{	
		.online_app_form{height:52rem;}
		.blog_wrapper{flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items: stretch;}
		.blog_box{flex-basis:48%}
	}

@media only screen and (min-width:1024px)
	{	
		.blogList ul{gap:5rem; grid-template-columns:1fr 1fr 1fr;}
		.blogList li{padding:0; border:none;font-size:1.7rem}
		figcaption h2, figcaption h3, figcaption h4{text-transform:uppercase; font-size:1.8rem;}
		.blog_box{flex-basis:31%}
		.cTable table{width:100%}
	}

@media only screen and (min-width:1280px)
	{	
		.header_main{border-bottom:5px solid #e44620}
		.twoCol{display:grid; grid-template-columns:1fr 1fr; gap:0 4rem; overflow:hidden; text-align: left;}
		.cont_section{padding:3rem 0; }
		.breadcrumb{margin-bottom:0;}
		.page_query_section{display:grid; grid-template-columns:75rem 43rem; gap:2rem; height:47.3rem; overflow:hidden; margin-bottom:2rem}
		.online_app_form{margin:0; padding:0 1.5rem 1rem;border-radius:2rem;height:100%}		
		h1{font-size:3rem; line-height:4rem;}
		.blogBox{height:42rem;}

		.blog_content{margin-bottom:4rem; line-height:2.8rem;}		
		.cTable table th, .cTable table td{white-space:wrap}

		.blog_wrapper{padding:0;margin-bottom:3rem}
		.blog_box{line-height:2.5rem}
		.blog_box a{font-weight:500; font-size:1.5rem; line-height:2rem;}
		.blog_box p{padding:0 0.5rem; font-size:1.5rem;}
	}