@media ( max-width : 767px) and (min-width: 320px) {
	#bc-article-array .normal-card {
		border-radius: 0px;
		box-shadow: none;
		border: none;
		height: auto !important;
	}
}

@media ( max-width : 1024px) and (min-width: 768px) {
	#bc-article-array [class*="featured-content-list"] img {
		display: none;
	}
	#bc-article-array .normal-card {
		border-radius: 0px;
		box-shadow: none;
		border: none;
		height: auto;
		margin: 10px;
	}
}

@media ( min-width : 768px) {
	.article-related {
		margin-left: -30px;
		width: 828px;
	}
	#bc-article-array .featured-content-list img {
		height: 220px;
	}
}

@media ( max-width : 567px) and (min-width: 320px) {
	.bc_dropdown {
		width: 100%;
	}
}

.article-related h2 {
	padding-bottom: 8px;
}

#bc-article-array .featured-content-list .aspect-ratio-16-to-9 {
	margin: 4px;
}

#bc-article-array .featured-content-list img {
	margin: 0px auto 30px;
    max-width: 220px;
}
#bc-article-array .normal-card{
	height: 330px;
}
#bc-article-array .featured-content-list {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

#bc-article-array .featured-content-list a {
	position: inherit;
	text-decoration: none;
}

.bc_main {
	min-width: 320px;
	width: 100%;
	height: 330px;
	position: relative;
	display: none;
}

.bc_9col {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.bc_main_9col {
	width: 100%;
	height: 330px;
	position: relative;
}

.bc_q1_start {
	display: none;
}

#bc_q2 {
	display: none;
}

#bc_q3 {
	display: none;
}

.bc_close_btn {
	position: absolute;
	float: right;
	right: 0px;
	width: 20px;
	height: 20px;
	color: #003946;
	margin: 15px;
	cursor: pointer;
}

.bc_close_btn::before {
	font-family: FontAwesome;
	content: "\f00d";
	font-size: 28px;
}

.bc_background {
	background-image: url('/content/dam/sunlife/regional/philippines/images/sun_bg_desktop_v02.jpg');
	background-position: center center;
	background-repeat: no-repeat;
}

.bc_main_title {
	margin: auto;
	font-size: 30px;
	color: #003946;
	line-height: 30px;
	text-align: center;
	padding-top: 51px;
	font-weight: 400;
	padding-bottom: 10px;
}

.bc_main_question {
	margin: auto;
	font-weight: 200;
	font-style: normal;
	font-size: 20px;
	color: #003946;
	line-height: 27px;
	text-align: center;
	padding-top: 15px;
	transform: scale(1);
	transition: transform 0.3s ease;
}

#bc_q1_1_ans_select_1::-ms-expand {
	display: none;
}

#bc_q2_1_ans_select_1::-ms-expand {
	display: none;
}

#bc_q2_1_ans_select_2::-ms-expand {
	display: none;
}

#bc_q2_1_ans_select_3::-ms-expand {
	display: none;
}

#bc_q2_1_ans_select_4::-ms-expand {
	display: none;
}

#bc_q3_1_ans_select_1::-ms-expand {
	display: none;
}

#bc_q3_2_ans_select_1::-ms-expand {
	display: none;
}

#bc_q3_2_ans_select_2::-ms-expand {
	display: none;
}

#bc_q3_2_ans_select_3::-ms-expand {
	display: none;
}

#bc_q3_2_ans_select_4::-ms-expand {
	display: none;
}

.form-control-bc {
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-weight: 400;
	font-size: 20px;
	height: auto;
	padding-right: 30px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 30px;
	background-image:
		url('/content/dam/sunlife/legacy/assets/ph/Bright Curator/form-ui-select-dropdown-arrow.png');
}

.bc_dropdown{
	/*border-bottom: 1px solid #003946 !important;
	min-height: 27px !important;
	padding-right: 30px;*/
	border-bottom: 1px solid #202223!important;
	min-height: 30 px !important;
	padding-right: 30px;
	/*text-align: center;*/
	text-align: left;
}

