:root {
  --default-color: #c52c1c;
  --default-light-color: #ff7603;
  --gradient-color-to-right: linear-gradient(to right, #ff7603, #c93020);
  --gradient-color-to-bottom: linear-gradient(to bottom, #ff7603, #c93020);
}

.cursor-pointer {
  cursor: pointer !important;
}

body {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  /* user-select: none; */
  /* text-align: justify;*/
  width: 100%;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a:focus,
a:hover {
  color: var(--default-color);
}

.default-color {
  color: var(--default-color) !important;
}

.default-light-color {
  color: var(--default-light-color);
}

.border-asbin {
  border-color: var(--default-color) !important;
}

.border-transparent {
  border-color: transparent;
}

.light-grey-color {
  color: rgba(0, 0, 0, 0.7);
}

.color-ready {
  color: #69cfc6;
}

.font-weight-900 {
  font-weight: 900;
}

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

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500 !important;
}

/*div.line{*/
/*  */
/*}*/

.asbin-title {
  color: var(--default-color);
  font-weight: 100;
  font-size: 60px;
  line-height: 50px;
}

.form-group {
  margin-bottom: .5rem;
}

.form-control-asbin {
  width: 100%;
  border: 1px solid var(--default-color);
  line-height: 14px;
  padding: 0.3rem 0.75rem;
  font-size: 12px;
}

.form-control-asbin:not(textarea) {
  height: 28px;
  border-radius: 20px;
}

textarea.form-control-asbin {
  border-radius: 10px;
}

.form-control-asbin.search {
  max-width: 290px;
}

.form-control-asbin.search+img {
  position: absolute;
  top: 5px;
  right: 10px;
}

.form-control-asbin:focus {
  outline: none;
}

span.line {
  display: inline-block;
  width: 100%;
  height: 1px;
  background-color: var(--default-color);
}

/*CSS FOR CUSTOM CHECKBOX*/
.cbx {
  -webkit-perspective: 20;
  perspective: 20;
  border: 1px solid var(--default-color);
  ;
  background: white;
  transform: translate3d(0, 0, 0);
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1111;
  margin-top: 4px;
  margin-right: 8px;
  height: 14px
}

.cbx:hover {
  border-color: var(--default-color);
}

.flip {
  display: block;
  transition: all 0.4s ease;
  transform-style: preserve-3d;
  position: relative;
  width: 12px;
  height: 12px;
  z-index: 11111;
}

.cbx-input {
  display: none;
}

.cbx-input:checked+.cbx {
  border-color: var(--default-color);
  ;
}

.cbx-input:checked+.cbx .flip {
  transform: rotateY(180deg);
}

.front,
.back {
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
}

.front {
  background: #fff;
  z-index: 1;
}

.back {
  transform: rotateY(180deg);
  background: var(--default-color);
  ;
  text-align: center;
  color: #fff;
  line-height: 10px;
  box-shadow: 0 0 0 1px var(--default-color);
}

.back svg {
  margin-top: -1px;
  fill: none;
}

.back svg path {
  stroke: #fff;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.name-values {
  padding-left: 8px;
  cursor: pointer;
}

.label-checkbox {
  display: flex;
  flex-direction: row;
  border-radius: 8px;
  min-height: 30px;
  padding-top: 4px;
  cursor: pointer;
  /*max-width: 240px;*/
  width: 100%;
}

/*CUSTOM RADIO BUTTON*/
.form-check-asbin+label {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid var(--default-color);
  margin-right: 10px;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}

.form-check-asbin+label:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
}

.form-check-asbin:checked+label:after {
  background-color: var(--default-color);

}

/*CSS CUSTOM NAVBAR*/
.navbar {
  border-bottom: 4px solid var(--default-color);
  z-index: 17;
  padding: .25rem 1rem;
}

/*CSS SIDEBAR*/
.custom-sidebar {
  position: fixed;
  left: 0;
  min-height: calc(100vh - 50px);
  background-color: var(--default-color);
  padding: 10px;
  border-right: 1px solid var(--default-color);
  z-index: 11;
}

.custom-sidebar .toggle-menu {
  height: 42px;
  /*width: 100%;*/
  /*margin: 0 auto;*/
  cursor: pointer;
}

.custom-sidebar .toggle-menu span {
  display: inline-block;
  height: 36px;
  /*width: 100%;*/
  width: 4px;
  background-color: #fff;
  /*margin: 0 1px;*/
  transition: .3s;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box {
  position: fixed;
  background-color: #fff;
  z-index: 999;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /*transform: scaleX(0);*/
  /*transform-origin: 0 50%;*/
  width: 0;
  transition: width 1.5s;
  transition-timing-function: cubic-bezier(.1, 1, .2, 1);
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul {
  list-style: none;
  margin: 0;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list {
  padding: 50px 0;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li {
  list-style: unset;
  white-space: nowrap;
  padding: 10px 0 10px 100px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li:before {
  content: "";
  position: absolute;
  z-index: 11;
  display: block;
  background-color: #00000095;
  height: 1px;
  left: 100px;
  /*right: 0;*/
  bottom: 0;
  width: calc(100% - 100px);
  transform: scaleX(1);
  transform-origin: 100% 50%;
  transition: 1.2s;
  transition-timing-function: cubic-bezier(.2, 1, .1, 1);
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li:after {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  background-color: #fff;
  /*box-shadow: inset 0 0 5px #e0e0e0;*/
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 0;
  transition: width 1s;
  transition-timing-function: cubic-bezier(.1, 1, .2, 1);
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li:hover:before {
  transform: scaleX(.55);
  transform-origin: 100% 50%;
  transition: 1.2s;
  transition-timing-function: cubic-bezier(.1, 1, .2, 1);
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li:hover:after {
  width: 50%;
  transition: width 1s;
  transition-timing-function: cubic-bezier(.2, 1, .1, 1);
}

.custom-sidebar .toggle-menu+.toggle-navbar-box .icon-plus {
  position: relative;
  width: 40px;
  height: 60px;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box .icon-plus span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 3px;
  background-color: #00000095;
  transition: .5s;

}

.custom-sidebar .toggle-menu+.toggle-navbar-box .icon-plus span:first-child {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box .icon-plus span:last-child {
  transform: rotate(90deg);
}



.custom-sidebar .toggle-menu.expand span:first-child {
  transform: rotate(45deg) translateX(11px);
}

.custom-sidebar .toggle-menu.expand span:nth-child(2) {
  transform: translatey(-50px);
  opacity: 0;
  visibility: visible;
}

.custom-sidebar .toggle-menu.expand span:last-child {
  transform: rotate(-45deg) translateX(-11px)
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box {
  /*transform: scaleX(1);*/
  /*transform-origin: 0 50%;*/
  width: 100%;
  transition: width .75s;
  transition-timing-function: cubic-bezier(.2, 1, .1, .8);

}

.custom-sidebar .toggle-menu+.toggle-navbar-box .menu-list li {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-25px);

}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: .75s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(1) {
  transition-delay: 0.75s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(2) {
  transition-delay: 1s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(3) {
  transition-delay: 1.25s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(4) {
  transition-delay: 1.5s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(5) {
  transition-delay: 1.75s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(6) {
  transition-delay: 2s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(7) {
  transition-delay: 2.25s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(8) {
  transition-delay: 2.5s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(9) {
  transition-delay: 2.75s;
}

.custom-sidebar .toggle-menu.expand+.toggle-navbar-box .menu-list li:nth-child(10) {
  transition-delay: 3s;
}

/*.custom-sidebar .toggle-menu + .toggle-navbar-box ul li.expand{*/
/*  background-color: #dedede;*/
/*}*/
/*.custom-sidebar .toggle-menu + .toggle-navbar-box ul.menu-list li.expand:before{*/
/*  transform: scaleX(0);*/
/*  transform-origin: 100% 50%;*/
/*  transition: .25s linear;*/
/*  !*transition-timing-function: cubic-bezier(.1, 1, .2, 1);*!*/
/*}*/
/*.custom-sidebar .toggle-menu + .toggle-navbar-box ul.menu-list li.expand:after{*/
/*  width: 100%;*/
/*  transition: width .25s linear;*/
/*  !*transition-timing-function: cubic-bezier(.2, 1, .1, 1);*!*/
/*}*/
.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li.expand .icon-plus span:first-child {
  transform: translateX(150px);
  visibility: hidden;
  opacity: 0;
}

.custom-sidebar .toggle-menu+.toggle-navbar-box ul.menu-list li.expand .icon-plus span:last-child {
  transform: rotate(0);
}


.arrow-custom {
  display: block;
  border-bottom: 10px solid #00000090;
  border-top: 1px solid #fff;
  border-right: 10px solid #fff;
  border-left: 10px solid #fff;
  width: 10px;
  height: 10px;
}

.arrow-custom {
  transform: rotate(0deg);
  transition: 0.4s ease-in-out;
}

.collapsed .arrow-custom {
  transform: rotate(180deg);
  transition: 0.4s ease-in-out;
}

.sub-menu-list {
  padding: 0;
}

.sub-menu-list>div {
  background-color: #fff;
  height: 100%;
  width: 0;
  padding: 50px 0;
  /*transition-timing-function: cubic-bezier(.2, 1, .1, 1);*/
}

.sub-menu-list.open>div {
  width: 100%;
  transition: width .5s linear;
  /*transition-delay: .251s;*/
  /*transition-timing-function: cubic-bezier(1, 1, .1, .2);*/
}

.sub-menu-list>div .sub-menu {
  position: absolute;
}

.sub-menu-list>div .sub-menu.show {
  z-index: 1111;
}

.sub-menu-list>div .sub-menu li {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-25px);
  padding: 0 0 20px 50px;
}

.sub-menu-list>div .sub-menu li a {
  color: unset;
}

.sub-menu-list.open>div .sub-menu.show li {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: .5s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(1) {
  transition-delay: .4s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(2) {
  transition-delay: .6s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(3) {
  transition-delay: .8s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(4) {
  transition-delay: 1s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(5) {
  transition-delay: 1.2s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(6) {
  transition-delay: 1.4s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(7) {
  transition-delay: 1.6s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(8) {
  transition-delay: 1.8s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(9) {
  transition-delay: 2s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(10) {
  transition-delay: 2.2s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(11) {
  transition-delay: 2.4s;
}

.sub-menu-list.open>div .sub-menu.show li:nth-child(12) {
  transition-delay: 2.8s;
}

/*CSS FOR FOOTER*/
.custom-footer {
  position: relative;
  background-color: #000;
}

.custom-footer .custom-sidebar {
  background-color: #000;
  height: 461px;
  min-height: unset;
  top: unset;
  border-color: #fff;
}

.content {
  padding-top: 90px;
  /* padding-bottom: 70px; */
}

.content-footer {
  border-left: 2px solid #fff;

}

.custom-footer .content-footer .upper {
  min-height: 80px;
  padding: 0 50px;
}

.custom-footer .content-footer .upper .box-medsos {
  height: 100%;
}

.custom-footer .content-footer .upper .box-medsos a img {
  margin: 0 15px;
}

.custom-footer .content-footer .middle {
  /*border-bottom: 2px solid #fff;*/
  padding: 0 50px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.custom-footer .content-footer .bottom {
  /*border-bottom: 2px solid #fff;*/
  padding: 0 50px;
}

/*CSS FOR CONTENT*/
.content {
  min-height: calc(90vh - 65.5px);
  position: relative;
}

.content h2 {
  color: var(--default-color);
  line-height: 28px;
}

.content h2.not-default-color {
  color: rgba(0, 0, 0, 0.7);
  line-height: 32px;
}

.content .asbin-loc-image {
  max-width: 100%;
}

.chat {
  padding: 8px 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: fixed;
  border: unset;
  background-color: #ff780d;
  color: #fff;
  right: 80px;
  bottom: 0;
  z-index: 111;
}

.btn-to-top {
  width: 33px;
  height: 33px;
  position: fixed;
  border-radius: 50%;
  border: unset;
  background-image: var(--gradient-color-to-right);
  color: #fff;
  right: 30px;
  bottom: 3px;
  z-index: 111;
}

.content .form-control-custom {
  border-radius: 20px;
  position: relative;
  border: 0;
}

.content .form-control-custom:focus {
  box-shadow: 0 0 0.5rem #ff780d;
}

.content .form-control-custom+.border-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: var(--gradient-color-to-right);
  margin: -1px;
  border-radius: 20px;
  z-index: -1;
}

.content .form-control-sm:not(textarea) {
  height: calc(1.25em + .5rem + 2px);
  padding: .25rem 1rem;
  font-size: .8rem;
}

.content .btn-custom {
  background-image: var(--gradient-color-to-right);
  border-radius: 20px;
  padding: 10px 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: unset;
  font-size: 16px;
}

.content .btn-custom.non-active {
  border: 1px solid var(--default-color);
  color: var(--default-color);
  background-color: #fff;
  background-image: unset;
}

.content .btn-custom.btn-search {
  max-width: 160px;
  width: 100%;
}

.h-100vh {
  min-height: 100vh;
}

#claim-submission .bg-header-claim-submission {
  min-height: calc(60vh - 2.5px);
  /*background-color: #000;*/
  background-image: url("../image/pengajuan-klaim/header.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#claim-submission .content .border-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-image: var(--gradient-color-to-bottom);
  margin-right: -1px;
  z-index: -11;
}

#claim-submission .btn-custom {
  padding: 3px 10px;
  color: var(--default-color);
  background-color: #fff;
  background-image: unset;
  border: 1px solid var(--default-color);
  font-weight: 400;
  cursor: pointer;
}

#claim-submission .btn-custom.active {
  color: #fff;
  background-image: var(--gradient-color-to-right);
}

/* CSS FOR HOME PAGE*/
/* #home-page header {
  min-height: calc(100vh - 65.5px);
  background-image: url('../image/home-page/header.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 65px 150px;
} */

/* #home-page header h1 {
  color: var(--default-color);
  font-weight: bold;
} */

#home-page .home-page p {
  color: var(--default-color);
}

#home-page .home-page a.more {
  color: var(--default-color);
  font-weight: bold;
}

#home-page .premi-price {
  height: 140px;
  background-image: var(--gradient-color-to-right);
}

#home-page .premi-price .container {
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

#home-page .premi-price span {
  color: #fff;
}

#home-page .premi-price a {
  display: block;
  color: var(--default-color);
  padding: 8px 20px;
  border-radius: 50px;
  background-color: #fff;
  font-weight: bold;
}

#home-page .premi-price a:nth-child(2) {
  margin: 0 50px;
}

#home-page .e-commerce {
  background-image: url('../image/home-page/car.html');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15px 35px;
  /* padding-top: 90px;
  padding-bottom: 85px; */
}

#home-page .e-commerce {
  margin-top: 20px;
}

#home-page .e-commerce p,
#home-page .e-commerce h2 {
  color: var(--default-color);
  font-weight: bold;
}

#home-page .e-commerce p {
  font-size: 24px;
}

#home-page .e-commerce h2 {
  font-size: 80px;
  line-height: 68px;
}

#home-page .e-commerce hr {
  margin-top: 300px;
  border-top: 2px solid var(--default-color);
}

#home-page .e-commerce ul {
  padding-left: 22px;
}

#home-page .e-commerce ul li {
  font-size: 20px;
  color: var(--default-color);
  padding: 6px 0;
}

#home-page .e-commerce h3 {
  font-size: 45px;
  color: var(--default-color);
  line-height: 48px;
}

#home-page .box-info {
  margin-top: 60px;
  position: relative;
  bottom: 0;
}

#home-page .box-info a {
  padding: 5px 0;
  display: inline-block;
  width: 220px;
  background-color: var(--default-color);
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

#home-page .box-features img {
  width: 100%;
}

#home-page .box-features .container {
  padding: 20px 40px;
}

.box-features .title {
  color: #ff770c; 
  font-size: 60px;
}

/*CSS FOR PROFILE*/
#about-us-profile header {
  min-height: calc(60vh - 2.5px);
  background-image: url('../image/profile/header.jpg');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#about-us-profile .profile,
#struktur-organiasasi .profile,
.content-custom {
  padding-top: 90px;
  padding-bottom: 70px;
}

#about-us-profile h1,
#struktur-organiasasi h1,
#direksi h1 {
  color: var(--default-color);
  font-weight: 100;
  font-size: 60px;
  line-height: 50px;
}

#about-us-profile .profile img {
  width: 420px;
  height: 420px;
}

#about-us-profile .profile .title,
#direksi .profile .title {
  color: var(--default-color);
  font-weight: 100;
  font-size: 44px;
  line-height: 42px;
}

#about-us-profile .profile .name,
#direksi .profile .name {
  color: #4c4c4c;
  font-weight: 900;
  font-size: 22px;
}

#about-us-profile .profile .desc,
#direksi .profile .desc {
  color: #4c4c4c;
  font-weight: 400;
  font-size: 18px;
}

#about-us-profile .profile hr {
  border-color: var(--default-color);
}

#about-us-profile .profile a {
  color: var(--default-color);
  font-size: 18px;
}



#struktur-organiasasi .profile img {
  width: 100%;
}

