a{
color:#293075;
text-decoration:none;	
} 

a:hover{
color:#339900;
text-decoration:none;	
} 

.section-hero{
background:#E9EEF3;	
}

.page-menu .list-inline-item:not(:last-child) {
margin-right:-2px;
margin-left:-2px;
}

.page-menu .list-inline-item:last-child {
margin-right:-2px;
margin-left:-2px;
}

.page-menu li:not(:last-child) {
margin-right:-2px;
margin-left:-2px;
}

.page-menu li:last-child {
margin-right:-2px;
margin-left:-2px;
}

.page-menu ul li{
font-size:20px;
color:#B0B0B0;
padding:10px 20px;
border-bottom:2px solid #B0B0B0;
margin-right:0px;
display: inline-block;
}

.page-menu ul li.active,.page-menu ul li.current-menu-item{
color:#293075;
border-bottom:2px solid #293075;
}

.page-heading{
font-size:30px;
color:#339900;
font-weight: 700;
padding-bottom:20px;
	
}

.page-heading span{

color:#293075;
	
}

p span{

color:#339900;
	
}
.rounded {
    border-radius: 20px !important;
}
.f16px{
font-size:16px;	
line-height:1.2;
}
.f18px{
font-size:18px;	
line-height:1.2;
}
.f20px{
font-size:20px;	
}
.f25px{
font-size:25px;	
}
.f30px{
font-size:25px;	
}

.f35px{
font-size:35px;	
}

.sustainable-value{
background:url('../img/about-us/investing.jpg') no-repeat;
background-size:cover;	
}

.white-opac{
background-color: rgba(255, 255, 255, 0.6);	
}

.about-us-heading-blue-bg{
color:#fff;
background:#293075;
padding:5px 15px;	
border-radius:10px;
}

.about-icon{
max-height: 65px;
margin-right: auto;	
}

.about-column span{
color:#339900;
font-weight:bold;	
}

.about-column a{
color:#293075;
font-weight:bold;
text-decoration:none;	
}

.about-heading2{
font-size:25px;
color:#293075;
font-weight:bold;
	
}

.about-alpha{
font-weight: bold;
font-size: 22px;
background: #fff;
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
position: absolute;
left: -15px;
top: -12px;
}

.blue-bg{
background:#293075;	
}
.thumbnail-bod{
position:relative;	
}
.bod-img {
background:#fff;	
display: block;
width: 100%;
height: auto;
}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background:rgba(41, 48, 117, 0.70);
}

.thumbnail-bod:hover .overlay {
  opacity: 1;
}

.text {
color: white;
font-size: 16px;
position: absolute;
top: 85%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}

.search-bod{
color:#293075;
background:#fff;
border-radius:50%;	
}
.bod-info h5{
color:#293075;
font-weight:600;
font-size:16px;	
}

.bod-info p{
color:#343434;
font-weight:500;
font-size:16px;	
line-height: 1.3;
}

.slide-bod img{
max-width:250px;	
}

.profile{
max-width:250px;	
}

.slider-nav .thumb-image { 
  max-width:200px;
}

.bod-modal-top{
height:70vh;	
}

.bod-modal-bottom{
height:30vh;	
}

.description-div{
height:60vh;
overflow-y:auto;	
width:99
}


/* width */
.description-div::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.description-div::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.description-div::-webkit-scrollbar-thumb {
  background: #293075; 
}

/* Handle on hover */
.description-div::-webkit-scrollbar-thumb:hover {
  background: #293075; 
}

.modal-back{
color:#293075; 
text-decoration:none;
font-weight:bold;	

}

.details-management-name{
color:#293075; 
font-weight:bold;
font-size:35px;	

}

.details-management-title{
color:#343434;
font-family: Roboto;
font-size: 25px;
font-weight: 700;	
line-height: 1.2;
}

.slider-nav .next, .invest-slider-nav .next{
    position: absolute;
    right: 0;
    top: 50%;	
	color:#fff;
	background:#293075;
	border-radius: 60px;
    box-shadow: 0 0 2px #293075;
    padding: 0.5em 0.6em;
	cursor:pointer;
	border:2px solid #293075;
}


