@charset "UTF-8";
/* Hide Front Content */
.path-frontpage .view-frontpage {
  display: none;
}

/* Top Header */
nav#navbar-top {
  margin-bottom: 0;
  padding: 0;
  /*.top-daftar-minat {

    a {
      display: inline-block;
      background-color: #09C5F1;
      color: #fff;
      font-family: "Barlow";
      font-weight: 700;
      text-decoration: none;
      margin-right: 15px;
      padding: 5px;
      border-radius: 5px;
      vertical-align: middle;
    }
  }*/
}
nav#navbar-top.navbar {
  display: block;
}
nav#navbar-top .top-link {
  font-size: 12px;
}
nav#navbar-top .top-link .fab,
nav#navbar-top .top-link .fas {
  margin: 0 5px;
  font-size: 18px;
  vertical-align: middle;
}
nav#navbar-top .top-link .fab.fa-twitter,
nav#navbar-top .top-link .fas.fa-twitter {
  color: #1CA1F0;
  margin-left: 0;
}
nav#navbar-top .top-link .fab.fa-facebook-f,
nav#navbar-top .top-link .fas.fa-facebook-f {
  color: #3A5A97;
  margin-left: 0;
}
nav#navbar-top .top-link .fab.fa-instagram,
nav#navbar-top .top-link .fas.fa-instagram {
  color: transparent;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  background-clip: text;
  -webkit-background-clip: text;
  margin-left: 0;
}
nav#navbar-top .top-link .fab.fa-linkedin-in,
nav#navbar-top .top-link .fas.fa-linkedin-in {
  color: #0B75B6;
  margin-left: 0;
}
nav#navbar-top .top-link .fab.fa-whatsapp,
nav#navbar-top .top-link .fas.fa-whatsapp {
  color: #4A9654;
  margin-right: 0;
  font-size: 23px;
}
nav#navbar-top .top-link .fab.fa-envelope,
nav#navbar-top .top-link .fas.fa-envelope {
  color: #7588BF;
  margin-right: 0;
  font-size: 18px;
}
nav#navbar-top .top-link img {
  margin-right: 5px;
}
nav#navbar-top .top-link img.icall {
  width: 22px;
}
nav#navbar-top .top-link .top-link-divider {
  color: #00000026;
  margin: 0 10px;
}
nav#navbar-top .top-link strong {
  color: #070707;
  vertical-align: middle;
}
nav#navbar-top .top-link a {
  color: #070707;
}
nav#navbar-top div#block-languageswitcher {
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
  text-transform: uppercase;
  vertical-align: middle;
  border: 1px solid #DFDFDF;
  border-radius: 8px;
  padding: 5px;
}
nav#navbar-top div#block-languageswitcher .en.nav-link:after {
  content: "|";
  color: #DFDFDF;
  margin-left: 10px;
}
nav#navbar-top div#block-languageswitcher .nav-link {
  padding: 0 5px;
}
nav#navbar-top div#block-languageswitcher .nav-link a {
  color: #656565;
}
nav#navbar-top div#block-languageswitcher .nav-link.is-active a {
  color: #09C5F1;
  pointer-events: none;
}
nav#navbar-top .top-login {
  display: inline-block;
  background-color: #ED3D63;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
nav#navbar-top .top-login a {
  color: #fff;
  font-family: "Barlow";
  font-weight: 700;
  text-decoration: none;
}
nav#navbar-top .top-daftar-minat {
  display: inline-block;
  background-color: #09C5F1;
  margin-right: 10px;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
nav#navbar-top .top-daftar-minat a {
  color: #fff;
  font-family: "Barlow";
  font-weight: 700;
  text-decoration: none;
}
nav#navbar-top hr.top-divider {
  margin-top: 0;
}

/* Content Styling */
/*div#block-cbp-content {
  position: relative;
  z-index: 9;
}*/
.node__content {
  position: relative;
}

div#block-backgroundellipse:before {
  content: "";
  position: absolute;
  width: 548px;
  height: 521px;
  background: url(/themes/cbp/images/elipse-bg.svg) no-repeat top left;
  left: -100px;
  top: -50px;
  z-index: 0;
}

