/* 27 Nov 2024, updated by Jin – v1.13 */

@import "menu.css";

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
}

/* Semi-Bold */
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-weight: 600; /* Semi-Bold */
  font-style: normal;
}

@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-Thin.ttf") format("truetype");
  font-display: swap;
  font-style: thin;
  font-weight: 100;
}

/* @media screen and (max-width: 767px) {
  .fund-template-2 .bg-white .flex-col:not(:first-child) {
    margin-top: 30px;
  }
} */

* {
  font-family: 'Lato',Arial, sans-serif;;
}

.container {
  max-width: 1170px;
  /* padding: 0px; */
}

body {
  background-color: #FAFCFC;
  color: #333333;
}

.quotation_insights {
    padding: 40px 20px 20px 20px;
    background: #8B254F;
    color: #fff;
    position: relative;
    width: 70%;
}

.quotation_insights img {
    position: absolute;
    margin-top: -60px;
}

.play_button {
    position: absolute;
    width: 70px;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.insight_card {
    position: relative;
}

.capitalize_text {
    text-transform: uppercase;
}

table#table, table#table td, table#table th, table#table-equities td, table#table-equities th, table#table-equities th {
  border: 1px solid #EEEEEE;
  padding: 8px 20px;
}

table#table-equities th, table#table-equities td:first-child {
    border: 0px !important;
}

table#table-equities td:first-child {
    padding: 2px 20px;
}

table#table-equities td:nth-child(2) {
    background: #D4D2D3 !important;
    color: #333333 !important;
}

table#table-equities td {
    text-align: center;
}

table#table, table#table-equities {
  width: 100%;
  border-collapse: collapse;
}

table#table-equities img {
    width: 40px;
}

table#table-equities thead th:not(:first-child)  {
    background: #8694A0 !important;
    color: #fff !important;
}

.div-table {
    max-width: 100%;
    overflow: auto;
}

#table thead {
    background: #8B254F !important;
    color: #fff !important;
}

ul.articles-list {
  list-style: none;
}

ul.articles-list li::before {
  content: "\2022";
  color: #5B7D86;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  position: absolute;
}

ul.articles-list li {
  position: relative;
}

ol.list-number li {
    margin-bottom: 10px;
}

.mb-40 {
    margin-bottom: 40px;
}

.italic-text {
    font-style: italic !important;
}

.video_container_mobile {
    display: none;
}

.video_container {
    display: unset;
}

.card_white_border {
    border-top: 4px solid #dee2e6;
}

.card_white_border_gray {
    border-top: 3px solid #8694A0
}

.card_white {
    background-color: #FFFFFF;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    padding: 30px;
}

.card_white .number {
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
}

.dynamic_container {
    /*display: grid;*/
    /*grid-template-columns: repeat(auto-fill, minmax(33.3%, 1fr));*/
    /*gap: 15px;*/

    /*display: flex;*/
    /*flex-wrap: nowrap;*/

    display: grid;
    /*grid-template-columns: repeat(4, auto);*/
    gap: 15px; /* Optional gap between columns */
    grid-auto-flow: row;
}

.dynamic_container.children_1 {
    grid-template-columns: repeat(1, 100%);
}

.dynamic_container.children_2 {
    display: grid;
    grid-template-columns: repeat(2, 49.3%);
}

.dynamic_container.children_3 {
    grid-template-columns: repeat(3, 32.3%);
}

.dynamic_container.children_4 {
    grid-template-columns: repeat(4, 24%);
}


.dynamic_column {
    /*padding: 20px;*/
    flex: 1;
    margin-top: 0px !important;
}

.author_list_p {
    position: relative;
}

.author_list_p span {
    color: #8694A0;
}

.author_list_c {
    position: absolute;
    padding: 20px;
    background: #8694A0;
    text-align: left;
    right: -100px;
    color: white;
    top: 0;
    font-size: 14px;
}

.author_list_c p {
    margin-bottom: 0px;
}

.author_list_c p:last-child {
    margin-bottom: 0px;
}

.display_hide {
    display: none;
}

.author_list_p:hover .display_hide {
    display: unset !important;
}

.latest-insight-content .latest-insight-content-img {
    height: 200px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.latest-insight-content {
    position: relative;
}

.latest-insight-content a.read-more {
    position: absolute;
    bottom: 20px;
}

.latest-insight-content .latest-insight-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .container {
    padding-left: 39px !important;
    padding-right: 39px !important;
    max-width: 100%;
  }

}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
    max-width: 100%;
  }

    .dynamic_container {
        display: block !important;
    }

    .dynamic_column {
        margin-bottom: 20px;
    }

    .share ul {
          white-space: unset!important;
    }


    .dynamic_column:last-child {
        margin-bottom: 0px;
    }

  .m-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

    .bg-insights-single {
        background-image: url('../assets/background/individual-insights-banner-mobile.webp') !important;
    }

    .wp-100-center {
        width: 100% !important;
        text-align: center !important;
    }

    .video_container {
        display: none !important;
    }

    .video_container_mobile {
        display: unset !important;
    }

    .quotation_insights {
        width: 100%;
    }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .t-container {
    padding-left: 39px !important;
    padding-right: 39px !important;
  }
}