.slider-nav .prev, .invest-slider-nav .prev{
    position: absolute;
    left: 0;
    top: 50%;	
	color:#fff;
	background:#293075;
	border-radius: 60px;
    box-shadow: 0 0 2px #293075;
    padding: 0.5em 0.6em;
	cursor:pointer;
	border:2px solid #293075;

}

.slider-nav .prev:hover, .slider-nav .next:hover,  .invest-slider-nav .prev:hover,  .invest-slider-nav .next:hover{
	color:#B0B0B0;
	background:#fff;
	border:2px solid #B0B0B0;
}

.slider-nav .name, .invest-slider-nav .name{
color:#293075;
font-weight:600;	
}

.slider-nav .opac, .invest-slider-nav .opac{
	opacity: 0.7;
}




.management-tabs.nav-tabs .nav-item.show .nav-link, .management-tabs.nav-tabs .nav-link.active {
    color: #293075;
    background-color: transparent;
    border-color: transparent;
	font-weight:bold;
}

.management-tabs .nav-link {
 color: #293075;
 
}

.management-tabs.nav-tabs .nav-link.active:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-color: #293075 transparent;
    border-width: 0 12px 12px;
    top: 27px;
    left: 50%;
    margin-left: -12px;
    bottom: auto;
}


.box-title{
font-size:25px;
color:#343434;	
}

.box-title span{
font-size:25px;
color:#339900;	
}

.box-title-green{
font-size:25px;
color:#339900;	
} 

.box-title-green span{
font-size:25px;
color:#fff;	
}

.grey-bg{
background:#F1F1F1;;	
}

.light-blue-bg{
background:#E9EEF3;	
}

.yellow-bg{
background:#FFEDB9;	
}
.blue2-bg{
background:#C2E3F7;	
}

.bullet-list li{
list-style-type:disc;
	
}

.alpha-list{
list-style-type: lower-alpha;
}

.text-blue{
color:#293075;	
}

.text-green{
color:#339900;	
}

a.download-link{
color:#293075;	
text-decoration:none;	
font-weight:700;
}

.about-us-heading-black-bg {
    color: #fff;
    background: #343434;
    padding: 5px 15px;
    border-radius: 10px;
}

.governance-left{
z-index:2;	
}

.governance-right{
z-index:1;	
margin-left:-8.4%;
}


.news-title{
	font-size:20px;
	color:#293075;	
	font-weight:700;
	
}

.news-title a{
	font-size:20px;
	color:#293075;	
	font-weight:700;
	text-decoration:none;
	
}

.news-date{
	
}

.news-more a{
color:#293075;
text-decoration:none;
font-weight:700;

}

.ajax-load-more-wrap.blue .alm-load-more-btn{
	margin-top:20px !important;	
background:#293075 !important;	
border-radius:20px !important;
color:#fff !important;
padding:8px 15px !important;
text-decoration:none !important;
transition:0.3s ease-in-out !important;
display:inline-block !important;
height:auto !important;
}

.ajax-load-more-wrap.blue .alm-load-more-btn:hover{
background:#fff !important;
color:#293075 !important;
transition:0.3s ease-in-out !important;
}


.alm-load-more-btn.defaultbutton{
background:#293075;
border-radius:20px;
color:#fff;
padding:8px 15px;
text-decoration:none;
transition:0.3s ease-in-out;
display:inline-block;
} 
.alm-load-more-btn.defaultbutton:hover{
background:#fff;
color:#293075;
transition:0.3s ease-in-out;
}

.news-search .btn-secondary{
background:#293075;	
margin-left:15px;
}

.news-search-btn{
background:none;
border:none;
border-bottom: 1px solid #293075;	
}

.input-box{
  position: relative;
  max-width:200px;
  margin-right:15px;
   color:#343434;
}

.input-box .form-control{
 border-top:0;
 border-left:0;
 border-right:0;
border-bottom:1px solid #293075; 	
 border-radius: 0;
padding: 10px;
}


.input-box i {
  position: absolute;
  right: 13px;
  top:15px;
  color:#343434;

}

.kar-thumb{
max-width:250px;	
}

.kar_button{
color:	#293075; 	
background:#E9EEF3;
padding:10px;
display:inline-block;
min-width:320px;
border-radius:10px;
text-align:center;
font-weight:700;
font-size:25px;
padding-right: 30px;
}

.kar_button span{

font-weight:500;
font-size:17px;
}