.bc_dropdown:focus {
	outline-color: #4db8ff;
}

option {
	width: inherit;
}

.bc_submit_btn {
	margin: auto;
	text-align: center;
	padding-top: 29px;
	opacity: 0;
	display: none;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	padding-bottom: 20px;
}
.bc_submit_btn .btn-blue {
    background: #003946 !important;
    color: #ffffff !important;
    border: 2px solid #003946;
    font-size: 1rem !important;
    padding: 7px 19px !important;
    margin: 0 !important;
    min-height: 40px !important;
    white-space: normal;
    font-family: 'sunlife-sans';
    font-weight: 700;
    border-radius: 0 !important;
}

@media (max-width: 767px){
	.bc_submit_btn .btn-blue {
		width: 80%;
		margin-bottom: 20px !important;
	}
}

.bc_q_start {
	transform: scale(1.2);
	transition: transform 0.3s ease;
	display: block !important;
}

.isAns {
	border-bottom-width: 0px;
}

.bc_showSubmitBtn {
	opacity: 1;
	display: block !important;
}

.bc_break {
	display: none;
}

@-moz-keyframes bounce {
        0%{ -moz-transform:scale(0); opacity:0;}
        50%{ -moz-transform:scale(1.3); opacity:0.4; }
        75%{ -moz-transform:scale(0.9); opacity:0.7;}
        100%{ -moz-transform:scale(1); opacity:1;}
}

@-webkit-keyframes bounce {
        0%{ -webkit-transform:scale(0); opacity:0;}
        50%{ -webkit-transform:scale(1.3); opacity:0.4;}
        75%{ -webkit-transform:scale(0.9); opacity:0.7;}
        100%{ -webkit-transform:scale(1); opacity:1;}
}
.bc_submit_btn .btn-blue1 {
   background: #FFCB05 !important;
   color: #004570 !important;
   border: 2px solid #FFCB05;
   font-size: 1rem !important;
   padding: 7px 19px !important;
   margin: 0 !important;
  min-height: 40px !important;
  white-space: normal;
 /* font-family: 'sunlife-sans'; */
 font-family: Sun Life New Text Regular, Helvetica Neue, Calibri, sans-serif;
 font-weight: 700;
 border-radius: 0 !important;
}
@media ( min-width : 220px) and (max-width: 767px) {
	.bc_background {
		background-image: url('/content/dam/sunlife/legacy/assets/ph/Bright Curator/sun_bg_mobile.jpg')
			!important;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.bc_main {
		min-height: 400px;
		height: auto;
	}
	.bc_main_9col {
		min-height: 400px;
		height: auto;
	}
	.bc_break {
		display: block !important;
		height: 3px;
	}
	.bc_main_question {
		padding-top: 20px;
	}
	.bc_submit_btn {
		padding-top: 19px;
	}
	.bc_q_start {
		transform: scale(1);
		transition: transform 0.3s ease;
		display: block !important;
	}
	@media (min-width:767px) {
		.bc_q_start {
			max-width: 90%;
		}
	}
	.bc_qt_start {
		transform: scale(1.2) !important;
		transition: transform 0.3s ease;
		display: block !important;
	}
	.bc_qte_start {
		transform: scale(1.0) !important;
		transition: transform 0.3s ease;
		display: block !important;
	}
	.bc_dropdown{
  /*border-bottom: 1px solid #003946 !important;
  min-height: 27px !important;
  padding-right: 30px;*/
  border-bottom: 1px solid #202223!important;
  min-height: 30 px !important;
  padding-right: 30px;
  text-align: center;
  width : 85%;
}
}


/*custom css*/
.bc_submit_btn .btn-blue1 {
    background: #FFCB05 !important;
    color: #004570 !important;
    border: 2px solid #FFCB05;
    font-size: 1rem !important;
    padding: 7px 19px !important;
    margin: 0 !important;
    min-height: 40px !important;
    white-space: normal;
    font-weight: 700;
    border-radius: 0 !important;
}