.banner {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bg-index {
  background-image: url('../assets/background/bg-banner-awards-carousel.png');
  background-size: cover;
}

.bg-index-9 {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-9 {
    background-image: url('../assets/background/banner-market-outloo-website-mobile.png') !important;
    background-size: cover;
  }
}

.bg-index-2 {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-2 {
    background-image: url('../assets/background/LionGlobal Asia Pacific Fund-mobile.png') !important;
    background-size: cover;
  }
}

.bg-index-8 {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-8 {
    background-image: url('../assets/background/image-q2-market-mobile.png') !important;
    background-size: cover;
  }
}

.bg-index-6 {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-6 {
    background-image: url('../assets/background/image-mobile-sdbf.png') !important;
    background-size: cover;
  }
}

.bg-index-3 {
  background-image: url('../assets/background/Lion Capital Funds II - Lion-Bank of Singapore Asian Income Fund.png');
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-3 {
    background-image: url('../assets/background/Lion Capital Funds II - Lion-Bank of Singapore Asian Income Fund-mobile.png');
    background-size: cover;
  }
}

.bg-index-7 {
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-7 {
    background-image: url('../assets/background/image-insurance-asia-news-institutional-asset-management-awards-2023-mobile-newv3.png') !important;
    background-size: cover;
  }

    .mb-sm-160 {
        margin-bottom: 160px !important;
    }

    .mb-sm-60 {
        margin-bottom: 60px !important;
    }

  /*.bg-index-7 a.learn-more {*/
  /*    display: none;*/
  /*}*/
}


.bg-index-4 {
  background-image: url('../assets/background/LION-OCBC SECURITIES HANG SENG TECH ETF.png');
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .bg-index-4 {
    background-image: url('../assets/background/LION-OCBC SECURITIES HANG SENG TECH ETF-mobile.png');
    background-size: cover;
  }
}

.bg-index-5 {
  background-image: url('../assets/background/banner_trading_festival.jpg');
  background-size: cover;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .bg-index {
      background-position-x: -400px;
    }
}

@media screen and (max-width: 767px) {
    .bg-index {
      /* background-position-x: -400px; */
      background-image: url('../assets/background/bg-banner-awards-and-accolades-mobile.png');
      background-size: cover;
      height: 600px;
    }
}

.bg-index-last {
  background-size: cover;
}

@media screen and (max-width: 1366px) {
  .bg-index-last {
    background-position-x: center;
  }
}


@media screen and (max-width: 767px) {
  .bg-index-last {
    background-position-x: -450px;
  }
}

.bg-black {
  background-color: #303030 !important;
}

.bg-white {
  background: #ffffff;
}

.bg-Lynx-White {
  background: #F7F7F7;
}

.bg-blueish-grey {
  background-color: #FAFCFC;
}

.bg-grey {
  background-color: #FAFAFC;
}

.bg-light-grey {
  background-color: #FAFAFA;
}

.bg-linear {
  background: linear-gradient(270deg, rgba(235, 239, 241, 0.2) 0%, rgba(241, 242, 246, 0.2) 100%);
}


.bg-red {
  background-color: red;
}

.bg-light-purple {
  background-color: #8694A0;
}


/*Start Flex*/
.flex {
  display: flex;
}

.flex-i {
  display: flex !important;
}

.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-start {
  display: flex;
  align-items: flex-start;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-col-center {
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  align-items: center;
}

.flex-col-cc {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-col-center-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}
/*End Flex*/

.align-end {
  align-items: flex-end;
}

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

.align-content-center {
  align-content: center;
}

.align-start {
  align-items: flex-start;
}

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

.justify-end {
  justify-content: flex-end;
}

.space-between {
  justify-content: space-between;
}

.justify-end {
  justify-content: flex-end;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

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

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

.word-wrap {
  word-break: break-all;
}

.column-6 {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(50% - 20px);
}

.column-5 {
    margin-left: 15px;
    margin-right: 15px;
    width: 41.6%;
}

.column-7 {
    margin-left: 15px;
    margin-right: 15px;
    width: 58.3%;
}

/*Start Mobile Flex*/
@media screen and (max-width: 767px) {

  .m-text-center {
    text-align: center;
  }

  .m-flex {
    display: flex;
  }

  .m-flex-col {
    display: flex;
    flex-direction: column;
  }

  /*.flex-col {
    display: flex;
    flex-direction: column;
  }*/

  .m-flex-col-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .m-flex-start {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .m-align-start {
    align-items: flex-start;
  }

  .m-flex-wrap {
    flex-wrap: wrap;
  }

  .m-flex-justify-center {
    justify-content: center;
  }

  .m-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;

  }

    /*.hero-banner-1.bg-hang-seng {*/
    /*    background: url('../assets/background/m-Lion-OCBC Securities HST ETFx.png') !important;*/
    /*}*/
}
/*End Mobile Flex*/

/*Start Article for Insights and Press Release*/
.article-content{
    font-size:18px;
    line-height: 26px;
}

/*Start Hero Banner*/
.hero-banner-1 {
  min-height: 428px;
  height: auto;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: auto;
}

.hero-banner-1 .content { 
   padding-top: 100px;
   padding-bottom: 100px;
   /*width: 570px;*/
}

.banner-hero-centre-3 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-light-background {
  background-image: url('../assets/background/default_hero_banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  width: 100%;
}

.hero-banner-2, .hero-banner-3 {
  /* min-height: 292px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

}

.dynamic-bg {
  background-image: url('../assets/background/dynamic.jpg');
}

.insights-bg {
  background-image: url('../assets/background/hero_banner_insights.png');
}

.hero-banner-2 .content, .hero-banner-3 .content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.hero-banner-2 .content div:first-child, .hero-banner-3 .content div:first-child {
  /* width: 764px; */
  width: 900px;
}

.hero-banner-2 .content div:nth-child(2), .hero-banner-3 .content div:nth-child(2) {
  width: 594px;
}

@media only screen
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {


  .hero-banner-2 .content, .hero-banner-3 .content {
    /* padding-top: 60px;
    padding-left: 46px; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-banner-2 .content div:first-child, .hero-banner-3 .content div:first-child {
    width: 100% !important;
  }

  .hero-banner-2 .content div:nth-child(2), .hero-banner-3 .content div:nth-child(2) {
    width: 100%;
  }

  .hero-banner-1.bg-hang-seng {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover; /* Resize the background image to cover the entire container */
  }
}

.hero-banner-4 {
  /*min-height: 292px;*/
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.hero-banner-4 .content {
   padding-top: 100px;
   padding-bottom: 100px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   text-align: center;
   /*width: 570px;*/
}

.hero-banner-4.page404 .content {
   padding-top: 160px;
   padding-bottom: 160px;
}

.hero-banner-4 .content-absolute {
  position: relative;
  top: -50px;
}

.hero-banner-news {
  background-image: url('../assets/background/default_hero_banner.png');
  min-height: 497px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: center;*/
}

.background-dot {
  background-color: white;
  position: relative;
}

.background-dot:before {
  content: url('../assets/images/dot.png');
  position: absolute;
}

.background-dot:after {
  content: url('../assets/images/dot.png');
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .background-dot:before {
    position: absolute;
    top: -50;
    z-index: 1;
  }

  .background-dot:after {
    content: url('../assets/images/dot.png');
    position: absolute;
    bottom: -50;
    right: 0;
    z-index: 1;
  }

    .hero-banner-3 {
        background-image: url('./../../resources/assets/background/insights-banner-mobile.webp') !important;
    }

    .bg-funddisruptive {
        background-image: url('./../../resources/assets/background/lionglobal-disruptive-innovation-fund-banner-mobile.webp') !important;
    }

    .bg-fundallseason {
        background-image: url('./../../resources/assets/background/lionglobal-all-season-fund-banner-mobile.webp') !important;
    }

    .bg-banner-nomura-japan {
        background-image: url('./../../resources/assets/background/Lion-Nomura_Japan_Active_AI_ETF_Mobile1.webp') !important;
    }
}

/*End Hero Banner*/



.text-image-1 {
  width: 100%;
  display: flex;
  background-color: #FFFFFF;
  filter: drop-shadow(0px 2px 15px rgba(0, 0, 0, 0.08));
  border-radius: 4px;
}

.text-image-1:not(:first-child) {
  margin-top: 80px;
}

.text-image-1:nth-child(odd) > img {
  order: 1;
  border-radius: 4px 0px 0px 4px;
}

.text-image-1:nth-child(odd) > .content {
  order: 2;
}

.text-image-1:nth-child(even) > img {
  order: 2;
  border-radius: 0px 4px 4px 0px;
}

.text-image-1:nth-child(even) > .content {
  order: 1;
}

.text-image-1 > .content {
  width: 40%;
  padding: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: unset;
}

.text-image-1 > .content > .title {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.text-image-1 > .content > .description {
  margin-top: 16px;
  font-size: 18px;
  line-height: 26px;
}

.text-image-1 > img {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .text-image-1 {
    display: flex;
    flex-direction: column;
  }

  .text-image-1 > .content {
    padding: 30px;
    width: 100%;
  }

  .text-image-1 > .content > .title {
    font-size: 28px;
    line-height: 36px;
  }

  .text-image-1 > .content > .description {
    font-size: 16px;
    line-height: 24px;
  }

  .text-image-1 > .content > a {
    margin-top: 16px !important;
  }

  .text-image-1:nth-child(odd) > img {
    border-radius: 4px 4px 0px 0px;
    width: 100%;
  }

  .text-image-1:nth-child(even) > img {
    order: 1;
    border-radius: 4px 4px 0px 0px;
    width: 100%;
  }

  .text-image-1:nth-child(even) > .content {
    order: 2;
  }

  .text-image-1:not(:first-child) {
    margin-top: 40px;
  }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .text-image-1 {
    display: flex;
    /* flex-direction: column; */
  }

  .text-image-1 > .content {
    padding: 30px;
  }

  .text-image-1 > .content > .title {
    font-size: 28px;
    line-height: 36px;
  }

  .text-image-1 > .content > .description {
    font-size: 16px;
    line-height: 24px;
  }

  .text-image-1 > .content > a {
    margin-top: 16px !important;
  }

  .text-image-1:nth-child(even) > img {
    order: 1;
    border-radius: 4px 4px 0px 0px;
  }

  .text-image-1:nth-child(even) > .content {
    order: 2;
  }

  .text-image-1:not(:first-child) {
    margin-top: 40px;
  }

}

.text-image-2 {
  display: flex;
  justify-content: space-between;
}

.text-image-2 > div:first-child {
  width: 470px;
  margin-right: 30px;
  background-color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.text-image-2 > div:last-child {
  width: 670px;
}

@media screen and (max-width: 767px) {
  .text-image-2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .text-image-2 > div:first-child {
    width: 100%;
  }

  .text-image-2 > div:last-child {
    width: 100%;
    margin-top: 20px;
    border-radius: 4px;
  }
}

/* .text-image-5 {
  min-height: 500px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
} */

.bg-slider-1 {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}


.text-image-5 {
  position: relative;
  min-height: unset;
    height: 480px;
    background-position: center;
}

@media screen and (max-width: 767px) {

    .text-image-5 {

    height: 520px;
}

}

.text-image-5 > img {
  position: absolute;
  z-index: 0;
  border-radius: 4px;
  width: 100%;
  left: 0;
}

.text-image-5 > div {
  padding: 80px;
  position: relative;
  z-index: 1;
}

.text-image-5 > div.no-pl {
  padding-left: 0px !important;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .text-image-5 > div.no-pl {
      padding-left:  39px !important;
    }

    .text-image-5 > div {
      padding: 40px;
    }

}

@media screen and (max-width: 767px) {
  .text-image-5 > div.no-pl {
    padding-left:  24px !important;
  }

  .text-image-5 > div {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.text-image-5 .content {
  width: 619px;
  padding-top: 80px;
  padding-bottom: 80px;
  /*padding-left: 80px;*/
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  /* .text-image-5 {
    padding-top: 80px;
    padding-bottom: 132px;
  } */

  .text-image-5.m-no-padding {
    padding: 0px !important;
  }
}

.text-image-6 {
  min-height: 336px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.text-image-6 .content {
  /*width: 619px;*/
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 80px;
  padding-right: 476px;
  color: #ffffff;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .text-image-6 .content {
      padding: 71px 30px;
    color: #ffffff;
    }
}

@media screen and (max-width: 767px) {
  .text-image-6 .content {
  /*width: 619px;*/
    padding: 71px 30px;
    color: #ffffff;
  }

  .m-bg-min-200 {
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: auto;
    background-position-x: -200px;
    background-size: cover;
    position: relative;
  }

}

.text-image-7 {
  /* min-height: 336px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;

}

.text-image-7 .content{
  padding-top: 80px;
  /* padding-bottom: 30px; */
  padding-bottom: 80px;
}

.text-image-7 .content.no-padding{
  padding: 0px !important;
}

@media screen and (max-width: 767px) {
  .text-image-7 .content{
    padding: 72px 24px;
  }

}

.text-image-9 .text-image-5 {
  position: relative;
  min-height: unset;
}

.text-image-9 .text-image-5 > img {
  position: absolute;
  z-index: 0;
  border-radius: 8px 8px 8px 8px;
}

.text-image-9 .text-image-5 > div {
  padding: 80px;
  position: relative;
  z-index: 1;
}

.text-image-9 .carousel-indicators .circle {
  /* width: 12px; */
  /* height: 12px; */
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 8px;
}

.text-image-9 .carousel-indicators .circle.active {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

@media screen and (max-width: 767px) {
  .text-image-9 .text-image-5 {
    padding: 0px;
  }

  .text-image-9 .text-image-5 > img {
    height: 100%;
  }
}

.cta-lgi-direct-aioi {
  /* min-height: 336px; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  border-radius: 4px;

}

.cta-lgi-direct-aioi .content{
  padding-top: 80px;
  /* padding-bottom: 30px; */
  padding-bottom: 80px;
  padding-left: 80px;
}

.cta-lgi-direct-aioi .content.no-padding{
  padding: 0px !important;
}

@media screen and (max-width: 767px) {

  .cta-lgi-direct-aioi {
    background-image: url('../assets/background/mobile-cta-lgi-direct-aioi.jpg');
    /* min-height: 336px; */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .cta-lgi-direct-aioi .content{
    padding: 72px 24px;
  }

}

/*Start Process*/
.process {
  /*width: 1440px;*/
  padding: 80px 235px;
}

@media screen and (max-width: 767px) {
  .process {
    padding-right: 24px;
    padding-left: 24px;
  }

}

.process .container {
  width: 1170px;
}

.process-0 {
  min-width: 350px;
  max-width: 350px;
}

.process-0 > .number {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.process-0 > .title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
}

.process-1 {
  width: 440px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 30px;
}

.process-1:not(:first-child) {
  margin-left: 20px;
}

.process-1 > .number {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.process-1 > .title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
}

.process-1 > ul {
  margin-top: 16px;
}

.process-1 > ul > li:not(:first-child) {
  margin-top: 16px;
}

.process-1 > .notes {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #737373;
  margin-top: 16px;
}

.process-1 ul {
  /* list-style-image: url('../assets/icons/done.png'); */
  /* list-style-image: url('../assets/icons/list-done.png'); */
  list-style: none;
  padding-left: 0px;
}

.process-1 ul li:before {
  list-style-type: none;
  background-image:  url('../assets/icons/list-done.png');
  background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  position: relative;
  top: 5px;
  padding-right: 2rem;

}

.process-1 ul.ul-arrow li:before {
  background-image: none;
  padding-right: 0px;
  background-size: 0px 0px;
	width: 0px;
	height: 0px;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .process-1 {
    width: 100%;
  }

  .process-1:not(:first-child) {
    margin-left: 0px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .process-1 {
    width: 100%;
  }

  .process-1:not(:first-child) {
    margin-left: 0px;
    margin-top: 20px;
  }
}

.process-1a {
  min-width: 440px;
  max-width: 440px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.process-1a:not(:first-child) {
  margin-left: 20px;
}

.process-1a > .number {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.process-1a > .title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
}

.process-1a > ul {
  margin-top: 16px;
}

.process-1a > ul > li:not(:first-child) {
  margin-top: 16px;
}

.process-1a > .notes {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #737373;
  margin-top: 16px;
}

.process-1a ul {
  list-style-image: url('../assets/icons/list-done.png');
}

/* ul.ul-check  {
  list-style-image: url('../assets/icons/list-done.png');
    list-style-position: outside;
} */


@media screen and (max-width: 767px) {
  ul.ul-arrow li {
    padding-left: 12px;
  }
}

.process-2 {
  min-width: 370px;
  max-width: 370px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 30px;
}

/*.process-2 > .title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
}

.process-2 > ul {
  margin-top: 16px;
}

.process-2 > ul > li:not(:first-child) {
  margin-top: 16px;
}

.process-2 > .notes {
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
  color: #737373;
  margin-top: 16px;
}*/

.process-3 {
  width: calc(25% - 12px);
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 30px;
}

.process-3:nth-child(n+2), .process-3:nth-child(n+3), .process-3:nth-child(n+4) {
  margin-left: 16px;
}

.process-3 > .number {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.process-3 > .title {
  margin-top: 16px;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  color: #333333;
}

.process-3 > ul  {
  margin-top: 16px;
  /* list-style-image: url('../assets/icons/list-done.png'); */
  list-style: none;
  padding-left: 0px;
}

.process-3 > ul > li {
  display: inline-flex;
}

.process-3  ul li:before {
list-style-type: none;
  background-image:  url('../assets/icons/list-done.png');
  background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  position: relative;
  top: 5px;
  padding-right: 2rem;

}

.process-3 > ul > li:not(:first-child) {
  margin-top: 16px;
}


@media screen and (max-width: 767px) {
  .process-3 {
    width: 100%;
    min-width: none;
    max-width: none;
  }

  .process-3:nth-child(n+2), .process-3:nth-child(n+3), .process-3:nth-child(n+4) {
    margin-left: 0px;
  }

  .process-3:nth-child(n+2) {
    margin-top: 20px;
  }
}

.ul-mt-16 li {
  margin-top: 16px;
}
/*End Process*/


ul.ul-check li:not(:first-child) {
  margin-top: 16px;
}

ul.ul-check {
  margin-top: 16px;
  list-style: none;
  padding-left: 0px;
  display: flex;
  flex-direction: column;
}

ul.ul-check li {
  /* display: list-item; */
  display: inline-flex;
}

ul.ul-check li:before {
  /* list-style-type: none;
  background-image:  url('../assets/icons/list-done.png');
  background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  position: relative;
  top: 5px;
  padding-right: 2rem; */

  background-image: url('../assets/icons/Vector.png');
  background-size: 17px 13px;
	display: inline-flex;
  width: 17px;
  height: 13px;
  background-repeat: no-repeat;
  content: "";
  position: relative;
  top: 5px;
  padding-right: 2em;
}

ul.ul-arrow {
  list-style-image: url('../assets/icons/ul-arrow.png') !important;
}

ul.ul-arrow li {
  padding-left: 20px;
}

/*Start Margin*/
.no-margin {
  margin: 0px !important;
}


.m-10 {
  margin: 10px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-6 {
  margin-bottom: 6px;
}

.n-mt {
  margin-top: 0px !important;
}

.mt-n-5 {
  margin-top: -5px;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-8 {
  margin-top: 8px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-n-10 {
  margin-top: -10px;
}

.mt-12 {
  margin-top: 12px;
}

.mt-14 {
  margin-top: 14px;
}

.mt-16 {
  margin-top: 16px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-24 {
  margin-top: 24px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-48 {
  margin-top: 48px;
}

.mt-32 {
  margin-top: 32px;
}

.mt-36 {
  margin-top: 36px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-250 {
  margin-top: 250px;
}

.mt-300 {
  margin-top: 300px;
}

.mt-400 {
  margin-top: 400px;
}

.mt-500 {
  margin-top: 500px;
}

.mtb-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mb-32 {
  margin-bottom: 32px;
}

.no-ml {
  margin-left: 0px !important;
}

.ml-4 {
  margin-left: 4px;
}

.ml-8 {
  margin-left: 8px;
}

.ml-12 {
  margin-left: 12px;
}

.ml-13 {
  margin-left: 13px;
}

.ml-16 {
  margin-left: 16px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-20-i {
  margin-left: 20px !important;
}

.ml-30 {
  margin-left: 30px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-285 {
  margin-left: 285px;
}

.ml-n-12 {
  margin-left: -12px;
}

.mr-16 {
  margin-right: 16px;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-24 {
  margin-right: 24px;
}

.mrl-50 {
  margin-right: 50px;
  margin-left: 50px;
}

.mrl-235 {
  margin-right: 235px;
  margin-left: 235px;
}
/*End Margin*/

/*Start Padding*/
.p-5 {
  padding: 5px !important;
}

.p-10 {
  padding: 10px;
}

.p-16 {
  padding: 16px;
}

.p-20 {
  padding: 20px;
}

.p-24 {
  padding: 24px;
}


.p-26 {
  padding: 26px;
}

.p-30 {
  padding: 30px;
}

.p-40 {
  padding: 40px;
}

.p-80 {
  padding: 80px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 30px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-300 {
  padding-bottom: 300px;
}

.prl-235 {
  padding-right: 235px;
  padding-left: 235px;
}

.prl-50 {
  padding-right: 50px;
  padding-left: 50px;
}

.prl-30 {
  padding-right: 30px;
  padding-left: 30px;
}

.prl-16 {
  padding-right: 16px;
  padding-left: 16px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-48 {
  padding-top: 48px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-80 {
  padding-top: 80px;
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

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

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.pr-30 {
  padding-right: 30px;
}

.plr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.plr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.plr-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.plr-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.p-0-30-40 {
  padding: 0px 40px 30px 40px;
}

.p-30-40 {
  padding: 30px 40px;
}

@media screen and (max-width: 767px) {
  .ptb-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .m-plr-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .m-plr-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .m-plr-24 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .m-plr-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .m-p-20 {
    padding: 20px;
  }
}

.p-40-30 {
  padding: 40px 30px;
}

.p-20-30 {
  padding: 20px 30px;
}

.p-20-25 {
  padding: 20px 25px;
}

.p-20-10 {
  padding: 20px 10px;
}

.p-18-24 {
  padding: 18px 24px;
}

.p-17-26 {
  padding:  17px 26px;
}

/*End Padding*/

.small-border {
  width: 70px;
  height: 0px;
  border: 2px solid #333333;
  background-color: #333333;
}

.small-border-white {
  width: 70px;
  height: 0px;
  border: 2px solid white;
  background-color: white;
}

.vertical-border {
  width: 1px;
  height: auto;
  background-color: #EEEEEE;
  margin-left: 70px;
  margin-right: 70px;
}

.news-border {
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 4px;
}

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

.border-left-blue {
  border-left: 6.62px solid #1E5579;
}

@media screen and (max-width: 767px) {
  .m-no-border {
    border: 0px;
  }

}


.no-border {
  border: 0px !important;
}

.no-background {
  background-color: transparent !important;
}

/*Start Listing*/
.box-1 {
  width: calc(33.3% - 20px);
  min-height: 278px;
  border-top: 3px solid #8694A0;
  padding:  30px;
}

.box-2 {
  width: calc(25% - 0px);
  min-height: 278px;
  border-top: 3px solid #8694A0;
  padding:  30px;
}

.box-1:nth-child(3n+2) {
  margin-left: 30px;
  margin-right: 30px;
}

.box-2:nth-child(3n+2), .box-2:nth-child(3n+4) {
  margin-left: 15px;
  margin-right: 15px;
}

.box-1:nth-child(n+4), .box-2:nth-child(n+5) {
  margin-top: 30px;
}

.box-1 .border, .box-2 .border {
  width: 100%;
  height: 4px;
  background-color: #8694A0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

@media screen and (max-width: 767px) {
  .box-1 {
    width: 100%;
    min-height: 510px;
  }

  .box-2 {
    width: 100%;
    min-height: 510px;
  }

  .box-1:nth-child(3n+2), .box-2:nth-child(3n+2), .box-2:nth-child(3n+4) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .box-1:nth-child(n+2), .box-2:nth-child(n+2) {
    margin-top: 30px;
  }

  .mobile-flex-wrap {
      flex-wrap: wrap !important;
  }
}

.listing-1 {
  display: flex;
  flex-wrap: wrap;
  /*padding: 80px 135px;*/
  /*margin: 74px 135px;*/
  /*width: 1170px;*/
}

@media screen and (max-width: 767px) {
  .listing-1 {
    display: flex;
    flex-direction: column;
    /* padding: 54px 0px; */
  }
}

.listing-1 .card-3 {
  width: calc(33.3% - 30px);
  min-height: 278px;
}

.listing-1 .card-3:nth-child(3n+2) {
  margin-left: 30px;
  margin-right: 30px;
}

.listing-1 .card-3:nth-child(n+4) {
  margin-top: 30px;
}

.listing-1 .card-3 .content {
  margin-top: unset;
  padding:  30px;
}


.listing-1 .card-3 .border {
  width: 100%;
  height: 4px;
  background-color: #8694A0;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

@media screen and (max-width: 767px) {
  .listing-1 .card-3 {
    width: 100%;
    min-height: unset;
  }

  .listing-1 .card-3:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .listing-1 .card-3:nth-child(n+2) {
    margin-top: 20px;
  }
}

.listing-2 {
  display: flex;
  flex-wrap: wrap;
  /*padding: 80px 135px;*/
  /*margin: 74px 135px;*/
  /*width: 1170px;*/
}

.listing-3 {
   display: flex;
/*   padding-top: 74px;
   padding-bottom: 74px;*/
}

.listing-3 .card-3 {
  width: calc(33.3% - 20px);
  min-height: 510px;
  border-radius: 0px 0px 4px 4px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom:  4px solid #8694A0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);

}

.listing-3 .card-3:nth-child(2) {
  margin-left: 30px;
  margin-right: 30px;
}

.listing-3 .card-3 .content {
  padding: 30px;
  /*border: 2px solid #f2f2f4;*/
  min-height: 266px;
  /*height: ;*/
  margin-top: unset;
}

.listing-3 .card-3 .content.h-180 {
  margin-top: unset;
  min-height: 180px;
}

.listing-3 .card-3 img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.listing-3 .card-3 a.no-link {
  text-decoration: none;
   color: #5B7D86;
}

.listing-3 .card-3 a.no-link:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .listing-3 {
    display: flex;
    flex-direction: column;
    padding: 54px 0px;
  }

  .listing-3 .card-3 {
    width: 100%;
    min-height: unset;
  }

  .listing-3 .card-3:nth-child(n+2) {
    margin-top: 30px;
  }

  .listing-3 .card-3:nth-child(2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .listing-3 .card-3 .content {
    min-height: unset;
  }
}

.special .flex:nth-child(n+2) {
  margin-top: 30px;
}

.special .card-3 {
  width: calc(33.3% - 30px);
  /*width: 370px;*/
  min-height: 278px;
}

.special .card-3:nth-child(3n+2) {
  margin-left: 30px;
  margin-right: 30px;
}

.special .card-3:nth-child(n+4) {
  margin-top: 30px;
}

.special .flex .card-3 {
  /*padding:  30px;*/
  width: 370px;
  background: #fff;
}

.special .flex .card-3  .content {
  padding:  30px;
}

/*End Listing*/



/*Start Pointer*/
.pointer {
  display: flex;
}

.pointer-3 {
  width: 270px;
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.pointer-3:nth-child(-n+3) {
  margin-right: 30px;
}

/*.pointer-4:before {*/
/*  background-image: url('../assets/icons/checked.png');*/
/*	background-size: 24px 24px;*/
/*	display: inline-block;*/
/*	width: 24px;*/
/*	height: 24px;*/
/*	background-repeat: no-repeat;*/
/*	content: "";*/
/*}*/

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .pointer {
    display: flex;
    flex-direction: column;
  }

  .pointer-3 {
    width: 100%;
  }

  .pointer-3:nth-child(-n+3) {
    margin-right: 0px;
  }

  .pointer-3:nth-child(n+2) {
    margin-top: 20px;
  }

}


@media screen and (max-width: 767px) {
  .pointer {
    display: flex;
    flex-direction: column;
  }

  .pointer-3 {
    width: 100%;
  }

  .pointer-3:nth-child(-n+3) {
    margin-right: 0px;
  }

  .pointer-3:nth-child(n+2) {
    margin-top: 20px;
  }
}
/*End Pointer*/



/*Start Two Column*/
.two-col-2 {
  /*width: 1440px;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.two-col-2a {
  width: 970px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.two-col-2 .two-col-2a .flex .content {
  width: 470px;
  height: 140px;
}
/*End Two Column*/



/*Start Text Section */
.text-section-0 {
  padding: 80px 135px;
  /*padding-top: 80px;
  padding-bottom: 80px;*/
  /*padding-left: 135px;*/
}

.text-section-1 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.text-section-1 .content {
  width: 770px;
}

.text-section-1a {
  padding-top: 80px;
  padding-bottom: 30px;
}

.text-section-1a .content {
  width: 770px;
}

@media screen and (max-width: 767px) {
  .text-section-1 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/*End Text Section*/

.hero-section1-hover a {
  border: 1px solid transparent;
}

.hero-section1-hover a:hover {
  /* box-shadow: 0px 10px 15px #497c9d; */
  border: 1px solid #4196CE;
}

.fund-center-hover {
  border: 1px solid transparent !important;
}

.fund-center-hover:hover {
  border: 1px solid #9BA6A9 !important;
}

.fund-center-hover:hover a{
  color: #5B7D86 !important;
}

.search-result .fund-center-hover a {
  color: #333333;
}

.search-result .fund-center-hover a:hover {
  color: #5B7D86;
}

.wp-5 {
  width: 5%;
}

.wp-10 {
  width: 10%;
}



/*Start Width*/
.wp-16 {
  width: 15%;
}

.wp-20 {
  width: 20%;
}

.wp-23 {
  width: 23%;
}

.wp-25 {
  width: 25%;
}

.wp-33 {
  width: 33.3%;
}

.wp-35 {
  width: 35%;
}

.wp-38 {
  width: 38%;
}

.wp-40 {
  width: 40%;
}

.wp-45 {
  width: 45%;
}

.wp-48 {
  width: 48%;
}

.wp-50 {
  width: 50%;
}

.wp-55 {
  width: 55%;
}

.wp-58 {
  width: 58%;
}

.wp-60 {
  width: 60%;
}

.wp-65 {
  width: 65%;
}

.wp-70 {
  width: 70%;
}

.wp-75 {
  width: 75%;
}

.wp-80 {
  width: 80%;
}

.wp-85 {
  width: 85%;
}

.w-unset {
  width: unset;
}

.min-w-90 {
  min-width: 90px !important;
}

@media screen and (max-width: 767px) {

  .m-wp-20 {
    width: 20%;
  }

  .m-wp-33 {
    width: 33.3%;
  }

  .m-wp-30 {
    width: 30%;
  }

  .m-wp-40 {
    width: 40%;
  }

  .m-wp-50 {
    width: 50%;
  }

  .m-wp-60 {
    width: 60%;
  }

  .m-w-100 {
      width: 100% !important;
  }
}

.w-auto {
  min-width: auto !important;
  width: auto !important;
}

.w-fit {
  width: fit-content;
}

.w-1170 {
  width: 1170px;
}

.w-1050 {
  width: 1050px;
}

.w-970 {
  width: 970px;
}

.w-910 {
  width: 910px;
}

.w-870 {
  width: 870px;
}

.w-850 {
  width: 850px;
}

.w-770{
  width: 770px;
}

.w-723 {
  width: 723px;
  /*border: 4px solid black;*/
}

.w-670 {
  width: 670px;
}

.w-650 {
  width: 650px;
}

.w-619{
  width: 619px;
}

.w-600 {
  width: 600px;
}

.w-570 {
  width: 570px;
}

.w-512 {
  width: 512px;
}

.w-483 {
  width: 483px;
}

.w-470 {
  width: 470px;
}

.w-350 {
  width: 350px;
}

.w-270 {
  width: 270px;
}

.w-250 {
  width: 250px;
}

.w-170 {
  width: 170px;
}

.w-150 {
  width: 150px;
}

.w-140 {
  width: 140px;
}

.w-130 {
  width: 130px;
}

.w-48 {
  width: 48px;
}

.max-w-470 {
  max-width: 470px;
}

.max-w-770 {
  max-width: 770px;
}
/*End Width*/
/*Start Mobile Width*/


/*End  Mobile Width*/


.n-min-h {
  min-height: unset !important;
}

.h-473 {
  height: 473px;
}

.h-292 {
  min-height: 292px;
}

.h-180 {
  height: 180px;
}

.h-140 {
  height: 140px;
}

.h-130 {
  height: 130px;
}


@media screen and (max-width: 767px) {
  .h-130 {
    height: 100px;
  }

}

.h-1093 {
  min-height: 1093px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-4.collapsed {
  border-radius: 4px 4px 4px 4px;
}

.border-4 {
  border-radius: 4px;
}

.border-10 {
  border-radius: 10px;
}

.border-bottom {
  border-bottom: 1px solid #EEEEEE !important;
}

.border-top-green {
  border-top: 3px solid #8694A0;

}


.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.h-content {
  height: fit-content;
}

.h-unset {
  height: unset !important;
  min-height: unset !important;
}

/*Start Button*/
.black-button {
  background-color: #233033;
  color: white;
  border-radius: 4px;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 25px;
  margin: 24px 0px 0px 0px;
  outline: 0;
  border: 0px;
}

.black-button.learn-more:after {
  background-image: url('../assets/icons/icon_arrow_forward.png');
  /* background-image: url('../assets/icons/icon_arrow_forward_black_hover.png'); */
	/* background-size: 8px 12px; */
  background-size: 24px 24px;
	display: inline-block;
  width: 24px;
  height: 24px;
	/* width: 8px; */
	/* height: 12px; */
	background-repeat: no-repeat;
	content: "";
  margin-left: 12px;
  margin-right: 25px;
}

.black-button:hover {
  color: white;
  background-color: #454D4F;
}

.black-button.learn-more, .black-button.view-more {
  text-decoration: none;
}

.black-button.view-more {
  padding: 12px 25px;
  margin: 40px 0px 0px 0px;
}

.black-button.filter {
  padding-left: 12px;
  padding-right: 12px;
}

.black-button.filter:before {
  content: url('../assets/icons/icon-filter.png');
  margin-right: 8px;
  background-repeat: no-repeat;
}

.white-button {
  background-color: white;
  color: #233033;
  border-radius: 4px;
  padding: 12px 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0px;
}

.white-button.learn-more:after {
  background-image: url('../assets/icons/icon_arrow_forward_black.png');
  background-size: 24px 24px;
	display: inline-block;
  width: 24px;
  height: 24px;
	background-repeat: no-repeat;
	content: "";
}

.white-button.learn-more:hover:after {
  background-image: url('../assets/icons/icon_arrow_forward_black_hover.png');
}

.white-button.learn-more {
  text-decoration: none;
    /* border: 1px solid transparent; */
}

.white-button.learn-more:hover {
  text-decoration: none;
  color: initial;
  /* border: 1px solid #4196CE; */
  /* color: #4196CE; */
  color: #9BA6A9;
}

.white-next:after {
  background-image: url('../assets/icons/chevron_right02.png');
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px
}


.back-top {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
     -moz-transition: opacity 0.5s ease-in-out;
       -o-transition: opacity 0.5s ease-in-out;
          transition: opacity 0.5s ease-in-out;
}

.back-top.disabled {
  opacity: 0;
}

.back-top:after {
  background-image: url('../assets/icons/arrow_upward.png');
	background-size: 20px 13px;
	display: inline-block;
	width: 20px;
	height: 13px;
	background-repeat: no-repeat;
	content: "";
}

.back-top:hover {
  background-color: #dcdcdc;
}

.watch {
  background-color: transparent;
  padding: 8px;
  outline: 0;
  border:  0px solid;
  color: white !important;
}

.watch:before {
  background-image: url('../assets/icons/play-button.png');
	background-size: 40px 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	content: "";
  margin-right: 16px;
}

.watch:hover {
  color: #4196CE;
}

.watch:hover:before {
  /* content: url('../assets/icons/play-button-hover.png');
  background-repeat: no-repeat;
  margin-right: 16px; */

  background-image: url('../assets/icons/play-button-hover.png');
	background-size: 40px 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	content: "";
  margin-right: 16px;
}

.fund-template-1 .watch {
  color: #5B7D86 !important;
}

.fund-template-1 .watch:before {
  /* content: url('../assets/icons/play-button-2.png'); */

  background-image: url('../assets/icons/play-button-2.png');
	background-size: 40px 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	content: "";
  margin-right: 16px;
}

.fund-template-1 .watch:hover {
  color: #4196CE;
}

.fund-template-1 .watch:hover:before {
  background-image: url('../assets/icons/play-button-hover.png');
  background-size: 40px 40px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	content: "";
  margin-right: 16px;
}

button.search:before {
   content: url('../assets/icons/icon-search.png');
}

.black-button.search {
  margin: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.paging button {
  outline: 0;
  border: 0;
  border-radius: 4px;
  padding: 5px 10px;
  background-color: white;
  border: 1px solid white;
}

.paging button:not(:first-child), .paging button:not(:last-child){
  margin-left: 4px;
  margin-right: 4px;
}

.paging button.prev:after {
  content: url('../assets/icons/icon-prev.png');
}

.paging button.next:after {
  content: url('../assets/icons/icon-next.png');
}

.paging button:hover {
  border: 1px solid black;
}

.paging button.disabled {
  background-color: #D4D2D3;
}

.paging button:active {
  border: 1px solid #233033;
}

.paging button.active {
  border: 1px solid #233033;
}

.link {
  text-decoration: none;
  color: #5B7D86;
}

.link:hover {
  color: #4196CE;
}

.read-more:after {
  background-image: url('../assets/icons/icon_right.png');
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.link.read-more:hover {
  /* color: #4196CE; */
  color: #9BA6A9 !important;
}

.link.read-more:hover:after{
  background-image: url('../assets/icons/icon_arrow_forward_black_hover.png');
  color: #4196CE;
}

.icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.icon-tel:after {
  background-image: url('../assets/icons/icon-phone.png');
	/* background-size: 48px 48px; */
  background-size: 36px 36px;
	display: inline-block;
	/* width: 48px; */
	/* height: 48px; */
  width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.icon-tel2:after {
  background-image: url('../assets/icons/icon-phone.png');
  background-size: 20px 20px;
	display: inline-block;
  width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.icon-fax:after {
  background-image: url('../assets/icons/icon-fax.png');
	/* background-size: 48px 48px; */
  background-size: 36px 36px;
	display: inline-block;
	/* width: 48px; */
	/* height: 48px; */
  width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.icon-mail:after {
  background-image: url('../assets/icons/icon-email.png');
	/* background-size: 48px 48px; */
  background-size: 36px 36px;
	display: inline-block;
	/* width: 48px; */
	/* height: 48px; */
  width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.icon-mail2:after {
  background-image: url('../assets/icons/icon-email.png');
  background-size: 20px 20px;
	display: inline-block;
  width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}

.icon-address:after {
  background-image: url('../assets/icons/icon-address.png');
	/* background-size: 48px 48px; */
  background-size: 36px 36px;
	display: inline-block;
	/* width: 48px; */
	/* height: 48px; */
  width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 4px;
}
/*End Button*/

.icon-gold:after {
  background-image: url('../assets/icons/icon-gold.png');
  background-size: 48px 48px;
  display: inline-block;
  width: 48px;
  height: 48px;
  content: "";
}



/* Start Link */

#fund-menu .no-link:hover {
  color: #9BA6A9 !important;
}

a.no-link {
  text-decoration: none;
  color: #5B7D86;
}

a.no-link:hover {
  /* color: #4196CE !important; */
  color: #9BA6A9 !important;
}

a.no-link-contact {
  text-decoration: none;
  color: #5B7D86;
}

a.no-link-contact:hover {
  text-decoration: none;
  color: #9BA6A9;
}
/* End Link */

.no-text-decor {
  text-decoration: none;
}

a .no-text-decor:hover {
  text-decoration: none !important;
  color: inherit!important;
}

.no-text-decor:hover {
  text-decoration: none !important;
  color: inherit!important;
}

.no-padding {
  padding: 0px;
}

.nav-latest {
  padding-top: 40px;
  padding-bottom: 40px;
}

.nav-latest .nav-table {
  padding:  20px;
  box-shadow: 0px 2px 12px rgba(112, 112, 112, 0.17);
  border-radius: 4px;
}

.nav-content .div:first-child {
  margin-right: 30px;
}

.box-shadow-2 {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}

.box-shadow-3 {
  box-shadow: 0px 2px 12px rgba(112, 112, 112, 0.17);
}

.no-box-shadow {
  box-shadow: unset !important;
}

.nav-content-menu {
  background-color: white;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.nav-content-menu > nav {
  display: none;
}

.nav-content-menu a {
  padding: 16px;
  border-bottom: 1px solid #EEEEEE;
}

.nav-content-menu a:hover {
  color: #5B7D86;
  cursor: pointer;
}

.fund-menu.nav-content-menu a.active {
  color: #5B7D86;
}

.fund-menu.nav-content-menu a {
  color: #999999;
}

.fund-menu nav {
  background-color: #233033;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  padding: 14px 24px;
}

.nav-content .nav-content-content {
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

@media screen and (max-width: 1366px) {
  .nav-content .nav-content-content {
    order: 2;
  }

  .nav-content .nav-content-menu {
    order: 1;
  }

  .nav-content-menu a {
    padding: 14px 24px;
  }

  .nav-content-menu > nav {
    display: flex;
  }

  .nav-content-menu > div {
    overflow: hidden;
    max-height: 0px;
    -webkit-transition: max-height 0.5s ease-in-out;
	     -moz-transition: max-height 0.5s ease-in-out;
         -o-transition: max-height 0.5s ease-in-out;
            transition: max-height 0.5s ease-in-out;
  }

  .nav-content-menu > div.show {
    max-height: 1000px;
  }
}

.card-2 {
  width: calc(50% - 12px);
  /*background: linear-gradient(270deg, rgba(235, 239, 241, 0.2) 0%, rgba(241, 242, 246, 0.2) 100%);*/
  border-radius: 4px;
  /*margin-top: 24px;*/
  /* border: 1px solid #EEEEEE; */
}

.card-2.shadow {
  box-shadow: 0px 2px 12px rgba(112, 112, 112, 0.17);
  border: none;
}

.card-2:nth-child(odd) {
  margin-right: 24px;
}

.award .card-2:nth-child(odd) {
  margin-right: 30px;
}

.card-2:nth-child(n+3) {
  margin-top: 30px;
}

.fund_document  .card-2:nth-child(n+3) {
  margin-top: 16px;
}


.hang .card-2:nth-child(n+3) {
  margin-top: 16px;
}

@media screen and (max-width: 767px) {
  .card-2 {
    width: 100%;
  }

  .card-2:nth-child(n+2) {
    margin-top: 30px;
  }

  .card-2:nth-child(odd) {
    margin-right: 0px;
  }
}

.card-3 {
  width: calc(33.3% - 20px);
}

.card-3:nth-child(3n+2) {
  margin-left: 30px;
  margin-right: 30px;
}

.card-3:nth-child(n+4) {
  margin-top: 30px;
}


@media screen and (max-width: 767px) {
  .card-3 {
    width: 100%;
  }

  .card-3:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .card-3:nth-child(n+2) {
    margin-top: 20px;
  }

}

.card-4, .card-4v {
  width: calc(25% - 12px);
  border-radius: 4px;
  /*margin-top: 44px;*/
  /*border:  1px solid #EEEEEE;*/
  background-color: #FAFCFC;
}

.card-4:nth-child(n+2), .card-4v:nth-child(n+2) {
  /*margin-right: 16px;*/
  margin-left: 16px;
}

.distribution .card-4, .distribution .card-4v {
  width: calc(25% - 22.5px);
  border-radius: 4px;
  border:  1px solid #EEEEEE;
  background-color: #FAFCFC;
  margin-left: 0px;
  margin-right: 0px;
}

.distribution .card-4:nth-child(4n+2), .distribution .card-4v:nth-child(4n+2) {
  margin-left: 30px;
  margin-right: 15px;
}

.distribution .card-4:nth-child(4n+3), .distribution .card-4v:nth-child(4n+3) {
  margin-left: 15px;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .distribution .card-4,.distribution .card-4v {
    width: calc(50% - 8px);
    border-radius: 4px;
    border:  1px solid #EEEEEE;
    background-color: #FAFCFC;
    margin-left: 0px;
    margin-right: 0px;
  }

  .distribution .card-4:nth-child(odd), .distribution .card-4v:nth-child(odd) {
    margin-left: 0px;
    margin-right: 8px;
  }

  .distribution .card-4:nth-child(even), .distribution .card-4v:nth-child(even) {
    margin-left: 8px;
    margin-right: 0px;
  }

  .distribution .card-4:nth-child(4n+2), .distribution .card-4v:nth-child(4n+2) {
    margin-left: 8px !important;
    margin-right: 0px !important;
  }

  .distribution .card-4:nth-child(4n+3), .distribution .card-4v:nth-child(4n+3) {
    margin-left: 0px !important;
    margin-right: 8px !important;
  }

  .card-4v:nth-child(n+2) {
      /*margin-right: 16px;*/
      margin-left: 0px !important;
    }
}

.card-5 {
  width: calc(20% - 24px);
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px;
  background: #ffffff;
  border-radius: 4px;
}

.card-5:nth-child(5n){
  margin-left: 15px;
  margin-right: 0px;
}

.card-5:nth-child(6n) {
  margin-left: 0px;
  margin-right: 15px;
}

.card-5:first-child {
  margin-right: 15px;
  margin-left: 0px;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .card-5 {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px;
    }

    .card-5:nth-child(5n){
      margin-left: 0px;
      margin-right: 0px;
    }

    .card-5:nth-child(n+2){
      margin-top: 20px;
    }

}

@media screen and (max-width: 767px) {
  .card-5 {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .card-5:nth-child(5n){
    margin-left: 0px;
    margin-right: 0px;
  }

  .card-5:nth-child(n+2){
    margin-top: 20px;
  }
}

.card-6 {
  width: calc(16.6% - 25px);
  margin-top: 24px;
}

.card-6.no-link:hover {
  border: 1px solid #9BA6A9;
}

.card-6:first-child {
  margin-left: 0px !important;
  margin-right: 15px !important;
}

.card-6:nth-child(6n) {
  margin-left: 15px !important;
  margin-right: 0px !important;
}

.card-6:nth-child(7n) {
  margin-left: 0px !important;
  margin-right: 15px !important;
}

.card-6:not(:nth-child(7n)){
  margin-left: 15px;
  margin-right: 15px;
}

.card-6:not(:nth-child(6n)) {
  margin-left: 15px;
  margin-right: 15px;
}


@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .card-6 {
    width: calc(33.3% - 16px);
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(n+4) {
    margin-top: 16px;
  }

  .card-6:first-child {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(6n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(7n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:not(:nth-child(7n)){
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:not(:nth-child(6n)) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(3n+2) {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }

  .card-6 > img {
    width: 100%;
  }

}

@media screen and (max-width: 767px) {
  .card-6 {
    width: calc(50% - 8px);
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(n+3) {
    margin-top: 16px;
  }

  .card-6:first-child {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(6n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(7n) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:not(:nth-child(7n)){
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:not(:nth-child(6n)) {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .card-6:nth-child(2n) {
    margin-left: 16px !important;
  }
}


.w-h-video {
  width: 100%;
  height: 483px;
}

@media screen and (max-width: 767px) {
  .w-h-video {
    width: 100%;
    height: auto;
  }
}


.fund_facts td:first-child {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
  color: #333333;
  vertical-align: top;
}

.fund_facts td:not(:first-child) {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #333333;
}

.fund_facts tr td {
  border: 1.22595px solid #EFEFEF;
  padding: 16px;
    
}

.dataTable.fund_facts {
  border: 1px solid #EEEEEE !important;
  background: #FFFFFF;
}

.dataTable.fund_facts thead th{
  border: 1px solid #EEEEEE !important;
}

.fund_div tr td {
  border: 1px solid #EEEEEE;
  padding: 16px;
}


.dataTable.fund_div {
  border: 1px solid #EEEEEE !important;
  background: #FFFFFF;
}

.sticky {
  position:  -webkit-sticky;
  position: sticky;
  top: 15;
}


.sticky-bottom {
  position:  -webkit-sticky;
  position: sticky;
  z-index: 1;
  bottom: 0;
}

.sticky-bottom .back-top {
  position: absolute;
  right: 20px!important;
  bottom: 20px!important;
  z-index: 1;
  box-shadow: 0px 20px 44px 4px rgba(8, 6, 33, 0.08);
}

.fund-header {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: 3px;
}



/*Start Font*/
.font-disclaimer {
  color: #737373;
}

.font-h0 {
  font-size: 56px;
  line-height: 64px;
  font-weight: 900;
  letter-spacing: 3px;

}

@media screen and (max-width: 767px) {
  .font-h0 {
    font-size: 46px;
    line-height: 44px;
  }
}

.font-h1 {
  font-size: 46px;
  line-height: 54px;
  font-weight: 500;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .font-h1 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500;
  }
}

.font-h2 {
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
  }
}

.font-16 {
  font-size: 16px;
}

.font-17 {
  font-size: 17px;
}

.font-18 {
  font-size: 18px;
  font-weight: 100;
  color: #333;
}

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

.font-24 {
  font-size: 24px;
}

.font-h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h3 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
  }
}

.font-h4 {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .font-h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
  }
}

.font-h4-bold {
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h4-bold {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
  }
}

.font-h5 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .font-h5 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
  }
}

.font-h5-bold {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h5-bold {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
  }
}

.font-h6 {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
}

.font-h6-bold {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h6 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
  }

  .font-h6-bold {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }
}

.font-h6-bold {
  font-size: 13px;
  line-height: 19px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .font-h6-bold {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
  }
}

.font-202 {
  font-size: 202px;
}

.font-bold {
  font-weight: 700;
}

.font-light-blue {
  color: #1E5579 !important;
}

.font-white {
  color: white;
}

.font-grey {
  color: #999999;
}

.font-dark-grey {
  color: #666666;
}

.font-light-grey {
  color: #333333;
}

.font-gray {
  color: #5B7D86 !important;
}

.font-red-milano {
  color: #BD1414;
}

.font-black {
  color: #333333;
}

.font-blue {
  color: #1E5579;
  ;
}

.font-sub-title {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}
/*End Font*/


@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .t-no-padding {
    padding: 0px;
  }

  .accordion-body.t-no-padding {
    padding: 0px;
  }

  .t-flex-col {
    flex-direction: column;
  }

  .t-no-mlr {
    margin-left: 0px;
    margin-right: 0px;
  }

  .t-mt-20 {
    margin-top: 20px;
  }

  .t-mt-30 {
    margin-top: 30px;
  }

  .t-flex {
    display: flex;
  }

  .t-space-between {
    justify-content: space-between;
  }

  .t-flex-wrap {
    flex-wrap: wrap;
  }

  .t-mt-24 {
    margin-top: 24px;
  }

  .t-mt-20 {
    margin-top: 20px;
  }

  .t-mb-20 {
    margin-bottom: 20px;
  }

  .t-mb-40 {
    margin-bottom: 40px;
  }

  .t-ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .t-mt-40 {
    margin-top: 40px;
  }

  .t-pt-40 {
    padding-top: 40px ;
  }

  .t-mlr-24 {
    margin-left: 24px;
    margin-right: 24px;
  }

  .t-mlr-39 {
    margin-left: 39px;
    margin-right: 39px;
  }

  .t-p-50 {
    padding: 50px;
  }

  .t-p-20 {
    padding: 20px;
  }

  .t-p-10 {
    padding: 10px;
  }

  .t-mt-60 {
    margin-top: 60px;
  }

  .t-mt-16 {
    margin-top: 16px;
  }

}

@media screen and (max-width: 767px) {
  .m-no-padding {
    padding: 0px;
  }

  .accordion-body.m-no-padding {
    padding: 0px;
  }

  .m-no-plr {
    padding-left: 0px;
    padding-right: 0px;
  }

  .m-p-10 {
    padding: 10px;
  }

  .m-pt-40 {
    padding-top: 40px ;
  }

  .m-pb-60 {
    padding-bottom: 60px;
  }

  .m-ptb-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .m-ptb-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .text-image-5 .m-ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-image-5 .m-plr-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .m-ptb-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .m-prl-24 {
    padding-right: 24px;
    padding-left: 24px;
  }

  .m-no-margin {
    margin: 0px !important;
  }

  .m-no-padding {
    padding: 0px;
  }

  .m-no-pr {
    padding-right: 0px;
  }

  .m-no-pl {
    padding-left: 0px;
  }

  .m-no-mlr {
    margin-left: 0px;
    margin-right: 0px;
  }

  .listing-1.m-no-mt {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .m-no-mt {
    margin-top: 0px !important;
  }

  .m-flex {
    display: flex;
  }

  .m-flex-col {
    flex-direction: column;
  }

  .m-flex-row {
    flex-direction: row;
  }

  .m-space-between {
    justify-content: space-between;
  }

  .m-space-unset {
    justify-content: unset;
  }

  .vertical-border {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
    margin:  20px 0px;
  }

  .m-no-sticky {
    position:  unset;
  }

  .m-mrl-24 {
    margin-right: 24px;
    margin-left: 24px;
  }

  .m-mt-16 {
    margin-top: 16px;
  }

  .m-mt-20 {
    margin-top: 20px;
  }

  .m-mt-24 {
    margin-top: 24px;
  }

  .m-mt-30 {
    margin-top: 30px;
  }

  .m-mb-20 {
    margin-bottom: 20px;
  }

    .t-mr-0 {
        margin-right: 0px !important;
    }

    .t-ml-0 {
        margin-left: 0px !important;
    }

    .t-wp-100 {
        width: 100% !important;
    }

  .m-mb-40 {
    margin-bottom: 40px;
  }

  .m-mt-40 {
    margin-top: 40px;
  }

  .m-mt-60 {
    margin-top: 60px;
  }

  .m-mt-136 {
    margin-top: 60px;
  }

  .m-ml-16 {
    margin-left: 16px;
  }

  .m-no-container {
    padding: 0 !important;
  }

  .m-container {
    padding-left: 24px !important;
    padding-right: 24px !important;
    max-width: 100%;
  }

  .m-hide {
    display: none;
  }

}

@media screen and (max-width: 767px) {
  .m-w-full {
    width: 100%;
  }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {
  .t-no-container {
    padding: 0 !important;
  }

  .t-w-full {
    width: 100%;
  }

  .t-wp-60 {
    width: 60%;
  }

  .t-no-sticky {
    position:  unset;
  }
}

.scroll-x {
  overflow-x:auto;
}

.dropbox select {
  /*padding: 8px 20px;*/
  padding: 15px 30px 12px 12px;
  border: 1px solid #EEEEEE;
  outline: 0;
}

.dropbox select:after {
  padding: 15px 12px;
  position: absolute;
  content: url('../assets/icons/keyboard_arrow_down.png');
  border-radius: 4px;
  background-color: #FAFAFA;
}

.dropdown-sort {
  border: 0px;
  background-color: transparent;
  margin-left: 10px;
  padding: 0px 10px;
  outline: 0;
}

.download:after {
  background-image: url('../assets/icons/file_download.png');
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	content: "";
  margin-left: 8px;
}

.download:hover:after {
  background-image: url('../assets/icons/download_icon_hover.png');
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.top-min-100 {
  top: -100px;
}

.top-min-150 {
  top: -150px;
}

.bottom-n-100 {
  bottom: -100px
}

.bottom-n-150 {
  bottom: -150px
}

.bottom-n-200 {
  bottom: -200px;
}

.bottom-n-250 {
  bottom: -250px;
}

.top-left-0 {
  top: 0;
  left: 0;
}

.bottom-right-0 {
  bottom: 0;
  right: 0;
}

.bottom-min-30 {
  bottom: -30;
}
/*End Direction*/
/*Start Mobile Direction*/
@media screen and (max-width: 767px) {
  .dropdown-sort {
    min-width: 100px;
  }

  .m-bottom-n-80 {
    bottom: -80px;
  }

  .m-bottom-n-60 {
    bottom: -60px;
  }

  .m-top-min-250 {
    top: -250;
  }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .t-top-min-230 {
    top: -230;
  }

}

/*End Mobile Direction*/

/*slider*/
.carousel-index {
  z-index: 2;
}

.carousel-indicators .circle {
  width: 8px;
  height: 8px;
  background-color: transparent;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 8px;
}

.carousel-indicators .circle.active {
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
/*end slider*/

input.input {
  outline: 0;
  border: 0px;
  border-radius: 4px 0px 0px 4px;
   box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
}


/*custom checkbox*/

.custom-check-container {
  position: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

}

.custom-check-container input {
  position: absolute;
  opacity: 0 ;
  cursor: pointer;
  height: 0;
  width: 0;
  color: white;
}

.checkmark {
  position: absolute;
  top: -3px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: white;
  border: 2px solid #DCDCDC;
  border-radius: 5px;
}

.custom-check-container:hover ~.checkmark {
  background-color: #ccc;
}

.custom-check-container input:checked ~.checkmark {
  background-color: #233033;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-check-container input:Checked ~.checkmark:after {
  display: block;
}

.custom-check-container .checkmark:after {
 left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.link-hover:hover {
  color: #5B7D86 !important;
}


/*custom tab*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  background-color: #FAFAFA;
  border-radius: 4px 4px 0px 0px;
  border: 1px solid #EEEEEE;
  padding: 16px;
  color: #5B7D86;
}

.sustainability .nav-item {
  margin-right: 4px;
}

.nav-tabs .nav-link {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  border-radius: 4px 4px 0px 0px;
  padding: 16px;
  color: #D4D2D3;
}

.sustainability .nav-tabs {
  border-bottom: 0px;
}

/* .bg-light-grey.listing-4 {
  background-color: #FAFAFA;
  box-shadow: unset;
} */

.listing-4 {
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  padding: 40px 100px;
}

.listing-4 > .title {
  font-weight: bold;
  font-size: 32px;
  line-height: 40px;
}

.listing-4 .timeline {
  /* width: calc(50% - 15px); */
  margin-top: 30px;
}

.listing-4 .timeline > .year {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
}

.listing-4 .timeline > .description {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  margin-left: 30px;
}

/*
.listing-4 .timeline:nth-child(n+3) {
  margin-top: 30px;
}

.listing-4 .timeline:nth-child(even) {
  margin-left: 30px;
} */

@media screen and (max-width: 767px) {
  .listing-4 {
    padding: 40px 22.5px;
  }

  .listing-4 .timeline {
    width: 100%;
  }

  .listing-4 .timeline:nth-child(even) {
    margin-left: 0px;
  }

  .listing-4 .timeline:nth-child(n+2) {
    margin-top: 20px;
  }
}

.modal.profile {
  background: rgba(250, 250, 252, 0.9);
}

.modal.profile .modal-dialog {
  min-width: 970px;
  position: relative;
}

.modal.profile .modal-content {
  border: none;
}

.modal.profile button.btn-close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 10;
}

.modal.profile .modal-body {
  padding: 60px 100px;
  background: #FAFCFC;
  box-shadow: 0px 2px 30px 15px rgba(91, 91, 91, 0.2);
  border-radius: 4px;
}

.modal.profile.modal-video .modal-body {
  padding: 20px;
  box-shadow: 0px 2px 15px 0px rgb(0 0 0 / 8%);
}

/* ! */
.modal.profile .modal-body2 {
  /* padding: 60px 100px; */
  padding: 20px;
  background: #FAFCFC;
  box-shadow: 0px 2px 30px 15px rgba(91, 91, 91, 0.2);
  border-radius: 4px;
}
/* ! */

.modal.search {
  background: rgba(250, 250, 252, 0.9);
}

.modal.search .modal-dialog {
  min-width: 970px;
  position: relative;
}

.modal.search .modal-content {
  border: none;
}

.modal.search button.btn-close {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 10;
}

/* modal disclaimer  */
#disclaimer .modal-body {
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 30px 40px;
  overflow-y: auto;
  height: calc(100vh - 300px);
  box-shadow: none;
}

#disclaimer .modal-content {
  height: calc(100vh - 100px);
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    /* #disclaimer .modal-body {
        margin: 0px 0px;
    } */

}

@media screen and (max-width: 767px) {
  #disclaimer .modal-body {
      margin: 10px 10px;
  }


}

/* modal disclaimer  */
/* ! */
.btn-close {
  /* box-sizing: content-box; */
  /* width: 1em; */
  /* height: 1em; */
  position: absolute;
  width: 32px;
  height: 32px;
  padding: 0.25em 0.25em;
  color: #000;
  background-image: url('../assets/icons/close.png');
  border: 0;
  border-radius: 0.25rem;
  opacity: 0.5;
}
/* ! */

.btn-cross.btn-cross {
  background-image: url('../assets/icons/clear.png');
  width: 19px;
  height: 19px;
  background-size: 19px 19px;
  opacity: 1;
}

.btn-cross.btn-cross:hover {
  background-image: url('../assets/icons/clear-1.png');
}

.btn-cross.btn-cross:active, .btn-cross.btn-cross:focus {
  box-shadow: none;
  outline: none;
}

.modal-video .btn-close, .modal.modal-video .btn-close {
  background-image: url('../assets/icons/video-close.png');
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  position: absolute;
  opacity: 1;

  top: -16px !important;
  right: -16px !important;
}

.modal-video  .btn-close:active, .modal-video  .btn-close:focus,
 .modal-video  .btn-close:visited  {
  outline: none;
  box-shadow: none;
}



.modal.search .modal-body {
  padding: 40px 60px;
  background: #FAFCFC;
  box-shadow: 0px 2px 30px 15px rgba(91, 91, 91, 0.2);
  border-radius: 4px;
}

.media-social .fa {
  margin-left: 8px;
  margin-right: 8px;
}


@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .modal-dialog {
      max-width: unset;
    }

    .modal.profile .modal-body {
      padding: 60px 30px;
    }

    .modal.profile .modal-dialog {
      min-width: 90%;
      margin: 0px 22px;
      /* width: 95%; */
    }

    .modal.modal-filter {
      background: rgba(250, 250, 252, 0.9);
    }

    .modal-dialog.filter {
      width: 100%;
      padding: 0px;
      margin:0px;
      background-color: #fff;
    }

}

@media screen and (max-width: 767px) {
  .modal.profile .modal-body {
    padding: 60px 30px;
  }

  .modal.profile .modal-dialog {
    min-width: 330px;
    margin: 0px 22px;
  }

  #disclaimer .modal-dialog {
    min-width: 330px;
    margin: 0px 0px;
  }

  .modal.modal-filter {
    background: rgba(250, 250, 252, 0.9);
  }

  .modal-dialog.filter {
    width: 100%;
    padding: 0px;
    margin:0px;
    background-color: #fff;
  }
}


.fa {
  padding: 9px;
  font-size: 22px;
  width: 40px;
  height: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.manual-icon.fa-envelope-o {
  background: #233933;
  color: white;
}

.manual-icon.fa-envelope-o:hover {
  color: white;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
}

.manual-icon.fa-whatsapp {
  background: #25D366;
  color: white;
}

.manual-icon.fa-whatsapp:hover {
  /*background: grey;*/
  color: white;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
}

.manual-icon.fa-twitter {
  background: #55ACEE;
  color: white;
}

.manual-icon.fa-twitter:hover {
 color: white;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
}


.manual-icon.fa-linkedin {
  background: #007bb5;
  color: white;
}

.manual-icon.fa-linkedin:hover {
 color: white;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
}

.manual-icon.fa-facebook {
  background: #3B5998;
  color: white;
}

.manual-icon.fa-facebook:hover {
 color: white;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
}

.fa-telegram {
  margin-left: 8px;
  margin-right: 8px;
  width: 40px;
  height: 40px;
  color: white;


}

.fa-telegram:before {
  background-image:  url('../assets/icons/telegram.png');
  background-size: 40px 40px;
	display: inline-block;
  width: 40px;
  height: 40px;
	background-repeat: no-repeat;
	content: "";


}

.fa-telegram:hover {
  color: white;
   box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
 }

.manual-icon.fa-wechat {
  background: #25D366;
  color: white;
}

.manual-icon.fa-wechat:hover {
  color: white;
   box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
 }

table {
  border-radius: 4px 4px 4px 4px ;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-collapse: separate;
  border-spacing: 0;
}

table tr:not(:last-child) td ,table tr:not(:first-child) td{
  border-bottom: 0px;
}

table tr:last-child td {
  border-bottom: 1px solid #EFEFEF;
}

table tr td:first-child {
  border-right: 0px;
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

table tr:first-child th:first-child,
table tr:first-child td:first-child {
  border-top-left-radius: 4px;
}

table tr:first-child th:last-child,
table tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

table tr:last-child th:first-child,
table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

table tr:last-child th:last-child,
table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.tab-content > .active {
  border: 1px solid #EEEEEE;
  border-radius: 4px;
}

.sustainability .tab-content > .active {
  border: 1px solid #EEEEEE;
  border-radius: 0px 4px 4px 4px;
}

.imgbox-listing-4 {
  /* width: calc(50% - 12px); */
  width: calc(50% - 24px);
  background-color: #FFFFFF;
  border-radius: 4px;
  color: #383838;
  text-decoration: none;
  box-shadow: 0px 2px 12px 0px rgba(112, 112, 112, 0.17);
  border: none;
    min-width: 400px;
}

.imgbox-listing-4 > img {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}


.imgbox-listing-4 > div {
  padding: 16px;
}

.imgbox-listing-4:hover {
  color: #383838;
}

.imgbox-listing-4:nth-child(odd) {
  margin-right: 24px;
}

.imgbox-listing-4:nth-child(n+3) {
  margin-top: 30px;
}

.imgbox-listing-4 img, svg {
  vertical-align: middle;
  width: 140px;
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .imgbox-listing-4 {
    width: 100%;
  }

  .imgbox-listing-4 > div {
    padding: 16px 12px;
    margin-left: 0px;
  }

  .imgbox-listing-4:nth-child(odd) {
    margin-right: 0px;
  }

  .imgbox-listing-4:nth-child(n+2) {
    margin-top: 30px;
  }

}

@media screen and (max-width: 767px) {
  .imgbox-listing-4 {
    width: 100%;
  }

  .imgbox-listing-4 > div {
    padding: 16px 12px;
    margin-left: 0px;
  }

  .imgbox-listing-4:nth-child(odd) {
    margin-right: 0px;
  }

  .imgbox-listing-4:nth-child(n+2) {
    margin-top: 30px;
  }
}

.block-text-1 {
  width: calc(33.3% - 20px);
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

.block-text-1:nth-child(3n+2) {
  margin-left: 30px;
  margin-right: 30px;
}

.block-text-1:nth-child(n+4) {
  margin-top: 30px;
}


@media screen and (max-width: 767px) {
  .block-text-1 {
    width: 100%;
  }

  .block-text-1:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .block-text-1:nth-child(n+2) {
    margin-top: 20px;
  }

}

.accordion-item {
  margin-top: 16px;
  border-radius: 4px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.08);
  outline: 0;
  background-color: #FAFAFC;
  border: 0px;
}

.accordion-body {
  padding: 40px 30px;
  background: #ffffff;
  border-radius: 0px 0px 4px 4px;
}


.accordion-button:not(.collapsed) {
  background: #FFFFFF;
  color: #5B7D86;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05) !important;

}

.accordion-button:active {
  outline: 0;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
}

.accordion-button.collapsed, .accordion-button.collapsed.show {
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05);
}

.accordion-button:hover {
  outline: 0;
}

.accordion-button {
  outline: 0;
  border-radius: 4px;
}

.accordion-button:focus {
  box-shadow: none;
}

.accordion-button::after {
  background-image: url('../assets/icons/icon-arrow-down-dark.png');
  /* transform: rotate(180deg); */
  margin-top: 10px;
}

.accordion-button:not(.collapsed)::after {
  background-image: url('../assets/icons/icon-arrow-down-green.png');
  /* transform: rotate(0deg); */
  margin-top: -10;
}

.fund-template-3 {
  display: flex;
}

.fundFaqAccordionClass {
    
}

.fundFaqAccordionClass table {
  border-radius: 4px 4px 4px 4px ;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-collapse: separate;
  border-spacing: 0;
}

.fundFaqAccordionClass table tr:not(:last-child) td , .fundFaqAccordionClass table tr:not(:first-child) td{
  border-bottom: 0px;
}

.fundFaqAccordionClass table tr:last-child td {
  border-bottom: 1px solid #EFEFEF;
}

.fundFaqAccordionClass table tr td:first-child {
  border-right: 0px;
}

.fundFaqAccordionClass table tr:last-child td:first-child {
    border-bottom-left-radius: 4px;
}

.fundFaqAccordionClass table tr:last-child td:last-child {
    border-bottom-right-radius: 4px;
}

.fundFaqAccordionClass table tr:first-child th:first-child,
.fundFaqAccordionClass table tr:first-child td:first-child {
  border-top-left-radius: 4px;
}

.fundFaqAccordionClasstable tr:first-child th:last-child,
.fundFaqAccordionClasstable tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

.fundFaqAccordionClasstable tr:last-child th:first-child,
.fundFaqAccordionClasstable tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.fundFaqAccordionClasstable tr:last-child th:last-child,
.fundFaqAccordionClasstable tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.fundFaqAccordionClass table tr td {
    vertical-align: top;
    
}
.fundFaqAccordionClasstable tr td {
    vertical-align: top;
}

@media screen and (max-width: 767px) {
  /* .fund-template-3 {
    display: none;
  } */
}

.m-fund-template-3 {
  display: none;
}

.m-fund-template-3 .accordion-button {
  background-color: #233033;
  color: white;
}

@media screen and (max-width: 767px) {
  .m-fund-template-3 {
    display: flex;
    flex-direction: column;
  }

  .m-fund-template-3  .accordion-button  {
    border-radius: 0px !important;
  }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .m-fund-template-3  .accordion-button  {
      border-radius: 0px !important;
    }
}

.m-fund-template-3  .accordion-button::after {
  background-image: url('../assets/icons/icon-drop-white.png');
  transform: rotate(-180deg);
}

.m-fund-template-3 .accordion-button:not(.collapsed)::after {
 transform: rotate(0deg);
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .carousel-item  .text-image-5 div:nth-child(2) {
      width: 100%;
    }

    .listing-3 .card-3.t-h-400 {
      min-height: 400px !important;
    }

}

@media screen and (max-width: 767px) {
  .retail-bank .card-4 {
    width: calc(50% - 12px);
    border-radius: 4px;
  }

  .retail-bank .card-4:nth-child(n+2) {
    margin-top: 30px;
  }

  .retail-bank .card-2:nth-child(odd) {
    margin-right: 0px;
  }

  .m-w-auto {
    min-width: auto !important;
    width: auto !important;
  }

  .text-image-5 .m-w-auto.center {
    object-position: center ;
  }

  .carousel-item  .text-image-5 div:nth-child(2) {
    width: 100%;
  }

}


.z-2 {
  position: relative;
  z-index: 2;
}

.menu .m-only {
  display: none;
}

.m-only {
  /* display: none; */
  display: block;
}

.t-only {
  display: none;
}

.menu .t-only {
  display: none;
}

input.input-datepicker {
outline: 0;
}

.input-datepicker {
  width: 150px;
  height: 38px;
  padding: 9px 12px;
  position: relative;
  border: 0.5px solid #D4D2D3;
  z-index: 1;
  background-color: transparent;
}

/* fund graph */

.returns .nav-tabs>li.active>a {
  background-color: #F8F8F8 !important;
  color: #1E5579 !important;
  opacity: 1 !important;
  border: 1.22595px solid #EFEFEF;
}

.returns .nav-tabs .nav-link {
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1E5579;
  padding: 16px;
  border-radius: 0px;
}

.returns .nav-tabs>li>a {
  margin-right: 2px
}

.returns .nav-tabs>li.active>a {
  background-color: #F8F8F8 !important;
  color: #1E5579 !important;
  opacity: 1 !important;
  border: 1.22595px solid #EFEFEF;
}

.returns .nav-tabs .nav-link:hover {
  background-color: #FAFAFA;
  font-weight: 700;
}

.d-hide {
  display: none;
}

@media screen and (max-width: 767px) {
  .d-only {
    display: none;
  }

  .m-only {
    /* display: unset; */
    display: block;
  }

  .menu .m-only {
    display: unset;
  }

  .menu .m-only.hide {
    display: none;
  }

  .m-card-2 {
    width: calc(50% - 12px);
  }

  .m-card-2:nth-child(odd) {
    margin-right: 24px;
  }

  .m-card-2:nth-child(n+3) {
    margin-top: 30px;
  }

  .card-3.m-card-2:nth-child(2) {
    margin-top: 0px;
  }
}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .t-only {
    /* display: unset; */
    display: block;
  }

  .menu .t-only {
    display: unset;
  }

  .menu .t-only.hide {
    display: none;
  }

  .d-only {
    display: none;
  }

}

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

  .news .card-3:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .news .card-3 {
    width: calc(50% - 30px);
  }

  .news .card-3:nth-child(odd) {
    margin-right: 30px;
  }

  .news .card-3:nth-child(n+3) {
    margin-top: 30px;
  }

  .h-473 {
    height: 600px;
  }

  .process-3.t-card-2:nth-child(n+2), .process-3.t-card-2:nth-child(n+3), .process-3.t-card-2:nth-child(n+4) {
    margin-left: 0;
  }

  .t-card-2 {
    /*width: calc(100% - 12px);*/
    /*border-radius: 4px;*/
    /*margin-top:0 !important;*/

    width: calc(50% - 12px);
    border-radius: 4px;
  }

  .t-card-2.shadow {
    box-shadow: 0px 2px 12px rgba(112, 112, 112, 0.17);
    border: none;
  }

  .t-card-2:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .t-card-2:nth-child(odd) {
    margin-right: 24px;
  }

  .t-card-2:nth-child(n+3) {
    margin-top: 30px;
  }

  .distribution  .t-card-2 {
    width: calc(50% - 12px);
    border-radius: 4px;
  }

  .distribution .t-card-2:nth-child(4n+2),  .distribution .t-card-2:nth-child(4n+3){
    margin-left: 0px;
    margin-right: 0px;
  }

  .distribution .t-card-2:nth-child(odd) {
    margin-right: 24px;
  }

  .distribution .t-card-2:nth-child(n+3) {
    margin-top: 30px;
  }

  .listing-3 .card-3:nth-child(3n+2) , .listing-1 .card-3:nth-child(3n+2) {
    margin-left: 0px;
    margin-right: 0px;
  }

  .listing-3 .card-3, .listing-1 .card-3 {
    width: calc(50% - 30px);
  }

  .listing-3 .card-3:nth-child(odd), .listing-1 .card-3:nth-child(odd) {
    margin-right: 30px;
  }

  .listing-3 .card-3:nth-child(n+3) , .listing-1 .card-3:nth-child(n+3){
    margin-top: 30px;
  }

  .t-w-600 {
    width: 600px;
  }

  .listing-4.t-p-40 {
    padding: 40px;
  }

  .text-image-5.bg-slider-1 {
    /* background-position-y: -100px; */
  }

}

.datepicker:after {
  background-image: url('../assets/icons/arrow_down_select.png');
  background-size: 38px 38px;
	display: inline-block;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	content: "";

  position: absolute;
  right: 0px;
  top: 0px;
  border: 0.5px solid #D4D2D3;
  padding: 10px;
  height: 100%;

  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 0;
}

.arrow-white::after {
  content: url('../assets/icons/arrow-white.png');
  height: fit-content;
  top: 10px;
  position: relative;
  transform: rotate(180deg);
  -webkit-transition: transform 0.5s ease-in-out;
     -moz-transition: transform 0.5s ease-in-out;
       -o-transition: transform 0.5s ease-in-out;
          transition: transform 0.5s ease-in-out;
}

.arrow-white.show::after {
  transform: rotate(360deg);
}

.highcharts-root {
  width: 100%;
}

.highcharts-range-selector-buttons, .highcharts-button, .highcharts-credits {
	display: none;
}

.nav-tabs {
  border-bottom: 0px;
}

#tab_chart_performanceContent.tab-content > .active {
  border: 0px;
}

.border-black {
  border: 1px solid #233033;
}

.border-blue.no-link:hover {
  color: #5B7D86 !important;
  border: 1px solid #9BA6A9;
}

.border-transparent {
  border: 1px solid transparent;
}

.hide {
  display: none;
}

::placeholder {
  color: #9BA6A9;
}

.scroll-pane {
  overflow-y: auto;
  height: calc(100vh - 300px);
}

/*@media only screen and (max-width: 1024px) and (min-width:768px) {*/
/*.dynamic_container.children_4 {display:block !important;}*/
/*.t-card-2 {*/
/*    width: 100% !important;*/
/*    border-radius: 4px;*/
/*    margin-bottom: 20px !important;*/
/*  }*/
/*}*/

@media only screen
  and (min-width: 768px)
  and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .scroll-pane {
      overflow-y: auto;
      height: calc(100vh - 50px);
    }
}



@media screen and (max-width: 767px) {
  .scroll-pane {
    overflow-y: auto;
    height: calc(100vh - 50px);
  }


}

.fund-comment  {
  display: flex;
  flex-direction: column;
}

.fund-comments .fund-comment {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 30px;
  padding-top: 30px;
}


#fund-manager img {
  width: 140px;
}

.decrease-value {
  position: relative;
  display: flex;
  color:  #BD1414;
}

.decrease-value:after {
  background-image: url('../assets/icons/red-down.png');
  background-size: 13px 7px;
  width: 13px;
  height: 7px;
  background-repeat: no-repeat;
  content: "";
  /* position: absolute; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  margin-top: 10px;
}


/* custom datatable */
#holdingsListing .dataTables_length.bs-select, #holdingsListing .dataTables_info {
  display: none !important;
}

#fund_div .dataTables_length.bs-select, #fund_div .dataTables_info {
  display: none !important;
}

#historicalPricingTable  .dataTables_length.bs-select, #historicalPricingTable .dataTables_info {
  display: none !important;
}

#holdingsListing .paginate_button.next,
#fund_div .paginate_button.next,
#historicalPricingTable .paginate_button.next {
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #DFE3E8;
  box-sizing: border-box;
  border-radius: 4px;
}

#holdingsListing .paginate_button.previous,
#fund_div .paginate_button.previous,
#historicalPricingTable .paginate_button.previous {
  background: #D4D2D3;
  border: 1px solid transparent;
  width: 32px;
  height: 32px;
  margin-right: 4px;
}

#holdingsListing .paginate_button.disabled,
#fund_div .paginate_button.disabled,
#historicalPricingTable .paginate_button.disabled {
  background: #D4D2D3;
  border: 1px solid transparent;
  width: 32px;
  height: 32px;
}

#holdingsListing .paginate_button.next.disabled,
#fund_div .paginate_button.next.disabled,
#historicalPricingTable .paginate_button.next.disabled {
  background: white;
  border: 1px solid #DFE3E8;
  width: 32px;
  height: 32px;
}


#holdingsListing .paginate_button.current,
#fund_div .paginate_button.current,
#historicalPricingTable .paginate_button.current {
  background: #FFFFFF;
  border: 1px solid #233033;
  box-sizing: border-box;
  border-radius: 4px;
}

#holdingsListing .paginate_button.next:after,
#fund_div .paginate_button.next:after,
#historicalPricingTable .paginate_button.next:after {
  background-color: white;
  content: url(../assets/icons/icon-next.png);
  display: flex;
  align-items: center;
  justify-content: center;
}

#holdingsListing .paginate_button.previous:after,
#fund_div .paginate_button.previous:after,
#historicalPricingTable .paginate_button.previous:after {
  content: url(../assets/icons/icon-prev.png);
  display: flex;
  align-items: center;
  justify-content: center;
}

#holdingsListing .paginate_button,
#fund_div .paginate_button,
#historicalPricingTable .paginate_button {
  background: #FFFFFF;
  border: 1px solid #DFE3E8;
  box-sizing: border-box;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  color: black;
}

#holdingsListing .paginate_button:hover,
#fund_div .paginate_button:hover,
#historicalPricingTable .paginate_button:hover {
  color: black !important;
  text-decoration: underline !important;
}


#holdingsListing .dataTables_paginate.paging_simple_numbers,
#fund_div .dataTables_paginate.paging_simple_numbers,
#historicalPricingTable .dataTables_paginate.paging_simple_numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

#holdingsListing .dataTables_paginate > span,
#fund_div .dataTables_paginate > span,
#historicalPricingTable .dataTables_paginate > span {
  display: flex;
}

#holdingsListing .dataTables_paginate > span a.paginate_button,
#fund_div .dataTables_paginate > span a.paginate_button,
#historicalPricingTable .dataTables_paginate > span a.paginate_button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
  margin-right: 4px;
}

.border-full tr td {
  border: 1px solid black !important;
  padding: 10px;
}

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

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

.li-20 li {
  margin-top: 20px;
}

.w-h-24 {
  width: 24px !important;
  height: 24px !important;
}

ol.space li {
  padding-left: 15px;
  margin-top: 15px;
}


ol.letter li {
  list-style: lower-alpha;
  padding-left: 15px;
  margin-top: 15px;
}

ul.ul-space li {
  padding-left: 15px;
  margin-top: 15px;
}

header .pl-0 {
  /* padding-left: 0px; */
  margin-right: 78px !important;
}


.glossary a {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #000000;
  text-decoration: none;
}

.glossary a:hover {
  color: #5B7D86;
}

.glossary a div {
  padding: 0px 10px;
  border-right: 2px solid #8694A0;
  text-align: center;
}

.glossary a:active {
  color: #5B7D86;
}

.glossary a.disabled {
  color: #D4D2D3 !important;
  cursor: not-allowed;
}

.insight.custom-select {
  border-radius: 4px;
  background-color: #233033;
  margin-left: 12px;
}

.insight.custom-select select option:first-child {
  color: white;
}


.table th {
  border: 1px solid #E6E7E9;
  border-bottom: 0px;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.table td {
  padding: 10px;
  border: 1px solid #E6E7E9;
}

.table td:first-child {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.line2 {
  width: 55px;
  height: 1px;
  border-bottom: 1px solid #D4D2D3;
}

@media screen and (max-width: 767px) {
  .line2 {
    width: 20px;
    height: 1px;
    border-bottom: 1px solid #D4D2D3;
  }
}


.component-space-40 {
  padding-top: 40px;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}


.carousel-indicators.carousel-indicators2 {
  position: absolute;
  bottom: -55px;
}

.carousel-indicators.carousel-indicators2 .circle {
  width: 8px !important;
  height: 8px !important;
  background-color: #EEEEEE;
  border: 1px solid #EEEEEE;
  border-radius: 40%;
}

.carousel-indicators.carousel-indicators2 .circle.active {
  background-color:  #B1005D;
  border: 1px solid #B1005D;
}

.carousel-indicators.carousel-indicators2 button.circle.active {
  background-color:  #B1005D;
  border: 1px solid #B1005D;
  width: 8px !important;
  height: 8px !important;
}

/*
@media screen and (max-width: 1366px) {
  .wp-75 {
    width: 100%;
  }
} */

/* ── Footer brand section ── */
.footer-brand {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px 0 32px;
}

.footer-logo-wrap {
  display: flex;
  align-items: center;
  gap: 14px;
}

.footer-logo {
  height: 100px;
  width: auto;
}

.footer-brand-name {
  font-size: 22px !important;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #fff;
}

.footer-contact-section {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.footer-contact-label {
  font-size: 0.68rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999;
  margin: 0;
}

.footer-contact-email {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1a3230;
  font-weight: 500;
  font-size: 0.92rem;
  text-decoration: none;
  border: 1.5px solid #1a3230;
  border-radius: 24px;
  /* padding: 8px 20px; */
  color: #fff;
  transition: background 0.22s ease, color 0.22s ease, border-color 0.22s ease;
}

.footer-contact-email:hover {
  /* background: #1a3230; */
  color: #ccc;
  /* border-color: #1a3230; */
}

.footer-contact-email .fa {
  padding: 0;
  width: auto;
  height: auto;
  font-size: 0.95rem;
  margin: 0;
  border-radius: 0;
  line-height: 1;
}

@media (max-width: 768px) {
  .footer-brand {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .footer-contact-section {
    align-items: flex-start;
  }
}

/* ── Banner wrappers ── */
.lgi-banner-wrap {
  padding: 40px 0;
  width: 90%;
  margin: 0 auto;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .lgi-banner-wrap {
    width: 100%;
    padding: 24px 0;
    border-radius: 0;
  }
}

/* ── Investment Products section ── */
.lgi-products-section {
  padding: 72px 0;
  background: #f5f7f7;
}

.lgi-section-header {
  text-align: center;
  margin-bottom: 52px;
}

.lgi-section-eyebrow {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e2bb8d;
  margin-bottom: 10px;
}

.lgi-section-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1a3230;
  margin-bottom: 14px;
}

.lgi-section-subtitle {
  font-size: 0.95rem;
  color: #777;
  max-width: 520px;
  margin: 0 auto;
  line-height: 1.65;
}

.lgi-products-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.lgi-product-card {
  background: #fff;
  border-radius: 10px;
  padding: 36px 32px;
  box-shadow: 0 2px 16px rgba(26, 50, 48, 0.07);
  border-top: 3px solid #1a3230;
  transition: box-shadow 0.22s ease, transform 0.22s ease;
}

.lgi-product-card:hover {
  box-shadow: 0 8px 32px rgba(26, 50, 48, 0.13);
  transform: translateY(-3px);
}

.lgi-product-icon {
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #1a3230, #2d5450);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 22px;
}

.lgi-product-icon .fa {
  color: #e2bb8d;
  font-size: 1.4rem;
  padding: 0;
  width: auto;
  height: auto;
  margin: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}

.lgi-product-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #1a3230;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #edf0f0;
}

.lgi-product-desc {
  font-size: 0.9rem;
  color: #555;
  line-height: 1.78;
  margin: 0;
}

@media (max-width: 768px) {
  .lgi-products-section {
    padding: 48px 0;
  }

  .lgi-products-grid {
    grid-template-columns: 1fr;
  }

  .lgi-product-card {
    padding: 28px 24px;
  }

  .lgi-section-title {
    font-size: 1.6rem;
  }
}