.kar_button span:after {
content: url('../img/kar/pdf-icon.svg');
position: absolute;
margin-top: 1px;
margin-left: 5px;

}


.infographics .slick-center img {
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    -webkit-transform: scale(1.25);
    opacity: 1;
    transform: scale(1.25);
}

.infographics .slick-track{
padding:60px 0px;	
}

.infographics .slick-active{
opacity:0.4;
}

.infographics .slick-current.slick-active{
opacity:1;
}

.infographics .slick-current.slick-active img{
opacity:1;
border-radius:10px;
}

.infographics-arrow-next{
	position: absolute;
    right: 20vw;
    top: 48%;
    font-size: 40px;
	cursor:pointer;
}


.infographics-arrow-prev{
	position: absolute;
    left: 20vw;
    top: 48%;
    font-size: 40px;
	cursor:pointer;
}

.infographics .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.infographics .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 4px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    border-top: 3px solid #293075;
    
}

.infographics .slick-dots li button:before {

    content: none;

}

.past-download:after {
content: url('../img/kar/pdf-icon-white.svg');
position: absolute;
margin-top: 1px;
margin-left: 5px;

}

.past-kar-arrow-prev{
	position:absolute;
	top:50%;
	font-size:25px;
	left:-30px;
	   cursor: pointer;
}


.past-kar-arrow-next{
	position:absolute;
	top:50%;
	font-size:25px;
	right:-30px;
	   cursor: pointer;
}

.tkr_button{
color:#343434;
border:2px solid #343434;
border-radius:20px;
padding: 5px 10px;
font-weight: 700;
max-height: 35px;
align-items: center;
display: flex;
}

.tkr_button:hover{
color:#fff;	
background:#343434;	
}

.tkr_button.download-report{
color:#293075;
border:2px solid #293075;
border-radius:20px;
padding: 5px 20px;
font-weight: 700;
max-height: 35px;
align-items: center;
display: flex;
transition: 0.3s ease-in-out;
}

.tkr_button.download-report:hover{
color:#fff;
background:#293075;
border:2px solid #293075;
transition: 0.3s ease-in-out;
}

.tkr_button.download-report img{
width:20px;
transition: 0.3s ease-in-out;
}
.tkr_button.download-report:hover img{
width:20px;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
transition: 0.3s ease-in-out;
}



.tkr_box{
background:#E9EEF3;	
margin-top:50px;
border-radius:10px;
}

.tkr_image{
margin-top:-50px;	
}

.btn-tkr-download{
background:#293075;
color:#fff;
padding:5px 10px;
border-radius:5px;
font-weight:700;
border:1px solid #293075;
transition: filter 0.3s ease;
}

.btn-tkr-download:hover{
background:#fff;
color:#293075;
transition: filter 0.3s ease;
}
.btn-tkr-download:hover img{
filter: invert(31%) sepia(92%) saturate(700%) hue-rotate(185deg) brightness(43%) contrast(120%);
transition: filter 0.3s ease;
}

.btn-tkr-view{
background:#fff;
color:#293075;
padding:5px 10px;
border-radius:5px;
font-weight:700;
border:1px solid #fff;
transition: filter 0.3s ease;
}


.btn-tkr-view:hover{
background:#293075;
color:#fff;
transition: filter 0.3s ease;
border:1px solid #293075;
}

.single-news-container{
border-radius: 20px;
background:#FFF;
box-shadow: 3px 3px 26px 0px rgba(0, 0, 0, 0.15);
}

.single-news-container h1 {
font-size:35px;
font-weight:700;
text-transform:none!important;
}

.social-media-icons{
color:#293075;	
}


.social-media-icons .bi, .social-media-icons img{
height:24px;
font-size:20px;
}

.dark-purple-bg{
background-color: #915FA8 !important;
}
.purple-bg{
background-color: #CCC6E2 !important;
}
.dark-yellow-bg{
background-color: #FFD967 !important;
}
.yellow-bg{
background-color: #FFEDB9 !important;
}

.dark-green-bg{
background-color: #93C852 !important;
}
.green-bg{
background-color: #E2EDD7 !important;
}
.dark-blue-bg{
background-color: #2B3889 !important;
}
.lighter-blue-bg{
background-color: #D5EBF9 !important;
}

