.search_provinsi, .search_kabupaten, .search_doctor_hospital,
.search_doctor_hospital .select_icon,.doctor_hospital_icon li, .page_feature .wrapper, .page_feature .wrapper > div,
.feature_item a,.feature_item_desc p.category, .section_cancer_people_head, .cancer_people ul, .cancer_people li,
.section_matchme .wrapper, .right_matchme p, .news ul, .doctor_list li a, .hospital_list li a{
	display: flex;display: -webkit-flex;align-items: center;}
.home_search_feature .wrapper, .home_search_feature form{display: flex;display: -webkit-flex;}
.owl-carousel .owl-nav {
    position: absolute;
    top: 35%;
    left: 10px;
    right: 10px;
}
.owl-carousel .owl-nav .owl-next {
    float: right;
}
.homebanner .item{
    display: inline-block;position: relative;height: 100%;
    width: 100%;
}
.homebanner .item img{
    width: 100%;height: 26.7vw;object-fit: cover;
}
.homebanner .banner_desc{
    position: absolute;    
    left: 8%;
    top: 42%;
    width: 55%;
}
.owl-carousel.homebanner .owl-item .banner_overlay{
    position: absolute;bottom: 0;left: 0;width: 100%;top:0;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
    display:none;
}
.owl-carousel.homebanner .owl-item.active .banner_overlay{
    display:block;
}

.owl-carousel.homebanner .owl-item.ative{
    background: transparent;
}
.banner_blackout{background: rgba(0,0,0,.7) !important;height:100% !important;transition: background 0.2s;
	-webkit-transition: background 0.2s;}
.banner_blackout + .banner_desc{display: none !important;}
.banner_slider li a .banner_blackout{pointer-events: none;}
.banner_wrapper{position: relative;overflow: hidden;}
.banner_wrapper ul.banner_slider{position: absolute;left: 0;height: 100%;}
.banner_wrapper li{display: inline-block;position: relative;height: 100%;}
.banner_wrapper li .banner_desc{position: absolute;left: 50%;}

.banner_wrapper li img{width: 100%;height: 100%;object-fit: cover;}