#anggaran .anggaran,
#saham .saham,
#award .award {
  padding-top: 90px;
  padding-bottom: 70px;
}

#saham .saham p {
  font-weight: bold;
  font-size: 24px;
}

table.table-asbin {
  width: 100%;
}

table.table-asbin thead {
  background-image: var(--gradient-color-to-right);
}

table.table-asbin thead th {
  color: #fff;
}

#saham .saham table thead td {
  color: #fff;
}

#saham .saham table td {
  padding: 10px;
  font-size: 18px;
  text-align: center;
}

#saham .saham table tbody td {
  font-weight: bold;
  padding: 20px;
}

#saham .saham .chart img {
  height: 460px;
}

#award .award p {
  font-size: 18px;
  font-weight: bold;
}

#award .award img {
  max-width: 100%;
  height: 222px;
}

#award .award .title {
  height: 90px;
}

#award .award .other-award .other {
  font-size: 18px;
  padding-bottom: 10px;
}

#award .award .other-award span {
  display: block;
  width: 7px;
  height: 7px;
  background-color: var(--default-color);
  border-radius: 50%;
  margin-top: 14px;
}

#award .award .other-award .desc {
  font-size: 18px;
  padding: 6px 0;
}

/*CSS FOR REKAN BISNIS*/
@-webkit-keyframes ball-scale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.ball-scale>div {
  background-color: #16aaff;
  /*width: 15px;*/
  /*height: 15px;*/
  border-radius: 100%;
  margin: 2px;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: inline-block;
  height: 60px;
  width: 60px;
  -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
  animation: ball-scale 1s 0s ease-in-out infinite;
}