.tbl-rounded-left{
border-radius:0 0 0 20px;	
}

.tbl-rounded-right{
border-radius:0 0  20px 0;	
}

.portfolio-circle-big{
background:#fff;
border-radius:50%;
padding:10px;	
width: 15vw;
height: 15vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}

.portfolio-circle-big .text1{
color:#293075;
font-weight:700;
font-size:1vw;
}
.portfolio-circle-big .text2{
color:#293075;
font-weight:700;
font-size:2.2vw;
}
.portfolio-circle-big .text3{
color:#B0B0B0;
font-weight:700;
font-size:1.2vw;
}

.portfolio-circle-small{
background:rgba(64, 74, 175, .5);
border-radius:50%;
padding:10px;	
width: 10vw;
height: 10vw;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-left: 11vw;
margin-top: -6vw;
}

.portfolio-circle-small .text1{
color:#fff;
font-weight:700;
font-size:0.8vw;
}
.portfolio-circle-small .text2{
color:#293075;
font-weight:700;
font-size:2.2vw;
}

.download-green{
color:#8DC63F;	
}
.investment-approach-box-title{
min-height:60px;	
}
.investment-approach-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{
    border-top-left-radius: 0;
    border-top-right-radius: 0;	
}

.investment-approach-accordion .accordion-button:not(.collapsed) {
	color:#343434;
    background-color: #fff;
    box-shadow: none;
	border-bottom:0px;
}

.investment-approach-accordion .accordion-button{
	
}

.accordion.investment-approach-accordion  {
	--bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(41, 48, 117)' class='bi bi-plus-circle' viewBox='0 0 16 16'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/> </svg>");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(41, 48, 117)' class='bi bi-x-circle' viewBox='0 0 16 16'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/></svg>");
}

.investment-approach-accordion .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: 0px;
}

.investment-approach-accordion .accordion-collapse{
	border-bottom:1px solid #339900;

}

.investment-approach-accordion .accordion-button {
	color:#343434;
    background-color: #fff;
    box-shadow: none;
	border-bottom:1px solid #6D6F70;
}


.investment-approach-accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.investment-approach-accordion .accordion-item:last-of-type>.accordion-collapse {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.investment-approach-accordion.accordion{
color:#343434;
}

.gi-blue-box{
min-height:85px;
display:flex;
align-items:center;	
justify-content:center;
}
.box-gi-white{
background:#fff;
color: #676768;
font-size: 16px;
text-align: center;	
padding:15px;
border-radius:10px;
line-height:1.2;
}

.box-gi-white span{

color: #293075;
font-size: 22px;
text-align: center;	
font-weight:700;
}

.box-gi-grey{
background:#E9EEF3;
color: #676768;
text-align: center;	
padding:15px;
border-radius:10px;
line-height:1.2;
}

.acp-box{
background:#293075;
padding:30px;
color:#fff;	
border-radius:10px;
line-height:1.2;
font-size: 16px;
text-align:center;
}

.acp-box h5{
font-size:22px;
color:#fff;
line-height: 1;
margin-bottom:10px;
margin-top:15px;
font-weight:700;
}

.acp-box h5 span{
font-size:22px;
color:#8DC63F;
}


.acp-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{
    border-top-left-radius: 0;
    border-top-right-radius: 0;	
}

.acp-accordion .accordion-button:not(.collapsed) {
	color:#343434;
    background-color: #fff;
    box-shadow: none;
	border-bottom:0px;
}

.acp-accordion .accordion-button{
	
}

.acp-accordion  {
	--bs-accordion-btn-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(41, 48, 117)' class='bi bi-plus-circle' viewBox='0 0 16 16'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/> </svg>");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(41, 48, 117)' class='bi bi-x-circle' viewBox='0 0 16 16'> <path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/> <path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708'/></svg>");
}

.acp-accordion .accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: 0px;
}

.acp-accordion .accordion-collapse{
	border-bottom:1px solid #339900;

}

.acp-accordion .accordion-button {
	color:#343434;
    background-color: #fff;
    box-shadow: none;
	border-bottom:1px solid #6D6F70;
}


