main{padding:0;}
.banner_section{display:grid; gap:1rem; margin-bottom:2rem;}

.applySection{padding:1rem;background:#3CB5F3; border-radius:1rem; height:52.9rem;}
.applySection input{width:fit-content}

#breadcrumb{margin-bottom:2rem; line-height:2.6rem; text-align:center;}
#breadcrumb li{display:inline-block}
#breadcrumb li a{color:#030d28; font-weight:600}
#breadcrumb li:last-child a{color:#000; font-weight:400}
#breadcrumb li a:after{display:inline-block; content:'|'; margin:0 0.3rem 0 0.5rem;}
#breadcrumb li:last-child a:after{content:''; margin:0;}


.content{color:#333; font-size:1.6rem; line-height:1.7}
h1{color:#023a93; font-size:2.5rem; font-weight:600; margin-bottom:1rem; line-height:3.5rem;}
.content a{color:#0c529f;}
.content p{margin-bottom:2.5rem;}

.blog_info{margin-bottom:1rem;}
.blog_info a{color:#f1782b !important}
.blog_info small{font-size:1.4rem; display:flex; align-items:center; gap:1rem;}

.content h2, .content h3{color:#000; margin-bottom:2rem; font-size:2rem; font-weight:600}
.content h3{font-size:1.8rem;}
.content ul{margin:0 1rem 3rem 1rem; list-style:none;}
.content ul li{position:relative; padding-left:3rem;margin-bottom:1rem; }
.content ul li:before{position:absolute; content: "▶"; top:0; left:0;color:#0c529f; font-size:1.3rem}

.content ol{margin:0 1rem 3rem 3rem;}
.content ol li{margin-bottom:1rem; position:relative; padding-left:10px;}
.content ol li::marker{color:#2166a8; position:absolute; left:0; font-weight:800}

.cTable{margin:0 0 3rem; overflow:hidden; overflow-x:auto;}
.cTable table{border-collapse:collapse; border:1px solid #000; width:76rem;}
.cTable table td{border:1px solid #000; border-collapse:collapse; padding:0 1rem; vertical-align: middle; text-align: left;}
.cTable table th{border: 1px solid #fff;background-color: #0000ff;color:#fff;border-collapse:collapse;padding:1rem;font-size:100%}
.cTable table td ul{margin:0 !important}

.blue-highlight-box{background-color:#bee7fc; padding:20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:1rem; color:#fff; margin-bottom:20px;}
.blue-highlight-box span{display:block; font-size:2.5rem; font-weight:600;color:#051c3a; flex:1; min-width:250px;}
.blue-highlight-box a{background:#051c3a; color:#fff; padding:12px 24px; border-radius:6px; text-decoration:none; font-size:2rem; font-weight:600; display:inline-block; width:max-content; margin:auto}

.htbox{background-color:#061A40; border-radius:10px;margin-bottom:20px;}
.htbox-txt{padding:15px 20px 20px; color:#fff;}
.htbox-txt span{font-size:16px; font-weight:600; letter-spacing:1px;}
.htbox-heading{font-size:25px; margin:5px 0; font-weight:700}
.htbox-txt p{font-size:16px; margin:5px 0 10px;}
.htbox-txt a{background:#FFC107; color:#061A40; padding:2px 10px 5px; border-radius:6px; text-decoration:none; font-weight:700; font-size:20px;}
.htbox-img{display:none;}

.faqSection{background:#060f1e; color:#000; padding:3rem 2rem 1rem; line-height:3rem; text-align:justify;}
.faqSection h3{font-size:2rem; font-weight:700; display:inline-block;padding:1rem 4rem; background:#ed6b3a; color:#fff; margin-top:3rem; border-bottom:5px ridge #c24312}
h3.faq{display:inline-block;padding:5px 20px; background:#ed6b3a; color:#fff; margin-top:30px; border-bottom:5px ridge #500109; margin-bottom:0;} 
.acc-container{margin:20px 0 50px;border-radius:8px;overflow:hidden; } 
.acc-btn{padding:20px;cursor:pointer;background:#1e5877;border-bottom:1px solid #fff; color:#fff;} 
.acc-content{width:98%; height:0px;width:100%;margin:0 auto;overflow:hidden;background:#fff; border:1px solid #ccc; border-top:none; border-bottom:none} 
.acc-content-inner{padding:20px;border-bottom:1px solid #1e5877; border-radius:8px;} 
.acc-content-inner b{font-size:90%; font-weight:700} .open{height:auto;} 
.acc-container h6, .acc-container h5, .acc-container h4, .acc-container h3{color:#fff; font-size:100%; font-weight:400; margin-bottom:0} 
.acc-container i{color:#226386; margin-right:10px} 
.selected{color:#fff;}

.sidebar{border:1px solid #eee; padding:2rem; border-radius:4px; margin-bottom:2rem; background:#f3f3f3;}
.sidebar h4{color:var(--txtCol); font-size:2rem; font-weight:600; border:1px solid	#eee; background:var(--txtColWhite); border-radius:5px; text-align:center;line-height:180%;}
.sidebar ul{padding:1.5rem 0 1rem}
.sidebar li{border-bottom:1px dashed #eee; margin-bottom:1rem; font-size:1.5rem; padding:0 1rem 0 3rem; transition:0.3s all ease; position:relative;}
.sidebar li:before{position:absolute; content: "»"; top:-2px; left:0.5rem;color:var(--bgSecondary); font-size:2rem; font-weight:600}
.sidebar li:last-child{border-bottom:none; margin-bottom:none}
.sidebar li a{color:#333; transition:0.3s all ease;}
.sidebar li:hover{background:#eee;}
.sidebar li:hover a{color:var(--bgPrimary); }
.rec_post{display:flex; flex-direction:column; gap:1rem; font-size:1.4rem; text-align:center; align-items:center; margin-bottom:2rem;}
.rec_post a{color:#333; font-weight:600}

@media (min-width:768px) {
	#breadcrumb{list-style:none;display:inline-block; text-align:left;}
	#breadcrumb li{float:left}
	#breadcrumb li a{color:#fff;display:block;background:#3498db;text-decoration:none;position:relative;height:4rem;line-height:4rem;padding:0 1rem 0 5px;text-align:center;margin-right:23px}
	#breadcrumb li:nth-child(even) a{background-color:#383f4b}
	#breadcrumb li:nth-child(even) a:before{border-color:#383f4b;border-left-color:transparent}
	#breadcrumb li:nth-child(even) a:after{border-left-color:#383f4b}
	#breadcrumb li:first-child a{padding-left:15px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;border-radius:4px 0 0 4px}
	#breadcrumb li:first-child a:before{border:none}
	#breadcrumb li:last-child a{padding-right:15px;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;border-radius:0 4px 4px 0;color:#fff;pointer-events:none;}
	#breadcrumb li:last-child a:after{border:none}
	#breadcrumb li a:before,#breadcrumb li a:after{content:"";position:absolute;top:0;border:0 solid #3498db;border-width:2rem 1rem;width:0;height:0}
	#breadcrumb li a:before{left:-2rem;border-left-color:transparent}
	#breadcrumb li a:after{left:100%;border-color:transparent;border-left-color:#3498db}
	#breadcrumb li a:after{display:block; content:''; margin:0;}
	#breadcrumb li a:hover{background-color:#030d28}
	#breadcrumb li a:hover:before{border-color:#030d28;border-left-color:transparent}
	#breadcrumb li a:hover:after{border-left-color:#030d28}
	#breadcrumb li a:active{background-color:#16a085}
	#breadcrumb li a:active:before{border-color:#16a085;border-left-color:transparent}
	#breadcrumb li a:active:after{border-left-color:#16a085}
}

@media (min-width:1024px) {
	.header_section{position:sticky; top:0; z-index:999; background:#eee; box-shadow:2px 2px 4px 0 rgba(0, 0, 0, 0.6); height:auto;}
	main{padding:2rem 0;}
	.banner_section{grid-template-columns:1fr 40rem; gap:2rem;height:46rem; overflow:hidden;}
	.blogbanner img{height:46rem;}
	.applySection{height:46rem;}

	.main_content{display:grid; grid-template-columns:1fr 30%; gap:2rem;}
	.content{text-align:justify; font-size:1.5rem}
	.content h1, .content h2, .content h3{text-align:left}
	.sidebar h4{background:var(--bgSecondary);}
	.twoCol{display:grid;grid-template-columns:1fr 1fr;gap: 0.5rem;}
	.cTable table{width:100%; overflow:initial}
	.htbox{margin:100px 0 0;position:relative; height:210px;padding:0}
	.htbox-txt{max-width:400px;}
	.htbox-img{display:block;position:absolute; bottom:0; right:10px; width:310px;}
	.htbox-img img{width:100%; height:auto;}
}

@media (min-width:1280px) {
	.header_section{height:auto;}
	main{padding:2rem 0 5rem; border-top:3px solid #254596}
	.content h1{font-size:2.5rem;}
	.content{font-size:1.6rem}
	.htbox-txt{max-width:480px;}
}

@media (min-width:1600px) {	
	.main_content{grid-template-columns:1fr 40rem;}
}