.mark-map {
  width: 34px;
}

#rekan .rekan .mark-luar-negeri-1 {
  z-index: 10;
  /*top: 16%;*/
  /*left: 12.8%;*/
  /*top: 20vh;*/
  /*left: 23vh;*/
  /*transform: translate(100px, 141px);*/
}

.mark-map .ball-scale {
  z-index: 10;
  top: -15px;
  left: -15px;
}

#rekan .box-location table tr td {
  font-weight: bold;
  font-size: 18px;
}

.z-index-11 {
  z-index: 11;
}

#cabang .cabang .office .territory-name {
  height: 75px;
}

#cabang .cabang .office .address {
  /* height: 85px; */
  /* test */
}

#cabang .cabang .office .address p {
  line-height: 20px;
  font-size: 17px;
}

#cabang .cabang .office .address p span {
  font-size: 17px;
}

#cabang .cabang .office table tr td {
  font-size: 17px;
  vertical-align: top;
}

#cabang .cabang .office table tr .font-medium {
  font-weight: 600;
  width: 40px;
}

.personal-digital div.header {
  min-height: calc(60vh - 65.5px);
  background-image: linear-gradient(to right, #c9302080, #ff760300),  
  url('../image/personal-digital/header.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.personal-digital > div.header h1,
#micro-insurance header div h1,
#business-insurance header div h1 {
  color: #fff;
  font-size: 70px;
  line-height: 70px;
}

#personal-digital div.header {
  min-height: calc(60vh - 65.5px);
  background-image: linear-gradient(to right, #c9302080, #ff760300),  
  url('../image/personal-digital/header.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

#personal-digital div.header h1,
#micro-insurance header div h1,
#business-insurance header div h1 {
  color: #fff;
  font-size: 70px;
  line-height: 70px;
}

#personal-digital .asuransi-digital p,
#micro-insurance .asuransi-digital p,
#business-insurance .business-insurance p {
  font-size: 18px;
}

#personal-digital .asuransi-digital .row h1,
#micro-insurance .asuransi-digital .row:not(.first-row) h1,
#business-insurance .asuransi-digital .row:not(.first-row) h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
  color: var(--default-color)
}

#personal-digital .asuransi-digital .row a,
#micro-insurance .asuransi-digital .row a,
#business-insurance .asuransi-digital .row a {
  font-size: 16px;
  font-weight: 600;
}

