/* Main */
.breadcrumb{padding:1.6rem 1rem; background:var(--bgPrimary); color:#fff; font-size:1.6rem;}
.breadcrumb a{color:#ff9800; font-weight:500}
.breadcrumb a:hover{border-bottom:1px solid #ff9800}
.breadcrumb i{margin:0 0.8rem;}
.cont_section{padding:1.6rem;}
h1{font-size:2.5rem; font-weight:500; color:var(--bgPrimary); margin-bottom:1.6rem; line-height:3.5rem;}

.heroContent h1, .heroContent_Center h1{margin:0; color:white;}

table tr:first-child td {
    background: url(../images/box_shadow.png) repeat-x left top;
    background-color: #6dab3c !important;
    font-size: 18px !important;
    color: #fff;
}

.main{border-top:0.5rem solid var(--bgPrimary);}
.page_content{font-size:1.6rem; line-height:2.6rem; text-align:justify;}
.page_content h2, .page_content h3{font-size:2rem; font-weight:600; margin-bottom:1.6rem;}
.clr_heading{color:var(--bgPrimary);}
.clr_heading em{font-style:normal; color:var(--accentCol);}
.page_content span{font-size:1.7rem; font-weight:500;}
.page_content a{color:var(--bgPrimary);}
.page_content a:hover{border-bottom:1px solid var(--bgPrimary);}
.page_content p, .page_content ul{margin-bottom:3rem;}
.page_content ol{margin:0 0 3rem 3rem;  list-style-type:decimal;}
.page_content ol li{margin-bottom:1rem; list-style-type:decimal; padding-left:1rem}
.page_content ol ::marker{color:var(--accentCol); font-weight:600; font-size:2rem}

.pc_table{overflow:hidden; overflow-x:auto; margin-bottom:3rem;}
.pc_table table{border-collapse:collapse; width:96rem; line-height:3rem;}
.pc_table table th, .pc_table table td{border-collapse:collapse; border:1px solid #d0d2d7; padding:1rem;}
.pc_table table th{background:#f7f7f7; font-weight:500; font-size:1.8rem; padding:1.6rem 1rem;}
.pc_table table td p, .pc_table table td ul, .pc_table table td ol{margin-bottom:0}
.pc_table table td:first-child{text-align:center;}
.pc_table table td img{width:5rem; margin:auto;}

.pc_list{margin-bottom:3rem;}
.pc_list ul{margin:0 1rem}
.pc_list ul li{position:relative; padding-left:3.5rem; border-bottom:1px solid #ddd; margin-bottom:1rem; padding-bottom:0.8rem;}
.pc_list ul li:last-child{border:none; margin:0}
.pc_list ul li a{color:#000; font-weight:500;}
.pc_list ul li a:hover{color:#555}
.pc_list ul li i{position:absolute; top:0.4rem; left:0; color:var(--bgSecondary); font-size:2rem; font-weight:600;}
.pc_list:last-child{border-bottom:none}

.card{display:flex; flex-direction:column; border:1px solid #ddd; padding:0.5rem; gap:0;}
.card img{height:5rem; width:auto; margin:0 auto 1rem;}
.card_title{font-size:1.8rem; font-weight:600; color:var(--bgSecondary);}
.card_title a{color:#ff9800 !important;} 
.card_txt{font-size:1.3rem; text-align:center; line-height:2rem;}
.card_bdr{border:1px solid #ddd; padding:1rem; border-radius:1rem;}

.dark_card{display:flex; flex-direction:column; gap:0.5rem; padding:1rem; border:1px solid #fff; color:#fff; text-align:center; justify-content:center; align-items:center}
.dark_card_title{font-size:1.8rem; font-weight:600;}

.img_card{display:flex; flex-direction:column; gap:0.5rem; text-align:center;}
.img_card em{font-style:normal}
.img_card img{height:20rem; max-height:20rem; width:auto;  max-width:30rem; margin:0 auto 1rem;}

.grid_img_box{background:#d14021; padding:2rem; text-align:center; color:#fff;}
.grid_img_box img{width:100%; max-width:25rem}
.grid_img_box .card_title, .grid_img_box .card_title a{color:#fff !important;}



.query_form{background:#fff; padding:2rem; border-radius:1rem; box-shadow:0 0 6px #999; font-size:1.4rem; display:flex; flex-direction:column; gap:0.5rem;}
.txt_box, .txtarea_box{border:1px solid #ccc; background:#f5f5f5; padding:0.5rem; height:3rem;}
.txtarea_box{height:8rem;}
.form_submit{display:flex; justify-content:center; margin-top:1rem}
.submit_btn{background:black; color:#fff; font-size:1.6rem; font-weight:600; padding:1rem 2rem; border-radius:0.3rem; text-align:center; width:max-content;}


@media only screen and (min-width:420px)
	{
		.heroContent, .heroContent_Center{font-size:3rem;font-weight:600}
		.heroContent a{font-size:2.5rem;font-weight:600}
	}

@media only screen and (min-width:768px)
	{
		.grid_1_4{grid-template-columns:1fr 2fr;}
		.grid_img_box{border-radius:2rem;align-self: start;}
		.card_txt{font-size:1.1rem;}		
	}

@media only screen and (min-width:1024px)
	{	
		.pc_table table{width:100%}
		.grid_1_4{grid-template-columns:1fr 3fr;}
		.card img{height:auto;}
		.card_txt{font-size:1.3rem; font-weight:500;}
	}

@media only screen and (min-width:1280px)
	{	
		.cont_section, .gen_section{padding:5rem 0;}
		h1{font-size:3rem; margin-bottom:4rem; line-height:4rem;}
		.heroContent h1, .heroContent_Center h1{margin:0; font-size:4rem;}

		.page_content{font-size:1.8rem; line-height:3rem;}
		.page_content h1{margin-bottom:2rem;}
		.page_content h2, .page_content h3{font-size:2.4rem; font-weight:500; margin-bottom:2rem;}
		.page_content span{font-size:2rem;}	
		.grid_1_4{grid-template-columns:1.4fr 3.6fr;}
		.pc_table table th{position: sticky; top:0; z-index:2;}
		.pc_table table th, .pc_table table td{white-space:nowrap}
		.custom-cell2 table td:nth-child(2){white-space:wrap;}
		.mbd-3{margin-bottom:3rem;}
	}

/* Accordion Section */
.accordion-container{position:relative;max-width:100%;height:auto;margin:0 auto}
.set{position:relative;width:100%;height:auto;background-color:#f5f5f5}
.set > a{font-size:1.6rem; display:block;padding:1.5rem;text-decoration:none;color:#333;font-weight:600;background:#ededed; border:1px solid #555; border-collapse:collapse; transition:all .2s linear}
.set > a i{margin-right:1rem}
.set > a.active{color:var(--bgPrimary);}
.content{background-color:#fff; border:1px solid #555; border-collapse:collapse; border-top:none; display:none; text-align:justify; padding:1rem 1.5rem 2rem;}
.content p{padding:0 1rem 1rem;margin:0;color:#333; margin:0 !important}
.content p img{width:max-content;}
.content ul{padding:0 1rem 1rem;color:#333; margin:0 !important}
.content ul li{padding-left:3rem; position:relative;margin-bottom:1rem;}
.content ul li:before{position:absolute; top:1px; left:0; content:'➤'; font-size:1.3rem; font-weight:500; color:var(--accentCol)}
.mrg_btm3{margin-bottom:3rem;}