.cbp-table {
  font-size: 14px;
}
.cbp-table > tbody > tr > td,
.cbp-table > tbody > tr > th,
.cbp-table > tfoot > tr > td,
.cbp-table > tfoot > tr > th,
.cbp-table > thead > tr > td,
.cbp-table > thead > tr > th {
  padding: 10px;
  vertical-align: middle;
}
.cbp-table > thead > tr > th:nth-child(1) {
  border-top-left-radius: 8px;
}
.cbp-table > thead > tr > th:nth-last-child(1) {
  border-top-right-radius: 8px;
}
.cbp-table .bg-color-1 {
  background-color: #727ECF;
  color: #fff;
}
.cbp-table .bg-color-1 th,
.cbp-table .bg-color-1 td {
  background-color: #727ECF;
  color: #fff;
}
.cbp-table .bg-color-2 {
  background-color: #868D91;
  color: #fff;
}
.cbp-table .bg-color-2 th,
.cbp-table .bg-color-2 td {
  background-color: #868D91;
  color: #fff;
}
.cbp-table .bg-color-3 {
  background-color: #DBE1E4;
  color: #070707;
}
.cbp-table .bg-color-3 th,
.cbp-table .bg-color-3 td {
  background-color: #DBE1E4;
  color: #070707;
}
.cbp-table .bg-color-4 {
  background-color: #ECECEC;
  color: #000;
}
.cbp-table .bg-color-4 th,
.cbp-table .bg-color-4 td {
  background-color: #ECECEC;
  color: #000;
}
.cbp-table .bg-color-5 {
  background-color: #D2143D;
  color: #fff;
}
.cbp-table .bg-color-5 th,
.cbp-table .bg-color-5 td {
  background-color: #ED3D63;
  color: #fff;
}
.cbp-table .bg-color-6 {
  background-color: #fff;
  color: #070707;
}
.cbp-table .bg-color-6 th,
.cbp-table .bg-color-6 td {
  background-color: #fff;
  color: #070707;
}
.cbp-table .bg-color-7 {
  background-color: #EBF5FE;
  color: #070707;
}
.cbp-table .bg-color-7 th,
.cbp-table .bg-color-7 td {
  background-color: #EBF5FE;
  color: #070707;
}