#personal-digital .asuransi-digital .row a:not(.close-asbin),
#micro-insurance .asuransi-digital .row a:not(.close-asbin),
#business-insurance .asuransi-digital .row a:not(.close-asbin),
#agency .agency .btn-next a:not(.close-asbin) {
  display: block;
  background-image: var(--gradient-color-to-right);
  width: 190px;
  height: 30px;
  padding: 3px 0;
  text-align: center;
  color: #fff;
  border-radius: 20px;
}

#personal-digital .asuransi-digital .row a.close-asbin,
#business-insurance .business-insurance .row a.close-asbin {
  width: 40px;
  height: 30px;
  color: var(--default-color);
  padding: 4px 0;
  text-align: center;
}

#personal-digital .asuransi-digital .row a:hover {
  text-decoration: none;
}

#personal-digital .asuransi-digital hr {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
}

#personal-digital .asuransi-digital .travel img {
  max-width: 310px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(0 0 15px #00000030);
}

#personal-digital .asuransi-digital .table-asbin thead th {
  padding: 15px 0;
  text-align: center;
  color: #fff;
}

#personal-digital .asuransi-digital .table-asbin thead th:first-child {
  width: 59%;
}

#personal-digital .asuransi-digital .table-asbin thead th:last-child {
  width: 41%;
}

