/* Hero Section */
.hero{margin-bottom:0; padding:2rem; text-align:center;}
h1{font-size:2.5rem; font-weight:500; color:#000; line-height:3.5rem;}
.main{border-top:0.5rem solid var(--bgPrimary); padding:2rem;}

.breadcrumb{margin-bottom:2rem; padding:1rem;background:#fff9f0; border-left: 5px solid var(--bgPrimary); color:#000; font-size:1.6rem;}
.breadcrumb a, .breadcrumb i{color:var(--bgPrimary);}
.breadcrumb a{font-weight:500}
.breadcrumb a:hover{border-bottom:1px solid var(--bgPrimary)}
.breadcrumb i{margin:0 0.8rem;}

.content_box{background:#fff; border-radius:1rem; padding:1.6rem 2rem; box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px; margin-bottom:2rem;}
.page_content{font-size:1.6rem; line-height:2.6rem;}
.page_content h2, .page_content h3{font-size:2rem; font-weight:600; margin-bottom:1.6rem;}
.page_content span{font-size:1.7rem; font-weight:500; display:flex; margin-bottom:1rem;}
.page_content a{color:var(--bgPrimary);}
.page_content a:hover{border-bottom:1px solid var(--bgPrimary);}
.page_content p, .page_content ul{margin-bottom:1.6rem;}
.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 li ul li{list-style:none;}
.page_content ol li ol li{list-style-type:lower-roman;}
.page_content ol ::marker{color:var(--accentCol); font-weight:600; font-size:2rem}

.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}

ul.tick{text-align:left; text-transform:capitalize; margin:0 1rem}
ul.tick li{position:relative; padding-left:3rem; margin-bottom:1rem;}
ul.tick li::before{content:'✓'; color:#e84204; position:absolute; left:0; font-weight:600}


@media only screen and (min-width:1280px)
	{	
		.hero{min-height:15rem; display:flex; justify-content:center; align-items:center;}
		h1{font-size:3.5rem; line-height:4.5rem;}
		.main{padding:2rem 0}
		.content_box{padding:3rem 2rem}
		.page_content{font-size:1.8rem; line-height:3rem; text-align:justify;}
		.page_content h2, .page_content h3{font-size:2.4rem; font-weight:500; margin-bottom:2rem; text-align: left;}
		.page_content span{font-size:2rem;}	
	}