.cbp-accordion.panel-group .panel,
.cbp-accordion .panel-group .panel {
  background-color: #F6FBFF;
}
.cbp-accordion.panel-group .panel.panel-default,
.cbp-accordion .panel-group .panel.panel-default {
  border-color: #F6FBFF;
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading,
.cbp-accordion .panel-group .panel.panel-default .panel-heading {
  background-color: #02518A;
  border-color: #02518A;
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title {
  color: #fff;
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a {
  display: block;
  color: #fff;
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a:before,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a:before {
  float: right !important;
  font-family: FontAwesome;
  content: "";
  padding-right: 5px;
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a.collapsed:before,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a.collapsed:before {
  float: right !important;
  content: "";
}
.cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a:hover, .cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a:active, .cbp-accordion.panel-group .panel.panel-default .panel-heading .panel-title > a:focus,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a:hover,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a:active,
.cbp-accordion .panel-group .panel.panel-default .panel-heading .panel-title > a:focus {
  text-decoration: none;
}
.cbp-accordion.pembiayaan-i.panel-group,
.cbp-accordion.pembiayaan-i .panel-group {
  margin-bottom: 0;
}
.cbp-accordion.pembiayaan-i.panel-group .panel,
.cbp-accordion.pembiayaan-i .panel-group .panel {
  background-color: transparent;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default {
  border-color: transparent;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading {
  background-color: transparent;
  border-color: transparent;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading .panel-title,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading .panel-title {
  font-size: 12px;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading .panel-title.blue,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading .panel-title.blue {
  color: #02518A;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading .panel-title.blue > a,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading .panel-title.blue > a {
  color: #02518A;
}
.cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading .panel-title.blue > a:hover, .cbp-accordion.pembiayaan-i.panel-group .panel.panel-default .panel-heading .panel-title.blue > a:focus,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading .panel-title.blue > a:hover,
.cbp-accordion.pembiayaan-i .panel-group .panel.panel-default .panel-heading .panel-title.blue > a:focus {
  color: #02518A;
}

ul.cbp-bullet {
  list-style: none;
}
ul.cbp-bullet > li::before {
  position: absolute;
  content: "•";
  color: #02518A;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-top: -3px;
  margin-left: -1em;
  vertical-align: middle;
}

.white-text {
  color: #fff !important;
}

/* Front Popup */
.front-modal button.close.cbp-close {
  top: 0;
  right: -40px;
  width: 40px;
  height: 40px;
  background-color: #ED3D63;
  color: #fff;
  margin: 0;
  padding: 0;
  border-radius: 0;
  opacity: 1;
}
.front-modal .carousel-indicators {
  margin: 15px auto;
}
.front-modal .carousel-indicators li {
  box-sizing: inherit;
  width: 9px;
  height: 9px;
  border: 1px solid #FFCB2B;
}
.front-modal .carousel-indicators li:hover {
  background-color: #FFCB2B;
}
.front-modal .carousel-indicators .active {
  background-color: #FFCB2B;
  width: 9px;
  height: 9px;
  margin: 1px 3px 3px 3px;
}
.front-modal .carousel-control-prev-icon {
  background-image: url("/themes/cbp/images/arrow left@2x.png");
  width: 30px;
  height: 48px;
}
.front-modal .carousel-control-next-icon {
  background-image: url("/themes/cbp/images/arrow right@2x.png");
  width: 30px;
  height: 48px;
}

/* Content Header */
.content-header {
  position: relative;
  /*min-height: 261px;*/
  background: #005abe;
  background: -moz-linear-gradient(left, #005abe 0%, #02bcf9 100%);
  background: -webkit-linear-gradient(left, #005abe 0%, #02bcf9 100%);
  background: linear-gradient(to right, #005abe 0%, #02bcf9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#005abe", endColorstr="#02bcf9",GradientType=1 );
  margin: 0 -15px;
  padding: 15px;
  z-index: 10;
}
.content-header.pembiayaan-i {
  background: url("../images/banner-pembiayaan-i.png") no-repeat;
  background-size: cover;
}
.content-header.perumahan-i {
  background: url("../images/banner-perumahan-i.png") no-repeat;
  background-size: cover;
}
.content-header.persendirian-i {
  background: url("../images/banner-persendirian-i.png") no-repeat;
  background-size: cover;
}
.content-header.pembiayaan-peribadi-i-profesional {
  background: url("../images/senarai-panel-majikan-pgm-yang-aktif.jpg") no-repeat;
  background-size: cover;
}
.content-header.korporat-i {
  background: url("../images/banner-korporat-i.png") no-repeat;
  background-size: cover;
}
.content-header.hartanah-i {
  background: url("../images/banner-hartanah-i.png") no-repeat;
  background-size: cover;
}
.content-header.persendirian-i-ay {
  background: url("../images/banner-persendirian-i-ay.png") no-repeat;
  background-size: cover;
}
.content-header.pembiayaan-berjangka {
  background: url("../images/banner-pembiayaan-berjangka.png") no-repeat;
  background-size: cover;
}
.content-header.pemfaktoran-i {
  background: url("../images/banner-pemfaktoran-i.png") no-repeat;
  background-size: cover;
}
.content-header.kredit-pusingan-i {
  background: url("../images/banner-kredit-pusingan-i.png") no-repeat;
  background-size: cover;
}
.content-header.deposit-i-berjangka {
  background: url("../images/banner-deposit-i-berjangka.png") no-repeat;
  background-size: cover;
}
.content-header.deposit-i-qard {
  background: url("../images/banner-deposit-i-qard.png") no-repeat;
  background-size: cover;
}
.content-header.simpanan-i-salam {
  background: url("../images/banner-simpanan-i-salam.png") no-repeat;
  background-size: cover;
}
.content-header.pelan-takaful-sinar-hajj {
  background: url("../images/banner-sinar-hajj.png") no-repeat;
  background-size: cover;
}
.content-header.pelan-takaful-kesihatan {
  background: url("../images/banner-takaful-kesihatan.png") no-repeat;
  background-size: cover;
}
.content-header.wasiat {
  background: url("../images/banner-wasiat.png") no-repeat;
  background-size: cover;
}
.content-header .container {
  padding: 15px 0 0;
}

.breadcrumb {
  background-color: transparent;
  padding: 0;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-item a {
  color: #fff !important;
}
.breadcrumb .breadcrumb-item::before {
  display: none;
}
.breadcrumb .breadcrumb-item::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}

h1.title {
  color: #fff;
}

.social-share > span,
.social-share > div {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
}
.social-share a.a2a_dd {
  display: none;
}
.social-share a.a2a_button_facebook > span {
  display: none;
}
.social-share a.a2a_button_facebook::before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  color: #fff;
  margin-right: 5px;
}
.social-share a.a2a_button_twitter > span {
  display: none;
}
.social-share a.a2a_button_twitter::before {
  content: "";
  font-family: "Font Awesome 5 Brands";
  color: #fff;
}

/* Content Landing Page */
.content-full .col {
  padding: 0;
}
.content-full .col .section > .container {
  max-width: unset;
  padding: 0;
}

.content-landing-bg-ellipse {
  position: relative;
}
.content-landing-bg-ellipse::before {
  content: "";
  position: absolute;
  background-image: url(/themes/cbp/images/elipse-bg.svg);
  background-repeat: no-repeat;
  top: -60px;
  left: -102px;
  width: 548px;
  height: 521px;
  z-index: 0;
}

.content-landing-bg {
  background-color: #F6FBFF;
}

h1.content-landing {
  color: #1C1C1C;
  font-size: 36px;
  font-weight: 700;
}

.content-landing-text {
  color: #111111;
  font-size: 18px;
  font-weight: 300;
}

a.content-more-link {
  background-color: #0550E9;
  color: #fff;
  font-size: 14px;
  padding: 5px 30px;
  border-radius: 15px;
}
a.content-more-link:hover {
  background-color: #09C5F1;
  text-decoration: none;
}
a.content-more-link.semak-sekarang {
  background-color: #ED3D63;
}
a.content-more-link.semak-sekarang:hover {
  background-color: #A02226;
}

.desktop-scrollable {
  height: 400px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.desktop-scrollable::-webkit-scrollbar {
  display: none;
}

.progress-container {
  width: 93%;
  height: 6px;
  background: #E8E8E8;
}

.progress-bar {
  height: 6px;
  background: linear-gradient(to right, #ED3D63, #ED3D63);
  width: 0%;
}

button#slideLeft {
  float: right;
  margin: 0 5px;
  background: url(/themes/cbp/images/icon%20arrow%20left.svg);
  width: 25px;
  height: 25px;
  border: 0;
}

button#slideRight {
  float: right;
  /*margin: 0 10px;*/
  background: url(/themes/cbp/images/icon%20arrow%20right.svg);
  width: 25px;
  height: 25px;
  border: 0;
}

.produk-box {
  display: inline-block;
  width: 25%;
  padding: 0 15px;
  vertical-align: top;
  white-space: initial;
}
.produk-box > div {
  color: #fff;
  text-align: center;
  padding: 15px;
  border-radius: 23px 0px 23px 23px;
}
.produk-box > div.box-1 {
  background: transparent linear-gradient(221deg, #D30C4D 0%, #80123E 100%) 0% 0% no-repeat padding-box;
}
.produk-box > div.box-2 {
  background: transparent linear-gradient(221deg, #F1C7BA 0%, #B23C10 100%) 0% 0% no-repeat padding-box;
}
.produk-box > div.box-3 {
  background: transparent linear-gradient(221deg, #E6DB41 0%, #FF9D48 100%) 0% 0% no-repeat padding-box;
}
.produk-box > div.box-4 {
  background: transparent linear-gradient(221deg, #B3FEF9 0%, #2BA0B8 100%) 0% 0% no-repeat padding-box;
}
.produk-box > div.box-5 {
  background: transparent linear-gradient(221deg, #2CA7E9 0%, #075984 100%) 0% 0% no-repeat padding-box;
}
.produk-box > div.box-ar-rahnu {
  background: #fff;
  color: #01A5CB;
  border: 2px solid #09C5F1;
}
.produk-box > div.box-ar-rahnu h3,
.produk-box > div.box-ar-rahnu h5,
.produk-box > div.box-ar-rahnu img {
  color: #727ECF;
}
.produk-box > div.box-ar-rahnu p {
  color: #01A5CB;
}
.produk-box > div.box-manfaat-anggota {
  background: #fff;
  color: #0063B0;
  border: 2px solid #0063B0;
}
.produk-box > div.box-manfaat-anggota h3,
.produk-box > div.box-manfaat-anggota h5,
.produk-box > div.box-manfaat-anggota img {
  color: #0063B0;
}
.produk-box > div.box-manfaat-anggota p {
  color: #0063B0;
}
.produk-box > div > div {
  min-height: 355px;
  padding: 15px;
  border: 1px solid #FFFFFF;
  border-radius: 16px 0px 16px 16px;
}

/* Produk Page */
.pembiayaan-i-box {
  border: 1px solid #DFDFDF;
  border-radius: 5px;
}
.pembiayaan-i-box:hover {
  background-color: #09C5F1;
}
.pembiayaan-i-box:hover a {
  color: #fff;
  text-decoration: none;
}
.pembiayaan-i-box img,
.pembiayaan-i-box span {
  display: inline-block;
  vertical-align: middle;
}
.pembiayaan-i-box span {
  width: 80%;
  font-size: 14px;
  color: #02518A;
  line-height: normal;
}
.pembiayaan-i-box span a {
  color: #02518A;
}
.pembiayaan-i-box.two {
  background-color: #EBF5FE;
  text-align: center;
  border: 0;
  border-radius: 8px;
  box-shadow: 0px 3px 6px #00000029;
}
.pembiayaan-i-box.two:hover {
  background: #78b2dc;
  background: -moz-linear-gradient(left, #78b2dc 0%, #02518a 100%);
  background: -webkit-linear-gradient(left, #78b2dc 0%, #02518a 100%);
  background: linear-gradient(to right, #78b2dc 0%, #02518a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#78b2dc", endColorstr="#02518a",GradientType=1 );
}
.pembiayaan-i-box.two.active {
  background: #78b2dc;
  background: -moz-linear-gradient(left, #78b2dc 0%, #02518a 100%);
  background: -webkit-linear-gradient(left, #78b2dc 0%, #02518a 100%);
  background: linear-gradient(to right, #78b2dc 0%, #02518a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#78b2dc", endColorstr="#02518a",GradientType=1 );
}
.pembiayaan-i-box.two.active a {
  color: #fff;
  pointer-events: none;
}

.blue-box {
  background-color: #02518A;
  color: #fff;
}
.blue-box img,
.blue-box div {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
}
.blue-box div {
  padding: 30px;
}
.blue-box div a {
  color: #fff;
  font-weight: 700;
}

.red-box {
  background-color: #A02226;
  color: #fff;
}
.red-box img,
.red-box div {
  display: inline-block;
  width: 49%;
  vertical-align: middle;
}
.red-box div {
  padding: 30px;
}
.red-box div a {
  color: #fff;
  font-weight: 700;
}

.ar-rahnu {
  background: url("/themes/cbp/images/Ar-Rahnu BG Group.svg") no-repeat top center;
  background-size: cover;
  color: #fff;
}

/* Sitemap */
.sitemap-item ul > li:nth-child(1) {
  width: 100%;
}
.sitemap-item ul > li .nav-link,
.sitemap-item ul > li a {
  padding: 2px;
}
.sitemap-item ul.menu {
  padding: 0 0 0 30px;
}

/* MISC */
.produk-menu a {
  text-transform: none !important;
}
#block-mainnavigation .we-mega-menu-submenu .we-mega-menu-col li.active.active-trail {
  background-color: #E1F8FD;
}

/* Responsive */
@media (max-width: 767px) {
  .content-full .col .section > .container {
    padding: 0 15px !important;
  }
  .content-full .col-sm-6 {
    max-width: 100%;
  }
  .content-full .content-landing-bg-ellipse::before {
    background-size: contain;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
  }
  .content-full .produk-box {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .content-full .produk-box .col-sm-6 {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .content-full .produk-box .col-sm-6 img {
    display: block;
    margin: 0 auto;
  }
  .content-full .d-flex {
    display: block !important;
  }

  .produk-box {
    width: 100%;
    max-width: 100%;
    margin-bottom: 15px;
  }
  .produk-box .col-sm-6 {
    max-width: 100%;
    margin-bottom: 15px;
  }
  .produk-box .col-sm-6 img {
    display: block;
    margin: 0 auto;
  }

  div#block-persendirianibottom .col-sm-6 {
    max-width: 100%;
  }
  div#block-persendirianibottom .col-sm-6 .blue-box img,
div#block-persendirianibottom .col-sm-6 .blue-box div,
div#block-persendirianibottom .col-sm-6 .red-box img,
div#block-persendirianibottom .col-sm-6 .red-box div {
    width: 100%;
  }

  .desktop-scrollable {
    height: auto;
  }
}

/*# sourceMappingURL=custom1.css.map */