.acp-accordion .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.acp-accordion .accordion-item:last-of-type>.accordion-collapse {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.acp-accordion.accordion{
color:#343434;
}


.acp-accordion .accordion-button::after {
	font-family:'Bootstrap-icons','Roboto';
    position: absolute;
    right: 5px;
    bottom: 15px;
	 flex-shrink: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    content: "Find out more \F128";
    background-image:none;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
	color:#339900;
	font-weight:700;
	font-size:17px;
}


.acp-accordion .accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: none;
	 content: "See less \F148";
}

.acp-accordion .accordion-button.acp-malay::after {
	font-family:'Bootstrap-icons','Roboto';
    position: absolute;
    right: 5px;
    bottom: 15px;
	 flex-shrink: 0;
    width: auto;
    height: auto;
    margin-left: auto;
    content: "Ketahui lebih lanjut \F128";
    background-image:none;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
	color:#339900;
	font-weight:700;
	font-size:17px;
}


.acp-accordion .accordion-button.acp-malay:not(.collapsed)::after {
    background-image: none;
    transform: none;
	 content: "Lihat kurang \F148";
}


.di-box{
background:#fff;
padding:30px 40px;
color:#676768;	
border-radius:10px;
line-height:1.2;
font-size: 16px;
text-align:center;
}

.di-box h5{
font-size:22px;
color:#343434;
line-height: 1;
margin-bottom:10px;
margin-top:15px;
font-weight:700;
}

.di-box h5 span{
font-size:22px;
color:#339900;
}


.contact-link {
color:#343434;
font-size:20px;
font-weight:700;
text-decoration:none;
	
}

.contact-link img{
max-width:30px;
}

.contact-link a{
color:#343434;
font-size:20px;
font-weight:700;
text-decoration:none;
	
}

.contact-link a:hover{
color:#339900;
font-size:20px;
font-weight:700;
text-decoration:none;
	
}

.contact-box{
background:#fff;
border-radius:10px;	
}

.contact-box h5{
color: #293075;
font-size: 25px;
font-weight: 700;	
padding-bottom:15px;
}

 
.contact-box p{
color: #676768;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}

.centered { text-align: center; list-style-position:inside; }

.map-responsive {
    overflow: hidden;
    padding-bottom: 60%;
    position: relative;
    height: 0;
    /* border: 4px solid #339900; */
}

.search-overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1051;
  top: 0;
  left: 0;
  background-color: #fff;
}

.search-overlay-content {
  position: relative;
  top: 40%;
  width: 80%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.search-overlay .closebtn {
	/* position: absolute; */
	top: 20px;
	right: 45px;
	font-size: 14px;
	cursor: pointer;
	color: #293075;
	border-radius: 20px;
	border: #293075 solid 2px;
	padding: 0px 8px;
	font-weight: 700;
	height:23px;
}

.search-overlay .closebtn:hover {
  color: #293075;
}

.search-overlay input[type=text] {
  padding: 15px;
  font-size: 35px;
  border: none;
  float: left;
  width: 80%;
  background: white;
  border-bottom:#339900 1px solid;
}

.search-overlay input[type=text]:hover {
  background: #f1f1f1;
}

.search-overlay button {
  float: left;
  width: 60px;
  padding: 15px;
  background: #fff;
  font-size: 35px;
  border: none;
  cursor: pointer;
  color:#339900;
   border-bottom:#339900 1px solid;
}

.search-overlay button:hover {
  background: #fff;
}

.navbar-brand, .navbar-top-image{
z-index:1052;
}

.navbar-search {
    padding: 25px 25px 17px;
    transition: all .5s;
}

.kyouth-border{
	border-right:1px solid #E0E0E0;
}


.kyouth-slider.slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.kyouth-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.kyouth-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 4px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
border-top: 3px solid rgba(52, 52, 52, 0.20);
    
}
.kyouth-slider .slick-dots li.slick-active button {

    
	 border-top: 3px solid #293075;

    
}

.kyouth-slider .slick-dots li button:before {

    content: none;

}


.kyouth-slider .slick-track
{
    display: flex !important;
}

.kyouth-slider .slick-slide
{
    height: inherit !important;
}

.kyouth-slider .slick-slide div
{
    height: 100%;
}

.slide-kmf-mobile .slick-track
{
    display: flex !important;
}

.slide-kmf-mobile .slick-slide
{
    height: inherit !important;
	background:#E9EEF3;
}

 

.form30years p span {
color: #293075;
}