#personal-digital .asuransi-digital .table-asbin tbody td {
  border-bottom: 1px solid #676465;
  padding: 5px 10px;
  font-weight: 700;
}

#personal-digital .asuransi-digital .table-asbin tbody td:last-child {
  text-align: center;
}

.box-button-asbin a,
.box-button-asbin button {
  display: block;
  border-radius: 20px;
  width: 180px;
  height: 30px;
  text-align: center;
  padding: 3px 0;
  font-weight: 600;
}

.box-button-asbin button {
  color: #fff;
  background-image: var(--gradient-color-to-right);
  border: none;
}

.box-button-asbin a {
  border: 1px solid var(--default-color);
  color: var(--default-color);
}

.box-button-asbin a:hover {
  text-decoration: none;
}

#claim-insurance-2 .claim-insurance-2 table {
  width: 100%;
}

#claim-insurance-2 .claim-insurance-2 table thead th {
  padding: 10px 0;
}

#claim-insurance-2 .claim-insurance-2 table tbody td {
  padding: 3px 0;
  width: 50%;
}

#claim-insurance-2 .claim-insurance-2 table thead th,
#claim-insurance-2 .claim-insurance-2 table tbody td,
#claim-insurance-3 .claim-insurance-3 table.package tbody td {
  border-bottom: 1px solid var(--default-color);
}

.content form .row label {
  font-size: 16px;
}

#claim-insurance-3 .claim-insurance-3 table:not(.package) tbody td {
  padding: 8px 0;
  vertical-align: top;
}

#claim-insurance-3 .claim-insurance-3 table.package tbody td {
  padding: 3px 0;
}

#claim-insurance-3 .claim-insurance-3 .box-exception {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--default-color);
  margin: 25px 0;
}

#claim-insurance-3 .claim-insurance-3 .box-exception .header {
  text-align: center;
  background-image: var(--gradient-color-to-right);
  padding: 5px 0;
  margin-bottom: 20px;
}

#claim-insurance-3 .claim-insurance-3 .box-exception .header span {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

#claim-insurance-3 .claim-insurance-3 .box-exception .body {
  padding: 10px 30px;
}

#claim-insurance-3 .claim-insurance-3 .box-exception .body p:first-child {
  font-weight: 600;
}

#claim-insurance-3 .claim-insurance-3 .box-exception .body p:last-child {
  font-weight: 400;
}

#micro-insurance .micro-insurance header,
#business-insurance .business-insurance header {
  min-height: calc(60vh - 65.5px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#micro-insurance .micro-insurance header {
  background-image: url('../image/asuransi-micro/header.jpg');
}

#micro-insurance .asuransi-digital .row h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 600;
}

#business-insurance .business-insurance header {
  background-image: url('../image/asuransi-bisnis/header.jpg');
}

#business-insurance .business-insurance .asuransi-aneka img {
  width: 100%;
  max-width: 375px;
  border-radius: 10px;
}

#fasilitas-klaim .fasilitas-klaim .box-btn-fasilitas button,
#prosedur-klaim .prosedur-klaim .box-btn-kendaraan button,
#partner-rumah-sakit .partner-rumah-sakit .box-btn-kendaraan button {
  height: 30px;
  padding: 3px 30px;
  width: 100%;
  max-width: 320px;
}

#fasilitas-klaim .fasilitas-klaim .box-desc p {
  font-size: 18px;
  line-height: 24px;
}

#fasilitas-klaim .fasilitas-klaim .box-desc p.number {
  font-weight: bold;
}

#fasilitas-klaim .fasilitas-klaim .box-image {
  padding: 25px 20px;
  box-shadow: 0 0 25px #00000040;
  border-radius: 10px;
}

#fasilitas-klaim .fasilitas-klaim .box-image img {
  width: 100%;
}

#fasilitas-klaim .btn-custom {
  padding: 3px 10px;
  color: var(--default-color);
  background-color: #fff;
  background-image: unset;
  border: 1px solid var(--default-color);
  font-weight: 400;
  cursor: pointer;
}

#fasilitas-klaim .btn-custom.active {
  color: #fff;
  background-image: var(--gradient-color-to-right);
}

#prosedur-klaim .prosedur-klaim .arrow {
  height: 15px;
}

#prosedur-klaim .prosedur-klaim .box-prosedur-klaim,
#karir .karir .box-prosedur-klaim,
#agency .agency .box-prosedur-klaim {
  padding: 40px 0;
  box-shadow: 0 0 30px #00000030;
  border-radius: 10px;
  max-width: 300px;
}

#agency .agency .box-prosedur-klaim {
  padding: 0;
  max-width: 330px;
  height: 323px;
}

#prosedur-klaim .prosedur-klaim .box-prosedur-klaim img,
#karir .karir .box-prosedur-klaim img,
#agency .agency .box-prosedur-klaim img {
  height: 120px;
  /*max-width: 120px;*/
}

#prosedur-klaim .prosedur-klaim .box-prosedur-klaim+table,
#karir .karir .box-prosedur-klaim+table,
#agency .agency .box-prosedur-klaim+table {
  margin-top: 20px;
  max-width: 300px;
  width: 100%;
}

#prosedur-klaim .prosedur-klaim .box-prosedur-klaim+table td,
#karir .karir .box-prosedur-klaim+table td,
#agency .agency .box-prosedur-klaim+table td {
  line-height: 20px;
  font-weight: 500;
  vertical-align: top;
}

#prosedur-klaim .prosedur-klaim .box-prosedur-klaim+table td.custom-height,
#karir .karir .box-prosedur-klaim+table td.custom-height,
#agency .agency .box-prosedur-klaim+table td.custom-height {
  height: 57px;
}