.banner_desc h2, .banner_desc p{color: #fff;}
.banner_desc p.banner_date{font-family: 'ssSB';text-shadow: 3px 0.5px 10px #000;}
.banner_desc p.banner_date{font-size: 15px;text-transform: uppercase;}
.banner_desc h2{margin-top: 5px; text-shadow: 3px 0.5px 10px #000;font-size: 40px;}
.banner_desc p.banner_content{font-size: 18px;text-shadow: 3px 0.5px 10px #000;}
.banner_wrapper li .banner_overlay{position: absolute;bottom: 0;left: 0;width: 100%;
	background: -moz-linear-gradient(bottom, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 100%);}

.banner_nav{position: absolute;height: 100%;cursor: pointer;z-index: 1;}
.banner_nav span{position: absolute;top: 50%;transform: translateY(-50%);width: 26px;height: 49px;z-index: 1;}
.slideL{left: 0;}
.slideR{right: 0;}
#slideL{background: url('../media/arr_white_l.png')no-repeat;left: 20px;}
#slideR{background: url('../media/arr_white_r.png')no-repeat;right: 20px;}

.home_search_feature{background: url("../media/ribbon1.png")no-repeat;background-size: cover;padding:30px 0;flex-grow: 3}
.home_search_feature .wrapper{align-items: center;}
.home_search_feature .wrapper > p{font-family: "ssSB";font-size: 18px;color:#fff!important;}
.search_provinsi, .search_kabupaten{position: relative;cursor: pointer;flex-grow: 1}
.search_provinsi .select2-selection--single, .search_kabupaten .select2-selection--single{padding: 10px 20px;height: auto;}
.search_provinsi .select2-selection--single{padding-left: 25px;}
.search_provinsi .icon, .search_kabupaten .icon{position: absolute;z-index: 2;left: 10px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;}
.select2-container{font-family: 'ssL';font-size: 16px;color: #888;width: 100% !important;}
.search_provinsi .select2-container--default, .search_kabupaten .select2-container--default{width: 100% !important}


.search_provinsi{margin-right: 5px;}
.search_kabupaten{margin-right: 15px;}
.search_provinsi .icon{background: url("../media/location.png")no-repeat;width: 13px;height: 15px;display: inline-block;
	margin-right: 10px;}
.dropdown_icon{flex-grow: 1;}
.select_icon .dropdown_icon, .dropdown_icon span{border-top: 7px solid #53c4c6;border-left: 5px solid transparent;border-right: 5px solid transparent;
	display: inline-block;float: right;}

.search_provinsi > p, .search_kabupaten > p, .search_doctor_hospital input[type="text"], #provinsi_list li,
.doctor_hospital_icon li p, #kabupaten_list li{font-family: 'ssL';font-size:16px;}
.search_provinsi > p, .search_kabupaten > p, .search_doctor_hospital input[type="text"]{color: #888;}

.home_search_feature form{flex-grow: 1;position: relative;}
.search_doctor_hospital{position: relative;width: 70%;background: #fff;flex-grow: 1}
#provinsi_list, #kabupaten_list, #doctor_hospital_list{position: absolute;top: 55px;left: 0;background: #fff;width: 100%;display: none;z-index: 1;
	max-height: 300px;overflow-y: scroll;
	-webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);}
.doctor_hospital_icon li, #provinsi_list li, #kabupaten_list li, #doctor_hospital_list li{color: #333;padding:10px;
	border-bottom: 1px solid #dae6e5;}
#provinsi_list li:hover, #kabupaten_list li:hover, #doctor_hospital_list li:hover, .doctor_hospital_icon li:hover{background: #f1f1f1;}

#doctor_hospital_list{height: 500px}
.doctor_list > p, .hospital_list > p, .speciality_list > p{background: #f7f7f7;font-size: 14px;color:#aaa;padding: 5px 10px;
	font-family: "ssL"}
.doctor_list li img, .hospital_list li img{width: 40px;width: 40px;border-radius: 40px;}
.doctor_hospital_desc{ display: inline-block !important; margin-left: 20px; }
.doctor_hospital_name{font-size: 17px;}
.doctor_hospital_sub{font-size: 14px;margin-top: 5px;}
.focus_key{font-family: "ssB"}

.search_doctor_hospital .select_icon{position: relative;padding: 15px 5px 15px 15px;border-right: 2px solid #dae6e5;
	margin-right: 17px;cursor: pointer;}
.select_icon .dropdown_icon{margin-right: 7px;}
.doctor_hospital_selected_icon{background:url("../media/doctor.png")no-repeat;width: 23px;height: 15px;}
.doctor_icon, .hospital_icon, .doctor_hospital_selected_icon{display: inline-block;margin-right: 10px;background-size: contain}
.doctor_icon{background: url("../media/doctor.png")no-repeat;width: 15px;height: 15px;}
.hospital_icon{background: url("../media/hospital.png")no-repeat;width: 15px;height: 15px;}
.doctor_hospital_icon{position: absolute;top: 50px;left: 0;background: #fff;border-radius: 5px;display: none;width: 130px;
	-webkit-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 5px 14px 0px rgba(0,0,0,0.3);}
.doctor_hospital_icon li{}
.search_doctor_hospital input[type="text"]{padding:15px 0;border: 0;flex-grow: 1;outline: none;}
.search_doctor_hospital input[type="submit"]{cursor: pointer;background: #3fa6dd;border-radius: 50px;
	margin-right: 10px;border-radius: 50px;border: 0;background: #3fa6dd;color: #fff;font-family: 'ssSB';font-size: 16px;}
.search_doctor_hospital input[type="submit"]:hover{background: #459bc8;}

.home_feature{margin: 80px 0;}
.home_feature > h3{font-family: 'ssL';font-size: 26px;text-align: center;margin-bottom: 35px;letter-spacing: 2px;padding:0 20px;}
.home_feature > .logo1{background: url("../media/icon 1.png")no-repeat;display: block;width: 56px;height: 16px;
	text-align: center;margin:auto;}
.home_feature > h2{font-size: 40px;color: #7cccc6;text-align: center;margin-top: 20px;}
.feature_item_desc{padding: 15px 20px;}
.feature_item_desc p{color: #fff;font-size: 16px;}
.feature_item_desc h4{color: #fff;;font-size: 24px;text-decoration: underline;margin: 10px 0 20px 0;}
.feature_item_desc p.category{font-family: 'ssSB';font-size: 13px;text-transform: uppercase;align-items: center;}
.feature_item_desc .category span{width:18px;height:18px;display:inline-block;margin-right: 10px;}

.page_feature .wrapper{align-items: stretch;}
.page_feature{background: url('../media/home_feature_bg.png')no-repeat;background-size: cover;}
.page_feature .wrapper div:last-child li a{height: 100%;}

.page_feature .wrapper div:first-child li:first-child .feature_item_desc{background: #5bc5bf;}
.page_feature .wrapper div:first-child li:last-child .feature_item_desc{background: #3b92bf;}
.page_feature .wrapper div:first-child li:last-child a{margin-top: 20px;}

.page_feature .wrapper div:last-child ul{height: 100%;}
.page_feature .wrapper div:last-child li{height: 100%;}
.page_feature .wrapper div:last-child li .feature_item_img img{width: 100%;object-fit: cover;}
.page_feature .wrapper div:last-child li .feature_item_desc{background: #4cb0e4;flex-grow: 1;margin-top: -2px;}

.feature_item a{align-items: stretch;}
.feature_item:hover{transform: translateY(-10px);
	-webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
	-webkit-box-shadow: 0px 4px 20px 2px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 4px 20px 2px rgba(0,0,0,0.10);
    box-shadow: 0px 4px 20px 2px rgba(0,0,0,0.1);}
.feature_item a:hover h4{text-decoration: none;}
.feature_item_desc{position: relative;box-sizing: border-box;}
.feature_item_img{overflow: hidden;}
.feature_item_img img{height: 226px;width: 100%;object-fit: cover;}

.page_feature .wrapper div:first-child li:first-child .feature_item_desc::before,
.page_feature .wrapper div:last-child li .feature_item_desc::before,
.page_feature .wrapper div:first-child li:last-child .feature_item_desc::before{content:"";position: absolute;}


.section_cancer_people{padding-bottom: 100px;}
.cancer_people ul{justify-content: space-between;}
.cancer_people_item{height: 200px;}
.cancer_people_item{align-items: stretch !important;}
.cancer_people_item img{height: 100%; max-height: 250px;}
.cancer_people_item > div{padding: 0 20px;box-sizing: border-box;height: inherit;position: relative;}
.cancer_people_item > div .cancer_people_cat{font-family: "ssSB";font-size: 16px;}
.cancer_people_item > div h4{font-size: 18px;margin:0;margin-bottom: 10px;}
.cancer_people_item > div a{text-decoration: underline;text-transform: uppercase;font-size: 14px;font-family: 'ssSB';
	position: absolute;bottom: 0;left: 20px;}
.cancer_people_content{padding: 25px 0;color: #a6a6a6;}

.section_matchme{background: url("../media/ribbon2.png")no-repeat;background-size: cover;padding: 60px 0;}
.section_matchme .wrapper{align-items: stretch;}
.left_matchme{padding: 20px 0;box-sizing: border-box;}
.left_matchme p:first-child{font-family: "ssSB";font-size: 15px;text-transform: uppercase;color: #fff;}
.left_matchme h2{font-size: 46px;text-transform: uppercase;text-decoration: underline;margin: 30px 0;margin-top: 2px;
	color: #fff;}
.left_matchme h2:hover{text-decoration: none;}
.left_matchme h2 a{color: inherit;}
.left_matchme p:last-child{font-size: 20px;color: #fff;}
.right_matchme{padding: 20px 30px;background: #fff;border-radius: 5px;margin: auto;box-sizing: border-box;}
.right_matchme div{margin-bottom: 20px;}
.right_matchme div p{font-family: "ssSB";font-size: 14px;align-items: center;text-transform: uppercase;color: #41b0b9;
	margin-bottom: 10px;}
.right_matchme div p span{width: 10px;height: 13px;background-size: contain;margin-right: 10px;display: inline-block;}
.right_matchme div p .cancer_type_icon{background-image: url("../media/cancer ribbon.png");background-repeat: no-repeat;}
.right_matchme div p .location_icon{background-image: url("../media/location.png");background-repeat: no-repeat;}
.right_matchme div select{border: 1px solid #c6c6c6;height: 40px;border-radius: 5px;font-family: "ssL";font-size: 16px;color: #888;
	width: 100%;padding: 0 10px;}
.right_matchme input[type="submit"]{background: #4cb0e4;padding: 10px 0;width: 100%;border: 0;cursor: pointer;border-radius: 100px;
	font-family: "ssSB";font-size: 16px;color: #fff;text-transform: uppercase;margin-top: 10px;}
.right_matchme input[type="submit"]:hover{background: #459bc8;}

.news{padding-top: 140px;}
.news .wrapper{text-align: center;}
.news h2{font-size: 40px;color: #7cccc6;text-align: center;margin-top: 0;}
.news ul{justify-content: center;flex-wrap: wrap;}

.news li{position: relative;height: 225px;}
.news_overlay{position: absolute;bottom: 0;left: 0;height: 80%;width: 100%;
	background: -moz-linear-gradient(bottom, rgba(16,18,18,0.65) 0%, rgba(85,196,198,0.12) 82%, rgba(85,196,198,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(16,18,18,0.65) 0%,rgba(85,196,198,0.12) 82%,rgba(85,196,198,0) 100%);
	background: linear-gradient(to top, rgba(16,18,18,0.65) 0%,rgba(85,196,198,0.12) 82%,rgba(85,196,198,0) 100%);  }
.news_date{font-family: "ssSB";font-size: 13px;text-transform: uppercase;}
.news_item_desc{position: absolute;bottom: 20px;left: 20px;width: 60%;text-align: left;}
.news_item_desc h4{margin-bottom: 0;margin-top: 0;font-size: 24px;color: #fff;text-decoration: underline;}
.news_item_desc p{color: #fff;}
.news_item:hover h4{text-decoration: none;}
.news_item img{width: 100%;height: 100%;object-fit: cover;}

.forum{margin-top: 40px;}
.forum .wrapper{background: url("../media/forum bg.png")no-repeat;box-sizing: border-box;}
.forum .wrapper h2{font-size: 40px;color: #fff;	text-transform: uppercase;text-align: center;}
/*.forum_content{padding: 40px 70px;padding-bottom: 0;background: #fff;border: 1px solid #dde6e4}*/
.forum_heading h3{font-size: 16px;color: #8d9f9b;margin-bottom: 0 !important;}
.forum_row{border-bottom: 1px solid #dde6e4;padding-bottom: 20px;}
.forum_row:last-child{border: none;}
.forum_row > div{width: 15%;}
.forum_title{width: 70% !important;}
.forum_title h3{font-size: 18px;margin-bottom: 10px;}
.forum_info p{color: #8d9f9b;font-size: 13px;}
.forum_modif span{color: #333;font-family: "ssSB";margin-left: 10px;}
.forum_info .dot_sep{width: 5px;height: 5px;display: inline-block;background: #8a9495;border-radius: 20px;margin: 0 10px;}
.forum_row a{color: #54bfc5;font-size: 14px;font-family: "ssSB";text-transform: uppercase;display: block;margin: 0 auto;}
.forum_content_desk table{padding: 0 40px;border: 1px solid #dde6e4;}
.view_all_forum td{padding: 0 !important;}
.view_all_forum a{text-transform: uppercase;font-size: 14px;font-family: "ssSB";width: 100%;display: block;
	text-align: center;box-sizing: border-box;}

.social_feed{padding-top: 100px;}
.social_feed_head{margin: auto;position: relative;padding:40px 0 70px;}
.open_quote, .close_quote{position: absolute;top: 40px;}
.open_quote{background: url('../media/open quote.png')no-repeat;width: 22px;height: 20px;
	display: inline-block;}
.close_quote{background: url('../media/close quote.png')no-repeat;width: 22px;height: 20px;
	display: inline-block;}
.social_feed_head h2{font-family: "ssLI";font-size: 26px;line-height: 40px;text-align: center;margin: 0;letter-spacing: 2px;}
h1.referral{display: none!important;}
.juicer-feed.slider .slick-arrow{z-index: 3 !important;}
.title-addr-doctor{
    font-family: "ssSB";
    font-size: 16px;
    color: #1e1e23;
}
.pl-5{
    padding-left:30px;
}
.pt-3{
    padding-top:15px;
}
.box-layanan a:hover{
    /* border-bottom: 1px solid #4cb0e4; */
}
.layanan{
    font-family: "ssSB";
    font-size: 14px;
}
.hijautelor{
    color:#4cb0e4;
}
.semiblack{
    color: #333;
}
.pinksoft{
    color: #e78fb1;
}
.border-bottom {
	border-bottom: 1px solid #ccc;
}
.list-rs{
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
}
.list-rs:last-child{
    border-bottom: none;
}
.w-100{
    width: 100%;
}
.d-flex {
	display: flex;
}
.justify-content-between{
    justify-content: space-between;
}
.flex-coloumn{
    flex-direction: column;
}
.title_popup_hopay{
	margin-bottom: 15px;
}
.title_popup_hopay h4 {
	font-family: 'ssSB';
	font-size: 21px;
	color: #e78fb1;
	padding-bottom: 10px;
	
}
.border-bottom-0 {
	border-bottom: none !important;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
}

.border-top-0 {
	border-top: none !important;
}
.mt-3 {
	margin-top: 15px;
}
.mr-3{
    margin-right: 15px;
}
.mb-3 {
	margin-bottom: 15px;
}

.mb-5 {
	margin-bottom: 3rem;
}
.p-5 {
	padding-left: 3rem !important;
	padding-right: 3rem !important;
}

.pb-4{
    padding-bottom: 20px;
}

.desc_pay h5,.name-dokter {
	font-family: 'ssSB';
	font-size: 16px;
	color: #3bc1c5;
	
}

.desc_pay p {
	color: #a8a8a8;
	font-family: 'ssR';
	font-size: 16px;
}
.desc_doctor{
	color: #333333;
	font-family: 'ssR';
	font-size: 16px;
}
.docterimg{
    width:100px;
    height:100px;
    object-fit: contain;
    border-radius: 50%;
}
.btn-collapse.collapsed i{
    transform: rotate(-90deg);
}
.align-normal{
    align-items: normal;
}
.btn-search{
	font-family: 'ssSB';
	font-size: 16px;
	color:#fff;
	background-color:#3bc1c5;
}
.search-result{
    font-family: 'ssR';
    font-size: 16px;
    height: 39px;
}
/* .btn.btn-search:hover{
	color:#fff;
	background-color:#80c62c;
} */
@media(max-width:486px){
    .homebanner .item img {
        height: 44.7vw;
    }
    /* .banner_desc h2 {
        font-size: 16px;
        line-height: normal;
        margin: 10px 0;
    } */
    .banner_desc p.banner_content {
        font-size: 14px;
    }
    .homebanner .banner_desc{
        position: absolute;
        left: 2%;
        top: 0;
        width: 100%;
    }
    
}
@media (min-width: 0){
    .home_search_feature .wrapper, .home_search_feature form, .page_feature .wrapper, .feature_item a, .section_matchme .wrapper,
    .page_feature .wrapper > div:last-child, .page_feature .wrapper div:last-child li a, .cancer_people_item,
    .page_feature .wrapper div:first-child li:last-child a{flex-direction: column;}

	.home_search_feature .wrapper > p{margin-bottom: 20px;align-items: flex-start;}
	.home_search_feature form{padding-left: 0;align-items: flex-start;width: 100%;}
	.search_provinsi, .search_kabupaten, .search_doctor_hospital{width: 100%;box-sizing: border-box;margin-bottom: 20px;}
	.search_doctor_hospital{border-radius: 5px;}
	.search_doctor_hospital input[type="submit"]{position: absolute;bottom: -60px;left: 50%;transform: translateX(-50%);
		padding:10px 70px;}
	.home_search_feature{padding-bottom: 60px}

    .page_feature .wrapper > div:last-child{margin-top: 20px;margin-left: 0;width: 100%;}
    .page_feature .wrapper > div:first-child{width: 100%;}
    .page_feature .wrapper div:last-child li .feature_item_img{height:auto;width: 100%;}
    .page_feature .wrapper div:last-child li .feature_item_desc{flex-basis: 0}
    .page_feature .wrapper div:first-child .feature_item_img, .page_feature .wrapper div:first-child .feature_item_desc{width: 100%;}
    .page_feature .wrapper div:first-child li:first-child .feature_item_desc::before{
        border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 0;border-bottom: 20px solid #5bc5bf;
        top: -19px;left: 50%;right: auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .page_feature .wrapper div:first-child li:last-child .feature_item_desc::before{
        border-right: 15px solid transparent;border-left: 15px solid transparent;border-top: 0;border-bottom: 20px solid #3b92bf;
        top: -19px;left: 50%;right: auto;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .page_feature .wrapper div:last-child li .feature_item_desc::before{border-bottom: 20px solid #4cb0e4;border-top: 0;
        border-left: 15px solid transparent;border-right: 15px solid transparent;left: 50%;top: -20px;
        transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .section_cancer_people_head{width: 80%;}
    .cancer_people ul{flex-wrap: wrap;}
    .open_quote{left: -35px;}
    .right_quote{right: -35px;}
    .cancer_people_item{height: auto;margin-bottom: 40px;}
    .cancer_people_item > div{margin-top: 10px}
    .left_matchme{padding-right: 0;}
    .right_matchme, .news li{width: 100%;}
    .forum .wrapper{padding: 0;}
    .forum .wrapper h2{padding: 0 20px;padding-top: 40px;}
    .social_feed_head{width: 80%;padding:40px 0 70px;}
    .banner_wrapper li .banner_desc{transform: translateX(-50%);width: 65%;bottom: 20px;}
    .banner_wrapper li{width: 100%;}
    .banner_desc h2{font-size: 16px;line-height: normal;margin: 10px 0;}
    .view_all_forum a{padding: 20px;}
	.banner_wrapper li .banner_overlay{height: 90%;}

}
@media (min-width: 640px){
    .home_search_feature .wrapper, .home_search_feature form, .page_feature .wrapper, .section_matchme .wrapper,
    .page_feature .wrapper > div:last-child{flex-direction: column;}
    .page_feature .wrapper div:last-child li a, .feature_item a, .cancer_people_item{flex-direction: row;}
    .page_feature .wrapper div:first-child li:last-child a{flex-direction: row-reverse;}

	.home_search_feature .wrapper > p{margin-bottom: 20px;align-items: flex-start;}
	.home_search_feature form{padding-left: 0;align-items: flex-start;width: 100%;}
	.search_provinsi, .search_kabupaten, .search_doctor_hospital{width: 100%;box-sizing: border-box;margin-bottom: 20px;}
	.search_doctor_hospital{border-radius: 5px;}
	.search_doctor_hospital input[type="submit"]{position: initial;bottom: auto;left: auto;transform: initial;
		padding: 10px 70px}
	.home_search_feature{padding-bottom: 60px}

    .page_feature .wrapper > div:last-child{margin-top: 20px;margin-left: 0;width: 100%;}
    .page_feature .wrapper div:last-child li .feature_item_img{height:auto;width: 50%;}
    .page_feature .wrapper div:last-child li .feature_item_desc{flex-basis: 0}
    .page_feature .wrapper div:first-child .feature_item_img, .page_feature .wrapper div:first-child .feature_item_desc{width: 50%;}
    .page_feature .wrapper div:first-child li:first-child .feature_item_desc::before{
        border-right:20px solid #5bc5bf;border-left: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;
        top: 50%;left: -20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .page_feature .wrapper div:first-child li:last-child .feature_item_desc::before{border-left: 20px solid #3b92bf;left: auto;
        border-right: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;top: 50%;right: -20px;
        transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .page_feature .wrapper div:last-child li .feature_item_desc::before{border-bottom: 15px solid transparent;border-left: 0;
        border-top: 15px solid transparent;border-right: 20px solid #4cb0e4;left: -20px;top: 50%;
        transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .section_cancer_people_head{width: 80%;}
    .cancer_people ul{flex-wrap: wrap;}
    .open_quote{left: -35px;}
    .right_quote{right: -35px;}
    .cancer_people_item{height: 200px;margin-bottom: 40px;}
    .cancer_people_item > div{margin-top: 0}
    .left_matchme{padding-right: 0;}
    .right_matchme{width: 370px;}
    .news li{width: 50%}
    .forum .wrapper{padding: 0 30px;}
    .forum .wrapper h2{padding: 0;padding-top: 40px;}
    .social_feed_head{width: 420px;padding:40px 0 70px;}
    .banner_wrapper li .banner_desc{transform: translateX(-50%);width: 80%;bottom: 80px;}
    .banner_wrapper li{width: 100%;}
    .banner_desc h2{font-size: 30px;line-height: 32px;margin: 20px 0 10px;}
    .view_all_forum a{padding: 20px;}
	.banner_wrapper li .banner_overlay{height: 60%;}

}
@media (min-width: 1190px){
    .home_search_feature .wrapper, .home_search_feature form, .page_feature .wrapper, .feature_item a, .cancer_people_item,
    .page_feature .wrapper > div:last-child, .section_matchme .wrapper{flex-direction: row}
    .page_feature .wrapper div:last-child li a{flex-direction: column;}
    .page_feature .wrapper div:first-child li:last-child a{flex-direction: row-reverse;}

	.home_search_feature .wrapper > p{margin-bottom: 0px;align-items: center;}
	.home_search_feature form{padding-left: 30px;align-items: center;width: auto;}
	.search_provinsi, .search_kabupaten, .search_doctor_hospital{width: auto;box-sizing: border-box;margin-bottom: 0;}
	.search_doctor_hospital{border-radius: 5px 25px 25px 5px;}
	.search_doctor_hospital input[type="submit"]{padding: 10px 30px;}
	.home_search_feature{padding-bottom: 30px}

    .page_feature .wrapper > div:last-child{margin-top: 0;margin-left: 20px;width: 50%;}
    .page_feature .wrapper div:last-child li .feature_item_img{height:calc(50% - 15px);width: auto;}
    .page_feature .wrapper div:last-child li .feature_item_desc{flex-basis: auto}
    .page_feature .wrapper div:first-child .feature_item_img, .page_feature .wrapper div:first-child .feature_item_desc{width: 50%;}
    .page_feature .wrapper div:first-child li:first-child .feature_item_desc::before{
        border-right:20px solid #5bc5bf;border-left: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;
        top: 50%;left: -20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .page_feature .wrapper div:first-child li:last-child .feature_item_desc::before{border-left: 20px solid #3b92bf;
        position: absolute;border-top: 15px solid transparent;border-bottom: 15px solid transparent;top: 50%;right: -20px;
        transform: translateY(-50%);-webkit-transform: translateY(-50%);}
    .page_feature .wrapper div:last-child li .feature_item_desc::before{border-bottom: 20px solid #4cb0e4;border-top: 0;
        border-left: 15px solid transparent;border-right: 15px solid transparent;left: 50%;top: -20px;
        transform: translateX(-50%);-webkit-transform: translateX(-50%);}
    .section_cancer_people_head{width: 552px;}
    .cancer_people ul{flex-wrap: nowrap;}
    .open_quote{left: -50px;}
    .right_quote{right: -50px;}
    .cancer_people_item{height: 200px;margin-bottom: 0;}
    .cancer_people_item > div{margin-top: 0}
    .left_matchme{padding-right: 200px;}
    .right_matchme{width: fit-content;}
    .news li { width: 33% }
    .forum .wrapper{padding: 0 60px;}
    .forum .wrapper h2{padding: 0;padding-top: 40px;}
    .social_feed_head{width: 420px;padding:40px 0 70px;}
    .banner_wrapper li .banner_desc{transform: translateX(-70%);width: auto;bottom: 80px;}
    .banner_wrapper li{width: 1200px;}
    .banner_desc h2{font-size: 46px;line-height: 46px;margin: 20px 0;}
    .view_all_forum a{padding: 30px;}
	.banner_wrapper li .banner_overlay{height: 60%;}
}
@media (min-width: 1500px){
	.cancer_people_item{height: auto;}
	.cancer_people_item > div{width: 45%;}
	.cancer_people_item img{width: 256px;height: 256px;}
	.banner_wrapper li{width: 1500px;}
}

.eac-category {
    background: #f7f7f7 !important;
    color: #aaa !important;
    font-family: ssL !important;
    font-size: 14px !important;
    font-style: normal !important;
    padding: 5px 10px !important;
}