:root{
	--primary-color: #A7202C; /*green*/
	--text: #333333;
	--light-gray: #D5D5D7;
	--light-gray-bg: rgba(60, 60, 62, 0.02);
}

@media (min-width: 1200px){
	.container-xl, .container-lg, .container-md, .container-sm, .container{
		max-width: 1080px;
	}
}

button:focus{
	box-shadow: unset !important;
	outline: unset !important;
}

html, body{
	scroll-behavior: smooth;
}

body{
	padding: 0;
    margin: 0;
}

.unset-row > .row{
	all: unset;
}

a{
	color: var(--primary-color);
	text-decoration: none;
}

.fw-semi-bold{
	font-weight: 600;
}


/*p{
	font-size: 20px;
	color: #fff;
	line-height: 185%;
}*/

.text-justify{
	text-align: justify;
}

.container-fluid.unset-all{
	padding: 0;
}

.container-fluid.unset-all .col-12, .container-fluid.unset-all .row {
	all: unset;
}

.center-row > .row{
	justify-content: center;
}

.align-center-row >.row{
	align-items: center;
}

:target {
    display: block;    
    position: relative;     
    top: -150px;
   
}

img{
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6{
	color: var(--text);
}

p{
	color: var(--text);
	line-height: 150%;
}

.section{
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-title{
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 35px;
}

.small-text{
	font-size: 14px;
}

.primary-btn{
	background-color: var(--primary-color);
	color: var(--white);
	padding: 10px 20px;
	border-radius: 50px !important;
	font-size: 14px;
}

.primary-btn:hover{
	background-color: #740c15 ;
	color: var(--white);
}

.border-btn{
	border: 1px solid var(--black);
	color: var(--black);
	padding: 10px 20px;
	border-radius: 50px !important;
	font-weight: bold;
	font-size: 14px;
}

.border-btn:hover{
	background-color: var(--black);
	color: var(--white);
}

.border-btn.red{
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 50px !important;
	font-weight: bold;
}

.border-btn.red:hover{
	background-color: var(--primary-color);
	color: var(--white);
}

.blue-link{
	color: #2400FF;
	font-weight: 600;
	padding: 0;
	cursor: pointer;
	font-size: 14px;
}

.context-link{
	color: var(--primary-color);
	text-decoration: underline;
}

.blue-link i{
	margin-left: 6px;
}

p > .blue-link{
	font-size: inherit;
}


.text-underline{
	text-decoration: underline;
}

.did-you-know{
	padding: 15px;
	background-color: rgba(45, 189, 182, 0.08);
	border: 1px solid #E0E0E4;
	border-radius: 10px;
}

.did-you-know .title{
	color: var(--primary-color);
	font-weight: bold;
	margin-bottom: 10px;
}

.did-you-know .title i{
	margin-right: 8px;
}

.did-you-know p{
	margin-bottom: 0;
}

.home-banner-wrapper{
	min-height: 325px;
	background: rgb(182,31,42);
	background: linear-gradient(180deg, rgba(182,31,42,1) 0%, rgba(57,0,4,1) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	align-items: center;
}

.home-banner-wrapper .container > .row{
	align-items: center;
}

.home-banner-wrapper div, .home-banner-wrapper h1{
	color: var(--white);
	font-size: 36px;
	font-weight: 900;
}


.red-divider .divider{
	border-color: var(--primary-color);
	padding-top: 50px;
}

.light-gray-divider .divider{
	border-color: var(--light-gray);
	padding-top: 50px;
}


.pitch-wrapper h2{
	margin-bottom: 15px;
}

.pitch-wrapper  .blue-link{
	margin-left: 20px;
}


@media (min-width:991px){


	.pitch-wrapper .button-wrapper{
		padding-left: 70px;
	}
}

.etf-card{
	background-color: rgba(241, 91, 85, 0.4);
	padding: 20px 20px;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-position: right bottom !important;
	background-size: 30%;
	height: 100%;
}

.etf-card .card-content{
	margin-bottom: 25px;
}

.etf-card h4{
	font-size: 20px;
	font-weight: bold;
	min-height: 60px;
	line-height: 150%;
}

.etf-card p{
	font-size: 14px
}

.etf-card .primary-btn{
	padding: 8px 15px;
}

.calculator_wrapper{
	position: relative;
}


.calculator-overall-wrapper  .scrollable-table th:first-child{
	background-color: #fbfbfb !important;
}

.calculator_wrapper form{
	text-align: justify;
}

.calculator_wrapper form div{
	display: inline-block;
}

.calculator_wrapper  span{
	font-size: 16px;
	line-height: 185%;
}

.currency-underline {
	padding-bottom: 6px;
	border-bottom: 1px solid #3C876E; 
	background-color: #f5f5f5 ;
	padding-left: 5px;
	padding-top: 5px;
}

.calculator_wrapper .form-control, .calculator_wrapper .form-select{
	display: inline-block;
	font-size: 16px;
	width: auto;
	max-width: 100%;
	margin-bottom: 6px;
	font-weight: 600;
	padding: 5px 10px 5px 10px;
	border:0;
	border-bottom: 1px solid #3C876E;
	border-radius: 0 !important;
	background-color: #f5f5f5 ;
}


.calculator_wrapper .form-select{
	background-position: right 0.35rem center;
}


.calculator_wrapper .form-control, .calculator_wrapper .form-select{
	box-shadow: 0 0 0 0.25rem transparent !important;
}

.calculator_wrapper .form-select{
	padding-right: 0;
}

.form-select.month{
	width: 100px;
}

.form-select.fund_id{
	width: 450px;
}

.calculator_wrapper .form-control::-webkit-outer-spin-button,
.calculator_wrapper .form-control::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calculator_wrapper input[type=number] {
	-moz-appearance: textfield;
}

.calculator_wrapper .form-control{
	max-width: 100px;
}

.calculator_wrapper .final_investment_gap_wrapper, .calculator_wrapper .final_amount_wrapper{
	font-weight: bold;
}

.semi-bold{
	font-weight: 600;
}

.calculator_wrapper .action-wrapper{
	display: flex;
	align-items:  center;
	justify-content: space-between;
}

.calculator_wrapper .action-wrapper .border-btn{
	border-color: var(--primary-color);
	color: var(--primary-color);
	padding: 8px 20px;
}

.calculator_wrapper .action-wrapper .border-btn:hover{
	background-color: var(--primary-color);
	color: var(--white);
}

.fund_chart_wrapper{
	position: relative;
}

.fund_chart_wrapper .graph-currency{
	position: absolute;
	left:40px;
	font-size: 12px;
}

@media (min-width:991px){
.calculator-overall-wrapper .scrollable-table{
	padding-left: 75px;
}
}

.calculator-overall-wrapper .scrollable-table table{
	min-width: auto;
}


.scroll-right-wrapper p{
	font-size: 12px;
	color: var(--primary-color);
	font-weight: 600;
	margin-bottom: 25px;
}

.scroll-right-wrapper i{
	display: inline-block;
	animation: moveRight 1.2s linear infinite;
}

@keyframes moveRight {
	0%   {transform: translateZ(0px); opacity: 1}
	100%  {transform: translateX(10px); opacity: 0}
  }

.grid-context{
	text-align: center;
}
/* 
.grid-context > .row{
	align-items: center;
} */



.grid-context:first-child{
	margin-bottom: 75px;
}

.grid-context .main-title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

.grid-context img{
	width: 45%;
	margin-bottom: 35px;
}

@media (min-width:991px){
	.grid-context  p{
		padding-left: 20px;
		padding-right: 20px;
		text-wrap: pretty
	}
}

.why-etf-card{
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

.why-etf-card img{
	margin-top: 20px;
	margin-bottom: 35px;
}

.why-etf-card .main-title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}


.accordion-item{
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid var(--light-gray);	
	border-radius: 0 !important;
}

.accordion-item:last-child{
	border: 0;
}

.accordion-item:has(.collapse.show){
	border-top: 4px solid var(--primary-color);
}

.accordion-button{
	border: 0;
	border-radius: 0;
	padding: 25px 0;
	font-weight: bold !important;
}


.accordion-button:not(.collapsed){
	color: var(--text) !important;
	box-shadow: unset;
}

.accordion-button.collapsed:hover{
	background-color: transparent !important;
	color: var(--primary-color) !important;
}


.accordion-button:not(.collapsed)::after{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2A7202C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-body{
	padding: 0 0 50px 0;

}

.accordion-body ul{
	padding-left: 20px;
	margin-bottom: 20px;
}

.accordion-body ul li{
	margin-bottom: 15px;
}

.faq-wrapper ul h5{
	font-size: 18px;
	font-weight: bold;
}

.inner-banner-wrapper{
	padding-top: 75px;
	padding-bottom: 75px;
}

.inner-banner-wrapper h1{
	font-size: 30px;
	color: var(--white);
	font-weight: 900;
	letter-spacing: 1px;
	margin-bottom: 0;
}

.inner-section-title{
	font-size: 20px;
	font-weight: 900;
	text-wrap: balance;
	line-height: 175%;
	margin-bottom: 25px;
}

.inner-nav{
	background-color: var(--black);
	position: sticky; /* Make it stick/fixed */
	top: 0px; /* Stay on top */
	transition: top 0.3s; /* Transition effect when sliding down (and up) */
	z-index: 3;
}

.inner-nav .nav-link:focus{
	color: var(--white);
}

.inner-nav a{
	padding: 15px 13px;
	color: var(--white);
	font-size: 12px;
}

.inner-nav a.active, .inner-nav a:hover, .fund-url-active{
	background-color: var(--primary-color);
	color: var(--white);
}

.about-logo{
	width: 60%;
}

.structure-img{
	width: 500px;
}

.section.light-gray{
	background-color: var(--light-gray-bg);
}

.service-provider-accordion .accordion-button {
	font-weight: 900 !important;
}

.service-provider-accordion  .accordion-button:not(.collapsed){
	/* color: var(--primary-color) !important; */
}

.service-provider-accordion .accordion-item:has(.collapse.show){
	border-top: 0;
}

.section.primary-bg{
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: var(--primary-color);
}

.section.primary-bg a{
	color: var(--white);
}

.section.primary-bg .inner-section-title{
	color: var(--white);
}

.section.primary-bg .address p:first-child{
	margin-bottom: 0px;
}

.section.primary-bg .address{
	margin-bottom: 25px;
}

.section.primary-bg .address p, .section.primary-bg .email{
	text-align: center;
	color: var(--white);
}

.section.primary-bg i, .section.primary-bg i{
	margin-right: 8px;
}

h6.title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.scrollable-table{
	overflow-x: auto;
}

.scrollable-table table{
	min-width: 700px;
}

.scrollable-table tr:nth-child(odd) td{
	background-color: var(--white);
}

.scrollable-table tr:nth-child(even) td{
	background-color: #f8f8f8;
}

.scrollable-table th{
	width: 25%;
	padding: 15px 20px;
	font-weight: 600;
	font-size: 16px;
	text-align: center;
}

.scrollable-table th:first-child{
	width: 20%;
	text-align: left;
}

.scrollable-table td{
	text-align: center;
	padding: 15px 20px !important;
}

.scrollable-table th:nth-child(1), .scrollable-table td:nth-child(1){
	text-align: left;
	position: sticky;
	left: 0;
	z-index: 2;
}

.scrollable-table.performance th{
	font-size: 16px;
}

.scrollable-table.performance th:first-child{
	width: 20% !important;
	background-color: rgb(251 251 251);
}

.scrollable-table.performance th:not(:first-child){
	width: 10% !important;
	text-align: center;
}

.scrollable-table.performance tbody:nth-child(even) tr td{
	background-color: #f8f8f8 !important;
}

.scrollable-table.performance td:last-child{
	text-align: center !important;
}

.icon-row:not(:last-child){
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--light-gray);
}

.icon-row .inner-section-title, .context-underline .inner-section-title{
	margin-bottom: 0;
}

.icon-row .title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.icon-row .title i{
	font-size: 18px;
	color: var(--primary-color);
	margin-right: 8px;
}

.context-underline{
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid var(--light-gray);
}

.context-underline.no-underline{
	border-bottom: 0;
}

.share_content_tabs.nav-tabs .nav-link{
	margin: 0px 10px;
	font-size: 16px;
	color: var(--text);
	padding: 10px;
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 4px solid transparent ;
}

.share_content_tabs.nav-tabs .nav-link.active{
	border-color: var(--primary-color);
	font-weight: 600;
}

.share_content_tabs.nav-tabs .nav-link:hover{
	border-color: var(--primary-color);
}

.share_content_tabs.nav-tabs .nav-link:focus{
	border-color: var(--primary-color);
	font-weight: 600;
}


@media (min-width:991px){
	.contact-info{
		padding-left: 25px;
		margin-top: 35px;
	}
}

.contact-info{
	display: flex;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 25px;
}

.contact-info i{
	aspect-ratio: 1/1;
	width: 40px;
	height: 40px;
	background-color: var(--primary-color);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.contact-info h6{
	font-weight: bold;
	margin-bottom: 5px;
}

.contact-info p, .contact-info a{
	font-size: 14px;
	color: var(--text);
}

.contact-form-wrapper input, .contact-form-wrapper textarea{
	margin-top: 8px;
	border-radius: 5px;
}

.important-text{
	color: var(--primary-color);
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	margin-bottom: 15px;
}

.fund-navigation-wrapper .nav{
	border-bottom: 1px solid var(--primary-color);
}

.fund-navigation-wrapper .nav-pills .nav-link{
	margin: 0px 10px;
	font-size: 16px;
	color: var(--text);
	padding: 10px;
	border-radius: 0;
	border-bottom: 4px solid transparent ;
}


.fund-navigation-wrapper .nav-pills .nav-link.active{
	background-color: transparent;
	border-color: var(--primary-color);
	font-weight: 600;
}

.fund-navigation-wrapper .nav-pills.nav-link:hover{
	border-color: var(--primary-color);
}

.fund-navigation-wrapper .nav-pills .nav-link:focus{
	border-color: var(--primary-color);
	font-weight: 600;
}

.context-overline{
	border-top: 1px solid var(--primary-color);
	padding-top: 50px;
	margin-top: 50px;
}

.fund-details h2{
	font-weight: 900;
	font-size: 28px;
	margin-bottom: 15px;
}

.fund-details .sub-title{
	font-weight: 900;
	font-size: 20px;
	margin-bottom: 25px;
}

.fund-details .sub-title a{
	font-size: 16px;
	color: #2400FF;
	margin-left: 15px;
}

.fund-details .sub-title a i{
	margin-right: 5px;
}

.fund-details  .divider{
	height: 1px;
	width: 100%;
	background-color: var(--primary-color);
	margin-top: 35px;
	margin-bottom: 35px;
}

.fund-details label{
	font-weight: bold;
}

.fund-details .sub-section-title{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 1px solid var(--black);
}

.fund-details div:not(.scrollable-table) table td{
	padding-top: 8px;
	padding-bottom: 8px;
}

.scrollable-table.performance th.text-start{
	background-color: var(--white);
}

.fund-details table tr td:first-child{
	vertical-align: baseline;
	font-weight: bold;
	text-align: left;
}

.fund-info .sub-title{
	font-size: 24px;
	font-weight: 900;
	margin-bottom: 10px;
}

.fund-info .scrollable-table tr:nth-child(odd) td{
	background-color: #f8f8f8;
}

.fund-info  .scrollable-table tr:nth-child(even) td{
	background-color: var(--white);
}

.fund-info table td:first-child{
	width: 35%;
}

.fund-info table tr td:last-child{
	font-weight: normal;
	text-align: left;
}



#pills-fund_download table:first-child{
	margin-bottom: 30px;
}

.note-text{
	font-size: 12px;
	font-style: italic;
}

.scrollable-table .download-table tr:first-child th{
	font-size: 18px;
	font-weight: bold;
	background-color: var(--primary-color);
	color: var(--white);
}

.scrollable-table .download-table td:last-child{
	width: 50px;
}

.scrollable-table .download-table .download-date{
	display: inline-block;
	margin-right: 25px;
}

.scrollable-table .download-table td{
	padding-top: 12px !important;
	padding-bottom:12px !important;
}

.scrollable-table .download-table .download_tr_row td:last-child{
	text-align: right;
}

.scrollable-table .download-table .bi{
	color: var(--primary-color);
	cursor: pointer;
}

.key-highlight-wrapper{
	margin-top: 25px;
	text-align: center;
}

.key-highlight-wrapper img{
	margin-bottom: 15px;
}

.key-highlight-wrapper h4{
	font-size: 18px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

.key-highlight-wrapper p{
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

.section.how-to-invest{
	min-height: 600px;
}

.question{
	font-size: 18px;
	margin-bottom: 15px;
}

.question .numbering{
	font-weight: bold;
	margin-right: 15px;
}

.question .selection{
	font-weight: 600;
	cursor: pointer;
	padding: 5px 0;
	margin: 0 10px;
	border-bottom: 2px solid transparent;
}

.btn_click_q1.active,
.btn_click_q2.active,
.btn_click_q3.active{
	color : var(--primary-color);
}

.question .selection.active{
	border-color: var(--primary-color);
}

/* .q1_answer_wrapper, .q2_answer_wrapper{
	margin-top: 50px;
} */

.q1_answer_wrapper h5, .q2_answer_wrapper h5, .etf_wrapper h5{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.q1_answer_wrapper ul, .q2_answer_wrapper ul{
	padding-left: 20px;
}

.q1_answer_wrapper ul li, .q2_answer_wrapper ul li{
	margin-bottom: 10px;
}

.scrollable-table.how-to-invest{
	margin-top: 25px;
	margin-bottom: 50px;
}

.scrollable-table.how-to-invest th{
	vertical-align: bottom;
}

.policy-wrapper .inner-section-title{
	font-size: 18px;
	margin-bottom: 5px;
}

.policy-wrapper p{
	text-align: justify;
}

.policy-wrapper ul, .policy-wrapper ol{
	padding-left: 20px;
	margin-bottom: 15px;
}

.policy-wrapper ul li, .policy-wrapper ol li{
	margin-bottom: 10px;
}

.footer-wrapper{
	background-color: var(--black);
	padding-top: 10px;
	padding-bottom: 15px;
}

.footer-wrapper a{
	color: var(--white);
	padding: 0;
	margin: 0;
	font-size: 10px;
}

.footer-wrapper a:hover{
	color: var(--primary-color);
}

.footer-wrapper ul li:not(:last-child) a::after{
	content: "";
	display: inline-block;
	height: 3px;
	width: 3px;
	border-radius: 10px;
	background-color: var(--white);
	margin: 0 15px;
}

.footer-listing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 0;
}




@media (max-width:991px){

	

	.scrollable-table table{
		min-width: 900px;
	}

	.scrollable-table td{
		padding: 12px 15px !important;
	}

	.fund-info .scrollable-table table{
		min-width: auto;
	}

	.fund-info .scrollable-table table th{
		width: 50%;
	}

	.scrollable-table .download-table tr:first-child th{
		font-size: 16px;
	}

	#pills-fund_download table{
		min-width: auto;
	}

	.download_tr_row td:first-child{
		width: 40%;
	}

	.download_tr_row td:last-child{
		width: 60%;
		vertical-align: middle;
	}

	.section{
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.section-title{
		font-size: 24px;
		margin-bottom: 15px;
	}

	.primary-btn, .border-btn{
		padding: 10px 20px;
	}



	.grid-context .main-title, .why-etf-card .main-title{
		font-size: 20px;
		margin-bottom: 10px;
	}

	.grid-context img{
		width: 50%;
	}

	.home-banner-wrapper{
		padding-top: 0;
		min-height: 200px;
		
	}


	.calculator_wrapper span, .calculator_wrapper .form-control, .calculator_wrapper .form-select{
		font-size: 16px;
		margin: 5px 0;
	}

	.calculator_wrapper .form-control, .form-select.month{
		width: 80px;
	}
	

	.form-select.fund_id{
		width: 400px;
	}

	.inner-banner-wrapper{
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.inner-banner-wrapper h1{
		font-size: 28px;
	}

	.inner-nav{
		background-color: transparent;
		margin-top: 30px;
		position: relative !important;
		top: 0 !important;
	}

	.inner-section-title, .fund-details h2{
		font-size: 22px;
	}

	.about-logo{
		width: 30%;
		margin: 30px auto;
	}

	.question .selection{
		font-size: 16px !important;
	}
	
	
	.scrollable-table th, .scrollable-table td, .scrollable-table.performance th{
		font-size: 14px;
	}

	.accordion-button{
		font-size: 20px;
	}


	.fund-details .sub-title{
		font-size: 18px;
	}

	.context-underline{
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	.fund-info table td:first-child{
		position: relative;
	}

	.icon-row .title{
		font-size: 16px;
	}

	.context-overline{
		padding-top: 40px;
		margin-top: 40px;
	}

}

@media (max-width:767px){
	
	.section-title{
		font-size: 22px;
	}

	.home-banner-wrapper div, .home-banner-wrapper h1{
		font-size: 26px;
	}



	.calculator-overall-wrapper .scrollable-table table{
		min-width: 800px;
	}
}


@media (max-width:575px){
	*,p, span, ul, li, a, td, th{
		font-size: 13px;
	}

	.scrollable-table th, .scrollable-table td, .scrollable-table.performance th{
		font-size: 13px;
	}

	

	.small-text{
		font-size: 10px;
	}

	.section-title{
		font-size: 20px;
	}

	.primary-btn, .border-btn, .blue-link{
		font-size: 13px;
	}

	.home-banner-wrapper div, .home-banner-wrapper h1{
		font-size: 24px;
	}


	.etf-card h4{
		font-size: 16px;
		min-height: unset;
	}
	
	.etf-card p{
		font-size: 13px;
	}

	.grid-context .main-title, .why-etf-card .main-title{
		font-size: 18px;
	}

	
	.calculator_wrapper span, .calculator_wrapper .form-control, .calculator_wrapper .form-select, .calculator_form{
		font-size: 13px;
	}

	.calculator_wrapper .form-control{
		width: 65px;
	}

	.form-select.month{
		width: 100px;
	}

	.form-select.fund_id{
		width: 375px;
	}

	.fund-navigation-wrapper .nav-pills .nav-link{
		font-size: 14px;
		padding: 5px;
	}

	.inner-banner-wrapper h1{
		font-size: 22px;
	}

	.inner-section-title, .fund-details h2{
		font-size: 18px;
	}

	.key-highlight-wrapper h4{
		font-size: 16px;
	}

	.key-highlight-wrapper p{
		font-size: 13px;
	}

	.fund-details .sub-section-title{
		font-size: 14px;
	}

	.question .numbering, .question, .question .selection{
		font-size: 14px !important;
	}

	.q1_answer_wrapper h5, .q2_answer_wrapper h5, .etf_wrapper h5{
		font-size: 14px;
	}

	.share_content_tabs.nav-tabs .nav-link{
		font-size: 14px;
		margin: 0 5px;
	}

	.scrollable-table .download-table tr:first-child th{
		font-size: 14px;
		padding: 10px 15px;
	}

	.btn_share_social_media a i{
		font-size: 24px !important;
	}
}




/*Modal*/

.modal  .btn-close{
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.75em auto no-repeat;
	background-color: var(--primary-color);
	position: absolute;
	right: -10px;
	top: -10px;
	color: var(--white);
	border-radius: 30px;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}

.modal  .modal-dialog .modal-content{
	padding: 25px;
	border-radius: 20px;
}

.modal .modal-header{
	border-bottom: 0;
	padding-bottom: 0;
}

.modal .key-personnel-name{
	font-size: 24px;
	font-weight: bold;
}

.modal .key-personnel-title{
	min-height: auto;
}

.modal .key-personnel-title p{
	font-size: 16px;
	color: var(--text);
	margin-bottom: 0;
}

.modal .modal-body{
	padding-top: 0;
	text-align: justify;
}

.home-popup img{
	width: 150px;
}

/* width */
.modal .modal-body::-webkit-scrollbar {
	width: 6px;
  }
  
/* Track */
.modal .modal-body::-webkit-scrollbar-track {
	background: #D9D9D9;
	border-radius: 10px;
  }
  
/* Handle */
.modal .modal-body::-webkit-scrollbar-thumb {
	background: var(--primary-color);
	border-radius: 10px;
  }


  @media(max-width:575px){
	.modal .key-personnel-name{
		font-size: 18px;
		min-height: unset;
	}

	.modal .key-personnel-title p{
		font-size: 14px;
	}

	.modal .btn-close{
		width: 15px;
		height: 15px;
		top: 15px;
		right: 15px;
	}

	.home-popup img{
		width: 120px;
	}
  }
  
  
.pdpa-download-btn {
	background-color: var(--box-gray);
	border: 1px solid var(--light-gray);
	text-align: center;
	padding: 25px 10px;
	width: 100%;
	font-size: 12px;
	margin-top : 15px;
	margin-bottom : 15px;
}

.checkbox-wrapper label{
	display: flex;
	font-size: 14px;
	align-items: baseline;
	color: var(--text)_;
}

.btn_share_social_media a{
	display: block;
	font-size: 24px;
	color: #838383;
	margin-bottom: 10px;
	transition: 0.15s;
}

.btn_share_social_media a:hover{
	color: var(--primary-color);
}

.post-wrapper h1{
	font-weight: bold;
}

.post-wrapper p{
	text-align: justify;
}

@media (min-width:991px){
.post-wrapper{
	max-width:800px;
}
}

.send_guide_form{
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.send_guide_form > div{
	width: 100%;
}

.send_guide_form > div span{
	font-size: 14px;
}

.epf-procedure{
	margin-bottom: 25px;
}

.epf-procedure p{
	font-weight: bold;
	margin-bottom: 5px;
}

.epf-procedure ul{
	padding-left: 20px;
	margin-bottom: 0;
}

.epf-procedure img{
	border: 1px solid rgb(255, 212, 212);
}


@media (max-width:991px){
	
	.send_guide_form{
		flex-direction: column;
		flex-wrap: wrap;
		gap: 5px;
	}

	.send_guide_form > div{
		width: 100%;
	}

	.send_guide_form .form-control{
		max-width: 100%;
	}
}