#prosedur-klaim .prosedur-klaim .arrow-right,
#karir .karir .arrow-right {
  position: absolute;
  top: 120px;
  right: 0;
}

#prosedur-klaim .prosedur-klaim .arrow-right.custom-right,
#karir .karir .arrow-right.custom-right {
  transform: translateX(120%);
}

#partner-rumah-sakit .partner-rumah-sakit .box-list-partner .custom-line-height {
  line-height: 20px;
}

#partner-rumah-sakit .partner-rumah-sakit .box-list-partner .box-rs-name {
  height: 60px;
}

#partner-rumah-sakit .partner-rumah-sakit .box-list-partner .box-rs-address {
  height: 55px;
}

.pagination a {
  color: var(--default-color);
}

.pagination li.active .page-link {
  background-color: var(--default-color);
  border-color: var(--default-color);
  color: #fff;
  /* padding: .75rem 1rem; */
}

.pagination li .page-link {
  /* padding: .75rem 1rem; */
  border-color: #c52c1c70;
}

#mobile-application .mobile-application .desc {
  line-height: 34px;
}

#mobile-application .mobile-application a {
  display: block;
}

#mobile-application .mobile-application .google-play {
  width: 270px;
}

#mobile-application .mobile-application .border-right-asbin {
  border-right: 1px solid var(--default-color);
}

#mobile-application .mobile-application .barcode {
  width: 150px;
  height: 150px;
  border-radius: 5px;
  border: 1px solid #00000070;
}

#souvenir .souvenir header {
  background-color: var(--default-color);
  height: 420px;
}

#souvenir .souvenir .box-souvenir {
  background-color: #fff;
  max-width: 300px;
  height: 281px;
  border-radius: 10px;
  box-shadow: 0 10px 25px #00000020;
}

#souvenir .souvenir .box-souvenir img {
  width: 85%;
  display: block;
  margin: auto;
}

#souvenir .souvenir .custom-margin {
  margin-top: -180px;
}

#souvenir .souvenir .box-desc-souvenir {
  max-width: 300px;
}

#berita .berita .text-2020 {
  width: 155px;
  font-size: 38px;
  font-weight: bolder;
}

/* #berita .berita .box-news{
  max-width: 420px;
  width: 468px;
} */
#berita .berita .box-news .thumbnail {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#berita .berita .box-news .box-news-desc {
  height: 136px;
  overflow: hidden;
}

#berita .berita .box-news .box-news-title {
  height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0px;
}

/*#berita .berita .list-berita a{*/
/*  color: unset;*/
/*}*/
#berita .berita .list-berita a:hover {
  text-decoration: none;
}

.author-line {
  display: inline-block;
  height: 18px;
  width: 1px;
  background-color: var(--default-color);
  margin: 0 10px;
}

#berita .berita .list-berita .box-news-author {
  cursor: default;
}

#berita .berita .list-berita .btn-custom {
  padding: 7px 30px;
  font-weight: 500;
}

#berita .berita .list-berita .btn-custom .chevron {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: 10px;
}

#berita .berita .line-list {
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background: var(--default-color);
}

#berita-detail .berita-detail h1 {
  font-weight: bold;
  font-size: 60px;
  line-height: 54px;
  text-align: left;
  word-wrap: break-word;
}

#komite-audit .komite-audit a {
  text-decoration: none;
  color: var(--default-color);
  /* color: inherit; */
}

#komite-audit .komite-audit table.table-asbin th {
  text-align: center;
  padding: 8px 0;
  font-size: 16px;
  border: 2px solid #fa9287;
  border-top: none;
}

#komite-audit .komite-audit table.table-asbin th:first-child {
  border-color: #ff7603;
  border-right: 2px solid #fa9287;
  border-bottom: 2px solid #fa9287;
}

#komite-audit .komite-audit table.table-asbin th:last-child {
  border-color: #c93020;
}

#komite-audit .komite-audit table.table-asbin td {
  text-align: center;
  font-weight: 500;
  padding: 17px 0;
  font-size: 16px;
  border: 2px solid #00000080;
}

#komite-audit .komite-audit table.table-asbin td:first-child {
  /* border-left: none; */
}

#komite-audit .komite-audit table.table-asbin td:last-child {
  /* border-right: none; */
}

#komite-audit .komite-audit table.table-asbin tr:last-child td {
  /* border-bottom: none; */
}

#pedoman-perusahaan .pedoman-perusahaan .box-document {
  width: 145px;
}

#pedoman-perusahaan .pedoman-perusahaan .box-document p {
  height: 80px;
  line-height: 28px;
}

#hubungan-investor .hubungan-investor .box-document {
  width: 195px;
}

#hubungan-investor .hubungan-investor .img-document {
  width: 130px;
}

#laporan-keuangan .laporan-keuangan .box-sub-title div {
  margin-right: 20px;
}

#laporan-keuangan .laporan-keuangan .box-sub-title div h3 {
  white-space: nowrap;
}

#laporan-keuangan .laporan-keuangan li a {
  line-height: 28px;
}

#informasi-dividen .informasi-dividen table th,
#informasi-dividen .informasi-dividen table td {
  padding: 10px;
  text-align: center;
}

#informasi-dividen .informasi-dividen table th {
  color: #fff;
}

#informasi-dividen .informasi-dividen table td {
  font-weight: 500;
}

#keterbukaan-informasi .keterbukaan-informasi .logo {
  width: 290px;
}

#keterbukaan-informasi .keterbukaan-informasi .box-title {
  max-width: 650px;
}

#keterbukaan-informasi .keterbukaan-informasi table.custom-table {
  width: 100%;
  max-width: 580px;
  margin: 0 auto;
}

