/* custome color */
.bg-color-blue {
  background-color: rgba(52, 96, 150, 0.8);
}

.text-color-blue {
  color: #244d7c;
}

.text-color-blue-dark
{
  color: #244d7c;
} 

.text-color-orange {
  color: #f17f21;
}

.bg-color-light-orange
{
  background-color: #F5E7DC;
}

.bg-color-orange {
  background-color: #f17f21;
}

/* AmanahRaya_Senior-Management CSS */

.bg-color-senior-management {
  background-color: #244d7c;
}

.bg-color-senior-management-border {
  border: solid black 1px;
}

.senior {
  width: 100%;
  max-width: 750px;
}

.order-6 {
  order: 6;
}

.order-lg-6 {
  order: 6;
}

.senior_management {
  background-image: url("../images/senior.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.second_section {
  background-image: url("../images/bg-image-senior.png");
  background-repeat: no-repeat;
  background-size: cover;
}


/* AmanahRaya_BOD CSS */

.board_of_directors {
  background-image: url("../images/bg-image-board.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.mandate-banner {
  background-image: url("../images/bg-image-mandate.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.parent-banner {
  background-image: url("../images/bg-image-parent.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.respond-banner {
  background-image: url("../images/bg-image-respond.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.investors-banner {
  background-image: url("../images/bg-image-investors.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.policy-banner {
  background-image: url("../images/bg-image-policy.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.whistle-banner {
  background-image: url("../images/bg-image-whistle.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.daily-price-banner {
  background-image: url("../images/bg-daily-price.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.complaint-banner {
  background-image: url("../images/bg-complaint.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.recognitions-banner {
  background-image: url("../images/bg-recognition.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-news {
  background-image: url("../images/bg-news.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-contact {
  background-image: url("../images/bg-contact.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.banner_board {
  max-width: 650px;
  font-size: 16px;
}

.chairman_director {
  background-image: url("../images/bg_image_chairman_director.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.board_of_directors_slider {
  background-image: url("../images/bg_image_board_of_directors_slider.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


/* AmanahRaya_Career CSS */

.careers_banners {
  background-image: url("../images/career.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.utc_banners {
  background-image: url("../images/bg-utc.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.intern_bg {
  background-image: url("../images/career-intern.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
.funds_bg {
  background-image: url("../images/bg-fund.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.careers {
  width: 100%;
  max-width: 750px;
}

.current_vacancies {  
  background-color: #0b355b;
  background-image: url("../images/bg_image_career.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
    background-position: center top;
}

.scrollbar_set {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 600px;
}

.card_data_fine
{
  max-height: 600px;
  overflow: hidden;
} 

.card_corners {
  border-radius: 10px;
}

.scrollbar_design::-webkit-scrollbar {
  width: 10px;
}

.scrollbar_design::-webkit-scrollbar-track {
  border-radius: 10px;
}

.scrollbar_design::-webkit-scrollbar-thumb {
  background: #dedede;
  border-radius: 10px;
}


/* AmanahRaya_Resposible-Investing CSS */

.responsible_investing
{
    background-image: url("../images/banner_responsible_investing.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.responsiable_investing_size
{
  width: 100%;
  max-width: 750px;
}

.responsible_investing_second
{
  background-image: url("../images/bg_image_responsible_investing.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.stewardship_statement .row .cursor-pointer .card{

  border: 1px solid goldenrod;
  width: 100%;
  height: 100%;
}

.border_color_blue_resposible
{
  border-top: 10px solid #244D7C;
  border-radius: 10px;
}


.stewardship_statement .row .cursor-pointer .card:hover
{
  background-color: #7293BE;
  color: #fff;
}

.image_rounded_size
{
  border-radius: 10px;
}

.bg_responsible_investing_image_4
{
  background-image: url("../images/bg_image_responsible_investing_4.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_responsible_investing_image_2
{
  background-image: url("../images/bg_image_responsible_investing_2.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.card_resposiable {
  position: relative;
  overflow: hidden;
}

.card_resposible_hover_set {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  justify-content: center;    
  align-items: center;
}

.card_resposiable:hover .card_resposible_hover_set {
  opacity: 5;
}

.card-img-top {
  transition: opacity 0.5s ease;
}

.card:hover .card-img-top {
  opacity: 1;
}



/* AmanahRaya_Investor-Information CSS */

.investor_information {
  background-image: url("../images/banner_bg_investor_information.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.investor_information_data  {
  width: 100%;
  max-width: 750px;
  
}

.bg_investor_information_2
{
  background-image: url("../images/bg_investor_information_2.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_investor_information_3
{
  background-image: url("../images/bg_investor_information_3.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_investor_information_4
{
  background-image: url("../images/bg_investor_information_4.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_table
{
  background-image: url("../images/bg-table.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.bg_sustain
{
  background-image: url("../images/sustain-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center right;
  padding: 70px 0;
}



/* diffrent */

.custom-white .accordion-item {
  border: none;
  background-color: inherit;
}
.custom-white .accordion-button {
  box-shadow: none !important;
  outline: none !important;
  border-bottom: 2px solid #c2c2c2;
  font-size: 18px;
  background-color: inherit;
}
.custom-white .accordion-button:not(.collapsed) {
  border: none;
  color: inherit;
  background-color: inherit;
}
.custom-white .accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus_white.svg");
  background-size: contain;
  height: 15px;
  width: 15px;
  filter: brightness(0.5);
}
.custom-white .accordion-button::after {
  background-image: url("../images/pluse_white.svg");
  height: 15px;
  width: 15px;
  background-size: contain;
  filter: brightness(0.5);
}

.hover-box-individual {
  border: 3px solid #f4801f;
  min-height: 140px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  cursor: pointer;
  z-index: 0;
}
.hover-box-individual .content {
  z-index: 99;
}
.hover-content{
    display: none;
}
.hover-box-individual:hover .hide {
  display: none;
}

.bg_investor_information
{
  background-image: url("../images/Individual_hover_image.png");  
} 

.hover-box-individual:hover
{
  background-image: url("../images/Individual_hover_image_2.png");
}

.hover-box-individual:hover .hover-content{
    display: block;
    animation: slideUp 0.8s ease-in-out;
    opacity: 1;
}
.hover-box-individual:hover .content{
  animation: slideUp 0.8s ease-in-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(100%);  /* Starts from 100% below its position */
  }
  to {
    opacity: 1;
    transform: translateY(0);  /* Animates to its normal position */
  }
}

.awards-bg{
  background-image: url(./../images/awards-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/* .box{
  max-width: 650px;
} */
.white-outline-btn{
  border: 1px solid white;
  color: white;
  font-size: inherit;
  background-color: transparent;
  border-radius: 10px;
}
.awards{
  background-color: #EEEEEE;
}
.C_bg-secondary{
  background-color: #F4F0EC;
} 

.them-color-1 {
  color: #f4801f;
}
.them-color-2 {
  color: #244d7c;
}

.image_reacted_1
{
  background-image: url("../images/image_reacted_1.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #f17f21;
  height: 200px;
  width: auto;
}

.image_reacted_2
{
  background-image: url("../images/image_reacted_2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 3px solid #f17f21;
  height: 200px;
  width: auto;
}

/* Arim List of fund */

.arim_list_fund_bg_image {
  background-image: url("../images/banner_bg_image_list-of-fund_1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.arim_list_fund_bg_iamge_set {
  width: 100%;
  max-width: 750px;
}

.bg_image_list_of_funds{
  background-image: url("../images/bg_image_list-of-fund_1.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.card_set {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.bg_card_color_light_orange {
  background-color: rgba(241, 127, 33, 12%);
}

.bg_color_dark_orange {
  background-color: #F15427;
}

.text_color_green {
  color: #009900;
}

.card_hover_list_funds:hover  .top-hover{
  transform-origin: bottom ;
} 
.card_hover_list_funds:hover .bottom-hover{
  transform-origin: top ;
} 

.fs14 {
	font-size:14px;
}

.card_hover_list_funds:hover .bg-color-light-orange
{
background-color: rgb(241, 127, 33);
color: white;
}

.card_hover_list_funds:hover .card-text {
  color: #AF170B;
}

.text-color-light-black
{
  color: #666666;
}

.card-deck-set {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.text_color_translpit {
  background-color: transparent;
}

.card-set-body {
  background-color: white;
}
.solid {

  background-color: rgb(241, 127, 33);
  width: 100%;
  height: 2px;
}

.h-100px {
  height: 120px;
}

.h-90px {
  height: 90px;
}

.center_align {
  text-align: center;
  align-items: center;
}

.btn_color_oranage {
  background-color: #f17f21;
  border-radius: 10px;
}


.individual_bg_image_1 {
  background-image: url("../images/bg_image_Individual_1.png");
  background-repeat: no-repeat;
  background-size: cover;
}


.individual_slider {
  background-image: url("../images/bg_image_Individual_2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.border_white_color
{
  border: 3px solid white;
}