.form30years p span a {
text-decoration:underline;
}

.form30years .form-control {
border-top:none;
border-left:none;
border-right:none;
border-bottom: 2px solid #B0B0B0 ;
border-radius:0px;

}

.form30years .button-contact-us{
color:#fff;
background:#293075;	
border-radius:50px;
}

.form30years  .f-btn{
float:right;
text-align:right;	
}

article ul {
    line-height: 1.45;
    padding-left: 17px;
    list-style-type: disc;
}

.title{
    font-size: 30px;
    color: #339900;
    font-weight: 700;
    padding-bottom: 0;
    margin-bottom: 40px;	
} 
.title1{
    font-size: 25px;
    color: #222222;
    font-weight: 700;
    padding-bottom: 0;
   
}

.def-page ul li{
list-style-type:disc;	
}


a.btn-moreinfo-2{
color:#339900;
font-weight:700;	
}
.btn-moreinfo-2 {
    /* width: 12%; */
	border:1px solid #339900;
    padding: 0.8vw 0vw;
    font-size: 1em;
    /* padding: 13px 57px; */
    padding: 7px 18px;
    display: inline-block;
	color:#339900;
font-weight:700;
}

.btn-moreinfo-2:hover {
    background: #339900;
    color: #fff;
    border: 1px solid #339900;
    box-sizing: border-box;
}

.footer-copyright a{
text-decoration:none;
color:#fff;	
}

/*Dana Impak 2025*/
.section-danaimpak {
    background: #f1f1f1;
}



   .info-card {
      background-color: #293075;
      border-radius: 1rem;
      overflow: hidden;
      color: white;
      display: flex;
	   max-height:120px;
	   text-decoration: none;
      transition: transform 0.2s ease-in-out;
    }

    .info-card img {
      height: 100%;
      object-fit: cover;
      width: 100%;
    }
.info-card-text{
font-weight: 700;
    font-size: 20px;
    line-height: 1.2;	
	  position: relative;
	width:100%;
}
    .highlight-text {
      color: #8DC63F; /* Customize this green to match your brand */
    }

 .info-card-text::after {
    font-family: "bootstrap-icons";
    content: "\F285"; /* bi-chevron-right */
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
  }
.info-card:hover {
	text-decoration:none;
	color: #fff;
}
  .info-card:hover .info-card-text::after {
    transform: translateY(-50%) translateX(5px);
  }

.border-right{
	border-right:1px solid #BBBBBB;
}

 .accordion-custom .accordion-item {
    border: none;
    border-bottom: 1px solid #8DC63F;
    background-color: transparent;
  }

  .accordion-custom .accordion-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
	color:#02039D;
	font-size:20px;
	font-weight:700;
  }

  .accordion-custom .accordion-button:not(.collapsed) {
    background-color: transparent;
    color:#02039D;
  }

  .accordion-custom .accordion-body {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
  }
  
  .accordion-custom .accordion-button {
    background-color: transparent;
    border: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0;
  }

  /* Icon customization */
  .accordion-custom .accordion-button::after {
    content: "\f282";  /* Default chevron down */
    font-family: "bootstrap-icons";
    font-size: 1.25rem; /* Adjust icon size */
    color: #339900; /* Set icon color */
    transition: transform 0.3s ease;
	background-image: none !important;
  }

  /* Rotate the icon when accordion is expanded */
  .accordion-custom .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);  /* Chevron up when active */
  }
  .accordion-custom .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

  .accordion-custom .accordion-item:last-of-type {
   border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.mtcs-faq-1{
max-width: 800px;	
}

.mtcs-faq-2{
max-width: 450px;	
}

.mtcs-faq-3{
max-width: 650px;	
}


.mtcs-faq-4{
max-width: 750px;	
}


    @media (max-width: 767.98px) {
      .info-card {
        flex-direction: column;
		     max-height:fit-content;
      }
      .info-card img {
        height: auto;
      }
		
		.info-card-text {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    width: 100%;
    padding: 15px 20px;
}
	.info-card-text::after {
   
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1.25rem;
    transition: transform 0.3s ease;
}	
		.border-right{
	border-right:none;
}
	.mtcs-faq-1,.mtcs-faq-2,.mtcs-faq-3,.mtcs-faq-4{
max-width: 100%;	
}	
		
    }