#keterbukaan-informasi .keterbukaan-informasi table.custom-table td {
  padding: 10px;
  text-align: center;
  vertical-align: top;
  width: 25%;
}

#karir .karir header {
  background-image: url('../image/karir/header.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 400px;
  position: relative;
}

#karir .karir header .box-title {
  padding: 0 15px 3px 15px;
  max-width: 520px;
  background-image: var(--gradient-color-to-right);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
}

#karir .karir header .btn-jobs {
  padding: 0 55px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  margin-left: 20px;
}

#karir .karir .slider,
#kaleidoskop .kaleidoskop .slider {
  position: relative;
}

#karir .karir .slider .box-slider {
  /* height: 290px; */
  display: flex;
  /* align-items: center; */
  /* justify-content: space-between; */
  border-radius: 10px;
  overflow: hidden;
}

/* #karir .karir .slider .box-slider>div {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
} */

#karir .karir .slider .box-slider .left {
  width: 33.33%;
}

#karir .karir .slider .box-slider .left.slide-1 {
  background-image: url('../image/karir/slider1.png');
}

#karir .karir .slider .box-slider .left.slide-2 {
  background-image: url('../image/karir/slider2.png');
}

#karir .karir .slider .box-slider .left.slide-3 {
  background-image: url('../image/karir/slider3.png');
}

#karir .karir .slider .box-slider .left.slide-4 {
  background-image: url('../image/karir/slider4.png');
}

#karir .karir .slider .box-slider .right {
  width: 66.66%;
  background-image: var(--gradient-color-to-right);
}

#karir .karir .slider .box-slider .right div {
  max-width: 450px;
}

#karir .karir .slider .box-slider .right div p {
  line-height: 22px;
}

#karir .karir .slider .chevron {
  top: 50%;
  transform: translateY(-50%);
}

#karir .karir .slider .chevron.chevron-left {
  left: -70px;
}

#karir .karir .slider .chevron.chevron-right {
  right: -70px;
}

#karir .karir .btn-custom {
  padding: 3px 20px;
}

/*#karir .karir .box-job-desc {*/
/*  height: 50px;*/
/*}*/
#karir .karir .box-job-desc .job-desc {
  line-height: 30px;
}

#agency .agency .box-reward {
  height: 300px;
  border-radius: 10px;
  box-shadow: 0 0 20px #00000010;
}

#agency .agency .box-reward.silver {
  background-image: linear-gradient(to right bottom, #fff 5%, #afaeae);
}

#agency .agency .box-reward.gold {
  background-image: linear-gradient(to right bottom, #eeae00 10%, #9a6d00);
}

#agency .agency .box-reward.platinum {
  background-image: linear-gradient(to right bottom, #7b7b7b, #404040);
}

#agency .agency .box-reward.silver p,
#agency .agency .box-reward.silver span {
  color: #808080;
}

#agency .agency .box-reward.gold p,
#agency .agency .box-reward.gold span,
#agency .agency .box-reward.platinum p,
#agency .agency .box-reward.platinum span {
  color: #fff;
}

#agency .agency .box-reward.silver hr {
  border-width: 2px;
  border-color: #a1a1a1;
}

#agency .agency .box-reward.gold hr,
#agency .agency .box-reward.platinum hr {
  border-width: 2px;
  border-color: #fff;
}

#kaleidoskop .kaleidoskop .slider .chevron {
  top: 50%;
  transform: translateY(-50%);
}

#kaleidoskop .kaleidoskop .slider .chevron.chevron-left {
  left: -30px;
}

#kaleidoskop .kaleidoskop .slider .chevron.chevron-right {
  right: -30px;
}

#kaleidoskop .kaleidoskop .carousel-inner {
  margin-bottom: 130px;
  padding-bottom: 40px;
  border-bottom: 1px solid var(--default-color);
}

#kaleidoskop .kaleidoskop .carousel-item {
  height: 225px;
}

#kaleidoskop .kaleidoskop .carousel-indicators {
  bottom: -60px;
  margin: 0;
}

#kaleidoskop .kaleidoskop .carousel-indicators li {
  background-color: transparent;
  text-indent: unset;
  height: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-width: 0;
}

#kaleidoskop .kaleidoskop .carousel-indicators li .circle {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: var(--default-color);
  margin-bottom: 5px;
}

#kaleidoskop .kaleidoskop .carousel-item img {
  max-width: 380px;
}

#kaleidoskop .kaleidoskop .carousel-control-next {
  right: -50px;
}

#kaleidoskop .kaleidoskop .carousel-control-prev {
  left: calc(-15% / 2 - 40px);
}

#kaleidoskop .kaleidoskop .carousel-control-next-icon,
#kaleidoskop .kaleidoskop .carousel-control-prev-icon {
  background-size: contain;
  background-position: center;
  width: 27px;
  height: 27px;
}

#kaleidoskop .kaleidoskop .carousel-control-next-icon {
  background-image: url('../image/prosedur-klaim/chevron-right.png');
}

#kaleidoskop .kaleidoskop .carousel-control-prev-icon {
  background-image: url('../image/prosedur-klaim/chevron-left.png');
}

#kaleidoskop .kaleidoskop .prev-button,
#kaleidoskop .kaleidoskop .next-button {
  position: absolute;
  bottom: -55px;
  z-index: 11;
}

#kaleidoskop .kaleidoskop .prev-button {
  left: 0;
}

#kaleidoskop .kaleidoskop .next-button {
  right: 0;
}

#kaleidoskop .kaleidoskop .table-asbin td {
  color: #000;
  line-height: 24px;
}

#kaleidoskop .kaleidoskop .table-asbin td:not(.number) {
  vertical-align: top;
}

#anak-perusahaan .anak-perusahaan .text-bidang {
  line-height: 34px;
}

