header{background: #fcfcfc}
body,.body-content-wrap{overflow-x: inherit !important}
footer,.page-bannner-main{overflow: hidden;}
.page-banner-wrap{display: block;padding-top: 60px;}
.page-template-contactus .page-banner-wrap{display: flex;padding-top: 0;}
.page-template-contactus .page-bannner-main{margin-bottom: 0; }
.page-template-contactus .page-banner-wrap{min-height: 310px}
.page-template-contactus .page-banner-wrap .banner-content .banner-title{margin-bottom: 10px;}
.banner-content{height: auto}
.banner-left{max-width: 750px;padding-bottom: 60px;}
.comp-5 ul li{cursor: pointer}
.comp-5 .left-wrap{max-width: 250px;width: 100%;margin-right: 30px;}
.comp-5 .left-wrap ul{position: -webkit-sticky; position: sticky;top: 150px; max-width: 250px; width: calc(100% - 5px) ; margin-bottom: 10px;overflow-y: hidden;height: 75vh;padding-right: 16px;scrollbar-color: rgba(0, 0, 0, .2) #fff ;scrollbar-width: thin;
	transform: translateZ(0);-webkit-transform: translateZ(0);
}
.comp-5 .left-wrap ul:hover {overflow-y: scroll; width: 100%;}
.comp-5 .right-wrap{width: calc(100% - 350px );}
.left-wrap ul li{font-size: 1.4rem;color: #333;margin-bottom: 30px;cursor: pointer;}
.left-wrap ul li.active{color: #39d64a}
.right-content{margin-bottom: 70px;}
.right-content .title{font-size: 3.8rem;font-weight: 700;border-bottom: solid 1px rgba(151, 151, 151, 0.2);padding-bottom: 10px;margin-bottom: 40px;}
.comp-5 .sub-title{font-size: 3.2rem;font-weight: 400;margin-bottom: 15px;color: #1f2020;}	
.comp-5 .desc{ font-size: 1.8rem;line-height: 1.78;letter-spacing: -0.2px;color: #8c8c8c;margin-bottom: 30px;}
.faq-wrap .header-title{margin-bottom: 50px;}
.faq-list-wrap li{margin-bottom: 40px;}
.faq-wrapper {position: relative; cursor: pointer; display: flex; align-items: center; }
.faq-question{font-size: 1.8rem;line-height: 1.78;letter-spacing: -0.2px;color: #1f2020;border-bottom: solid 1px rgba(151, 151, 151, 0.2);padding-bottom: 30px;cursor: pointer;width: 100%;display: block}
.faq-answer{font-size: 1.8rem;line-height: 1.78;letter-spacing: -0.2px;color: #8c8c8c;display: none;margin-bottom: 70px;margin-top: 20px;}
.arrow {width: 20px; height: 20px; display: flex; background-image: url('../images/up-arrow.png'); background-repeat: no-repeat;align-self: baseline;position: relative;top: 10px}
.up-arrow{background-image: url('../images/up-arrow.png');}
.down-arrow{top: 0px; position: relative;transform: rotate(180deg);} 
.page-template-contactus .form-control-wrap{align-items: flex-start;}

.comp-5 .left-wrap ul::-webkit-scrollbar {-webkit-appearance: none; width: 5px; position: }

.comp-5 .left-wrap ul::-webkit-scrollbar-thumb {border-radius: 2px; background-color: rgba(0, 0, 0, .2); box-shadow: 0 0 1px rgba(255, 255, 255, .5); }
.landscape.page-template-contactus .contact-form-wrap{padding: 50px 0 70px}
.landscape.page-template-contactus .page-bannner-main{margin-bottom: 20px;}

@media(max-width:1200px){
	.page-banner-img {
	    left: 75%;
	}
	.page-template-contactus .page-banner-img{left: auto}
}
@media(max-width:1024px){
	.page-banner-img {left: 85%; } 
	.comp-5 .left-wrap{display: none}
	.comp-5 .right-wrap{width: 100%;}
}
@media(max-width:599px){
	.right-content{margin-bottom: 30px;}
	.right-content .title{font-size: 2.6rem;font-weight: 700}
	.comp-5 .sub-title{font-size: 2.6rem}
	.comp-5 .desc{font-size: 1.4rem}
	.page-template-contactus .body-content-wrap{padding: 0;}
	.page-template-contactus .page-bannner-main{padding-top:48px;margin-bottom: 0;}
	.page-template-contactus .banner-desc{padding: 0 10px}
	.page-template-contactus .contact-form-wrap{padding: 50px 0 70px}
}
@media(max-width:400px){
	.page-template-contactus .banner-desc{padding: 0 30px}
	.page-template-contactus .banner-desc br{display: none}
}	
@supports (-ms-ime-align:auto) {
	.comp-5 .left-wrap ul{overflow-y: auto;width: 100%}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	.comp-5 .left-wrap ul{overflow-y: auto;width: 100%}
}
@media (hover: none) and (pointer: coarse) {
	.comp-5 .left-wrap ul{overflow-y: scroll;width: 100%}
}