/****************** Lembaga Penunjang Pasar Modal ********************/

#penunjang-pasar-modal .penunjang-pasar-modal table thead td {
  color: #fff;
}

#penunjang-pasar-modal .penunjang-pasar-modal table td {
  padding: 10px;
  font-size: 16px;
  text-align: center;
}

#penunjang-pasar-modal .penunjang-pasar-modal table tbody td {
  font-weight: bold;
  padding: 20px;
}

/****************** Pengkinian Data Nasabah ********************/

#pengkinian-data-nasabah table tr {
  border-top: 12px solid;
  border-bottom: 12px solid;
  border-color: transparent;
}

#pengkinian-data-nasabah table td {
  border-left: 10px solid;
  border-right: 10px solid;
  border-color: transparent;
}

#pengkinian-data-nasabah .content .btn-custom {
  padding: 10px 75px !important;
}

/****************** Public Ekspose ********************/
#public-expose .public-expose a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

/****************** COMMON ********************/
.pl-6,
.px-6 {
  padding-left: 5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 5rem !important;
}

.pr-11 {
  padding-right: 44px;
}

.full-width {
  width: 100%;
}


.btn-primary,
.btn-primary:hover {
  padding: 3px 10px;
  color: #fff;
  background-image: var(--gradient-color-to-right);
  background-color: #fff;
  border: 1px solid var(--default-color);
  font-weight: 400;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
}

.btn-secondary,
.btn-secondary:hover {
  padding: 3px 10px;
  color: var(--default-color);
  background-color: #fff;
  background-image: unset;
  border: 1px solid var(--default-color);
  font-weight: 400;
  cursor: pointer;
  border-radius: 20px;
  text-align: center;
  font-size: 16px;
}

/* THOMAS */

.manajemen,
#struktur-organiasasi .profile,
.content-custom {
  padding-top: 90px;
  padding-bottom: 70px;
}

.manajemen img {
  width: 420px;
  height: auto;
}

.manajemen .title {
  color: var(--default-color);
  font-weight: 100;
  font-size: 44px;
  line-height: 42px;
}

.manajemen .name {
  color: #4c4c4c;
  font-weight: 900;
  font-size: 22px;
}

.manajemen .desc {
  color: #4c4c4c;
  font-weight: 400;
  font-size: 18px;
}

.manajemen hr {
  border-color: var(--default-color);
}

.manajemen a {
  color: var(--default-color);
  font-size: 18px;
}

.btnss {
  color: #c52c1c;
}

.actives,
.btnss:hover {
  color: #c52c1c;
  font-weight: bold;
}

.mySlides {
  display: none;
}

.slide_left {
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(0%, -50%);
  font-size: 70px;
  color: #c52c1c;
}

.slide_right {
  position: absolute;
  top: 50%;
  right: 1%;
  transform: translate(0%, -50%);
  font-size: 70px;
  color: #c52c1c;
}

.buttom_modal {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  color: white;
  background-image: var(--gradient-color-to-right);
  padding: 20px;
}

.teks_modal {
  font-size: 17px;
  color: #c52c1c;
}

.input_modal {
  background-color: transparent;
  border: 0px solid;
  border-bottom: 1px solid #c52c1c;
  margin-left: 5%;
  width: 85%;
  font-size: 17px;
  color: #c52c1c;
}

.select_modal {
  background-color: transparent;
  border: 1px solid #c52c1c;
  border-radius: 50px;
  height: 50px;
  color: #c52c1c;
}

::placeholder {
  color: #c52c1c;
}

.buttom_modal_aksi {
  background-color: transparent;
  border: 0px solid;
  font-size: 22px;
  text-align: center;
  color: white;
  font-weight: bold;
}

.zoom {
  transition: transform .2s;
  /* Animation */
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.5);
  /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.MultiCarousel {
  float: left;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  position: relative;
}

.MultiCarousel .MultiCarousel-inner {
  transition: 1s ease all;
  float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
  float: left;
}

.MultiCarousel .MultiCarousel-inner .item>div {
  text-align: center;
  padding: 10px;
  margin: 10px;
  background: #f1f1f1;
  color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
  position: absolute;
  border-radius: 50%;
  top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
  left: 0;
}

.MultiCarousel .rightLst {
  right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
  pointer-events: none;
  background: #ccc;
}

.form-control-custom {
  border: 1px solid #ff780d !important;
  border-radius: 20px !important;
  padding: 0px 0px;
  height: 30px;
  padding-left: 10px;
}

/* HEADER */

.banner_text {
  position: absolute;
  left: 10%;
  top: 20%;
  width: 50%;
}

.banner_text > .banner_title {
  /* font-size: 86px; */
  font-weight: bold;
  /* line-height: 76px; */
  color: var(--default-color);
}

.banner_text > .banner_detail {
  font-size: 18px;
  color: var(--default-color);
}

.banner_text > .banner_link {
  font-size: 18px;
  font-weight: bold;
  color: var(--default-color);
}

.banner_image {
  margin-top: 4.5rem;
}

/* MAIN */
.carousel-indicators > li {
  width: 10px; 
  height: 10px; 
  border-radius: 50%; 
  background-color: var(--default-color);
} 

.premi-price p {
  font-size: 24px;
  color: #fff;
}

.riplay-umum .header {
  background: linear-gradient(87deg, #ff7603 0, #c93020 100%);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-align: center;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 20px;
}

.modal-body p {
  font-size: 30px;
  text-align: center;
}

/* #karir .box-slider .box-image {
  width: 80%;
} */

#karir .box-slider .box-image>img {
  height: 100%;
}

#karir .box-slider .box-description {
  background-image: var(--gradient-color-to-right);
  color: #ffffff;
}