@charset "UTF-8";
html {
  width: 100%;
  height: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
  font-family: "Mulish", sans-serif;
  color: #111;
  overflow-x: hidden;
}

a {
  color: #1eaedb;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

h1 {
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: 0.03em;
}

h2 {
  font-size: 2.8rem;
  line-height: 1.25;
  letter-spacing: 0.025em;
}

h3 {
  font-size: 2.4rem;
  line-height: 1.3;
  letter-spacing: 0.02em;
}

h4 {
  font-size: 1.8rem;
  line-height: 1.35;
  letter-spacing: 0.015em;
}

h5 {
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

h6 {
  font-size: 0.85rem;
  line-height: 1.4;
  letter-spacing: 0;
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.4rem;
  }
  h3 {
    font-size: 2.2rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.2rem;
  }
  h6 {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 992px) {
  h1 {
    font-size: 2.8rem;
  }
  h2 {
    font-size: 2.2rem;
  }
  h3 {
    font-size: 2rem;
  }
  h4 {
    font-size: 1.6rem;
  }
  h5 {
    font-size: 1.2rem;
  }
  h6 {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.8rem;
  }
  h4 {
    font-size: 1.4rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 575px) {
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.6rem;
  }
  h3 {
    font-size: 1.4rem;
  }
  h4 {
    font-size: 1.2rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 0.85rem;
  }
}
.font-12 {
  font-size: 12px !important;
}

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

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

.font-18 {
  font-size: 18px !important;
}

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

p {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.text--primary {
  color: #f5164c;
}
.text--gray {
  color: #686767;
}

.bg--primary {
  background-color: #f5164c;
}
.bg--secondary {
  background-color: #b5b5b5;
}
.bg--dark-blue {
  background-color: #00203f;
}

.icon--primary {
  background-color: #f5164c;
}
.icon--secondary {
  background-color: #b5b5b5;
}
.icon--dark-blue {
  background-color: #00203f;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.m-6 {
  margin: 4.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 4.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important;
}

.m-7 {
  margin: 6rem !important;
}

.mt-7,
.my-7 {
  margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 6rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 6rem !important;
}

.m-8 {
  margin: 7.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 7.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 7.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 7.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 7.5rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.mt-9,
.my-9 {
  margin-top: 9rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 9rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 9rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 9rem !important;
}

.m-10 {
  margin: 10rem !important;
}

.mt-10,
.my-10 {
  margin-top: 10rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 10rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 10rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

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

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.p-6 {
  padding: 4.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

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

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4.5rem !important;
}

.p-7 {
  padding: 6rem !important;
}

.pt-7,
.py-7 {
  padding-top: 6rem !important;
}

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

.pb-7,
.py-7 {
  padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
  padding-left: 6rem !important;
}

.p-8 {
  padding: 7.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 7.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 7.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 7.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 7.5rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.pt-9,
.py-9 {
  padding-top: 9rem !important;
}

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

.pb-9,
.py-9 {
  padding-bottom: 9rem !important;
}

.pl-9,
.px-9 {
  padding-left: 9rem !important;
}

.p-10 {
  padding: 10rem !important;
}

.pt-10,
.py-10 {
  padding-top: 10rem !important;
}

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

.pb-10,
.py-10 {
  padding-bottom: 10rem !important;
}

.pl-10,
.px-10 {
  padding-left: 10rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .m-sm-6 {
    margin: 4.5rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important;
  }
  .m-sm-7 {
    margin: 6rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 6rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 6rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 6rem !important;
  }
  .m-sm-8 {
    margin: 7.5rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 7.5rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 7.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 7.5rem !important;
  }
  .m-sm-9 {
    margin: 9rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 9rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 9rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 9rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 9rem !important;
  }
  .m-sm-10 {
    margin: 10rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 10rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 10rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 10rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .p-sm-6 {
    padding: 4.5rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important;
  }
  .p-sm-7 {
    padding: 6rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 6rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 6rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 6rem !important;
  }
  .p-sm-8 {
    padding: 7.5rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 7.5rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 7.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 7.5rem !important;
  }
  .p-sm-9 {
    padding: 9rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 9rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 9rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 9rem !important;
  }
  .p-sm-10 {
    padding: 10rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 10rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 10rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 10rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .m-md-6 {
    margin: 4.5rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important;
  }
  .m-md-7 {
    margin: 6rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 6rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 6rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 6rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 6rem !important;
  }
  .m-md-8 {
    margin: 7.5rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 7.5rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 7.5rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 7.5rem !important;
  }
  .m-md-9 {
    margin: 9rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 9rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 9rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 9rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 9rem !important;
  }
  .m-md-10 {
    margin: 10rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 10rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 10rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 10rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 10rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .p-md-6 {
    padding: 4.5rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important;
  }
  .p-md-7 {
    padding: 6rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 6rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 6rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 6rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 6rem !important;
  }
  .p-md-8 {
    padding: 7.5rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 7.5rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 7.5rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 7.5rem !important;
  }
  .p-md-9 {
    padding: 9rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 9rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 9rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 9rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 9rem !important;
  }
  .p-md-10 {
    padding: 10rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 10rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 10rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 10rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 10rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .m-lg-6 {
    margin: 4.5rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important;
  }
  .m-lg-7 {
    margin: 6rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 6rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 6rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 6rem !important;
  }
  .m-lg-8 {
    margin: 7.5rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 7.5rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 7.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 7.5rem !important;
  }
  .m-lg-9 {
    margin: 9rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 9rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 9rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 9rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 9rem !important;
  }
  .m-lg-10 {
    margin: 10rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 10rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 10rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 10rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .p-lg-6 {
    padding: 4.5rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important;
  }
  .p-lg-7 {
    padding: 6rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 6rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 6rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 6rem !important;
  }
  .p-lg-8 {
    padding: 7.5rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 7.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 7.5rem !important;
  }
  .p-lg-9 {
    padding: 9rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 9rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 9rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 9rem !important;
  }
  .p-lg-10 {
    padding: 10rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 10rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 10rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 10rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .m-xl-6 {
    margin: 4.5rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important;
  }
  .m-xl-7 {
    margin: 6rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 6rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 6rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 6rem !important;
  }
  .m-xl-8 {
    margin: 7.5rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 7.5rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 7.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 7.5rem !important;
  }
  .m-xl-9 {
    margin: 9rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 9rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 9rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 9rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 9rem !important;
  }
  .m-xl-10 {
    margin: 10rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 10rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 10rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 10rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .p-xl-6 {
    padding: 4.5rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important;
  }
  .p-xl-7 {
    padding: 6rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 6rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 6rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 6rem !important;
  }
  .p-xl-8 {
    padding: 7.5rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 7.5rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 7.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 7.5rem !important;
  }
  .p-xl-9 {
    padding: 9rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 9rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 9rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 9rem !important;
  }
  .p-xl-10 {
    padding: 10rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 10rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 10rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 10rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-image: url("/img/arrow-down.png");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
}

#page {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
#page #mainContainer {
  width: calc(100% - 80px);
  margin-top: 60px;
}

header {
  margin-bottom: 40px;
}
header.header-recruitment {
  margin-bottom: 0px;
}
header .header-menu {
  position: fixed;
  width: 100%;
  z-index: 9999;
  box-shadow: 0px 0px 5px #aaa;
}
header .header-menu .navbar-header-menu {
  background: #fff;
  height: 60px;
  align-items: center;
}
header .header-menu .navbar-header-menu .menu {
  color: #f5164c;
  font-size: 22px;
  margin: 19px;
  cursor: pointer;
}
header .header-menu .navbar-header-menu .logo img {
  height: 30px;
}
header .header-menu .navbar-header-menu .corporate a {
  color: #f5164c;
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
}
header .header-menu .navbar-header-menu .corporate a:hover {
  color: #a81237;
}
header .header-menu .navbar-header-menu .career a {
  color: #f5164c;
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
}
header .header-menu .navbar-header-menu .career a:hover {
  color: #a81237;
}
header .header-menu .navbar-header-menu .contact a {
  color: #f5164c;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}
header .header-menu .navbar-header-menu .contact a:hover {
  color: #a81237;
}
header .header-menu .navbar-header-menu .home-nav a {
  color: #aaa;
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
  transition: 0.3s;
}
header .header-menu .navbar-header-menu .home-nav a:hover {
  color: #f5164c;
}
header .header-menu .navbar-header-menu .career-nav a {
  color: #aaa;
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
  transition: 0.3s;
}
header .header-menu .navbar-header-menu .career-nav a:hover {
  color: #f5164c;
}
header .header-menu .navbar-header-menu .news-nav a {
  color: #aaa;
  font-weight: bold;
  font-size: 18px;
  margin-right: 30px;
  text-decoration: none;
  transition: 0.3s;
}
header .header-menu .navbar-header-menu .news-nav a:hover {
  color: #f5164c;
}
header .header-menu .navbar-header-menu .active-nav {
  color: #f5164c !important;
}
header .header-menu .nav-topmenu {
  background: #f5164c;
}
header .header-menu .nav-topmenu ul {
  list-style: none;
  margin: 0 auto;
  padding: 11px 0px;
}
header .header-menu .nav-topmenu ul li {
  display: inline-block;
  padding: 0 20px;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
header .header-menu .nav-topmenu ul li a {
  color: #fff;
  font-weight: bold;
  padding: 10px 0;
  text-decoration: none;
}
header .header-menu .nav-topmenu ul li.active a {
  font-weight: 800;
  border-bottom: 3px solid #fff;
}
header .header-menu .nav-topmenu ul li .dropdown-menu {
  background: #f5164c;
  padding: 0;
  padding-bottom: 5px;
  top: 9px !important;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
header .header-menu .nav-topmenu ul li .dropdown-menu .dropdown-item {
  font-size: 14px;
  padding: 5px 15px;
}
header .header-menu .nav-topmenu ul li .dropdown-menu .dropdown-item:hover {
  background: none;
}
header .header-all {
  background-color: #fff;
  border-radius: 30px;
  width: 100%;
  align-items: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin-top: 10px;
  z-index: 98;
  position: fixed;
  right: 15px;
  width: auto;
  left: 15px;
}
header .header-all .menu {
  width: 165px;
  height: 60px;
  background-color: #f5164c;
  display: flex;
  border-radius: 30px;
  align-items: center;
  justify-content: center;
}
header .header-all .menu i {
  font-size: 30px;
  color: #fff;
}
header .header-all .menu p {
  font-size: 28px;
  color: #fff;
  margin-left: 10px;
}
header .header-all .menu:hover, header .header-all .menu:focus {
  cursor: pointer;
}
header .header-all .logo {
  margin-left: 1rem;
}
header .header-all .logo img {
  height: 2rem;
  -o-object-fit: cover;
     object-fit: cover;
}
header .header-all .corporate {
  margin-left: auto;
}
header .header-all .corporate a {
  color: #f5164c;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
}
header .header-all .contact {
  margin-left: 3rem;
}
header .header-all .contact a {
  margin-right: 20px;
  color: #f5164c;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
}
header .header-all .locations {
  margin-right: 20px;
  margin-left: 70px;
}
header .header-all .locations a {
  color: #f5164c;
  font-size: 1rem;
  text-decoration: none;
  font-weight: bold;
}
header .header-all .locations a i {
  margin-left: 20px;
  color: #f5164c;
  font-size: 24px;
}
header .overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  z-index: 99;
  background-color: rgba(0, 0, 0, 0.65);
  display: none;
}
header .overlay.active {
  opacity: 1;
  display: block;
}
header .sidebar {
  background-image: url("/img/bg-menu.png");
  width: 100%;
  background-repeat: no-repeat;
  height: 691px;
  transform: translateX(-720px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.35s ease-in-out;
  position: fixed;
  z-index: 100;
}
header .sidebar.active {
  transform: translateX(0px);
  opacity: 1;
  visibility: visible;
  z-index: 9999999;
}
header .sidebar .head-sidebar {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
header .sidebar .head-sidebar img {
  width: 8rem;
}
header .sidebar .head-sidebar .menu {
  width: 165px;
  height: 60px;
  background-color: #f5164c;
  display: flex;
  border-radius: 30px;
  border: 1px solid #fff;
  align-items: center;
  justify-content: center;
  margin: 0 35px 0 70px;
}
header .sidebar .head-sidebar .menu i {
  font-size: 30px;
  color: #fff;
}
header .sidebar .head-sidebar .menu p {
  font-size: 28px;
  color: #fff;
  margin-left: 10px;
}
header .sidebar .head-sidebar .menu:hover, header .sidebar .head-sidebar .menu:focus {
  cursor: pointer;
}
header .sidebar .menu-sidebar {
  margin-left: 95px;
}
header .sidebar .menu-sidebar nav {
  margin-top: 30px;
}
header .sidebar .menu-sidebar nav ul {
  padding-left: 0;
}
header .sidebar .menu-sidebar nav ul li {
  list-style: none;
  margin-bottom: 10px;
}
header .sidebar .menu-sidebar nav ul li a {
  color: white;
  font-size: 22px;
  text-decoration: none;
}
header .sidebar .menu-sidebar nav ul li a .product-drop {
  align-items: center;
}
header .sidebar .menu-sidebar nav ul li a .product-drop p {
  font-size: 22px;
}
header .sidebar .menu-sidebar nav ul li a .product-drop i {
  font-size: 28px;
  margin-left: 190px;
}
header .sidebar .menu-sidebar nav ul li a .product-drop i.active {
  transform: rotate(-180deg);
  transition: 300ms linear all;
}
header .sidebar .menu-sidebar nav #sub-menus {
  display: none;
  height: 0;
  margin-top: 20px;
  margin-left: 30px;
}
header .sidebar .menu-sidebar nav #sub-menus li {
  margin-bottom: 15px;
}
header .sidebar .menu-sidebar nav #sub-menus li a {
  font-size: 16px;
}
header .sidebar .menu-sidebar nav #sub-menus.active {
  transition: all 0.5s ease-in-out;
  opacity: 1;
  height: auto;
  visibility: visible;
  display: block;
}
header .sidebar .menu-sidebar nav .product-drop {
  display: flex;
}

@media screen and (max-width: 1200px) {
  header .header-all .logo img {
    height: 1.3rem;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (max-width: 992px) {
  header .header-menu .nav-topmenu ul li .dropdown-menu {
    top: 38px !important;
  }
  header .header-menu .navbar-header-menu .home-nav a {
    font-size: 14px;
    margin-right: 20px;
  }
  header .header-menu .navbar-header-menu .career-nav a {
    font-size: 14px;
    margin-right: 10px;
  }
  header .header-menu .navbar-header-menu .corporate a {
    margin-right: 10px;
  }
  header .header-menu .navbar-header-menu .career a {
    margin-right: 10px;
  }
  header .header-menu .nav-topmenu ul {
    white-space: nowrap;
    overflow: scroll;
    scrollbar-width: none;
  }
  header .header-menu .nav-topmenu ul::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  header .header-all {
    position: fixed;
    left: 0;
    margin-top: 0;
    border-radius: 0;
    padding: 0 25px;
    width: 100%;
  }
  header .header-all .menu {
    background-color: transparent;
    justify-content: start;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 5px;
  }
  header .header-all .menu i {
    color: #f5164c;
    font-size: 35px;
  }
  header .header-all .menu p {
    display: none;
  }
  header .header-all .logo {
    margin-left: 1rem;
    width: 16rem;
  }
  header .header-all .logo img {
    height: 1.3rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .header-all .corporate a {
    font-size: 24px;
    color: #111;
    font-weight: 600;
  }
  header .header-all .contact {
    display: none;
  }
  header .header-all .contact a {
    font-size: 24px;
    color: #111;
    font-weight: 600;
  }
  header .header-all .locations {
    display: none;
  }
  header .sidebar {
    background-image: url("/img/bg-md-sidebar-short-(2).png");
    background-repeat: no-repeat;
    width: 355px;
    height: 480px;
  }
  header .sidebar.bg-change {
    background-image: url("/img/bg-md-sidebar-long.png");
    background-repeat: no-repeat;
    height: 620px;
    width: 400px;
    background-size: cover;
    transition: height 0.5s ease;
  }
  header .sidebar .head-sidebar {
    margin-left: 35px;
  }
  header .sidebar .head-sidebar .menu {
    display: none;
  }
  header .sidebar .head-sidebar .logo {
    width: 100%;
    margin-left: 0;
  }
  header .sidebar .head-sidebar .logo img {
    width: 40%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .sidebar .menu-sidebar {
    margin-left: 45px;
  }
  header .sidebar .menu-sidebar nav {
    margin-top: 25px;
  }
  header .sidebar .menu-sidebar nav ul {
    height: auto;
  }
  header .sidebar .menu-sidebar nav ul li {
    margin-bottom: 20px;
  }
  header .sidebar .menu-sidebar nav ul li.menu-side {
    height: 33px;
  }
  header .sidebar .menu-sidebar nav ul li.menu-side.dropdown-open {
    height: 240px;
    transition: height 0.5s ease;
  }
  header .sidebar .menu-sidebar nav ul li a {
    font-size: 22px;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop {
    align-items: center;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop p {
    font-size: 22px;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop i {
    font-size: 25px;
    margin-left: 75px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus {
    margin-left: 20px;
    margin-top: 10px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus li {
    margin-bottom: 10px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus li a {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  header {
    height: 112px;
  }
  header .header-menu .nav-topmenu ul li {
    font-size: 20px;
    font-weight: 600;
  }
  header .header-menu .nav-topmenu ul li .dropdown-menu {
    top: 45px !important;
  }
  header .header-menu .nav-topmenu ul li .dropdown-menu .dropdown-item {
    font-size: 18px;
  }
  header .header-all {
    padding: 0 15px;
    height: 40px;
  }
  header .header-all .menu i {
    color: #f5164c;
    font-size: 24px;
  }
  header .header-all .menu p {
    display: none;
  }
  header .header-all .logo {
    width: 14rem;
  }
  header .header-all .logo img {
    height: 1.2rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .header-all .corporate .corporate_text {
    font-size: 11px;
    color: #f5164c;
  }
  header .header-all .corporate a {
    font-size: 16px;
    font-weight: 600;
  }
  header .header-all .contact {
    display: none;
  }
  header .header-all .contact a {
    font-size: 16px;
    font-weight: 600;
  }
  header .header-all .locations {
    display: none;
  }
  header .sidebar {
    background-image: url("/img/bg-sp-sidebar-short.png");
    background-repeat: no-repeat;
    width: 355px;
    height: 320px;
  }
  header .sidebar.bg-change {
    background-image: url("/img/bg-sp-sidebar-long.png");
    background-repeat: no-repeat;
    height: 440px;
    width: 270px;
    background-size: cover;
  }
  header .sidebar .head-sidebar {
    margin-left: 30px;
  }
  header .sidebar .head-sidebar .menu {
    display: none;
  }
  header .sidebar .head-sidebar .logo {
    width: 100%;
    margin-left: 0;
  }
  header .sidebar .head-sidebar .logo img {
    width: 100px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .sidebar .menu-sidebar {
    margin-left: 30px;
    margin-right: 50px;
  }
  header .sidebar .menu-sidebar nav {
    margin-top: 15px;
  }
  header .sidebar .menu-sidebar nav ul li {
    margin-bottom: 4px;
  }
  header .sidebar .menu-sidebar nav ul li.menu-side {
    height: 24px;
  }
  header .sidebar .menu-sidebar nav ul li.menu-side.dropdown-open {
    height: auto;
  }
  header .sidebar .menu-sidebar nav ul li a {
    font-size: 16px;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop {
    align-items: center;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop p {
    font-size: 16px;
  }
  header .sidebar .menu-sidebar nav ul li a .product-drop i {
    font-size: 25px;
    margin-left: 75px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus {
    margin-left: 20px;
    margin-top: 0px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus li {
    margin-bottom: 5px;
  }
  header .sidebar .menu-sidebar nav ul li #sub-menus li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  header .header-menu .navbar-header-menu .menu {
    margin-left: 0;
  }
  header .header-menu .navbar-header-menu .corporate a {
    font-size: 14px;
  }
  header .header-menu .navbar-header-menu .career a {
    font-size: 14px;
  }
  header .header-menu .navbar-header-menu .contact a {
    font-size: 14px;
  }
  header .header-all .logo {
    width: 9rem;
  }
  header .header-all .logo img {
    height: 12px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  header .sidebar {
    background-image: url("/img/bg-sp-sidebar-short.png");
    background-repeat: no-repeat;
    width: 355px;
    height: 320px;
  }
  header .sidebar.bg-change {
    background-image: url("/img/bg-sp-sidebar-long.png");
    background-repeat: no-repeat;
    height: 440px;
    width: 270px;
    background-size: cover;
  }
  header .sidebar .head-sidebar {
    margin-left: 30px;
  }
  header .sidebar .head-sidebar .menu {
    display: none;
  }
  header .sidebar .head-sidebar .logo {
    width: 100%;
    margin-left: 0;
  }
  header .sidebar .head-sidebar .logo img {
    width: 100px;
  }
}
footer {
  background-image: url("/img/new-footer/bgfooter2024.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f5164c;
  padding-top: 25px;
  border-radius: 0px;
  margin-top: 40px;
  padding-bottom: 25px;
  position: relative;
  z-index: 10;
}
footer .footer-container {
  align-items: flex-start;
}
footer a {
  text-decoration: none !important;
}
footer a:hover {
  color: #f5f5f5;
}
footer ul {
  list-style: none;
  padding: 0;
}
footer ul li {
  margin-bottom: 10px;
}
footer ul li a {
  font-size: 13px;
}
footer ul li a:hover {
  color: #f5f5f5;
}
footer p,
footer h5,
footer a,
footer i {
  color: #fff;
}
footer h5 {
  margin-bottom: 20px;
}
footer .socmed .logo,
footer .socmed .map,
footer .socmed .whatsapp,
footer .socmed .phone,
footer .socmed .email {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
footer .socmed .logo i,
footer .socmed .map i,
footer .socmed .whatsapp i,
footer .socmed .phone i,
footer .socmed .email i {
  margin-right: 20px;
  font-size: 20px;
}
footer .socmed .logo a,
footer .socmed .logo p,
footer .socmed .map a,
footer .socmed .map p,
footer .socmed .whatsapp a,
footer .socmed .whatsapp p,
footer .socmed .phone a,
footer .socmed .phone p,
footer .socmed .email a,
footer .socmed .email p {
  font-size: 14px;
}
footer .socmed .logo a:hover, footer .socmed .logo a:focus,
footer .socmed .map a:hover,
footer .socmed .map a:focus,
footer .socmed .whatsapp a:hover,
footer .socmed .whatsapp a:focus,
footer .socmed .phone a:hover,
footer .socmed .phone a:focus,
footer .socmed .email a:hover,
footer .socmed .email a:focus {
  color: #fff;
  text-decoration: underline;
}
footer .socmed .logo {
  margin-bottom: 30px;
}
footer .socmed .logo a {
  display: flex;
  justify-content: center;
}
footer .socmed .logo img {
  width: 90%;
}
footer .socmed .logo-mobile {
  margin-bottom: 30px;
}
footer .socmed .logo-mobile a {
  display: flex;
  justify-content: left;
}
footer .socmed .logo-mobile img {
  width: 50%;
}
footer .socmed .map {
  align-items: start;
}
footer .socmed .map i {
  line-height: 30px;
}
footer .channel .facebook,
footer .channel .youtube,
footer .channel .instagram {
  display: flex;
  align-items: center;
}
footer .channel p {
  font-size: 13px;
}
footer .channel ul li {
  margin-bottom: 15px;
}
footer .channel .channel-logo {
  width: 20px;
  margin-right: 5px;
}
footer .channel .facebook img,
footer .channel .youtube img,
footer .channel .instagram img {
  width: 20px;
}

section.copyright-all {
  background-color: white;
  padding: 0;
}
section.copyright-all .copyright {
  background-color: #fff;
  padding: 25px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
section.copyright-all .copyright .copyright-text p {
  font-size: 14px;
  color: #111;
  font-weight: 500;
  margin-right: 40px;
}
section.copyright-all .copyright .ojk-logo {
  width: 100px;
}
section.copyright-all .copyright .ojk-logo img {
  width: 100%;
}

@media screen and (max-width: 1200px) {
  footer {
    padding-bottom: 25px;
  }
  footer h5 {
    font-size: 16px;
  }
  footer .infos {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  footer {
    background-image: url("/img/footer-bg-md.png");
    padding-top: 40px;
    padding-bottom: 40px;
  }
  footer .footer-container {
    align-items: baseline;
    padding-left: 7px;
  }
  footer .corporate-footer,
  footer .our-service,
  footer .digi-products,
  footer .infos,
  footer .channel {
    margin-top: 50px;
  }
  footer ul li a {
    font-size: 16px;
  }
  footer h5 {
    font-size: 22px;
  }
  footer .logo h4 {
    color: #fff;
  }
  footer .socmed .logo a,
  footer .socmed .logo p,
  footer .socmed .map a,
  footer .socmed .map p,
  footer .socmed .whatsapp a,
  footer .socmed .whatsapp p,
  footer .socmed .phone a,
  footer .socmed .phone p,
  footer .socmed .email a,
  footer .socmed .email p {
    font-size: 17px;
  }
  footer .socmed .map p {
    width: 35%;
  }
  footer .channel p {
    font-size: 16px;
  }
  footer .channel .channel-logo {
    width: 35px;
  }
  footer .channel .facebook img,
  footer .channel .instagram img,
  footer .channel .youtube img {
    width: 25px;
  }
}
@media screen and (max-width: 767px) {
  footer {
    background-image: url("/img/new-footer/bgfooter2024mobile.png");
    padding-bottom: 0;
    padding-top: 20px;
  }
  footer .corporate-footer,
  footer .our-service,
  footer .digi-products,
  footer .infos,
  footer .channel {
    margin-top: 10px;
  }
  footer .logo-mobile {
    margin-bottom: 15px;
    width: 110px;
    padding: 0;
    margin-left: 20px;
  }
  footer ul li a {
    font-size: 12px;
  }
  footer h5 {
    font-size: 20px;
  }
  footer .logo h4 {
    color: #fff;
  }
  footer .socmed .logo a,
  footer .socmed .logo p,
  footer .socmed .map a,
  footer .socmed .map p,
  footer .socmed .whatsapp a,
  footer .socmed .whatsapp p,
  footer .socmed .phone a,
  footer .socmed .phone p,
  footer .socmed .email a,
  footer .socmed .email p {
    font-size: 12px;
  }
  footer .socmed .map p {
    width: 65%;
  }
  footer .channel ul {
    gap: 8px;
  }
  footer .channel p {
    font-size: 12px;
  }
  footer .channel .channel-logo {
    width: 25px;
    margin-right: 0;
  }
  footer .channel .facebook img,
  footer .channel .instagram img,
  footer .channel .youtube img {
    width: 20px;
  }
}
@media screen and (max-width: 375px) {
  footer {
    background-image: url("/img/new-footer/bgfooter2024mobile.png");
  }
  footer ul li {
    margin-bottom: 0;
  }
  footer ul li a {
    font-size: 12px;
  }
  footer h5 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  footer .logo h4 {
    color: #fff;
  }
  footer .socmed .logo a,
  footer .socmed .logo p,
  footer .socmed .map a,
  footer .socmed .map p,
  footer .socmed .whatsapp a,
  footer .socmed .whatsapp p,
  footer .socmed .phone a,
  footer .socmed .phone p,
  footer .socmed .email a,
  footer .socmed .email p {
    font-size: 12px;
  }
  footer .socmed .map p {
    width: 70%;
  }
  footer .channel p {
    font-size: 10px;
  }
  .card-v2--vehicle__texts {
    padding: 0 10px 10px 10px !important;
  }
  .card-v2--vehicle__texts .type p {
    font-size: 12px;
  }
  .card-v2--vehicle__texts .nominals {
    font-size: 12px;
  }
  .card-v2--vehicle__image {
    padding: 10px 10px 0 10px !important;
  }
}
@media screen and (max-width: 767px) {
  section.copyright-all {
    margin-bottom: 80px;
  }
  section.copyright-all .copyright {
    padding: 20px 0;
  }
  section.copyright-all .copyright .copyright-text .ojk-proof {
    width: 70%;
    margin: auto;
  }
  section.copyright-all .copyright .copyright-text .right-reserved {
    width: 80%;
    margin: auto;
  }
  section.copyright-all .copyright .copyright-text p {
    margin-right: 20px;
    font-size: 10px;
    text-align: center;
  }
  section.copyright-all .copyright .ojk-logo {
    width: 120px;
  }
}
@media screen and (max-width: 375px) {
  section.copyright-all .copyright {
    padding: 15px 0;
  }
  section.copyright-all .copyright .copyright-text .ojk-proof {
    width: 85%;
  }
  section.copyright-all .copyright .copyright-text .right-reserved {
    width: 95%;
  }
}
#scroll {
  position: fixed;
  right: 100px;
  bottom: 3%;
  display: grid;
  z-index: 100;
  text-decoration: none;
  transition: 0.5s;
}
#scroll .panel-desktop {
  display: flex;
  flex-direction: column;
}
#scroll .panel-mobile {
  display: none;
}
#scroll .panel-default #collapse1 {
  border-radius: 50px;
}
#scroll .panel-default #collapse2 {
  position: absolute;
  right: 0;
  border-radius: 50px;
  width: 100%;
  display: none;
}
#scroll .panel-default .panel-body {
  flex-direction: column;
  align-items: center;
}
#scroll .panel-default .panel-body a {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent;
}
#scroll .panel-default .panel-body .sub-btn img {
  width: 40px;
  margin: auto;
}
#scroll .panel-default .main-btn img {
  width: 60px;
  margin: auto;
}
#scroll p {
  margin: auto;
  margin-top: 10px;
  font-size: 12px;
  color: #111;
  font-weight: 600;
}
#scroll .scale-div-small {
  transition: transform 50ms ease-in-out;
}
#scroll .scale-div-small:hover {
  transform: scale(1.1);
  cursor: pointer;
}

#sidebar {
  width: 40%;
}

@media screen and (max-width: 1366px) {
  #sidebar {
    width: 50%;
  }
}
@media screen and (max-width: 1200px) {
  #sidebar {
    width: 55%;
  }
}
@media screen and (max-width: 992px) {
  #scroll {
    right: 25px;
    bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  #scroll {
    right: 0px;
    width: 100vw;
    bottom: 25px;
    right: 15px;
    bottom: 15px;
  }
  #scroll .panel-desktop {
    display: none;
  }
  #scroll .panel-mobile {
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    width: 90vw;
    margin-left: auto;
    margin-bottom: 90px;
  }
  #scroll .panel-default .panel-body {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.6) !important;
    background-color: #f5164c;
    border-radius: 50px;
    flex-direction: row;
  }
  #scroll .panel-default .panel-body a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-left: 10px;
    margin-right: 10px;
  }
  #scroll .panel-default .panel-body .sub-btn img {
    width: 30px;
    height: 30px;
  }
  #scroll .panel-default .panel-heading {
    margin-left: 0.6rem;
  }
  #scroll img {
    width: 35px;
  }
  #scroll p {
    margin-top: 5px;
    font-size: 10px;
  }
  #sidebar {
    width: 70%;
  }
}
@media screen and (max-width: 575px) {
  #sidebar {
    width: 80%;
  }
}
@media screen and (max-width: 375px) {
  #scroll img {
    width: 30px;
  }
  #scroll p {
    font-size: 7px;
  }
  #sidebar {
    width: 90%;
  }
}
.multi-level-sidebar {
  display: flex;
}
.multi-level-sidebar .right-sidebar {
  width: 100%;
  height: 100%;
  transition: all 0.35s ease-in-out;
  position: fixed;
  z-index: 9999;
  right: 0;
  background-color: #f5164c;
  width: 80px;
  padding: 20px 0;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container .right-sidebar-nav-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  color: white;
  height: 16.6666666667vh;
  width: 100%;
  padding-right: 30px;
  text-decoration: none;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container .right-sidebar-nav-item .nav-title {
  text-align: right;
  display: none;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container .right-sidebar-nav-item:hover {
  cursor: pointer;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container .right-sidebar-nav-item .icon,
.multi-level-sidebar .right-sidebar .right-sidebar-container .right-sidebar-nav-item .icon-active {
  transition: 0.5s;
}
.multi-level-sidebar .right-sidebar .right-sidebar-container .no-border {
  border: none !important;
}
.multi-level-sidebar .sub-menu-sidebar-container {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  overflow-y: auto;
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  margin-right: 212px;
  z-index: 999;
  opacity: 0;
  display: none;
  transition: 0.5s;
  scrollbar-width: none;
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section {
  padding: 81px 16px;
  gap: 16px;
  display: grid;
  grid-template-columns: auto auto;
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content {
  background-image: url("/img/layout/product/product-kredit-mobil-baru.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
  color: white;
  padding: 16px;
  text-decoration: none;
  height: 175px;
  width: 150px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(#002f4b, #000000);
  opacity: 0.3;
  z-index: 1;
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content h5 {
  font-size: 14px;
  margin-bottom: 0;
  z-index: 2;
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.new-car {
  background-image: url("/img/layout/product/product-kredit-mobil-baru.webp");
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.used-car {
  background-image: url("/img/layout/product/product-kredit-mobil-bekas.webp");
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.dana-tunai {
  background-image: url("/img/layout/product/product-danatunai.webp");
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.slb {
  background-image: url("/img/layout/product/product-slb.webp");
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.operating-lease {
  background-image: url("/img/layout/product/product-operating-lease.webp");
}
.multi-level-sidebar .sub-menu-sidebar-container .sub-menu-section .sub-menu-content.starx {
  background-image: url("/img/layout/product/product-starx.webp");
}

.customer-navbar {
  width: calc(100% - 80px);
  height: 60px;
  box-shadow: 0px 0px 5px 0px #aaaaaa;
  background-color: white;
  position: fixed;
  top: 0;
  z-index: 99;
}
.customer-navbar .navbar-container {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}
.customer-navbar .navbar-container .links-container {
  display: flex;
  justify-content: flex-end;
}
.customer-navbar .navbar-container .links-container .navbar-nav {
  display: flex;
  gap: 30px;
  flex-direction: row;
}
.customer-navbar .navbar-container .links-container .navbar-nav .nav-link {
  font-size: 18px;
  font-weight: 700;
  color: #212529;
  text-decoration: none;
  transition: 0.3s;
}
.customer-navbar .navbar-container .links-container .navbar-nav .nav-link:hover {
  color: #f5164c;
}
.customer-navbar .navbar-container .links-container .navbar-nav .nav-link.dropdown-toggle i {
  font-size: 16px;
  -webkit-text-stroke: 1px white;
}
.customer-navbar .navbar-container .links-container .navbar-nav .nav-link.dropdown-toggle::after {
  display: none;
}
.customer-navbar .navbar-container .links-container .navbar-nav .dropdown-menu {
  margin-top: 12px;
  border-radius: 0;
}
.customer-navbar .navbar-container .links-container .navbar-nav .dropdown-menu .dropdown-item {
  font-size: 18px;
  font-weight: 600;
}
.customer-navbar .navbar-container .links-container .navbar-nav .dropdown-menu .dropdown-item:active {
  background-color: #f5164c;
}
.customer-navbar .navbar-container .links-container .navbar-nav .dropdown-menu.contact-dropdown .dropdown-item .contact-dropdown-icon {
  width: 24px;
  height: 24px;
}
.customer-navbar .navbar-container .logo-container a img {
  height: 30px;
}
.customer-navbar .navbar-container.chat-button-navbar .logo-container .chat-button {
  display: none;
}

.mobile-navbar {
  display: none;
}

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.7);
  overflow-x: hidden;
  transition: 0.5s;
  opacity: 0;
  display: none;
}

@media screen and (max-width: 767px) {
  #mainContainer {
    width: 100% !important;
    margin-top: 48px !important;
  }
  .customer-navbar {
    width: 100% !important;
    height: 48px;
    padding: 20px;
  }
  .customer-navbar .navbar-container {
    justify-content: center;
  }
  .customer-navbar .navbar-container .links-container {
    display: none;
  }
  .customer-navbar .navbar-container .logo-container a img {
    height: 24px;
  }
  .customer-navbar .navbar-container.chat-button-navbar .logo-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .customer-navbar .navbar-container.chat-button-navbar .logo-container a img {
    height: 20px;
  }
  .customer-navbar .navbar-container.chat-button-navbar .logo-container .chat-button {
    display: flex;
    width: 36px;
    height: 36px;
    background-color: #feeff2;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }
  .multi-level-sidebar {
    display: none;
  }
  .mobile-navbar {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    font-style: normal;
    font-weight: 400;
  }
  .mobile-navbar .bottom-navbar {
    height: 80px;
    padding: 25px 0;
    background-color: #f5164c;
    position: fixed;
    bottom: 0;
    z-index: 101;
    width: 100%;
  }
  .mobile-navbar .bottom-navbar .nav-items {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }
  .mobile-navbar .bottom-navbar .nav-items .item {
    width: 20%;
    text-align: center;
    color: white;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    font-size: 14px;
  }
  .mobile-navbar .bottom-navbar .nav-items .item.corporate-item {
    font-size: 12px;
  }
  .mobile-navbar .bottom-navbar .nav-items .item .navbar-item-icon {
    width: 64px;
    padding: 5px;
  }
  .mobile-navbar .bottom-navbar .nav-items .item .navbar-item-icon.active {
    background-color: #fff;
    border-radius: 50vh;
  }
  .mobile-navbar .bottom-navbar .nav-items .item .navbar-item-icon img {
    width: 24px;
    height: 24px;
  }
  .mobile-navbar .bottom-navbar .nav-items.corporate-nav-items {
    gap: 10px;
  }
  .mobile-navbar .sub-menu {
    background-color: #fff;
    width: 100%;
    height: 0%;
    max-height: 90%;
    position: fixed;
    bottom: 0;
    z-index: 101;
    display: block;
    transition: 0.5s;
    padding: 0;
    overflow: auto;
    border-radius: 24px 24px 0 0;
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content {
    background-image: url("/img/layout/product/product-kredit-mobil-baru.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    color: white;
    aspect-ratio: 1/1;
    padding: 16px;
    flex: 1 1 calc(50% - 10px);
    text-decoration: none;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(#002f4b, #000000);
    opacity: 0.3;
    z-index: 1;
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content h5 {
    margin-bottom: 0;
    font-size: 14px;
    z-index: 2;
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.new-car {
    background-image: url("/img/layout/product/product-kredit-mobil-baru.webp");
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.used-car {
    background-image: url("/img/layout/product/product-kredit-mobil-bekas.webp");
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.dana-tunai {
    background-image: url("/img/layout/product/product-danatunai.webp");
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.slb {
    background-image: url("/img/layout/product/product-slb.webp");
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.operating-lease {
    background-image: url("/img/layout/product/product-operating-lease.webp");
  }
  .mobile-navbar .sub-menu .mobile-sub-menu-section .sub-menu-content.starx {
    background-image: url("/img/layout/product/product-starx.webp");
  }
  .mobile-navbar .sub-menu .divider {
    width: 32px;
    height: 4px;
    border-radius: 100px;
    background-color: #d3d6d8;
    margin: 0px auto 20px auto;
  }
  .mobile-navbar .right-sub-menu {
    background-color: #fff;
    width: 0%;
    height: 100%;
    position: fixed;
    right: 0;
    z-index: 102;
    display: block;
    transition: 0.5s;
  }
  .mobile-navbar .right-sub-menu .right-sub-menu-wrapper {
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    transition: 0.5s;
    opacity: 0;
  }
  .mobile-navbar .right-sub-menu .right-sub-menu-wrapper .sub-menu-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .mobile-navbar .right-sub-menu .right-sub-menu-wrapper .sub-menu-items .link-item {
    text-decoration: none;
    color: #6c757d;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 16px;
    border-radius: 5px;
  }
  .mobile-navbar .right-sub-menu .right-sub-menu-wrapper .sub-menu-items .link-item.active {
    background-color: #f5164c;
    color: #fff;
  }
  .mobile-navbar .right-sub-menu .right-sub-menu-wrapper .sub-menu-items .link-item.sub-link {
    padding-left: 53px;
  }
  .mobile-navbar .overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
    transition: 0.5s;
    opacity: 0;
    display: none;
  }
}
.rounded-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.rounded-pagination ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.rounded-pagination .rounded-paginator {
  display: flex;
  gap: 10px;
}
.rounded-pagination .page-number {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  background-color: #f3f3f3;
  color: #000000;
  text-decoration: none;
  transition: 0.3s;
}
.rounded-pagination .page-number:hover {
  background-color: #f5164c;
  color: white;
}
.rounded-pagination .page-number.active {
  background-color: #f5164c;
  color: white;
}
.rounded-pagination .page-number.disabled:hover {
  background-color: #f3f3f3;
  color: #000000;
}

.primary-button {
  background-color: #f5164c;
  color: white;
  border: 1px solid #f5164c;
}
.primary-button:hover {
  background-color: #c00800;
}

@media screen and (max-width: 767px) {
  .rounded-pagination {
    flex-direction: column;
    gap: 20px;
  }
  .rounded-pagination .pagination-total {
    align-self: flex-start;
  }
  .rounded-pagination .rounded-paginator {
    width: 100%;
    justify-content: space-between;
  }
}
header {
  height: 60px;
}
header.recruitment {
  background-color: #e1241f;
  padding: 35px 0;
}
header.recruitment .recruitment-all {
  display: flex;
}
header.recruitment .recruitment-all .company-logo img {
  width: 210px;
}
header.recruitment .recruitment-all .explore-button {
  padding: 10px 30px;
  text-decoration: none;
  margin-left: auto;
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
  font-size: 13px;
  border-radius: 5px;
}
header.recruitment .recruitment-all .explore-button:hover {
  background-color: #fff;
  color: #f5164c;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  header.recruitment {
    padding: 20px 0;
  }
  header.recruitment .recruitment-all {
    display: flex;
  }
  header.recruitment .recruitment-all .company-logo img {
    width: 170px;
  }
  header.recruitment .recruitment-all .explore-button {
    padding: 5px 15px;
  }
}
@media screen and (max-width: 375px) {
  header.recruitment .recruitment-all .company-logo img {
    width: 150px;
  }
  header.recruitment .recruitment-all .explore-button {
    padding: 5px 10px;
    margin: auto 0 auto auto;
    height: -moz-fit-content;
    height: fit-content;
    font-weight: 600;
    font-size: 11px;
  }
}
footer.recruitment {
  padding-top: 70px;
  padding-bottom: 75px;
  background-color: #e1241f;
  background-image: none;
}
footer.recruitment .dipo-web-service p {
  margin-top: 15px;
}
footer.recruitment .title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 25px;
}
footer.recruitment .contact-us .address {
  font-size: 18px;
}
footer.recruitment .links .links-all {
  display: flex;
}
footer.recruitment .links .links-all .right-list {
  margin-left: auto;
}
footer.recruitment .links .links-all ul li {
  margin-bottom: 0;
}
footer.recruitment .links .links-all ul li a {
  font-size: 18px;
  text-decoration: none;
}
footer.recruitment .links .links-all ul li a:hover {
  color: #f5f5f5;
}

@media screen and (max-width: 992px) {
  footer.recruitment {
    padding-top: 50px;
    padding-bottom: 55px;
  }
  footer.recruitment .dipo-web-service p {
    font-size: 11px;
  }
  footer.recruitment .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  footer.recruitment .contact-us .address {
    font-size: 14px;
  }
  footer.recruitment .links .links-all ul li a {
    font-size: 14px;
  }
  footer.recruitment .links .links-all ul li a:hover {
    color: #f5f5f5;
  }
}
@media screen and (max-width: 767px) {
  footer.recruitment {
    padding-top: 45px;
    padding-bottom: 25px;
  }
  footer.recruitment .dipo-web-service p {
    font-size: 11px;
  }
  footer.recruitment .title {
    font-size: 18px;
    margin-bottom: 20px;
  }
  footer.recruitment .contact-us {
    margin-top: 25px;
  }
  footer.recruitment .contact-us .address {
    font-size: 16px;
  }
  footer.recruitment .links {
    margin-top: 25px;
  }
  footer.recruitment .links .links-all ul li a {
    font-size: 16px;
  }
  footer.recruitment .copyright {
    margin-top: 40px;
  }
}
section {
  padding: 30px 0;
}
section.vehicle-choice-v2 {
  z-index: 97;
  position: relative;
}
section.banner-top {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
section.banner-top .slider {
  height: 100vh;
  width: 100%;
  margin-bottom: 0;
}
section.banner-top .slider img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.banner-top .slider .slick-dots {
  position: absolute;
  bottom: 50%;
  transform: rotate(90deg);
  left: 47%;
}
section.banner-top .slider .slick-dots button::before {
  font-size: 20px;
  color: transparent;
  border: 2px solid #dadada;
  border-radius: 30px;
  opacity: 1;
}
section.banner-top .slider .slick-dots .slick-active button::before {
  font-size: 20px;
  background-color: #f5164c;
  opacity: 1;
  border-color: #fff;
}
section.section-car-1 .see-more, section.section-car-2 .see-more {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
section.section-car-1 .see-more img, section.section-car-2 .see-more img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
}
section.section-car-1 .see-more .line, section.section-car-2 .see-more .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.section-car-1 .see-more a, section.section-car-2 .see-more a {
  text-decoration: none;
  margin-left: 15px;
  font-size: 14px;
  width: 120px;
  font-style: italic;
  color: #111;
  font-weight: 800;
  cursor: pointer;
}
section.section-car-1 .see-more a:hover, section.section-car-1 .see-more a:focus, section.section-car-2 .see-more a:hover, section.section-car-2 .see-more a:focus {
  color: #f5164c;
}
section.section-car-1 .first-card, section.section-car-2 .first-card {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  width: auto;
  border-radius: 10px;
}
section.section-car-1 .first-card img, section.section-car-2 .first-card img {
  max-width: 100%;
  height: 360px;
}
section.section-car-1 .card--car-1__image, section.section-car-2 .card--car-1__image {
  padding-top: 26px;
}
section.section-car-1 .card--car-1__image img, section.section-car-2 .card--car-1__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 150px;
}
section.section-car-3 .see-more, section.section-car-4 .see-more {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
section.section-car-3 .see-more img, section.section-car-4 .see-more img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
}
section.section-car-3 .see-more .line, section.section-car-4 .see-more .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.section-car-3 .see-more a, section.section-car-4 .see-more a {
  color: #111;
  text-decoration: none;
  margin-left: 15px;
  font-size: 14px;
  width: 120px;
  font-style: italic;
  font-weight: 800;
  cursor: pointer;
}
section.section-car-3 .see-more a:hover, section.section-car-3 .see-more a:focus, section.section-car-4 .see-more a:hover, section.section-car-4 .see-more a:focus {
  color: #f5164c;
}
section.section-car-3 .first-card img, section.section-car-4 .first-card img {
  max-width: 100%;
  height: 390px;
}
section.section-car-3 .card--car-2__image img, section.section-car-4 .card--car-2__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 150px;
}
section.promo {
  background-color: #f5f5f5;
  padding-bottom: 0;
}
section.promo.bg-white {
  background-color: #fff;
}
section.promo .see-more {
  margin-bottom: 45px;
}
section.promo .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.promo .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.promo .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
}
section.promo .see-more .section-divider .red-line-lease {
  width: 265px;
}
section.promo .see-more .section-divider .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.promo .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 125px;
  font-style: italic;
  font-weight: 800;
  cursor: pointer;
}
section.promo .see-more a {
  color: #111;
  text-decoration: none;
  margin-left: 15px;
  font-size: 14px;
  width: 120px;
  font-style: italic;
}
section.promo .see-more a:hover, section.promo .see-more a:focus {
  color: #f5164c;
}
section.promo .promo-card-slider .slick-list {
  margin: 0 -10px;
}
section.promo .promo-card-slider .slick-list .slick-slide {
  margin: 0 10px;
}
section.promo .promo-card {
  margin-bottom: 40px;
  background-color: white;
  border-radius: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  position: relative;
  text-decoration: none !important;
}
section.promo .promo-card .promo-btn {
  padding: 10px 0px;
  text-align: center;
}
section.promo .promo-card .promo-btn .promo-link {
  background-color: #e1e1e1;
  color: #585858;
  font-size: 12px;
  padding: 10px 15px;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10rem;
}
section.promo .promo-card .promo-btn .promo-link i {
  color: #c0c0c0;
  margin-left: 5px;
}
section.promo .promo-card .promo-btn .promo-link:hover, section.promo .promo-card .promo-btn .promo-link:focus {
  background-color: #f5164c;
  color: #fff;
  transition: 0.3s;
}
section.promo .promo-card .promo-image {
  overflow: hidden;
  width: 100%;
  border-radius: 15px 15px 0 0;
  aspect-ratio: 3/1;
}
section.promo .promo-card .promo-image img {
  margin: auto;
  width: 100%;
  height: 100%;
}
section.promo .promo-card .promo-text {
  padding: 15px;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #000;
  text-decoration: none;
}
section.promo .promo-card .promo-text p {
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  line-height: 20px;
}
section.promo .promo-card .promo-text p.promo-date {
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
}
section.promo .promo-card:hover {
  background-color: rgb(250, 250, 250);
  box-shadow: 0 20px 25px -5px rgba(25, 0, 0, 0.1), 0 10px 10px -5px rgba(25, 0, 0, 0.04);
  transition: 0.3s ease-in-out;
}
section.promo .clickable-card {
  text-decoration: none;
}
section.promo .container-fluid {
  padding: 0 150px;
}
section.information {
  padding-bottom: 60px;
}
section.information .see-more {
  margin-bottom: 45px;
}
section.information .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.information .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.information .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
  width: 200px;
}
section.information .see-more .section-divider .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.information .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 125px;
  font-style: italic;
  font-weight: 800;
  cursor: pointer;
}
section.information .see-more .section-divider a:hover, section.information .see-more .section-divider a:focus {
  color: #f5164c;
}
section.information .see-more .nav-tabs {
  border: none;
  margin-bottom: -7px;
}
section.information .see-more .nav-tabs .tabs-btn {
  padding: 5px 15px;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
  color: #000;
}
section.information .see-more .nav-tabs .tabs-btn.active {
  color: white;
  background-color: #f5164c;
}
section.information .carousel-blog {
  width: 100%;
  margin: 0;
}
section.information .carousel-blog .slick-arrow::before {
  color: #f5164c;
}
section.information .carousel-blog .slick-slide {
  margin: 10px;
}
section.information .carousel-blog .slick-slide img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.information .carousel-blog .slick-dots li .slick-active button::before {
  color: #f5164c !important;
}
section.information .carousel-blog .slick-dots li button::before {
  font-size: 15px;
  color: #f5164c;
}
section.information .carousel-news {
  width: 100%;
  margin: 0;
}
section.information .carousel-news .slick-next::before,
section.information .carousel-news .slick-prev::before {
  color: #f5164c;
  font-size: 30px;
  border-radius: 50%;
}
section.information .carousel-news .slick-slide {
  margin: 10px;
}
section.information .carousel-news .slick-slide img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.information .carousel-news .slick-dots li .slick-active button::before {
  color: #f5164c !important;
}
section.information .carousel-news .slick-dots li button::before {
  font-size: 15px;
  color: #f5164c;
}
section.information .carousel-blog-all-car {
  width: 100%;
  margin: 0;
}
section.information .carousel-blog-all-car .slick-arrow {
  display: none !important;
}
section.information .carousel-blog-all-car .slick-slide {
  margin: 10px;
}
section.information .carousel-blog-all-car .slick-slide img {
  width: 100%;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
section.information .carousel-blog-all-car .slick-dots button {
  width: 10px;
  height: 10px;
}
section.information .carousel-blog-all-car .slick-dots button::before {
  font-size: 20px;
  color: transparent;
  border: 2px solid #f5164c;
  border-radius: 30px;
  opacity: 1;
  width: 10px;
  height: 10px;
}
section.information .carousel-blog-all-car .slick-dots .slick-active button {
  width: 15px;
  height: 15px;
}
section.information .carousel-blog-all-car .slick-dots .slick-active button::before {
  font-size: 20px;
  background-color: #f5164c;
  opacity: 1;
  border-color: #fff;
  width: 15px;
  height: 15px;
}
section.testimonials {
  padding-top: 5px;
}
section.testimonials .see-more {
  margin-bottom: 30px;
}
section.testimonials .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.testimonials .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.testimonials .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
  width: 200px;
}
section.testimonials .see-more .section-divider .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.testimonials .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 125px;
  font-style: italic;
}
section.testimonials .see-more .section-divider a:hover, section.testimonials .see-more .section-divider a:focus {
  color: #f5164c;
}
section.testimonials .carousel-testi {
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
}
section.testimonials .carousel-testi .slick-arrow::before {
  color: white;
}
section.testimonials .carousel-testi .slick-track {
  display: flex !important;
}
section.testimonials .carousel-testi .slick-slide {
  margin: 10px;
  height: inherit !important;
}
section.testimonials .carousel-testi .slick-slide img {
  width: 100%;
}
section.testimonials .carousel-testi-mobile {
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
}
section.testimonials .carousel-testi-mobile .slick-arrow::before {
  color: white;
}
section.testimonials .carousel-testi-mobile .slick-slide {
  margin: 10px;
}
section.testimonials .carousel-testi-mobile .slick-slide img {
  width: 100%;
}
section.digital-products {
  padding-bottom: 0;
}
section.digital-products .see-more {
  margin-bottom: 30px;
}
section.digital-products .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.digital-products .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.digital-products .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
  width: 225px;
}
section.digital-products .see-more .section-divider .line {
  border-top: 2px solid #f5f5f5;
  width: 100%;
}
section.digital-products .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 125px;
  font-style: italic;
}
section.digital-products .see-more .section-divider a:hover, section.digital-products .see-more .section-divider a:focus {
  color: #f5164c;
}
section.digital-products .product-logo {
  padding-top: 15px;
  text-align: center;
}
section.digital-products .product-logo img {
  width: 70%;
}
section.digital-products .carousel-digital-product {
  width: 80%;
}
section.digital-products .carousel-digital-product .digital-product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
section.digital-products .carousel-digital-product .digital-product-wrapper .digital-product-image {
  padding: 1rem;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.digital-products .carousel-digital-product .digital-product-wrapper .digital-product-image img {
  margin-left: auto;
  margin-right: auto;
  max-height: 120px;
  width: auto;
}
section.digital-products .carousel-digital-product .digital-product-wrapper .digital-product-text {
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
section.digital-products .carousel-digital-product .slick-track {
  margin-bottom: 10px;
}
section.digital-products .carousel-digital-product .slick-dots li.slick-active button:before {
  font-size: 13px;
  color: #f5164c;
}
section.digital-products .carousel-digital-product .slick-dots li button:before {
  font-size: 13px;
  color: #f5164c;
}
section.breadcrumbs {
  padding: 0;
  background-color: transparent;
  margin-top: -140px;
}
section.breadcrumbs ol {
  margin: 0;
  background-color: transparent;
  justify-content: center;
}
section.breadcrumbs ol .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  color: #c4c4c4;
  content: "\f105";
  font-family: "FontAwesome";
}
section.breadcrumbs ol .breadcrumb-item.active {
  color: #fff;
  font-weight: bold;
}
section.breadcrumbs ol li {
  font-size: 9px;
}
section.breadcrumbs ol li a {
  text-decoration: none;
  color: #c4c4c4;
  font-weight: 500;
  font-size: 9px;
}
section.breadcrumbs-promo {
  padding: 0;
  background-color: #c4c4c4;
}
section.breadcrumbs-promo ol {
  margin: 0;
  background-color: #c4c4c4;
  font-size: 16px;
}
section.breadcrumbs-promo ol .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  color: #686767;
  content: "\f105";
  font-family: "FontAwesome";
}
section.breadcrumbs-promo ol .breadcrumb-item.active {
  color: #111;
  font-weight: 500;
}
section.breadcrumbs-promo ol li a {
  text-decoration: none;
  color: #686767;
  font-weight: 500;
}
section.breadcrumbs-services {
  padding: 0;
  background-color: #c4c4c4;
  margin-top: 34px;
}
section.breadcrumbs-services ol {
  margin: 0;
  background-color: #c4c4c4;
  font-size: 16px;
}
section.breadcrumbs-services ol .breadcrumb-item + .breadcrumb-item::before {
  float: left;
  color: #686767;
  content: "\f105";
  font-family: "FontAwesome";
}
section.breadcrumbs-services ol .breadcrumb-item.active {
  color: #111;
  font-weight: 500;
}
section.breadcrumbs-services ol li a {
  text-decoration: none;
  color: #686767;
  font-weight: 500;
}
section.credit-simulation .credit-title {
  width: -moz-fit-content;
  width: fit-content;
  background-color: #f5164c;
  padding: 15px;
  position: absolute;
  top: -20px;
  left: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  border-radius: 40px;
  font-style: italic;
  z-index: 2;
}
section.credit-tabs {
  padding-top: 0;
  position: relative;
}
section.credit-tabs a {
  text-decoration: none;
}
section.credit-tabs .nav-pills {
  position: relative;
  z-index: 92;
  top: 35px;
  left: 5px;
}
section.credit-tabs .img-bg {
  position: absolute;
  z-index: -1;
  top: -125px;
  right: -40px;
}
section.credit-tabs .nav-link {
  font-weight: bold;
  font-size: 18px;
  color: #fff;
  padding: 10px 15px;
  background-color: #b5b5b5;
  border-radius: 40px;
  font-style: italic;
  margin-right: 25px;
  border: solid #fafafa 3px;
  box-shadow: 1px 1px 10px 1px rgb(255, 0, 0);
}
section.credit-tabs .nav-link.active {
  transform: translateY(0);
  background-color: #f5164c;
}
section.credit-tabs .tab-content > .tab-pane.active {
  display: flex;
}
section.credit-tabs .title {
  display: flex;
  align-items: center;
}
section.page-header {
  padding-bottom: 0;
  padding-top: 0;
}
section.page-header .banner-text {
  background-image: url("/img/page-banner-bg.png");
  position: relative;
  z-index: 97;
  width: 100%;
  height: 150px;
  padding-bottom: 3px;
}
section.page-header .banner-text .silhouette {
  text-align: center;
  font-size: 100px;
  color: rgba(0, 0, 0, 0.08);
  padding-top: 68px;
  font-weight: 800;
}
section.page-header .banner-text .text-top {
  position: absolute;
  top: 15%;
  width: 100%;
  display: grid;
  justify-content: center;
  text-align: center;
}
section.page-header .banner-text .text-top img {
  display: flex;
  margin: auto;
}
section.page-header .banner-text .text-top p {
  font-weight: 800;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  margin-top: 15px;
}
section.page-header .banner-text.other-services {
  background-image: url("/img/bg-other-service-header.jpg");
  background-size: cover;
  background-position: center;
  height: 160px;
}
section.page-header .banner-text.banner-opl {
  background-image: url("/img/opl/header_background.png");
  height: 275px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.page-header .banner-text.banner-opl .opl-title {
  font-size: 40px;
  font-weight: 800;
  color: white;
}
section.page-header.credit-simulation {
  margin-top: 180px;
}
section.page-header.credit-simulation .banner-text {
  background-image: url("/img/simulasi_kredit_bg-v1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 250px;
}
section.page-header.credit-simulation .banner-text .silhouette {
  text-align: center;
  font-size: 120px;
  color: rgba(255, 255, 255, 0.08);
  padding-top: 180px;
}
section.page-header.credit-simulation .banner-text .text-top {
  position: absolute;
  top: 46%;
  width: 100%;
  display: grid;
  justify-content: center;
}
section.page-header.credit-simulation .banner-text .text-top img {
  display: flex;
  margin: auto;
}
section.page-header.credit-simulation .banner-text .text-top p {
  font-weight: 700;
  font-size: 40px;
  line-height: 60px;
  color: #fff;
  margin-top: 15px;
  border: 2px solid #fff;
  padding: 10px;
}
section.mocil .mocil-mascot img {
  width: 100%;
}
section.mocil .mocil-text {
  margin-left: 15px;
  display: flex;
  align-items: center;
  height: 100%;
}
section.mocil .mocil-text p {
  color: rgba(60, 60, 67, 0.85);
  padding: 40px;
  border: 3px dashed #d13631;
  border-radius: 10px;
  height: -moz-fit-content;
  height: fit-content;
  width: 595px;
}
section.mocil .see-mocil {
  margin-top: 100px;
  display: flex;
  justify-content: center;
}
section.mocil .see-mocil a {
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background-color: #d13631;
  border-radius: 30px;
  padding: 10px 15px;
  text-decoration: none;
}
section.mocil .see-mocil a:hover, section.mocil .see-mocil a:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
section.kemoodi .kemoodi-img {
  margin-top: 70px;
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}
section.kemoodi .kemoodi-text {
  display: flex;
  justify-content: center;
}
section.kemoodi .kemoodi-text p {
  width: 815px;
}
section.kemoodi .see-kemoodi {
  margin-top: 25px;
  display: flex;
  justify-content: center;
}
section.kemoodi .see-kemoodi a {
  font-style: italic;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  background-color: #2449ff;
  border-radius: 5px;
  padding: 10px 15px;
  text-decoration: none;
}
section.kemoodi .see-kemoodi a:hover, section.kemoodi .see-kemoodi a:focus {
  background-color: #f5164c;
  transition: 0.4s;
}
section.kemoodi iframe {
  width: 100%;
  height: 480px;
}
section.cash-funds {
  padding: 0;
}
section.cash-funds .cash-funds-all {
  background-color: #f8f8f8;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 60px 20px;
}
section.cash-funds .cash-funds-all .funds-title {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  color: #f5164c;
}
section.cash-funds .cash-funds-all .funds-steps {
  display: flex;
  overflow-x: auto;
  padding: 30px 57px;
  width: 100%;
}
section.cash-funds .cash-funds-all .funds-steps .step .step-image {
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}
section.cash-funds .cash-funds-all .funds-steps .step .step-image .step-arrow {
  height: -moz-fit-content;
  height: fit-content;
}
section.cash-funds .cash-funds-all .funds-steps .step .step-text {
  width: 120px;
}
section.cash-funds .cash-funds-all .funds-steps .step .step-text p {
  font-size: 12px;
  text-align: center;
}
section.cash-funds .cash-funds-all .funds-steps .step .step-text .step-title {
  font-weight: bold;
  margin-bottom: 15px;
}
section.cash-funds .cash-funds-all .funds-button {
  display: flex;
  justify-content: center;
  margin-top: 45px;
}
section.cash-funds .cash-funds-all .funds-button a {
  padding: 10px 15px;
  background-color: #f5164c;
  border-radius: 10px;
  border: 4px solid #fff;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-weight: 600;
  font-style: italic;
  text-decoration: none;
}
section.cash-funds .cash-fund-area {
  background-image: url(/img/bg-cash-fund-cta.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 217, 226, 0.8);
  padding: 40px;
}
section.cash-funds .cash-fund-area .btn--primary {
  margin-left: auto;
  padding: 10px 35px;
  color: #fff;
  font-size: 18px;
  background-color: #f5164c;
  border-radius: 100px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}
section.cash-funds .cash-fund-area .btn--primary:hover, section.cash-funds .cash-fund-area .btn--primary:focus {
  transition: 0.3s;
  background-color: #940c16;
}
section.cash-funds .cash-fund-area h3 {
  color: #636363;
  font-weight: 400;
}
section.cash-funds .cash-fund-area h3 span {
  color: #f5164c;
  font-weight: 800;
}
section.new-cash-funds.about {
  padding-bottom: 0;
}
section.new-cash-funds.about h4 {
  color: #636363;
  font-weight: 800;
}
section.new-cash-funds.about h4 span {
  color: #f5164c;
  font-weight: 800;
}
section.new-cash-funds.about p {
  color: #656565;
}
section.new-cash-funds.profit .cash-fund-area {
  padding: 80px 80px 0;
  background-color: #ffd9e2;
}
section.new-cash-funds.profit .cash-fund-area h4 {
  color: #636363;
  font-weight: 800;
}
section.new-cash-funds.profit .cash-fund-area h4 span {
  color: #f5164c;
  font-weight: 800;
}
section.new-cash-funds.profit .cash-fund-area h5 {
  color: #636363;
  line-height: 1.2;
  font-weight: bold;
}
section.new-cash-funds.profit .cash-fund-area p {
  color: #656565;
}
section.new-cash-funds.step {
  padding: 80px;
}
section.new-cash-funds.step h4 {
  color: #636363;
  font-weight: 800;
}
section.new-cash-funds.step h4 span {
  color: #f5164c;
  font-weight: 800;
}
section.new-cash-funds.step p {
  color: #636363;
}
section.new-cash-funds.step .form-check {
  margin-bottom: 15px;
  cursor: pointer;
}
section.new-cash-funds.step .form-check label {
  font-weight: 500;
  color: #636363;
  cursor: pointer;
}
section.new-cash-funds.step .form-check .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
section.new-cash-funds.step .form-check .box-check {
  width: 20px;
  height: 20px;
  border: 1px solid #666;
  display: inline-block;
  position: relative;
  border-radius: 50%;
  top: 4px;
  left: -5px;
}
section.new-cash-funds.step .form-check .form-check-input:checked + .form-check-label {
  font-weight: bold;
  color: #f5164c;
}
section.new-cash-funds.step .form-check .form-check-input:checked + .form-check-label .box-check {
  border: 1px solid #f5164c;
  position: relative;
}
section.new-cash-funds.step .form-check .form-check-input:checked + .form-check-label .box-check::after {
  width: 14px;
  height: 14px;
  background: #f5164c;
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  content: " ";
  border-radius: 50%;
}
section.new-cash-funds.info {
  padding: 0;
}
section.new-cash-funds.info .cash-fund-area {
  padding: 80px;
  background-color: #ffd9e2;
}
section.new-cash-funds.info .cash-fund-area h4 {
  color: #636363;
  font-weight: 800;
}
section.new-cash-funds.info .cash-fund-area h4 span {
  color: #f5164c;
  font-weight: 800;
}
section.new-cash-funds.info .cash-fund-area h5 {
  color: #636363;
  line-height: 1.2;
  font-weight: bold;
}
section.new-cash-funds.info .cash-fund-area p {
  color: #636363;
}
section.new-cash-funds.info .cash-fund-area .tab-area {
  padding: 30px 20px;
  background-color: #fff;
  border-radius: 20px;
}
section.new-cash-funds.info .cash-fund-area .tab-area .nav {
  padding: 10px;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
}
section.new-cash-funds.info .cash-fund-area .tab-area .nav .nav-link {
  font-weight: bold;
  color: #111;
  border-radius: 0;
  text-align: right;
  margin-bottom: 15px;
  padding: 0 15px 0 0;
}
section.new-cash-funds.info .cash-fund-area .tab-area .nav .nav-link.active {
  background-color: transparent;
  font-weight: 800;
  color: #f5164c;
  border-right: 4px solid #f5164c;
  padding: 0 12px 0 0;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #f5f5f5;
  height: 500px;
  overflow: auto;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h2 {
  font-size: 22px;
  margin-bottom: 30px;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h4 {
  font-size: 16px;
  margin-top: 30px;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h1,
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h2,
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h3,
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h4,
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h5,
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content h6 {
  font-weight: 800;
  color: #636363;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content p {
  color: #636363;
  font-weight: 400;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content ol {
  color: #636363;
  font-weight: 800;
}
section.new-cash-funds.info .cash-fund-area .tab-area .tab-content ul li {
  font-size: 16px;
  font-weight: 400;
  color: #636363;
}
section.new-cash-funds.cta {
  padding: 0;
}
section.new-cash-funds.cta .cash-fund-area {
  padding: 40px 80px 0 80px;
  background-image: url(/img/bg-cash-fund-cta.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
section.new-cash-funds.cta .cash-fund-area h4 {
  color: #051244;
  font-weight: 800;
}
section.new-cash-funds.cta .cash-fund-area p {
  color: #000;
  font-weight: 400;
}
section.new-cash-funds.cta .cash-fund-area .btn-download a {
  margin-right: 10px;
}
section.new-cash-funds.cta .cash-fund-area .btn-download a img {
  border-radius: 12px;
  height: 40px;
}
section.operating-lease {
  font-family: "Poppins", sans-serif;
  padding-bottom: 0;
  margin-bottom: -70px;
}
section.operating-lease h5 {
  font-weight: 800;
  color: #6d6868;
}
section.operating-lease p {
  color: #6d6868;
}
section.operating-lease .apply-contact-contain {
  background-image: url(/img/bg-lease-contact.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  padding: 60px;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
section.operating-lease .apply-contact-contain .apply-contact {
  margin-top: 0;
}
section.operating-lease .apply-contact-contain .apply-contact p {
  text-align: center;
  color: #fff;
}
section.operating-lease .apply-contact-contain .apply-contact .greet-contact {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
section.operating-lease .apply-contact-contain .apply-contact .phone-number,
section.operating-lease .apply-contact-contain .apply-contact .email {
  font-size: 16px;
  margin-top: 10px;
}
section.operating-lease .apply-contact-contain .apply-contact .phone-number::before {
  color: #fff;
  font-family: FontAwesome;
  margin-right: 5px;
}
section.operating-lease .apply-contact-contain .apply-contact .email::before {
  content: "\f232";
  color: #fff;
  font-family: FontAwesome;
  margin-right: 5px;
}
section.operating-lease .apply {
  display: flex;
  justify-content: center;
}
section.operating-lease .apply .apply-all {
  background-image: url(/img/bg-dots.png);
  background-position: 3% 95%;
  background-repeat: no-repeat;
  display: flex;
  border: 3px solid #f5164c;
  padding: 30px 65px;
  border-radius: 40px;
}
section.operating-lease .apply .apply-all .operating-lease-form {
  width: 350px;
}
section.operating-lease .apply .apply-all .operating-lease-form .apply-title {
  font-size: 20px;
  color: #f5164c;
  font-weight: 500;
}
section.operating-lease .apply .apply-all .operating-lease-form .apply-tagline {
  font-size: 14px;
  color: #585858;
  width: 350px;
}
section.operating-lease .apply .apply-all .operating-lease-form form {
  display: grid;
  margin-top: 20px;
}
section.operating-lease .apply .apply-all .operating-lease-form form select,
section.operating-lease .apply .apply-all .operating-lease-form form input {
  width: 75%;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #f5164c;
  outline: none;
  margin-bottom: 15px;
}
section.operating-lease .apply .apply-all .operating-lease-form form select::-moz-placeholder, section.operating-lease .apply .apply-all .operating-lease-form form input::-moz-placeholder {
  color: #585858;
  font-style: italic;
}
section.operating-lease .apply .apply-all .operating-lease-form form select::placeholder,
section.operating-lease .apply .apply-all .operating-lease-form form input::placeholder {
  color: #585858;
  font-style: italic;
}
section.operating-lease .apply .apply-all .operating-lease-form form select:invalid {
  color: #585858;
  font-style: italic;
}
section.operating-lease .apply .apply-all .operating-lease-form form select:invalid option[value=""][disabled][selected] {
  color: #585858;
  font-style: italic;
  display: none;
}
section.operating-lease .apply .apply-all .operating-lease-form form select:invalid option {
  font-style: normal;
  color: #111;
}
section.operating-lease .apply .apply-all .operating-lease-form .buttons {
  margin-top: 20px;
}
section.operating-lease .apply .apply-all .operating-lease-form .buttons img {
  height: -moz-fit-content;
  height: fit-content;
}
section.operating-lease .apply .apply-all .operating-lease-form .buttons .submit-btn {
  margin-left: auto;
  padding: 10px 35px;
  color: #fff;
  font-size: 18px;
  background-color: #f5164c;
  border-radius: 100px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
}
section.operating-lease .apply .apply-all .apply-contact-contain {
  background-image: url(/img/bg-lease-contact.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100%;
  padding: 60px;
  display: flex;
  justify-content: center;
  margin-left: 85px;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact {
  margin-top: 5rem;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact p {
  text-align: center;
  color: #fff;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact .greet-contact {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact .phone-number,
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact .email {
  font-size: 16px;
  margin-top: 10px;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact .phone-number::before {
  color: #fff;
  font-family: FontAwesome;
  margin-right: 5px;
}
section.operating-lease .apply .apply-all .apply-contact-contain .apply-contact .email::before {
  content: "\f232";
  color: #fff;
  font-family: FontAwesome;
  margin-right: 5px;
}
section.operating-lease .apply .girl-laptop {
  height: auto;
  display: flex;
  position: absolute;
  top: 351px;
  right: 45px;
  width: 35%;
}
section.operating-lease .opl-section {
  padding: 70px 30px;
}
section.operating-lease .opl-section .opl-section-title {
  font-size: 28px;
  font-weight: 800;
  line-height: 42px;
}
section.operating-lease .opl-section .title-red {
  color: #f5164c;
}
section.operating-lease .opl-section .square {
  height: 8px;
  width: 56px;
  background-color: #f5164c;
  margin-top: 10px;
}
section.operating-lease .opl-section .gray-button {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 12px 16px 12px 16px;
  gap: 12px;
  background-color: #dee2e6;
  color: #6d6868;
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  margin-top: 15px;
  transition: background-color 0.3s ease, color 0.3s ease;
}
section.operating-lease .opl-section .gray-button:hover {
  background-color: #f5164c;
  color: white;
}
section.operating-lease .opl-section .title-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.operating-lease .opl-description {
  display: flex;
  padding-bottom: 0;
}
section.operating-lease .opl-description .opl-description-text {
  width: 50%;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.operating-lease .opl-description .opl-description-text .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
section.operating-lease .opl-description .opl-description-image {
  width: 50%;
  padding: 25px;
}
section.operating-lease .opl-benefits {
  padding-top: 20px;
}
section.operating-lease .opl-benefits .title-section {
  padding: 25px 25px 10px 25px;
}
section.operating-lease .opl-benefits .main-content-section {
  padding: 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item {
  height: 200px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 1px solid #dee2e6;
  transition: 0.3s ease;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.vehicles-option {
  width: 330px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.prime-option {
  width: 410px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.document-option {
  width: 260px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.protection-option {
  width: 250px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.substitute-option {
  width: 300px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item.cs-option {
  width: 450px;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item img {
  width: -moz-fit-content;
  width: fit-content;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item h5 {
  color: black;
  margin-bottom: 0px;
  font-weight: 700;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item p {
  color: #6d6868;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item:hover {
  border: 1px solid #f5164c;
  background-color: #feeff2;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item:hover h5 {
  color: #f5164c;
}
section.operating-lease .opl-benefits .main-content-section .opl-benefits-item:hover .svg-icon {
  fill: #f5164c;
}
section.operating-lease .opl-services {
  background-image: url("/img/opl/bg-service.png");
  background-color: #f8f9fa;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}
section.operating-lease .opl-services .image-container {
  margin-top: 70px;
}
section.operating-lease .opl-services .image-container .img {
  width: 800px;
  height: auto;
}
section.operating-lease .opl-units .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px;
}
section.operating-lease .opl-units .header .title-section {
  align-items: start;
}
section.operating-lease .opl-units .header .unit-request-button {
  background-color: #dee2e6;
  display: flex;
  gap: 12px;
  padding: 12px 16px 12px 16px;
  font-weight: 700;
  align-items: baseline;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item {
  margin: 0 10px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .unit-slider-image {
  aspect-ratio: 5/3;
  overflow: hidden;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .unit-slider-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .card-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: black;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .card-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .card-body .card-text {
  font-size: 14px;
  color: #6d6868;
  display: flex;
  gap: 8px;
  align-items: center;
}
section.operating-lease .opl-units .opl-units-slider .opl-units-item .card-body .order-button {
  background-color: #feeff2;
  height: 36px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #f5164c;
  font-weight: 500;
  justify-content: center;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-units-slider .slick-prev {
  left: -10px;
  z-index: 100;
}
section.operating-lease .opl-units .opl-units-slider .slick-next {
  right: 10px;
  z-index: 100;
}
section.operating-lease .opl-units .opl-units-slider .slick-prev::before,
section.operating-lease .opl-units .opl-units-slider .slick-next::before {
  font-size: 40px;
  color: #f5164c;
  opacity: 1;
  background-color: white;
  border-radius: 100%;
}
section.operating-lease .opl-units .opl-units-slider .slick-track {
  margin-left: 0;
}
section.operating-lease .opl-units .opl-units-slider .slick-track:has(.no-data) {
  margin-left: auto;
}
section.operating-lease .opl-units .opl-units-slider .no-data {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  padding: 30px;
  color: #6d6868;
}
section.operating-lease .opl-units .opl-list-slider-container {
  position: relative;
  z-index: 97;
  padding-top: 20px !important;
}
section.operating-lease .opl-units .opl-list-slider-container .tab-content .tab-pane {
  display: block;
  height: 0;
}
section.operating-lease .opl-units .opl-list-slider-container .tab-content .tab-pane.active {
  height: auto;
}
section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab {
  width: 100%;
  margin: auto;
  border-radius: 15px;
  border: none;
}
section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .tab-pane {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .units-slider-content {
  padding-top: 20px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab {
  display: flex;
  justify-content: space-between;
  background-color: #ac9e9e;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .nav-pills {
  width: 100%;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .nav-pills .nav-item {
  width: calc(25% + 30px);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  margin-left: -30px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .nav-pills .nav-item:first-child {
  -webkit-clip-path: none;
          clip-path: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .nav-pills .nav-item:last-child {
  width: 25%;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .all-opl-units-tab {
  padding: 25px 70px;
  position: relative;
  background-color: #f3f3f3;
  border: none;
  outline: none;
  width: 100%;
  border-top-left-radius: 13px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .all-opl-units-tab.active {
  background-color: #f5164c;
  border-top-left-radius: 15px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .all-opl-units-tab.active p {
  color: #fff;
  font-weight: bold;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .all-opl-units-tab p {
  font-size: 20px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .personal-opl-units-tab {
  padding: 25px 40px;
  position: relative;
  background-color: #cac0c0;
  border: none;
  outline: none;
  width: 100%;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .personal-opl-units-tab.active {
  background-color: #f5164c;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .personal-opl-units-tab.active p {
  color: #fff;
  font-weight: bold;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .personal-opl-units-tab p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .personal-opl-units-tab a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .bussiness-opl-units-tab {
  padding: 25px 40px;
  position: relative;
  background-color: #bfb2b2;
  border: none;
  outline: none;
  width: 100%;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .bussiness-opl-units-tab.active {
  background-color: #f5164c;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .bussiness-opl-units-tab.active p {
  color: #fff;
  font-weight: bold;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .bussiness-opl-units-tab p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .bussiness-opl-units-tab a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .commercial-opl-units-tab {
  padding: 25px 40px;
  position: relative;
  background-color: #ac9e9e;
  border: none;
  outline: none;
  width: 100%;
  border-top-right-radius: 13px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .commercial-opl-units-tab.active {
  background-color: #f5164c;
  border-top-right-radius: 13px;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .commercial-opl-units-tab.active p {
  color: #fff;
  font-weight: bold;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .commercial-opl-units-tab p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.operating-lease .opl-units .opl-list-slider-container .units-tab .commercial-opl-units-tab a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.operating-lease .opl-contact {
  background-color: #feeff2;
  padding: 10px 25px 70px 25px;
}
section.operating-lease .opl-contact .contact-wrapper {
  margin-right: auto;
  margin-left: auto;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image {
  color: white;
  z-index: 98;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header .title {
  font-weight: 800;
  font-size: 28px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .contact-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 30px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .contact-list .contact-item {
  display: flex;
  gap: 10px;
  font-size: 20px;
  align-items: center;
  color: white;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
}
section.operating-lease .opl-contact .contact-wrapper .contact-image:before {
  content: "";
  background-color: #f5164c;
  border-radius: 20px;
  width: 95%;
  height: -webkit-fill-available;
  position: absolute;
  z-index: -1;
  margin-top: -30px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-form {
  z-index: 98;
}
section.operating-lease .opl-contact .contact-wrapper .contact-form .input-fields {
  display: flex;
  flex-wrap: wrap;
}
section.operating-lease .opl-contact .contact-wrapper .contact-form .form-group {
  width: 50%;
  padding: 10px;
}
section.operating-lease .opl-contact .contact-wrapper .contact-form .form-group .request-button {
  background-color: #f5164c;
  width: 100%;
  color: white;
}
section.operating-lease .opl-contact .contact-wrapper .contact-form .form-group .request-button:hover, section.operating-lease .opl-contact .contact-wrapper .contact-form .form-group .request-button:focus {
  transition: 0.3s;
  background-color: #940c16;
}
section.operating-lease .opl-contact .terms-conditions {
  padding: 10px;
}
section.operating-lease .opl-contact .terms-conditions .pdp-checkbox {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
section.car-option .see-more {
  margin-bottom: 40px;
}
section.car-option .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.car-option .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.car-option .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
  width: 110px;
}
section.car-option .see-more .section-divider .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.car-option .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 115px;
  font-style: italic;
}
section.car-option .see-more a {
  color: #111;
  text-decoration: none;
  margin-left: 15px;
  font-size: 14px;
  width: 120px;
  font-style: italic;
}
section.car-option .see-more a:hover, section.car-option .see-more a:focus {
  color: #f5164c;
}
section.car-option .car-option-bar {
  display: flex;
}
section.car-option .car-option-bar .filter-option {
  margin-left: auto;
}
section.car-option .car-option-bar .filter-option label {
  font-size: 14px;
  font-weight: 500;
  margin-right: 15px;
}
section.car-option .car-option-bar .filter-option select {
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 15px;
  border-radius: 100px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #f5164c;
  outline: none;
  margin-bottom: 15px;
}
section.car-option .nav-pills {
  margin-bottom: 30px !important;
}
section.car-option .nav-link {
  font-weight: 500;
  font-size: 14px;
  color: #585858;
  padding: 10px 40px;
  border: 1px solid #f5164c;
  border-radius: 40px;
  margin-right: 35px;
}
section.car-option .nav-link.active {
  background-color: #f5164c;
}
section.car-option .tab-content .car-singles {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  padding: 10px;
  border-radius: 10px;
  height: 235px;
  margin-bottom: 30px;
}
section.car-option .tab-content .car-singles a {
  text-decoration: none;
}
section.car-option .tab-content .car-singles a .car-brand {
  max-height: 30px;
  margin-bottom: 20px;
}
section.car-option .tab-content .car-singles a .car-image {
  max-width: 100%;
  margin-bottom: 25px;
}
section.car-option .tab-content .car-singles a .car-name {
  font-size: 18px;
  color: black;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
section.car-option-cards {
  padding-top: 0;
}
section.car-option-cards .car-singles {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  padding: 10px;
  border-radius: 10px;
  height: 260px;
  margin-bottom: 30px;
}
section.car-option-cards .car-singles a {
  text-decoration: none;
}
section.car-option-cards .car-singles a .car-brand {
  max-height: 30px;
  margin-bottom: 20px;
}
section.car-option-cards .car-singles a .car-image {
  max-width: 100%;
  margin-bottom: 25px;
}
section.car-option-cards .car-singles a .car-name {
  font-size: 18px;
  color: black;
  font-weight: 500;
  text-align: center;
  margin-bottom: 20px;
}
section.promo-tabs {
  background-color: #f5164c;
  padding: 10px 0;
  position: relative;
  z-index: 9;
  margin-top: 0;
}
section.promo-tabs .tabs-promo-all {
  display: flex;
  align-items: center;
  /* width */
  /* Track */
  /* Handle */
}
section.promo-tabs .tabs-promo-all p {
  font-size: 18px;
  color: #fff;
  margin-right: 40px;
}
section.promo-tabs .tabs-promo-all ::-webkit-scrollbar {
  width: 20px;
  padding: 5rem 0;
  scrollbar-width: thin;
}
section.promo-tabs .tabs-promo-all ::-webkit-scrollbar-track {
  background-color: transparent;
}
section.promo-tabs .tabs-promo-all ::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}
section.promo-tabs .nav-pills {
  margin-bottom: 0 !important;
  width: -moz-max-content;
  width: max-content;
  overflow: auto;
  display: flex;
  margin-top: 1rem;
}
section.promo-tabs .nav-pills li {
  align-items: center;
  display: flex;
}
section.promo-tabs .nav-pills .nav-item {
  margin-right: 15px;
  font-weight: 700;
}
section.promo-tabs .nav-pills .nav-item .nav-link {
  font-size: 11px;
  border-radius: 100px;
  background-color: #d0d0d0;
  color: #292929;
}
section.promo-tabs .nav-pills .nav-item .nav-link.active {
  background-color: #fff;
  color: #f5164c;
  opacity: 1;
}
section.promo-banner {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
section.promo-banner img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.promo-detail .promo-title {
  margin-bottom: 40px;
}
section.promo-detail .promo-title h4 {
  text-align: center;
}
section.promo-detail .promo-title h1 {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.015em;
  line-height: 1.35;
}
section.promo-detail .promo-detail-left {
  width: 100%;
  word-wrap: break-word;
}
section.promo-detail .promo-detail-left img {
  width: 100%;
}
section.promo-detail .promo-detail-left table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
section.promo-detail .promo-detail-left table tbody {
  display: table;
  width: 100%;
}
section.promo-detail .promo-detail-left table tbody tr td {
  padding: 4px;
}
section.promo-detail .promo-detail-left .promo-submenu {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
section.promo-detail .promo-detail-left .opener,
section.promo-detail .promo-detail-left .interesting-promo {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail .promo-detail-left .interesting-promo {
  margin-bottom: 0;
}
section.promo-detail .promo-detail-left ol {
  padding-left: 20px;
  margin-bottom: 40px;
}
section.promo-detail .promo-detail-left ol li {
  font-weight: 600;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail .promo-detail-left ol li .dashed {
  list-style: none;
}
section.promo-detail .promo-detail-left ol li .dashed li {
  font-weight: 500;
}
section.promo-detail .promo-detail-left ol li .dashed li::before {
  content: "‑";
  font-size: 20px;
  line-height: 15px;
  margin-right: 5px;
}
section.promo-detail .promo-detail-left ol li .starred {
  list-style: none;
}
section.promo-detail .promo-detail-left ol li .starred li {
  font-weight: 500;
}
section.promo-detail .promo-detail-left ol li .starred li::before {
  content: "*";
  font-size: 20px;
  line-height: 15px;
  margin-right: 5px;
}
section.promo-detail .promo-detail-left .validity,
section.promo-detail .promo-detail-left .contact,
section.promo-detail .promo-detail-left .tagline {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail .promo-detail-left img {
  width: 100%;
}
section.promo-detail .promo-detail-left table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
section.promo-detail .promo-detail-left table tbody {
  display: table;
  width: 100%;
}
section.promo-detail .promo-detail-left table tbody tr {
  overflow-x: scroll;
}
section.promo-detail .promo-detail-left table tbody tr td {
  padding: 2px 10px;
}
section.promo-detail .promo-detail-right {
  padding: 25px 35px 15px 35px;
  background-color: #b9b2b2;
  border-radius: 10px;
  display: grid;
}
section.promo-detail .promo-detail-right img {
  margin: auto;
  max-height: 370px;
  margin-bottom: 25px;
}
section.promo-detail-submission .promo-title {
  margin-bottom: 40px;
}
section.promo-detail-submission .promo-title h4 {
  text-align: center;
}
section.promo-detail-submission .promo-title h1 {
  text-align: center;
  font-size: 1.8rem;
  letter-spacing: 0.015em;
  line-height: 1.35;
}
section.promo-detail-submission .promo-detail-submission-info.inactive {
  display: none;
}
section.promo-detail-submission .promo-detail-submission-left {
  width: 100%;
  padding: 5px;
  word-break: break-word;
}
section.promo-detail-submission .promo-detail-submission-left .promo-submenu {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
section.promo-detail-submission .promo-detail-submission-left .opener {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 500;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail-submission .promo-detail-submission-left .interesting-promo {
  margin-bottom: 0;
  font-size: 16px;
  margin-bottom: 20px;
  color: rgba(60, 60, 67, 0.85);
  font-weight: 600;
}
section.promo-detail-submission .promo-detail-submission-left .dashed {
  list-style: none;
  padding-left: 0;
}
section.promo-detail-submission .promo-detail-submission-left .dashed li {
  font-weight: 500;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail-submission .promo-detail-submission-left .dashed li::before {
  content: "‑";
  font-size: 20px;
  line-height: 15px;
  margin-right: 5px;
}
section.promo-detail-submission .promo-detail-submission-left .validity,
section.promo-detail-submission .promo-detail-submission-left .contact,
section.promo-detail-submission .promo-detail-submission-left .tagline {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(60, 60, 67, 0.85);
}
section.promo-detail-submission .promo-detail-submission-left .validity span,
section.promo-detail-submission .promo-detail-submission-left .contact span,
section.promo-detail-submission .promo-detail-submission-left .tagline span {
  font-weight: 600;
}
section.promo-detail-submission .promo-detail-submission-left #show-simulation {
  width: 100%;
  width: -webkit-fill-available;
  margin: 50px;
  color: #fff;
  background-color: #f5164c;
  border-radius: 10px;
  padding: 10px;
  border: none;
  font-weight: 600;
}
section.promo-detail-submission .promo-detail-submission-left img {
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-left table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-left table tbody {
  display: table;
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-left table tbody tr {
  overflow-x: scroll;
}
section.promo-detail-submission .promo-detail-submission-left table tbody tr td {
  padding: 2px 10px;
}
section.promo-detail-submission .promo-simulation {
  display: none;
}
section.promo-detail-submission .promo-simulation.active {
  display: block;
}
section.promo-detail-submission .promo-detail-submission-right {
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-right .counter-simulator {
  padding: 25px 30px 15px 30px;
  background-color: #f1f1f1;
  border-radius: 10px;
}
section.promo-detail-submission .promo-detail-submission-right .submit-btn {
  width: -webkit-fill-available;
  background-color: #f5164c;
  padding: 10px;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
  margin: 40px 40px;
}
section.promo-detail-submission .promo-detail-submission-right .submit-btn:hover, section.promo-detail-submission .promo-detail-submission-right .submit-btn:focus, section.promo-detail-submission .promo-detail-submission-right .submit-btn:active {
  background-color: #940c16 !important;
  transition: 0.3s;
  box-shadow: none;
}
section.promo-detail-submission .promo-detail-submission-image {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
section.promo-detail-submission .promo-detail-submission-image img {
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-image .cta-wrapper {
  width: 100%;
}
section.promo-detail-submission .promo-detail-submission-image .cta-wrapper .cta {
  width: 100%;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  font-weight: 700;
  padding: 8px 16px;
  text-decoration: none;
  background-color: #f5164c;
  border: 1px solid #f5164c;
  color: #fff;
  text-align: center;
  transition: 0.3s;
}
section.promo-detail-submission .promo-detail-submission-image .cta-wrapper .cta:hover {
  background-color: #c00800;
}
section.information-nav {
  padding-bottom: 0px;
}
section.information-nav .nav-information .nav {
  max-width: 100%;
  overflow-x: auto;
  flex-wrap: nowrap;
  gap: 8px;
  padding-bottom: 5px;
  border-bottom: none;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}
section.information-nav .nav-information .nav .nav-item .nav-link {
  border: none;
  width: -moz-max-content;
  width: max-content;
  padding: 8px 24px;
  border-radius: 20px;
  color: #6c757d;
  background-color: #f3f3f3;
  transition: 0.3s;
}
section.information-nav .nav-information .nav .nav-item .nav-link:hover {
  color: white;
  background-color: #f5164c;
}
section.information-nav .nav-information .nav .nav-item .nav-link.active {
  background-color: #f5164c;
  color: white;
}
section.information-tabs .tabs-information {
  height: 333px;
}
section.information-tabs .tabs-information .tab-content {
  margin-top: 0;
}
section.information-tabs .tabs-information .tab-content .slick-dots {
  position: relative;
}
section.information-tabs .tabs-information .tab-content .slick-dots li {
  margin-top: 45px;
  position: initial;
  display: inline-flex;
  width: auto;
  /* height: 20px; */
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
section.information-tabs .tabs-information .tab-content .slick-dots li .pager__item {
  width: 50px;
  height: 4px;
  background-color: #d2d2d2;
  border-radius: 5px;
}
section.information-tabs .tabs-information .tab-content .slick-dots .slick-active .pager__item {
  background-color: #f5164c;
}
section.information-tabs .tabs-information .tab-content .slick-prev {
  z-index: 9;
}
section.information-tabs .tabs-information .tab-content .slick-prev::before {
  color: #f5164c;
  font-size: 35px;
  border-radius: 50%;
}
section.information-tabs .tabs-information .tab-content .slick-prev:hover::before {
  color: #f5164c;
}
section.information-tabs .tabs-information .tab-content .slick-next {
  z-index: 9;
}
section.information-tabs .tabs-information .tab-content .slick-next::before {
  color: #f5164c;
  font-size: 35px;
  border-radius: 50%;
}
section.information-tabs .tabs-information .tab-content .slick-next:hover::before {
  color: #f5164c;
}
section.information-tabs .tabs-information .tab-content .slick-prev,
section.information-tabs .tabs-information .tab-content .slick-next {
  width: 50px;
  height: 50px;
}
section.information-tabs .tabs-information .tab-content .info-slider {
  padding: 0 25px;
}
section.news-section {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 40px;
}
section.news-section.hot-news {
  margin-top: 10px;
}
section.news-section.all-news {
  margin-top: 0;
}
section.news-section .news-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
section.news-section .news-section-header .section-title {
  display: flex;
  align-items: center;
  gap: 16px;
}
section.news-section .news-section-header .section-title .section-divider-title .title {
  color: #f5164c;
  font-size: 28px;
  font-weight: 900;
}
section.news-section .news-section-header .section-title .section-divider-title .subtitle {
  font-weight: 500;
  color: #585858;
}
section.news-section .see-more .see-more-btn {
  text-decoration: none;
  padding: 8px 24px;
  border-radius: 20px;
  color: #6c757d;
  background-color: #f3f3f3;
}
section.news-section .see-more .see-more-btn:hover {
  color: white;
  background-color: #f5164c;
  transition: 0.3s;
}
section.news-section .news-section-items .news-item-wrapper {
  padding: 12px;
  align-self: stretch;
}
section.news-section .news-section-items .news-item-wrapper .news-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  padding: 1rem;
  border-radius: 16px;
  gap: 1rem;
  background-color: white;
  color: #6c757d;
  font-size: 12px;
  border: 1px solid white;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  transition: 0.3s;
}
section.news-section .news-section-items .news-item-wrapper .news-item:hover {
  border: 1px solid #f5164c;
}
section.news-section .news-section-items .news-item-wrapper .news-item:hover .news-header .news-category {
  background-color: #f5164c;
  color: white;
  transition: 0.3s;
}
section.news-section .news-section-items .news-item-wrapper .news-item:hover .news-text .news-title {
  color: #f5164c;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-header {
  display: flex;
  justify-content: space-between;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-header .news-category {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 2px 8px;
  color: #212529;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-image {
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-image .image-wrapper {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-image .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-wrap: break-word;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-text .news-title {
  color: black;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  height: 45px;
}
section.news-section .news-section-items .news-item-wrapper .news-item .news-text .news-preview {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
section.news-section .news-slider .slick-list {
  margin-bottom: 1rem;
}
section.news-section .news-slider .slick-dots li {
  width: auto;
  height: auto;
}
section.news-section .news-slider .slick-dots .news-slider-dots {
  width: 12px;
  height: 12px;
  background-color: #dee2e6;
  border-radius: 8px;
  transition: 0.3s;
}
section.news-section .news-slider .slick-dots .news-slider-dots:hover {
  background-color: #f5164c;
}
section.news-section .news-slider .slick-dots .slick-active .news-slider-dots {
  width: 32px;
  background-color: #f5164c;
  margin: 0 5px;
}
section.news-section .news-slider .news-slider-item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 370px;
}
section.news-section .news-slider .news-slider-item .big-item {
  width: 40%;
  padding: 10px;
  align-self: stretch;
}
section.news-section .news-slider .news-slider-item .small-items {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  padding: 10px;
  gap: 16px;
  justify-content: space-between;
}
section.news-section .news-slider .news-slider-item .small-items .small-item {
  height: 50%;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item {
  display: flex;
  flex-direction: row;
  height: 100%;
  text-decoration: none;
  padding: 1rem;
  border-radius: 1rem;
  gap: 1rem;
  color: #6c757d;
  background-color: white;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  border: 1px solid white;
  transition: 0.3s;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item:hover {
  border: 1px solid #f5164c;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item:hover .small-news-text .small-news-header .small-news-category {
  background-color: #f5164c;
  color: white;
  transition: 0.3s;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item:hover .small-news-text .news-text .small-news-title {
  color: #f5164c;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-image {
  width: 30%;
  border-radius: 8px;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-image .image-wrapper {
  height: 100%;
  aspect-ratio: 5/3;
  border-radius: 8px;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-image .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  min-width: 100%;
  height: 100%;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text .small-news-header {
  display: flex;
  justify-content: space-between;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text .small-news-header .small-news-category {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 2px 8px;
  color: #212529;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text .news-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-wrap: break-word;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text .news-text .small-news-title {
  color: black;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .small-items .small-news-item .small-news-text .news-text .small-news-preview {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .news-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  padding: 1rem;
  border-radius: 1rem;
  gap: 1rem;
  color: #6c757d;
  background-color: white;
  font-size: 12px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
  border: 1px solid white;
  transition: 0.3s;
}
section.news-section .news-slider .news-slider-item .news-item:hover {
  border: 1px solid #f5164c;
}
section.news-section .news-slider .news-slider-item .news-item:hover .news-header .news-category {
  background-color: #f5164c;
  color: white;
  transition: 0.3s;
}
section.news-section .news-slider .news-slider-item .news-item:hover .news-text .news-title {
  color: #f5164c;
}
section.news-section .news-slider .news-slider-item .news-item .news-header {
  display: flex;
  justify-content: space-between;
}
section.news-section .news-slider .news-slider-item .news-item .news-header .news-category {
  background-color: #f8f9fa;
  border-radius: 12px;
  padding: 2px 8px;
  color: #212529;
}
section.news-section .news-slider .news-slider-item .news-item .news-image {
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .news-item .news-image .image-wrapper {
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
section.news-section .news-slider .news-slider-item .news-item .news-image .image-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
section.news-section .news-slider .news-slider-item .news-item .news-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  word-wrap: break-word;
}
section.news-section .news-slider .news-slider-item .news-item .news-text .news-title {
  color: black;
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.news-charts .big-news {
  text-decoration: none;
}
section.news-charts .big-news .big-news-image {
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 5/3;
}
section.news-charts .big-news .big-news-image img {
  min-height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
section.news-charts .big-news .big-news-text {
  padding: 10px 10px 10px 10px;
}
section.news-charts .big-news .big-news-text p {
  font-size: 13px;
  color: #111;
}
section.news-charts .big-news .big-news-text .big-news-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.news-charts .big-news .big-news-text .big-news-preview {
  font-weight: 500;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
section.news-charts .newest-card {
  height: 100px;
  margin-bottom: 40px;
  display: flex;
  text-decoration: none;
}
section.news-charts .newest-card .newest-card-image {
  margin-right: 15px;
  height: 150px;
  width: 250px;
  display: flex;
  justify-content: center;
  border-radius: 10px;
}
section.news-charts .newest-card .newest-card-image img {
  height: 100px;
  width: -webkit-fill-available;
  object-fit: cover;
  -o-object-fit: cover;
  border-radius: 10px;
}
section.news-charts .newest-card .newest-card-text {
  width: 100%;
  display: block;
}
section.news-charts .newest-card .newest-card-text .newest-card-title {
  font-size: 16px;
  font-weight: bold;
  color: #111;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.news-charts .newest-card .newest-card-text .newest-card-preview {
  font-size: 12px;
  margin-top: 5px;
  color: #111;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
section.news-charts .trending-card {
  display: flex;
  text-decoration: none;
  margin-bottom: 35px;
  align-items: center;
}
section.news-charts .trending-card .numbering {
  width: auto;
  height: 80px;
  margin-right: 15px;
  display: flex;
  align-items: center;
}
section.news-charts .trending-card .numbering p {
  color: #585858;
  font-size: 55px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
section.news-charts .trending-card .trending-card-text {
  display: grid;
}
section.news-charts .trending-card .trending-card-text .trending-card-title {
  font-size: 18px;
  color: #111;
  font-weight: 600;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.news-charts .trending-card .trending-card-text .trending-card-preview {
  margin-top: 5px;
  font-size: 11px;
  color: #111;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
section.full-image {
  content: url(/img/kv-informasi.png);
  width: 100%;
  padding-bottom: 0px;
  margin-bottom: -60px;
}
section.full-image-by-type {
  content: url(/img/kv-informasi.png);
  width: 100%;
}
section.long-card .long-card-all {
  display: flex;
  border-radius: 5px;
  width: 100%;
  height: 333px;
  margin-bottom: 30px;
}
section.long-card .long-card-all .long-card-left {
  width: 50%;
  padding: 50px 100px 50px 50px;
  box-shadow: 0px 5px 4px rgba(221, 221, 221, 0.25);
  display: grid;
}
section.long-card .long-card-all .long-card-left .long-card-title {
  height: 80px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
section.long-card .long-card-all .long-card-left .long-card-preview {
  margin-top: 5px;
  min-height: 35px;
  color: #718096;
  font-size: 14px;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
}
section.long-card .long-card-all .long-card-left .date-see-more {
  display: flex;
  margin-top: auto;
}
section.long-card .long-card-all .long-card-left .date-see-more .date {
  font-size: 12px;
  color: #718096;
}
section.long-card .long-card-all .long-card-left .date-see-more .read-more {
  margin-left: auto;
  font-size: 12px;
  color: #f5164c;
  font-weight: bold;
  text-decoration: none;
}
section.long-card .long-card-all .long-card-left .date-see-more .read-more:hover, section.long-card .long-card-all .long-card-left .date-see-more .read-more:focus {
  color: #111;
  transition: 0.2s;
}
section.long-card .long-card-all .long-card-right {
  width: 50%;
}
section.long-card .long-card-all .long-card-right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.three-card-mobile .three-singles-slider .slick-dots {
  position: relative;
  margin-top: -20px;
}
section.three-card-mobile .three-singles-slider .slick-dots li {
  margin-top: 45px;
  position: initial;
  display: inline-flex;
  width: auto;
  /* height: 20px; */
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
section.three-card-mobile .three-singles-slider .slick-dots li .pager__item {
  width: 25px;
  height: 4px;
  background-color: #d2d2d2;
  border-radius: 5px;
}
section.three-card-mobile .three-singles-slider .slick-dots .slick-active .pager__item {
  background-color: #f5164c;
}
section.three-card-mobile .three-singles-slider .slick-track {
  display: flex !important;
  width: 100% !important;
}
section.three-card-mobile .three-singles-slider .slick-slide {
  height: inherit;
}
section.three-card-mobile .three-singles-slider .news-title {
  height: 45px !important;
}
section.big-card .big-card-all {
  display: flex;
  border-radius: 5px;
  width: 100%;
  background-color: #f7fafc;
  margin-top: 30px;
}
section.big-card .big-card-all .big-card-left {
  width: 45%;
  padding: 50px 100px 50px 50px;
  box-shadow: 0px 5px 4px rgba(221, 221, 221, 0.25);
  display: flex;
  flex-direction: column;
}
section.big-card .big-card-all .big-card-left .big-card-title {
  overflow: hidden;
  max-width: 100%;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: -moz-max-content;
  height: max-content;
}
section.big-card .big-card-all .big-card-left .big-card-preview {
  margin-top: 5px;
  min-height: 65px;
  color: #718096;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
}
section.big-card .big-card-all .big-card-left .date-see-more {
  display: flex;
  margin-top: 20px;
}
section.big-card .big-card-all .big-card-left .date-see-more .date {
  font-size: 12px;
  color: #718096;
}
section.big-card .big-card-all .big-card-left .date-see-more .read-more {
  margin-left: auto;
  font-size: 12px;
  color: #f5164c;
  font-weight: bold;
  text-decoration: none;
}
section.big-card .big-card-all .big-card-left .date-see-more .read-more:hover, section.big-card .big-card-all .big-card-left .date-see-more .read-more:focus {
  color: #111;
  transition: 0.2s;
}
section.big-card .big-card-all .big-card-right {
  width: 55%;
}
section.big-card .big-card-all .big-card-right img {
  width: 100%;
}
section.big-card .btn-see-more {
  margin-top: 40px;
  color: #fff;
  font-weight: bold;
  display: flex;
  background-color: #f5164c;
  padding: 10px 15px;
  border: none;
  border-radius: 25px;
  margin-left: auto;
}
section.big-card .btn-see-more:hover, section.big-card .btn-see-more:focus {
  background-color: #f5164c;
  transition: 0.4s;
  text-decoration: none;
}
section.ask-us {
  padding: 30px 0;
}
section.ask-us .contact-us {
  background-image: url(/img/bg-contact-md.png);
  background-repeat: no-repeat;
  background-color: #f5164c;
  background-position: 60%;
  padding: 20px 40px 60px 40px;
  border-radius: 10px;
  background-size: cover;
  height: 650px;
}
section.ask-us .contact-us .contact-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.ask-us .contact-us .contact-title img {
  margin-right: 5px;
}
section.ask-us .contact-us .contact-title p {
  color: #fff;
}
section.ask-us .contact-us .contacts {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
section.ask-us .contact-us .contacts img {
  width: 25px;
  margin-right: 20px;
}
section.ask-us .contact-us .contacts p {
  color: #fff;
}
section.ask-us .contact-form {
  background-color: #e8e8e8;
  border-radius: 10px;
  padding: 20px 40px 0 40px;
  display: grid;
  margin-top: 50px;
}
section.ask-us .contact-form p {
  font-size: 18px;
  margin-bottom: 20px;
}
section.ask-us .contact-form .ask-us-form {
  margin-top: auto;
}
section.ask-us .contact-form .ask-us-form .ask-us-question {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  height: auto;
}
section.ask-us .contact-form .ask-us-form .ask-us-question label {
  width: 35%;
  display: flex;
  margin-right: 25px;
  margin-bottom: 0;
  color: #585858;
  font-size: 15px;
  font-weight: bold !important;
}
section.ask-us .contact-form .ask-us-form .ask-us-question label::after {
  content: ":";
  margin-left: auto;
  font-size: 15px;
  color: #585858;
  font-weight: bold;
}
section.ask-us .contact-form .ask-us-form .ask-us-question input,
section.ask-us .contact-form .ask-us-form .ask-us-question textarea {
  width: 65%;
  outline: none;
  border: none;
  border-bottom: 1px solid #c4c4c4;
  background-color: transparent;
}
section.ask-us .contact-form .ask-us-form .ask-us-question textarea {
  border-radius: 0;
  height: 100px;
}
section.ask-us .contact-form .ask-us-form .ask-us-question textarea:focus {
  box-shadow: none;
}
section.ask-us .contact-form .ask-us-form .ask-us-question label {
  margin-bottom: 0;
  font-weight: 500;
  min-width: 105px;
  font-size: 14px;
  margin-right: 15px;
}
section.ask-us .contact-form .ask-us-form .ask-us-question label span {
  color: #f5164c;
}
section.ask-us .contact-form .ask-us-form .ask-us-question select {
  width: 65%;
  height: 30px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #c4c4c4;
  outline: none;
  background-color: transparent;
  padding-left: 10px;
  color: #585858;
}
section.ask-us .contact-form .ask-us-form .ask-us-question.message {
  margin-bottom: 0;
}
section.ask-us .contact-form .ask-us-form form {
  display: grid;
}
section.ask-us .contact-form .ask-us-form form .btn-submit {
  background-color: #f5164c;
  color: #fff;
  border-radius: 5px;
  padding: 5px 15px;
  outline: none;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-top: 15px;
  font-size: 16px;
}
section.ask-us .contact-form .ask-us-form .additional-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.ask-us .contact-form .ask-us-form .additional-form .terms-conditions {
  display: flex;
  gap: 10px;
  align-items: baseline;
}
section.branch-office .branch-office-all {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  padding: 20px;
  border-radius: 10px;
  display: flex;
  width: 100%;
}
section.branch-office .branch-office-all .search-bar,
section.branch-office .branch-office-all h4 {
  height: 50px;
  margin-bottom: 40px;
}
section.branch-office .branch-office-all .search-bar input:focus, section.branch-office .branch-office-all .search-bar input:focus-visible,
section.branch-office .branch-office-all h4 input:focus,
section.branch-office .branch-office-all h4 input:focus-visible {
  border: none;
  box-shadow: none;
  outline: none;
}
section.branch-office .branch-office-all h4 {
  line-height: 50px;
}
section.branch-office .branch-office-all .search-branches {
  width: 28%;
}
section.branch-office .branch-office-all .search-branches .search-bar {
  width: 100%;
  border: 2px solid #f5164c;
  border-radius: 5px;
  display: flex;
}
section.branch-office .branch-office-all .search-branches .search-bar input {
  border: none;
  padding: 10px 15px;
}
section.branch-office .branch-office-all .search-branches .search-bar input::-moz-placeholder {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #f5164c;
}
section.branch-office .branch-office-all .search-branches .search-bar input::placeholder {
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  color: #f5164c;
}
section.branch-office .branch-office-all .search-branches .search-bar button {
  margin-left: auto;
  border: none;
  background: transparent;
  padding: 10px 15px;
}
section.branch-office .branch-office-all .search-branches .branches-list {
  height: 450px;
  border: 2px solid #f5164c;
  border-radius: 10px 0px 0px 10px;
  overflow-y: auto;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card {
  padding: 15px;
  display: flex;
  text-decoration: none;
  background-color: #fff;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card:nth-child(even) {
  background-color: rgba(192, 8, 0, 0.1);
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text {
  margin-left: 10px;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text .branch-name {
  font-size: 14px;
  color: #585858;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text .branch-address,
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text .branch-phone,
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text .branch-fax {
  font-size: 9px;
  color: #6c6a6a;
  max-width: 100%;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text p {
  font-weight: 700;
}
section.branch-office .branch-office-all .search-branches .branches-list .branches-card:hover {
  cursor: pointer;
  background-color: #f5f5f5;
  transition: 0.4s;
}
section.branch-office .branch-office-all .map-branch {
  width: 72%;
}
section.branch-office .branch-office-all .map-branch .branch-map h4 {
  color: #f5164c;
  text-align: center;
}
section.branch-office .branch-office-all .map-branch .branch-map #map {
  z-index: 88;
  width: 100%;
  height: 450px;
  border-radius: 0 10px 10px 0;
}
section.faq .contact-us {
  background-image: url(/img/bg-contact-md.png);
  background-repeat: no-repeat;
  background-color: #f5164c;
  background-position: bottom;
  padding: 20px 40px 60px 40px;
  border-radius: 10px;
  background-size: cover;
  height: 500px;
}
section.faq .contact-us .contact-title {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.faq .contact-us .contact-title img {
  margin-right: 5px;
}
section.faq .contact-us .contact-title p {
  color: #fff;
}
section.faq .contact-us .contacts {
  display: flex;
  align-items: center;
  margin-top: 40px;
  color: #fff !important;
}
section.faq .contact-us .contacts img {
  width: 25px;
  margin-right: 20px;
}
section.faq .contact-us .contacts p {
  color: #fff !important;
}
section.faq .contact-us .contacts a {
  color: #fff !important;
  text-decoration: none;
}
section.faq h4 {
  font-weight: 800;
}
section.faq .faqs {
  border-top: 3px solid #d7def0;
  margin-top: 40px;
  height: 450px;
  overflow-y: auto;
}
section.faq .faqs .accordion {
  background-color: #fff;
  color: #111;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  border: none;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}
section.faq .faqs .accordion::after {
  content: url(/img/plus.png);
  float: right;
  transition: 0.4s;
}
section.faq .faqs .accordion.active::after {
  transform: rotate(225deg);
  transition: 0.4s;
}
section.faq .faqs .panel {
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border-bottom: 3px solid #d7def0;
  padding: 0 15px;
}
section.faq .faqs .panel p {
  padding-bottom: 15px;
}
section.faq .faq-right img {
  width: 100%;
}
section.detail-information .detail-info-top .information-title {
  font-size: 32px;
  color: #2d3748;
  margin-bottom: 20px;
}
section.detail-information .detail-info-top img {
  width: 100%;
  border-radius: 16px;
}
section.detail-information .author {
  margin: 20px 0;
  color: #6c757d;
}
section.detail-information .detail-info-text {
  width: 100%;
  word-break: break-word;
}
section.detail-information .detail-info-text img {
  width: 100%;
}
section.detail-information .detail-info-text table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
  height: 100% !important;
}
section.detail-information .detail-info-text table tbody {
  display: table;
  width: 100%;
}
section.detail-information .detail-info-text table tbody tr {
  overflow-x: auto;
}
section.detail-information .detail-info-text table tbody tr td {
  padding: 2px 10px;
}
section.detail-information .detail-info-text h1 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0;
}
section.detail-information .detail-info-text h2 {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
}
section.detail-information .detail-info-text h3 {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0;
}
section.detail-information .detail-info-text h4 {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
}
section.detail-information .detail-info-text h5 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
}
section.detail-information .detail-info-text h6 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
}
section.product-detail-slider .car-image .slick-prev {
  position: absolute;
  left: 0;
  z-index: 100;
}
section.product-detail-slider .car-image .slick-prev::before {
  content: url(/img/chevron-single-left.png);
  padding: 25px 20px 25px 15px;
  border-radius: 0 10px 10px 0;
  background-color: #fff;
}
section.product-detail-slider .car-image .slick-next {
  position: absolute;
  right: 26px;
  z-index: 100;
}
section.product-detail-slider .car-image .slick-next::before {
  content: url(/img/chevron-single-right.png);
  padding: 25px 15px 25px 20px;
  border-radius: 10px 0 0 10px;
  background-color: #fff;
}
section.product-detail .product-series {
  font-size: 36px;
  margin-bottom: 30px;
  font-weight: 500;
}
section.product-detail .car-info-card {
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  padding: 25px;
}
section.product-detail .car-info-card .info-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}
section.product-detail .car-info-card .car-information-all .info-row {
  display: flex;
  padding-bottom: 25px;
}
section.product-detail .car-info-card .car-information-all .info-row .info {
  margin-left: auto;
}
section.product-detail .car-info-card .car-information-all .info-row .info .info-type {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: 500;
  margin-bottom: 5px;
}
section.product-detail .car-info-card .car-information-all .info-row .info .info-detail {
  font-size: 14px;
  color: #111;
  font-weight: 600;
}
section.product-detail .car-info-card .car-information-all .info-row .info.one {
  margin-left: 0;
  width: 10%;
}
section.product-detail .car-info-card .car-information-all .info-row .info.two {
  width: 20%;
}
section.product-detail .car-info-card .car-information-all .info-row .info.three {
  width: 15%;
}
section.product-detail .car-info-card .car-information-all .info-row .info.four {
  width: 20%;
}
section.product-detail .car-info-card .car-information-all .info-row .info.five {
  width: 25%;
}
section.product-detail .car-info-card .car-information-all .info-row.bottom {
  border-bottom: 0.5px solid #c4c4c4;
}
section.product-detail .car-info-card .items-availability {
  margin-top: 25px;
}
section.product-detail .car-info-card .items-availability .cars-items {
  display: flex;
}
section.product-detail .car-info-card .items-availability .cars-items .item {
  margin-right: 40px;
}
section.product-detail .car-info-card .items-availability .cars-items .item .availability {
  display: flex;
  justify-content: center;
}
section.product-detail .car-info-card .items-availability .cars-items .item .availability img {
  width: 20px;
}
section.product-detail .car-info-card .items-availability .cars-items .item p {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}
section.product-detail .car-information {
  margin-top: 35px;
}
section.product-detail .car-information .car-description .title {
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 20px;
}
section.product-detail .car-information .car-description .desc {
  font-size: 17px;
  font-weight: 500;
}
section.product-detail .car-information .car-description .exterior {
  padding: 30px 0;
  margin: 30px 0;
  border-top: 0.7px solid #c4c4c4;
  border-bottom: 0.7px solid #c4c4c4;
}
section.all-car {
  margin-top: 0;
}
section.all-car .tab {
  display: flex;
  padding: 0 15px;
}
section.all-car .tab .tabs-padding {
  border: solid 2px #c4c4c4;
  padding: 10px 20px;
  text-align: center;
  color: #686767;
  font-size: 26px;
  font-weight: 800;
  width: 50%;
  margin-right: 2rem;
  margin-left: 2rem;
  border-radius: 5px;
  text-decoration: none;
}
section.all-car .tab .tabs-padding.active {
  border: solid 2px #f5164c;
  color: #f5164c;
}
section.all-car .menu-tab {
  margin-top: 2rem;
  padding: 0 15px;
}
section.all-car .menu-tab .text-credit-nav {
  color: #686767;
  font-weight: bold;
  font-size: 20px;
  margin-right: 20px;
  text-decoration: none;
}
section.all-car .menu-tab .text-credit-nav.active {
  color: #f5164c;
  border-bottom: solid 6px #f5164c;
  border-radius: 3px;
}
section.all-car .line {
  border-bottom: 2px solid #d0d0d0;
  width: 97%;
}
section.all-car .list-car .row {
  margin: 0;
}
section.all-car .list-car .card {
  margin-right: 4rem;
  padding: 0px;
  width: 260px;
  height: 368px;
  overflow: hidden;
}
section.all-car .list-car .card .card-image {
  padding: 10px 10px;
}
section.all-car .list-car .card .card-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 200px;
}
section.all-car .list-car .card .card-text {
  padding: 0 10px;
}
section.all-car .list-car .card .card-text .car-series {
  font-weight: 900;
  font-size: 16px;
  height: 52px;
  overflow: hidden;
  color: #585858;
}
section.all-car .list-car .card .card-prices {
  margin-top: 4px;
}
section.all-car .list-car .card .card-prices .prices {
  padding: 0 10px;
}
section.all-car .list-car .card .card-prices .prices p {
  font-size: 14px;
  font-weight: 300;
}
section.all-car .list-car .card .card-prices .prices .price {
  font-weight: 900;
  color: #585858;
  width: 7.5rem;
}
section.all-car .list-car .card .lihat-detail a {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  background-color: #f5f5f5;
  font-size: 10px;
}
section.all-car .list-car .card .lihat-detail a:hover {
  background-color: #f5f5f5;
  color: #f5164c !important;
}
section.all-car .lihat-semua {
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  padding: 10px;
  font-size: 12px;
  -webkit-text-fill-color: #585858;
  -webkit-opacity: 1;
}
section.all-car .lihat-semua:hover {
  color: #f5164c;
}
section.sales-and-lease-back h5 {
  font-weight: 800;
  color: #6d6868;
}
section.sales-and-lease-back p {
  color: #6d6868;
  font-size: 1rem;
}
section.sales-and-lease-back ul {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
section.sales-and-lease-back ul li {
  color: #6d6868;
}
section.trade-in-page {
  padding-top: 0;
}
section.trade-in-page .detail-section {
  padding-top: 50px;
  padding-right: 30px;
}
section.trade-in-page .detail-section h5 {
  font-size: 28px;
  font-weight: 700;
}

.dana-tunai-key {
  position: "relative";
}
.dana-tunai-key .dana-tunai-action {
  position: absolute;
  z-index: 99;
  bottom: 15%;
  left: 5%;
}
.dana-tunai-key .dana-tunai-action .btn--primary {
  margin-left: auto;
  padding: 10px 35px;
  color: #fff;
  font-size: 18px;
  background-color: #f5164c;
  border-radius: 100px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}
.dana-tunai-key .dana-tunai-action .btn--primary:hover, .dana-tunai-key .dana-tunai-action .btn--primary:focus {
  transition: 0.3s;
  background-color: #940c16;
}
.dana-tunai-key .dana-tunai-action h3 {
  color: #636363;
  font-weight: 400;
}
.dana-tunai-key .dana-tunai-action h3 span {
  color: #f5164c;
  font-weight: 800;
}

.carousel-product,
.carousel-key {
  width: 100%;
  height: auto;
  margin: 0;
}
.carousel-product .slick-arrow,
.carousel-key .slick-arrow {
  display: none !important;
}
.carousel-product .slick-slide img,
.carousel-key .slick-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.carousel-product .slick-dots li .slick-active button::before,
.carousel-key .slick-dots li .slick-active button::before {
  color: #f5164c !important;
}
.carousel-product .slick-dots li button::before,
.carousel-key .slick-dots li button::before {
  font-size: 15px;
  color: #f5164c;
}
.carousel-product .carousel-tab,
.carousel-key .carousel-tab {
  height: auto;
}
.carousel-product .carousel-tab .carousel-image,
.carousel-key .carousel-tab .carousel-image {
  overflow: hidden;
  border-radius: 10px;
}
.carousel-product .carousel-tab .carousel-image img,
.carousel-key .carousel-tab .carousel-image img {
  margin: auto;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

.promo-tab-mainv {
  padding: 10px 0 30px;
}
.promo-tab-mainv .promo-card {
  padding: 5px;
  position: relative;
  padding-bottom: 50px;
}
.promo-tab-mainv .promo-card .promo-btn {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}
.promo-tab-mainv .slick-dots {
  bottom: 0;
}
.promo-tab-mainv .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 20px;
}
.promo-tab-mainv .slick-dots li button:before {
  opacity: 0;
}
.promo-tab-mainv .slick-dots li.slick-active {
  background: #f5164c;
  border-color: #f5164c;
}

.custom-promo-form {
  border-radius: 1rem;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
  padding: 24px;
}
.custom-promo-form h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
}
.custom-promo-form .btn-submit {
  width: 100%;
  background-color: #f5164c;
  padding: 6px 12px;
  border: none;
  color: #fff;
  border-radius: 4px;
  margin-top: 15px;
}

@media screen and (max-width: 1200px) {
  section.all-car {
    margin-top: 0;
  }
  section.all-car .list-car .row {
    margin: 0;
  }
  section.all-car .list-car .row .card-car {
    display: flex;
    justify-content: center;
  }
  section.all-car .list-car .card {
    margin-right: 0;
    padding: 0;
    width: 220px;
    margin-top: 20px;
    height: 355px;
  }
  section.all-car .list-car .card .card-image {
    padding: 10px;
  }
  section.all-car .list-car .card .card-image img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  section.all-car .list-car .card .card-text {
    padding: 0 10px;
  }
  section.all-car .list-car .card .card-text .car-series {
    font-weight: bold;
    font-size: 14px;
    height: 46px;
  }
  section.all-car .list-car .card .card-prices .prices p {
    font-size: 11px;
  }
  section.all-car .list-car .card .card-prices .prices .price {
    font-weight: bold;
    color: #585858;
  }
}
@media screen and (max-width: 992px) {
  section.all-car {
    margin-top: 0;
  }
  section.all-car .tab {
    display: flex;
    align-items: center;
    flex-direction: row;
  }
  section.all-car .tab .tabs-padding {
    font-size: 16px;
    width: 50%;
  }
  section.all-car .tab .tabs-padding.active {
    border: solid 2px #f5164c;
    color: #f5164c;
  }
  section.all-car .menu-tab {
    display: flex;
    align-items: center;
  }
  section.all-car .menu-tab .text-credit-nav {
    font-size: 16px;
    margin-right: 20px;
  }
  section.all-car .menu-tab .text-credit-nav.active {
    color: #f5164c;
  }
  section.all-car .list-car .row {
    margin: 0;
  }
  section.all-car .list-car .row .card-car {
    display: flex;
    justify-content: center;
  }
  section.all-car .list-car .card {
    margin: 0;
    padding: 0px;
    width: 380px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
  section.all-car .list-car .card .card-image {
    padding: 10px 10px;
  }
  section.all-car .list-car .card .card-image img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  section.all-car .list-car .card .card-text {
    padding: 0 10px;
  }
  section.all-car .list-car .card .card-text .car-series {
    font-weight: bold;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.banner-top {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }
  section.banner-top .slider {
    height: 100vh;
    width: 100%;
    margin-bottom: 0;
  }
  section.banner-top .slider .slick-dots {
    position: absolute;
    bottom: 50%;
    transform: rotate(90deg);
    left: 47%;
    display: none !important;
  }
  section.banner-top .slider .slick-dots button::before {
    font-size: 20px;
    color: transparent;
    border: 2px solid #dadada;
    border-radius: 30px;
    opacity: 1;
  }
  section.banner-top .slider .slick-dots .slick-active button::before {
    font-size: 20px;
    background-color: #f5164c;
    opacity: 1;
    border-color: #fff;
  }
  section.all-car {
    margin-top: 0rem;
  }
  section.all-car .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.all-car .tab .tabs-padding {
    font-size: 16px;
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
  }
  section.all-car .tab .tabs-padding.active {
    border: solid 2px #f5164c;
    color: #f5164c;
  }
  section.all-car .menu-tab {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    width: 100%;
  }
  section.all-car .menu-tab .line {
    margin-top: -4px;
    z-index: -1;
    width: 110%;
  }
  section.all-car .menu-tab .text-credit-nav {
    margin: 0;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;
  }
  section.all-car .menu-tab .text-credit-nav.active {
    color: #f5164c;
  }
  section.all-car .list-car .row {
    margin: 0;
  }
  section.all-car .list-car .row .card-car {
    display: flex;
    justify-content: center;
  }
  section.all-car .list-car .row .card-car .card-prices .prices p {
    font-size: 14px;
  }
  section.all-car .list-car .card {
    margin: 0;
    padding: 0;
    width: 400px;
    margin-top: 20px;
    height: 300;
  }
  section.all-car .list-car .card .card-image img {
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    height: 135px;
  }
  section.all-car .list-car .card .card-text .car-series {
    font-weight: bold;
    font-size: 16px;
  }
  section.all-car .list-car .card .lihat-detail {
    display: flex;
    justify-content: center !important;
  }
  section.all-car .list-car .card .lihat-detail a {
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  section.all-car .list-car .card .lihat-detail a:hover {
    background-color: #f5f5f5;
    color: #f5164c !important;
  }
  section.cash-funds .cash-fund-area {
    padding: 40px 20px;
  }
  section.new-cash-funds.about {
    padding: 60px 0;
  }
  section.new-cash-funds.profit .cash-fund-area {
    padding: 60px 20px 0;
  }
  section.new-cash-funds.step {
    padding: 60px 20px;
  }
  section.new-cash-funds.info .cash-fund-area {
    padding: 60px 20px;
  }
  section.new-cash-funds.cta .cash-fund-area {
    padding: 60px 20px 0;
  }
}
@media screen and (max-width: 575px) {
  section.all-car {
    margin-top: 0rem;
  }
  section.all-car .tab {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.all-car .tab .tabs-padding {
    font-size: 14px;
  }
  section.all-car .tab .tabs-padding.active {
    border: solid 2px #f5164c;
    color: #f5164c;
  }
  section.all-car .list-car .card .card-image img {
    height: 135px;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (max-width: 1366px) {
  section.banner-top .slider {
    height: 100vh;
  }
  section.banner-top .slider .slick-dots {
    bottom: 25px;
  }
}
@media screen and (max-width: 1200px) {
  section.banner-top .slider {
    height: 500px;
  }
  section.banner-top .slider .slick-dots {
    bottom: 25px;
  }
  section.page-header .banner-text .silhouette {
    padding-top: 30px;
  }
}
@media screen and (max-width: 992px) {
  section.banner-top {
    margin-top: 0;
    padding-bottom: 0;
  }
  section.banner-top .slider {
    height: 375px;
  }
}
@media screen and (max-width: 767px) {
  section.page-header .banner-text .silhouette,
  section.page-header .banner-text .text-top p {
    font-size: 20px !important;
  }
  section.banner-top {
    padding-bottom: 0px;
    margin-bottom: -30px;
  }
  section.banner-top .slider {
    height: 300px;
  }
  section.banner-top .slider .slick-dots {
    bottom: 5px;
  }
  section.banner-top .slider .slick-dots button {
    width: 15px;
  }
  section.banner-top .slider .slick-dots button::before {
    width: 15px;
    height: 15px;
  }
}
@media screen and (max-width: 575px) {
  section.banner-top .slider {
    height: 260px;
    margin-top: 30px;
  }
  section.banner-top .slider .slick-dots {
    bottom: 0;
  }
}
@media screen and (max-width: 375px) {
  section.banner-top .slider {
    height: 200px;
  }
  section.banner-top .slider .slick-dots {
    bottom: 5px;
  }
  section.banner-top .slider .slick-dots li {
    width: 10px;
    height: 10px;
  }
  section.banner-top .slider .slick-dots button {
    width: 10px;
    height: 10px;
  }
  section.banner-top .slider .slick-dots button::before {
    width: 10px;
    height: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.cash-funds .cash-funds-all .funds-button {
    display: flex;
    justify-content: center;
    margin-top: 45px;
  }
  section.cash-funds .cash-funds-all .funds-button a {
    padding: 10px 15px;
    background-color: #f5164c;
    border-radius: 10px;
    border: none;
    font-size: 0.8rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-weight: 600;
    font-style: italic;
    text-decoration: none;
  }
}
@media screen and (max-width: 992px) {
  section.promo .see-more {
    margin-bottom: 35px;
  }
  section.promo .see-more .section-title {
    font-size: 14px;
  }
  section.promo .see-more .section-divider img {
    width: 120px;
  }
  section.promo .see-more .section-divider a {
    width: 140px;
  }
  section.promo .promo-card.left {
    margin-right: 0;
  }
  section.promo .promo-card .promo-text {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  section.promo .promo-card .promo-text.caption {
    display: block;
    margin-top: 10px;
  }
  section.promo .promo-card .promo-text.caption p {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  section.promo {
    padding-top: 20px;
  }
  section.promo .see-more {
    margin-bottom: 30px;
  }
  section.promo .see-more .section-title {
    font-size: 14px;
    line-height: 20px;
  }
  section.promo .see-more .section-divider img {
    width: 100px;
  }
  section.promo .see-more .section-divider a {
    width: 190px;
    font-size: 12px;
  }
  section.promo .promo-card {
    margin-bottom: 20px;
  }
  section.promo .container-fluid {
    padding: 0 30px;
  }
}
@media screen and (max-width: 575px) {
  section {
    padding: 20px 0;
  }
  section.promo .promo-card {
    margin-bottom: 20px;
  }
  section.promo .promo-card .promo-image {
    width: 100%;
  }
  section.promo .section-divider a {
    width: 180px;
  }
}
@media screen and (max-width: 375px) {
  section.promo .see-more {
    margin-bottom: 20px;
  }
  section.promo .see-more .section-title {
    font-size: 14px;
  }
  section.promo .see-more .section-divider a {
    width: 175px;
    font-size: 10px;
  }
}
@media screen and (max-width: 992px) {
  section.information {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  section.information .see-more {
    margin-bottom: 20px;
  }
  section.information .see-more .section-title {
    font-size: 14px;
    margin-top: 20px;
  }
  section.information .see-more .section-divider img {
    width: 135px;
  }
  section.information .see-more .section-divider a {
    width: 145px;
  }
  section.information .carousel .slick-dots li button::before {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.information .see-more .section-divider img {
    width: 115px;
  }
  section.information .see-more .section-divider a {
    width: 210px;
  }
  section.information .carousel .slick-dots li button::before {
    font-size: 8px;
  }
}
@media screen and (max-width: 575px) {
  section.information .see-more {
    margin-bottom: 20px;
  }
  section.information .see-more .section-title {
    font-size: 14px;
    line-height: 20px;
  }
  section.information .see-more .section-divider img {
    width: 110px;
  }
  section.information .see-more .section-divider a {
    width: 210px;
    font-size: 12px;
  }
}
@media screen and (max-width: 375px) {
  section.information .see-more .section-divider img {
    width: 110px;
  }
  section.information .see-more .section-divider a {
    width: 295px;
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  section.testimonials .see-more {
    margin-bottom: 35px;
  }
  section.testimonials .see-more .section-title {
    font-size: 14px;
  }
  section.testimonials .see-more .section-divider img {
    width: 135px;
  }
  section.testimonials .see-more .section-divider a {
    width: 145px;
  }
  section.testimonials .carousel-testi {
    padding-bottom: 10px;
  }
  section.testimonials .carousel-testi .slick-dots li button::before {
    font-size: 10px;
  }
  section.testimonials .carousel-testi-mobile {
    padding-bottom: 10px;
  }
  section.testimonials .carousel-testi-mobile .slick-dots li button::before {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.testimonials .see-more .section-divider img {
    width: 130px;
  }
  section.testimonials .see-more .section-divider a {
    width: 295px;
  }
  section.testimonials .carousel-testi {
    padding-bottom: 5px;
  }
  section.testimonials .carousel-testi .slick-dots li button::before {
    font-size: 8px;
  }
  section.testimonials .carousel-testi-mobile {
    padding-bottom: 5px;
  }
  section.testimonials .carousel-testi-mobile .slick-dots li button::before {
    font-size: 8px;
  }
}
@media screen and (max-width: 575px) {
  section.testimonials .see-more .section-title {
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
  }
  section.testimonials .see-more .section-divider img {
    width: 135px;
  }
  section.testimonials .see-more .section-divider a {
    width: 285px;
    font-size: 12px;
  }
  section.testimonials .carousel-testi {
    padding-bottom: 0px;
  }
  section.testimonials .carousel-testi-mobile {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 375px) {
  section.testimonials .see-more .section-divider img {
    width: 115px;
  }
  section.testimonials .see-more .section-divider a {
    width: 295px;
    font-size: 12px;
  }
  section.testimonials .carousel-testi {
    padding-bottom: 0px;
  }
  section.testimonials .carousel-testi-mobile {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1200px) {
  section.digital-products .see-more .section-divider img {
    width: 235px;
  }
  section.digital-products .see-more .section-divider a {
    width: 130px;
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  section.digital-products .see-more {
    margin-bottom: 35px;
  }
  section.digital-products .see-more .section-title {
    font-size: 14px;
  }
  section.digital-products .see-more .section-divider img {
    width: 235px;
  }
  section.digital-products .see-more .section-divider a {
    width: 145px;
  }
}
@media screen and (max-width: 767px) {
  section.digital-products .see-more .section-title {
    font-size: 14px;
  }
  section.digital-products .see-more .section-divider img {
    width: 130px;
  }
  section.digital-products .see-more .section-divider a {
    width: 225px;
    font-size: 12px;
  }
}
@media screen and (max-width: 375px) {
  section.digital-products .see-more {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  section.digital-products .see-more .section-divider img {
    width: 130px;
  }
  section.digital-products .see-more .section-divider a {
    width: 340px;
    font-size: 12px;
  }
}
@media screen and (min-width: 1670px) {
  section.credit-tabs .img-bg {
    z-index: -1;
    top: -120px;
    right: 150px;
    width: 1200px;
  }
}
@media screen and (max-width: 1200px) {
  section.credit-tabs .img-bg {
    z-index: -1;
    top: -85px;
    right: -55px;
    width: 975px;
  }
  section.credit-tabs .nav-pills {
    top: 35px;
  }
}
@media screen and (max-width: 992px) {
  section.credit-tabs .img-bg {
    top: -3px;
    right: -30px;
    width: 450px;
  }
  section.credit-tabs .nav-link {
    margin-right: 20px;
  }
  section.credit-tabs .nav-link p {
    padding: 4px 14px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  section.credit-tabs .img-bg {
    top: -70px;
    right: -40px;
    width: unset;
  }
  section.credit-tabs.simulation .img-bg {
    top: -15px;
    right: -10px;
    width: 500px;
  }
  section.credit-tabs .nav-link {
    font-size: 12px;
    padding: 10px 5px;
    margin-right: 10px;
    margin-top: 10px;
    display: none;
  }
  section.credit-tabs .nav-link.active {
    display: block;
  }
  section.credit-tabs .tab-content > .tab-pane.active {
    display: block;
  }
}
@media screen and (max-width: 575px) {
  section.credit-tabs a.nav-link {
    font-size: 12px;
  }
  section.credit-tabs a.nav-link p {
    padding: 0px 1px;
    font-size: 14px;
  }
  section.credit-tabs.simulation .img-bg {
    top: 10px;
    right: -30px;
    width: 350px;
  }
}
@media screen and (max-width: 374px) {
  section.credit-tabs a.nav-link {
    font-size: 12px;
  }
  section.credit-tabs.simulation .img-bg {
    top: 13px;
    right: -20px;
    width: 320px;
  }
}
@media screen and (max-width: 374px) {
  section.credit-tabs a.nav-link p {
    padding: 0px 1px;
    font-size: 10px;
  }
}
@media screen and (max-width: 992px) {
  section.credit-simulation .credit-title {
    font-size: 18px;
  }
  section.credit-tabs .img-bg {
    top: -55px;
    right: -50px;
    width: 700px;
  }
  section.credit-tabs .nav-link {
    font-size: 13px;
    padding: 0 5px;
    margin-right: 10px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.credit-simulation {
    padding: 40px 20px;
  }
  section.credit-simulation .credit-title {
    font-size: 16px;
    border: 1px solid #fff;
  }
  section.credit-simulation p {
    font-size: 16px;
  }
  section.credit-tabs .img-bg {
    top: -20px;
    right: -50px;
    width: 550px;
  }
}
@media screen and (max-width: 575px) {
  section.credit-simulation {
    padding: 30px 20px;
  }
  section.credit-simulation .credit-title {
    font-size: 14px;
  }
  section.credit-tabs .nav-link {
    font-size: 10px;
    padding: 5px 10px;
    margin-right: 5px;
  }
  section.credit-tabs .img-bg {
    top: -40px;
    right: -30px;
    width: 350px;
  }
}
@media screen and (max-width: 375px) {
  section.credit-tabs .img-bg {
    top: -10px;
    right: -35px;
    width: 250px;
  }
}
@media screen and (max-width: 1200px) {
  section.page-header {
    margin-bottom: 0;
  }
  section.page-header .banner-text.other-services {
    height: 160px;
    min-height: auto;
  }
  section.page-header.credit-simulation {
    margin-top: 200px;
  }
  section.page-header.credit-simulation .banner-text .silhouette {
    font-size: 80px;
    padding-top: 150px;
    padding-bottom: 100px;
  }
  section.oprec .banner-text .silhouette {
    font-size: 80px;
    padding-top: 125px;
  }
}
@media screen and (max-width: 992px) {
  section.page-header .banner-text .silhouette {
    font-size: 75px;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  section.page-header .banner-text .text-top {
    top: 25%;
  }
  section.page-header .banner-text .text-top p {
    line-height: 40px;
  }
  section.page-header.credit-simulation {
    margin-top: 180px;
  }
  section.page-header.credit-simulation .banner-text .silhouette {
    font-size: 80px;
    padding-top: 150px;
    padding-bottom: 60px;
  }
  section.page-header.credit-simulation .banner-text .text-top {
    top: 50%;
  }
  section.page-header.credit-simulation .banner-text .text-top p {
    line-height: 40px;
  }
  section.oprec {
    margin-bottom: 9rem;
  }
  section.oprec .banner-text .silhouette {
    font-size: 60px;
    padding-top: 115px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 767px) {
  section.page-header {
    height: auto;
  }
  section.page-header .banner-text .silhouette {
    font-size: 40px;
    padding-top: 45px;
    font-size: 30px !important;
    padding-bottom: 15px;
  }
  section.page-header .banner-text .text-top p {
    line-height: 30px;
    font-size: 30px;
    margin-top: 20px;
  }
  section.page-header .banner-text.other-services {
    background-image: url("/img/bg-other-service-header-m.jpg");
    background-size: cover;
    background-position: center;
    height: 160px;
  }
  section.page-header .banner-text.banner-opl {
    background-image: url("/img/opl/mobile-bg-header.png");
    height: 100px;
    background-size: cover;
  }
  section.page-header .banner-text.banner-opl .opl-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
  }
  section.page-header.credit-simulation {
    margin-top: 60px;
  }
  section.page-header.credit-simulation .banner-text {
    height: 135px;
    top: 80px;
  }
  section.page-header.credit-simulation .banner-text .silhouette {
    font-size: 60px;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  section.page-header.credit-simulation .banner-text .text-top {
    top: 30%;
  }
  section.page-header.credit-simulation .banner-text .text-top p {
    line-height: 35px;
    font-size: 40px;
    border: none;
  }
  section.oprec {
    margin-bottom: 3rem;
  }
  section.oprec .banner-text .silhouette {
    font-size: 32px;
    padding-top: 80px;
    padding-bottom: 30px;
  }
  section.oprec .banner-text .text-top p {
    line-height: 15px;
    font-size: 16px;
    margin-top: 15px;
  }
}
@media screen and (max-width: 375px) {
  section.page-header.informasi .banner-text .silhouette {
    font-size: 45px;
    padding-top: 60px;
  }
  section.page-header.informasi .banner-text .text-top {
    top: 55%;
  }
  section.page-header.informasi .banner-text .text-top p {
    line-height: 20px;
    font-size: 25px;
    margin-top: 15px;
  }
  section.page-header.credit-simulation {
    margin-top: 50px;
  }
  section.page-header.credit-simulation .banner-text .silhouette {
    padding-top: 60px;
  }
  section.page-header.credit-simulation .banner-text .text-top {
    top: 30%;
  }
  section.oprec {
    margin-bottom: 2.9rem;
  }
  section.oprec .banner-text .silhouette {
    font-size: 28px;
  }
  section.oprec .banner-text .text-top p {
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) {
  section.operating-lease .opl-benefits .main-content-section {
    justify-content: space-between;
  }
  section.operating-lease .opl-benefits .main-content-section .opl-benefits-item {
    width: calc(50% - 8px) !important;
    height: auto;
  }
}
@media screen and (max-width: 992px) {
  section.operating-lease .opl-description {
    padding: 20px 10px 10px 10px;
    flex-direction: column-reverse;
  }
  section.operating-lease .opl-description .opl-description-text {
    width: 100%;
  }
  section.operating-lease .opl-description .opl-description-text .opl-section-title {
    font-size: 20px !important;
    line-height: 30px;
  }
  section.operating-lease .opl-description .opl-description-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  section.operating-lease .opl-units .header {
    flex-direction: column;
    gap: 10px;
    align-items: start;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header {
    flex-direction: row;
    align-items: center;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header .title {
    font-size: 20px;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list {
    gap: 10px;
  }
}
@media screen and (max-width: 575px) {
  section.operating-lease {
    background-repeat: no-repeat;
    background-position: -10px 75%;
  }
  section.operating-lease .opl-section {
    padding: 30px 10px;
  }
  section.operating-lease .opl-section .title-section .opl-section-title {
    font-size: 20px;
  }
  section.operating-lease .opl-section .title-section p {
    font-size: 14px;
  }
  section.operating-lease .opl-benefits {
    padding-top: 0px;
  }
  section.operating-lease .opl-benefits .title-section {
    text-align: center;
  }
  section.operating-lease .opl-benefits .title-section p {
    padding: 0 20px;
  }
  section.operating-lease .opl-benefits .main-content-section {
    margin-top: 0;
  }
  section.operating-lease .opl-benefits .main-content-section .opl-benefits-item {
    width: 100% !important;
    height: 100%;
  }
  section.operating-lease .opl-benefits .main-content-section .opl-benefits-item p {
    font-size: 14px;
  }
  section.operating-lease .opl-services {
    background-image: none;
  }
  section.operating-lease .opl-services .image-container {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;
  }
  section.operating-lease .opl-services .image-container .img {
    width: 100%;
  }
  section.operating-lease .opl-units .opl-list-slider-container {
    padding-top: 0 !important;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .units-tab .nav {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .units-tab .nav .nav-item {
    width: 200px !important;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .units-tab .nav .nav-item button {
    width: 200px;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .units-slider-content {
    padding: 20px 0;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .opl-units-slider .slick-list {
    padding: 0 25% 0 0 !important;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .opl-units-slider .opl-units-item {
    height: 310px;
  }
  section.operating-lease .opl-units .opl-list-slider-container .opl-units-tab .opl-units-slider .opl-units-item .card-body .order-button {
    justify-content: center;
  }
  section.operating-lease .opl-contact {
    padding: 10px 10px 70px 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image {
    padding: 24px;
    background-color: #f5164c;
    border-radius: 20px;
    margin-top: -35px;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper {
    padding: 0;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header img {
    height: 48px;
    width: auto;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .header .title {
    font-size: 20px;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image .contact-list-wrapper .contact-list .contact-item {
    font-size: 16px;
    -webkit-text-fill-color: white;
    opacity: 1;
    -webkit-opacity: 1;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-image:before {
    display: none !important;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-form {
    margin-top: 20px;
  }
  section.operating-lease .opl-contact .contact-wrapper .contact-form .form-group {
    width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 375px) {
  section.operating-lease {
    background-repeat: no-repeat;
    background-position: -10px 75%;
  }
  section.operating-lease .apply .apply-all {
    width: 100%;
    background-image: none;
    border: 1px solid red;
    padding: 2rem;
  }
  section.operating-lease .apply .apply-all .operating-lease-form {
    width: 100%;
  }
  section.operating-lease .apply .apply-all .operating-lease-form .apply-title {
    font-size: 20px;
    text-align: left;
  }
  section.operating-lease .apply .apply-all .operating-lease-form .apply-tagline {
    margin: auto;
    width: 100%;
  }
  section.operating-lease .apply .apply-all .operating-lease-form form {
    padding-right: 25px;
    margin-right: 10px;
  }
  section.operating-lease .apply .apply-all .operating-lease-form form .apply-area {
    margin-bottom: 0;
  }
  section.operating-lease .apply .apply-all .operating-lease-form form input,
  section.operating-lease .apply .apply-all .operating-lease-form form select {
    background: transparent;
    border-radius: 5px;
    width: 75%;
  }
  section.operating-lease .apply .apply-all .operating-lease-form .buttons img {
    margin-left: 20px;
  }
  section.operating-lease .apply .apply-all .operating-lease-form .buttons .submit-btn {
    border-radius: 5px;
  }
}
@media screen and (max-width: 1200px) {
  section.kemoodi .kemoodi-img {
    margin-top: 60px;
  }
}
@media screen and (max-width: 992px) {
  section.kemoodi iframe {
    height: 400px;
  }
  section.kemoodi .kemoodi-img {
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.kemoodi iframe {
    height: 200px;
  }
  section.kemoodi .kemoodi-img {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 992px) {
  section.car-option-mobile .see-more {
    margin-bottom: 15px;
  }
  section.car-option-mobile .see-more .section-title {
    font-size: 16px;
    font-weight: 500;
  }
  section.car-option-mobile .see-more .section-divider {
    display: flex;
    align-items: center;
  }
  section.car-option-mobile .see-more .section-divider img {
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 2px;
    width: 110px;
  }
  section.car-option-mobile .see-more .section-divider .line {
    border-top: 2px solid #d0d0d0;
    width: 100%;
  }
  section.car-option-mobile .car-option-bar-mobile {
    background-color: #f5164c;
    padding: 15px 30px 25px 30px;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search.inactive {
    display: none;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search form {
    display: grid;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search form .search-car {
    padding: 10px 15px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search form .search-car::-moz-placeholder {
    color: #fff;
    font-weight: 300;
    font-style: italic;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search form .search-car::placeholder {
    color: #fff;
    font-weight: 300;
    font-style: italic;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search form .search-car-btn {
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    background-color: #fff;
    color: #f5164c;
  }
  section.car-option-mobile .car-option-bar-mobile .general-search p {
    color: white;
    text-align: center;
    margin-top: 15px;
    text-decoration: underline;
  }
  section.car-option-mobile .car-option-bar-mobile .search-details {
    display: none;
  }
  section.car-option-mobile .car-option-bar-mobile .search-details form {
    display: grid;
  }
  section.car-option-mobile .car-option-bar-mobile .search-details form select {
    background: #f5164c;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    margin-bottom: 10px;
  }
  section.car-option-mobile .car-option-bar-mobile .search-details form input {
    background-color: #fff;
    border: none;
    padding: 10px 15px;
    color: #f5164c;
    border-radius: 5px;
  }
  section.car-option-mobile .car-option-bar-mobile .search-details.active {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  section.car-option-mobile .car-option-bar-mobile {
    padding: 15px 15px 25px 15px;
  }
}
@media screen and (max-width: 767px) {
  section.car-option-cards .car-singles a {
    display: grid;
    justify-content: center;
  }
}
@media screen and (max-width: 992px) {
  section.promo-tabs {
    padding-top: 0px;
    padding-bottom: 10px;
    background: linear-gradient(180deg, #f5164c 0%, #c01522 100%);
    margin-top: 0px;
  }
  section.promo-tabs .tabs-promo-all p {
    margin-right: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.promo-tabs {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1200px) {
  section.promo-detail .promo-detail-left ol {
    margin-bottom: 25px;
  }
  section.promo-detail .promo-detail-left ol li .dashed {
    padding-left: 0;
  }
  section.promo-detail .promo-detail-left ol li .starred {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  section.promo-detail .promo-detail-right {
    margin-top: 20px;
  }
  section.promo-detail .promo-detail-right img {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  section.promo-detail .promo-title h4 {
    font-size: 16px;
  }
  section.promo-detail .promo-title h1 {
    font-size: 1.2rem;
  }
  section.promo-detail .promo-detail-left img {
    width: 100%;
  }
  section.promo-detail .promo-detail-left .promo-submenu {
    font-size: 14px;
  }
  section.promo-detail .promo-detail-left .opener,
  section.promo-detail .promo-detail-left .interesting-promo {
    font-size: 14px;
  }
  section.promo-detail .promo-detail-left ol li {
    font-size: 13px;
  }
  section.promo-detail .promo-detail-left ol li .dashed li::before {
    content: "‑";
    font-size: 16px;
  }
  section.promo-detail .promo-detail-left ol li .starred li::before {
    content: "*";
    font-size: 16px;
    line-height: 15px;
    margin-right: 5px;
  }
  section.promo-detail .promo-detail-left .validity,
  section.promo-detail .promo-detail-left .contact,
  section.promo-detail .promo-detail-left .tagline {
    font-size: 12px;
  }
  section.promo-detail .promo-detail-left table tbody {
    overflow-x: scroll;
  }
}
@media screen and (max-width: 1200px) {
  section.promo-detail-submission .promo-detail-submission-left ol {
    margin-bottom: 25px;
  }
  section.promo-detail-submission .promo-detail-submission-left ol li .dashed {
    padding-left: 0;
  }
  section.promo-detail-submission .promo-detail-submission-left ol li .starred {
    padding-left: 10px;
  }
}
@media screen and (max-width: 992px) {
  section.promo-detail-submission .promo-detail-submission-image {
    justify-content: center;
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  section.promo-detail-submission .promo-detail-submission-image img {
    width: 50%;
  }
  section.promo-detail-submission .promo-detail-submission-image .cta-wrapper {
    position: fixed;
    bottom: 0;
    padding: 16px;
    z-index: 100;
    background-color: white;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1254901961) inset;
  }
}
@media screen and (max-width: 767px) {
  section.promo-detail-submission .promo-detail-submission-left img {
    width: 100%;
  }
  section.promo-detail-submission .promo-detail-submission-right img {
    width: 100%;
  }
}
@media screen and (max-width: 375px) {
  section.promo-detail-submission .promo-title h4 {
    font-size: 16px;
  }
  section.promo-detail-submission .promo-title h1 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 575px) {
  section.breadcrumbs .breadcrumb-item.active {
    color: #111;
    font-weight: 500;
    padding-left: 0px;
  }
  section.breadcrumbs ol li {
    font-size: 9px;
  }
  section.breadcrumbs-promo .breadcrumb-item.active {
    color: #111;
    font-weight: 500;
    padding-left: 5px;
  }
  section.breadcrumbs-promo ol {
    font-size: 12px;
  }
  section.breadcrumbs-promo ol li {
    font-size: 12px;
  }
  section.breadcrumbs-services .breadcrumb-item.active {
    color: #111;
    font-weight: 500;
    padding-left: 0px;
  }
  section.breadcrumbs-services ol {
    font-size: 9px;
  }
  section.breadcrumbs-services ol li {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  section.information-nav .nav-information .nav {
    -ms-overflow-style: auto; /* Internet Explorer 10+ */
    scrollbar-width: auto;
  }
}
@media screen and (max-width: 767px) {
  section.information-tabs {
    padding-top: 15px;
  }
  section.information-tabs .title-trending-news p {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
  }
  section.information-tabs .tabs-information .tab-content {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1200px) {
  section.news-charts .trending-card .numbering p {
    font-size: 45px;
    line-height: 90px;
  }
  section.news-charts .trending-card .trending-card-text .trending-card-preview {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  section.news-charts h5 {
    border-bottom: 1px solid #dadada;
    margin-bottom: 20px;
  }
  section.news-charts .trending-card .numbering p {
    font-size: 45px;
    line-height: 90px;
  }
  section.news-charts .trending-card .trending-card-text .trending-card-preview {
    font-size: 11px;
  }
  section.news-charts .big-news .big-news-text {
    margin-bottom: 35px;
    padding: 0;
    margin-top: 20px;
  }
  section.news-charts .big-news .big-news-text .big-news-title {
    font-size: 16px;
  }
  section.news-charts .big-news .big-news-text .big-news-preview {
    font-size: 14px;
  }
  section.news-charts .newest-card {
    margin-top: 35px;
    margin-bottom: 30px;
  }
  section.news-charts .newest-card .newest-card-image {
    width: 250px;
  }
  section.news-charts .newest-card .newest-card-text {
    display: grid;
    align-items: center;
  }
  section.news-charts .newest-card .newest-card-text .newest-card-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
  }
  section.news-charts .newest-card .newest-card-text .newest-card-preview {
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  section.big-card .big-card-all .big-card-left {
    display: grid;
  }
  section.big-card .big-card-all .big-card-left .big-card-preview {
    margin-top: 45px;
  }
  section.big-card .big-card-all .big-card-left .date-see-more {
    margin-top: auto;
  }
}
@media screen and (max-width: 992px) {
  section.ask-us .contact-us-contain {
    margin-bottom: 30px;
  }
  section.ask-us .contact-us-contain .contact-us {
    background-size: 450px 100%;
    height: 450px;
  }
}
@media screen and (max-width: 767px) {
  section.ask-us .contact-us-contain {
    height: 440px;
    margin-bottom: 0;
  }
  section.ask-us .contact-us-contain .contact-us {
    background-image: url(/img/bg-contact-list.png);
    background-size: cover;
    background-position: bottom;
    position: absolute;
    z-index: 94;
    width: 100%;
    left: 0;
    right: 0;
    border-radius: 0;
    height: 400px;
  }
  section.ask-us .contact-form {
    padding: 0;
    background-color: transparent;
    margin-top: 60px;
  }
  section.ask-us .contact-form p {
    font-size: 14px;
  }
  section.ask-us .contact-form .ask-us-form .ask-us-question label {
    font-size: 11px;
  }
  section.ask-us .contact-form .ask-us-form .ask-us-question label::after {
    font-size: 11px;
  }
  section.ask-us .contact-form .ask-us-form .ask-us-question input {
    height: 20px;
  }
  section.ask-us .contact-form .ask-us-form .btn-submit {
    margin: auto;
    margin-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .contact-form {
    margin-top: 60px;
  }
}
@media screen and (max-width: 375px) {
  section.ask-us .contact-us-contain .contact-us {
    background-image: url(/img/bg-contact-md.png);
    background-size: contain;
    background-position: bottom right;
    background-color: #f5164c;
  }
  section.ask-us .contact-form {
    margin-top: 60px;
  }
  section.ask-us .contact-form p {
    font-size: 14px;
  }
}
@media screen and (max-width: 1200px) {
  section.branch-office .branch-office-all .search-branches .search-bar input {
    width: 70%;
  }
}
@media screen and (max-width: 992px) {
  section.branch-office .branch-office-all .search-branches {
    width: 35%;
  }
  section.branch-office .branch-office-all .search-branches .branches-list .branches-card {
    padding: 10px;
  }
  section.branch-office .branch-office-all .search-branches .branches-list .branches-card .branches-text .branch-name {
    overflow: hidden;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
  section.branch-office .branch-office-all .map-branch {
    width: 65%;
  }
  section.branch-office .branch-office-all .map-branch .branch-map h4 {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  section.branch-office .branch-office-all {
    display: block;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  section.branch-office .branch-office-all .search-branches {
    margin-top: 20px;
    width: 100%;
  }
  section.branch-office .branch-office-all .search-branches .search-bar {
    margin-bottom: 20px;
  }
  section.branch-office .branch-office-all .search-branches .branches-list {
    height: 500px;
    border: 2px solid #f5164c;
    border-radius: 5px;
  }
  section.branch-office .branch-office-all .map-branch {
    height: 320px;
  }
  section.branch-office .branch-office-all .map-branch .branch-map {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 94;
  }
  section.branch-office .branch-office-all .map-branch .branch-map h4 {
    color: #fff;
    margin-bottom: 0;
    background-color: #f5164c;
    font-size: 16px;
    line-height: initial;
    height: auto;
    padding: 20px 15px;
  }
  section.branch-office .branch-office-all .map-branch .branch-map #map {
    height: 260px;
  }
}
@media screen and (max-width: 767px) {
  section.branch-office .branch-office-all {
    display: block;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  section.branch-office .branch-office-all .search-branches {
    margin-top: 20px;
    width: 100%;
  }
  section.branch-office .branch-office-all .search-branches .search-bar {
    margin-bottom: 20px;
  }
  section.branch-office .branch-office-all .search-branches .branches-list {
    height: 500px;
    border: 2px solid #f5164c;
    border-radius: 5px;
  }
  section.branch-office .branch-office-all .map-branch {
    height: 240px;
  }
  section.branch-office .branch-office-all .map-branch .branch-map {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 94;
  }
  section.branch-office .branch-office-all .map-branch .branch-map h4 {
    color: #fff;
    margin-bottom: 0;
    background-color: #f5164c;
    font-size: 16px;
    line-height: initial;
    height: auto;
    padding: 20px 15px;
  }
  section.branch-office .branch-office-all .map-branch .branch-map #map {
    height: 180px;
  }
}
@media screen and (max-width: 1200px) {
  section.faq h4 {
    font-size: 22px;
  }
  section.faq .faqs {
    height: 440px;
    overflow: auto;
  }
  section.faq .faqs .accordion {
    padding: 15px 10px 15px 0;
  }
}
@media screen and (max-width: 992px) {
  section.faq h4 {
    font-size: 17px;
  }
  section.faq .faqs {
    height: 310px;
  }
  section.faq .faqs .panel p {
    padding: 0 15px 15px 0;
  }
}
@media screen and (max-width: 767px) {
  section.faq h4 {
    font-size: 20px;
  }
  section.faq .faqs {
    height: auto;
    margin-bottom: 45px;
  }
}
@media screen and (max-width: 375px) {
  section.faq h4 {
    font-size: 18px;
  }
}
@media screen and (min-width: 992px) {
  section.starxperience .starx-img img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  section.starxperience {
    padding-top: 50px;
  }
}
@media screen and (max-width: 575px) {
  section.starxperience {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  section.mocil {
    padding-top: 80px;
  }
  section.mocil .see-mocil {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  section.cash-funds {
    padding-top: 0;
  }
}
.modal .modal-dialog .modal-content {
  border-radius: 10px;
}
.modal .modal-dialog .modal-content img {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal .modal-dialog .modal-content .container-image-480 {
  position: relative;
  margin: auto;
  max-width: 480px;
}
.modal .modal-dialog .modal-content .container-image-480 button {
  position: absolute;
  z-index: 99;
  left: 90%;
  font-size: 25px;
  top: 5%;
}
.modal .modal-dialog .modal-content .container-image-720 {
  position: relative;
  margin: auto;
  max-width: 720px;
}
.modal .modal-dialog .modal-content .container-image-720 button {
  position: absolute;
  z-index: 99;
  right: 5rem;
  font-size: 25px;
  top: 2.5rem;
}
.modal .modal-dialog .modal-content .container-image-1024 {
  position: relative;
  margin: auto;
  margin-top: 6rem;
}
.modal .modal-dialog .modal-content .container-image-1024 button {
  position: absolute;
  z-index: 99;
  right: 8rem;
  font-size: 25px;
  top: 4.5rem;
}
.modal .modal-dialog .modal-content .container-image-1500 {
  margin: auto;
  max-width: 1280px;
  position: relative;
}
.modal .modal-dialog .modal-content .container-image-1500 button {
  position: absolute;
  font-size: 25px;
  z-index: 99;
  right: 10rem;
  font-size: 28px;
  top: 8rem;
}
.modal .modal-dialog .modal-content .modal-header {
  border-radius: 10px 10px 0 0;
  background-image: url(/img/header-modal.png);
  height: 80px;
  justify-content: center;
  align-items: center;
  background-color: #f5164c;
  background-repeat: no-repeat;
  background-size: cover;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  width: 100%;
  text-align: center;
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-header button {
  padding: 0;
  margin: -35px 0 0 0;
}
.modal .modal-dialog .modal-content .modal-header button span {
  color: #fff;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
.modal .modal-dialog .modal-content .modal-body .title-modal {
  font-weight: 600;
  font-size: 24px;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation {
  display: flex;
  padding: 20px 50px;
  background-color: rgba(196, 196, 196, 0.1);
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation .bottom-calc {
  margin-top: 20px;
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation .middle-column {
  margin-left: auto;
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation .right-column {
  margin-left: auto;
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation .calculation-type {
  font-size: 14px;
  margin-bottom: 5px;
  color: #f5164c;
  width: -moz-fit-content;
  width: fit-content;
}
.modal .modal-dialog .modal-content .modal-body .credit-calculation .calculation-result {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 900;
  font-size: 14px;
}
.modal .modal-dialog .modal-content .modal-body .disclaimers {
  padding: 20px 50px 0 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-body .disclaimers .disclaim {
  background-color: rgba(196, 196, 196, 0.1);
  color: black;
  margin-bottom: 25px;
  width: 60%;
  padding: 20px;
  border-radius: 15px;
  display: flex;
}
.modal .modal-dialog .modal-content .modal-body .disclaimers .disclaim .disclaim-icon {
  width: 30%;
}
.modal .modal-dialog .modal-content .modal-body .disclaimers .disclaim .disclaim-text p {
  font-size: 12px;
  font-weight: bold;
}
.modal .modal-dialog .modal-content .modal-body .disclaimers .question {
  font-size: 12px;
}
.modal .modal-dialog .modal-content .modal-body .personal-info {
  padding: 0 50px;
}
.modal .modal-dialog .modal-content .modal-body .personal-info p {
  font-weight: 600;
  font-size: 16px;
  color: #585858;
  margin-bottom: 10px;
  margin-top: 10px;
  text-align: center;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form {
  display: grid;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .fill-data {
  display: flex;
  gap: 20px;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .fill-data input {
  border: 1px solid #d2d2d2;
  width: 100%;
  padding: 10px 15px;
  border-radius: 5px;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .fill-data input::-moz-placeholder {
  font-style: italic;
  color: #d2d2d2;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .fill-data input::placeholder {
  font-style: italic;
  color: #d2d2d2;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .terms-conditions {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-top: 30px;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .terms-conditions input {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 10px 0 0;
}
.modal .modal-dialog .modal-content .modal-body .personal-info form .terms-conditions label {
  color: #585858;
  font-size: 12px;
  font-weight: 400;
  margin-right: auto;
  text-align: center;
  margin-bottom: 0;
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 0 250px;
  border: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.modal .modal-dialog .modal-content .modal-footer input {
  background-color: #f5164c;
  color: #fff;
  font-weight: 700;
  width: 100%;
  padding: 10px;
  border: none;
  border-radius: 5px;
}

@media screen and (max-width: 1200px) {
  .modal .modal-dialog .modal-content {
    max-width: 992px;
    margin: 30% auto;
  }
  .modal .modal-dialog .modal-content .container-image-1500 {
    margin: auto;
    max-width: 1280px;
    position: relative;
  }
  .modal .modal-dialog .modal-content .container-image-1500 button {
    position: absolute;
    font-size: 25px;
    z-index: 99;
    right: 10rem;
    font-size: 18px;
    top: 10rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 992px) {
  .modal .modal-dialog {
    max-width: 690px;
  }
  .modal .modal-dialog .modal-content {
    max-width: 768px;
    margin: 20% auto;
  }
  .modal .modal-dialog .modal-content .container-image-1500 {
    margin: auto;
    max-width: 1280px;
    position: relative;
  }
  .modal .modal-dialog .modal-content .container-image-1500 button {
    position: absolute;
    font-size: 25px;
    z-index: 99;
    right: 7rem;
    font-size: 18px;
    top: 13rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 {
    max-width: 40rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 button {
    position: absolute;
    right: 6rem;
    font-size: 18px;
    top: 8.5rem;
  }
  .modal .modal-dialog .modal-content .container-image-480 button {
    position: absolute;
    z-index: 99;
    right: 4rem;
    font-size: 25px;
    top: 4.5rem;
  }
  .carousel-news .slick-arrow {
    display: none !important;
  }
  .carousel-news .slick-prev,
  .carousel-news .slick-next {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .carousel-news .slick-arrow {
    display: none !important;
  }
  .modal .modal-dialog .modal-content .container-image-1500 {
    margin: auto;
    max-width: 500px;
    position: relative;
  }
  .modal .modal-dialog .modal-content .container-image-1500 button {
    position: absolute;
    z-index: 99;
    right: 4rem;
    font-size: 25px;
    top: 16rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 {
    position: relative;
    max-width: 30rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 button {
    position: absolute;
    z-index: 99;
    right: 66px;
    font-size: 18px;
    top: 11rem;
  }
  .modal .modal-dialog .modal-content .container-image-720 {
    max-width: 30rem;
  }
  .modal .modal-dialog .modal-content .container-image-720 button {
    position: absolute;
    z-index: 99;
    right: 4rem;
    font-size: 25px;
    top: 84px;
  }
  .modal .modal-dialog .modal-content .container-image-480 button {
    position: absolute;
    z-index: 99;
    right: 4rem;
    font-size: 25px;
    top: 4.5rem;
  }
  .modal .modal-dialog .modal-content .modal-header {
    height: 65px;
  }
  .modal .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  .modal .modal-dialog .modal-content .modal-body .credit-calculation {
    display: grid;
    padding: 20px 15px;
  }
  .modal .modal-dialog .modal-content .modal-body .credit-calculation .calculation {
    width: -moz-fit-content;
    width: fit-content;
  }
  .modal .modal-dialog .modal-content .modal-body .credit-calculation .middle-column,
  .modal .modal-dialog .modal-content .modal-body .credit-calculation .right-column {
    margin: 0;
    margin-top: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .disclaimers {
    padding: 20px 15px 0 15px;
  }
  .modal .modal-dialog .modal-content .modal-body .personal-info {
    padding: 0 15px;
  }
  .modal .modal-dialog .modal-content .modal-body .personal-info form .fill-data {
    display: grid;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    padding: 0 30px;
  }
}
@media screen and (max-width: 450px) {
  .modal .modal-dialog .modal-content {
    max-width: 376px;
  }
  .modal .modal-dialog .modal-content .container-image-1500 {
    max-width: 376px;
  }
  .modal .modal-dialog .modal-content .container-image-1500 button {
    position: absolute;
    z-index: 99;
    right: 3rem;
    font-size: 25px;
    top: 16.5rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 {
    max-width: 376px;
  }
  .modal .modal-dialog .modal-content .container-image-1024 button {
    position: absolute;
    z-index: 99;
    right: 3rem;
    font-size: 18px;
    top: 12rem;
  }
  .modal .modal-dialog .modal-content .container-image-720 button {
    position: absolute;
    z-index: 99;
    right: 2.5rem;
    font-size: 25px;
    top: 5.5rem;
  }
  .modal .modal-dialog .modal-content .container-image-480 button {
    position: absolute;
    z-index: 99;
    right: 3rem;
    font-size: 25px;
    top: 8.5rem;
  }
}
@media screen and (max-width: 375px) {
  .modal .modal-dialog .modal-content .container-image-1500 {
    margin: auto;
    max-width: 500px;
    position: relative;
  }
  .modal .modal-dialog .modal-content .container-image-1500 button {
    position: absolute;
    font-size: 25px;
    z-index: 99;
    right: 3rem;
    font-size: 18px;
    top: 18rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 {
    position: relative;
    max-width: 30rem;
  }
  .modal .modal-dialog .modal-content .container-image-1024 button {
    position: absolute;
    z-index: 99;
    right: 3rem;
    font-size: 18px;
    top: 12.5rem;
  }
  .modal .modal-dialog .modal-content .container-image-720 {
    width: 18rem;
  }
  .modal .modal-dialog .modal-content .container-image-720 button {
    position: absolute;
    z-index: 99;
    right: 2rem;
    font-size: 18px;
    top: 102px;
  }
  .modal .modal-dialog .modal-content .container-image-480 {
    max-width: 320px;
  }
  .modal .modal-dialog .modal-content .container-image-480 button {
    position: absolute;
    z-index: 99;
    right: 3rem;
    font-size: 25px;
    top: 9.5rem;
  }
  .modal .modal-dialog .modal-content .modal-header {
    height: 45px;
  }
  .modal .modal-dialog .modal-content .modal-header button {
    margin: -20px -10px 0 0;
  }
  .modal .modal-dialog .modal-content .modal-body .title {
    font-size: 20px;
  }
  .modal .modal-dialog .modal-content .modal-body .personal-info input {
    font-size: 12px;
  }
  .modal .modal-dialog .modal-content .modal-footer {
    padding: 0 25px;
  }
  .modal .modal-dialog .modal-content .modal-footer input {
    font-size: 12px;
  }
}
#modalAdsPopUp .modal-dialog {
  max-width: 100% !important;
}

.card--car-1 {
  border-radius: 10px;
  width: auto;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  height: 360px;
  margin-bottom: 15px;
}
.card--car-1__image {
  width: auto;
  display: flex;
  justify-content: center;
  max-height: 180px;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
.card--car-1__image img {
  width: 100%;
}
.card--car-1__text {
  padding: 10px 20px 20px 20px;
}
.card--car-1__text .car-series {
  font-size: 16px;
  font-weight: 600;
  color: #f5164c;
  margin-bottom: 10px;
  text-align: center;
  height: 3rem;
  overflow: hidden;
}
.card--car-1__text .pricing {
  display: flex;
}
.card--car-1__text .pricing p {
  text-align: center;
  color: #8b8b8b;
}
.card--car-1__text .pricing .dp-title,
.card--car-1__text .pricing .instl-title {
  font-size: 12px;
}
.card--car-1__text .pricing .dp-nominal,
.card--car-1__text .pricing .instl-nominal {
  font-size: 12px;
  font-weight: 500;
}
.card--car-1__text .pricing .down-payment {
  margin-right: auto;
}
.card--car-1__text .pricing .installment {
  margin-left: auto;
}
.card--car-1__text a {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  margin-top: 15px;
  color: #f5164c;
  text-decoration: none;
  text-align: center;
}
.card--car-1:hover {
  box-shadow: 0px 2px 10px #f5164c;
}
.card--car-2 {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 15px;
  height: 400px;
}
.card--car-2__image {
  max-height: 200px;
  border-radius: 5px;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
.card--car-2__image img {
  width: 100%;
  border-radius: 10px;
}
.card--car-2__text {
  padding: 10px 20px 20px 20px;
}
.card--car-2__text .car-name {
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--car-2__text .car-name .car-series {
  font-size: 14px;
  font-weight: 600;
  color: #f5164c;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--car-2__text .car-name .car-specs {
  font-size: 12px;
  font-weight: 600;
  color: #8b8b8b;
}
.card--car-2__text .pricing {
  margin-top: 15px;
  display: flex;
}
.card--car-2__text .pricing .pricing-title p {
  font-size: 12px;
  color: #8b8b8b;
}
.card--car-2__text .pricing .pricing-nominals {
  margin-left: 40px;
}
.card--car-2__text .pricing .pricing-nominals p {
  font-weight: 600;
  font-size: 12px;
  color: #8b8b8b;
}
.card--car-2__text .pricing .pricing-nominals p span {
  font-weight: 400;
}
.card--car-2__text .car-info {
  margin-top: 20px;
  display: flex;
  height: 30px;
}
.card--car-2__text .car-info .infos {
  font-size: 10px;
  color: #8b8b8b;
}
.card--car-2__text .car-info .location {
  margin-left: 10px;
  font-size: 10px;
  color: #8b8b8b;
  font-weight: 600;
}
.card--car-2__text a {
  font-size: 14px;
  display: flex;
  font-style: italic;
  justify-content: center;
  font-weight: 300;
  margin-top: 10px;
  color: #f5164c;
  text-decoration: none;
}
.card--car-2:hover {
  box-shadow: 0px 2px 10px #f5164c;
}
.card--blog {
  height: 420px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.card--blog__image {
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 5/3;
  width: 100%;
}
.card--blog__image img {
  height: 100% !important;
}
.card--blog__text {
  padding: 20px 20px 40px 20px;
}
.card--blog__text .blog-title {
  font-size: 15px;
  font-weight: 800;
  margin-bottom: 15px;
  text-transform: uppercase;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--blog__text .blog-desc {
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--testi {
  background-color: white;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 20px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
}
.card--testi__contain {
  display: flex;
  height: 100%;
}
.card--testi__border--left {
  width: 3px;
  position: relative;
  z-index: 100;
  top: 50px;
  left: -2px;
  height: 250px;
  background-color: #fff;
}
.card--testi__border--right {
  width: 3px;
  position: relative;
  z-index: 100;
  top: 50px;
  right: -2px;
  height: 250px;
  background-color: #fff;
  border-radius: 10px;
}
.card--testi__all {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
}
.card--testi__image {
  height: 230px;
  width: 170px;
}
.card--testi__image img {
  min-width: 170px;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 16px;
}
.card--testi__text {
  width: auto;
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 1rem;
}
.card--testi__text p {
  color: #111;
  font-size: 14px;
  font-weight: 500 !important;
}
.card--testi__text .blog-desc {
  color: #111;
  font-size: 14px;
  font-weight: 500 !important;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: unset;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--testi__text .cust-name {
  color: #111;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 15px;
  font-weight: bold !important;
}
.card--testi__text .cust-location {
  color: #6c757d;
  font-weight: 400 !important;
}
.card--testi__text .read-more-btn {
  color: #f5164c;
}
.card--logo {
  display: grid;
  justify-content: center;
  align-items: start;
  height: 150px;
  padding: 0 60px;
}
.card--logo .product-logo {
  height: 90px;
  display: flex;
  align-items: center;
}
.card--logo .product-logo img {
  width: 100%;
}
.card--logo .playstore-logo {
  text-align: center;
  margin-top: auto;
}
.card--logo .playstore-logo img {
  width: 50%;
}
.card--info {
  width: 1110px;
  height: -moz-fit-content;
  height: fit-content;
  display: flex !important;
  justify-content: center;
  align-items: center;
  color: #000;
  border-radius: 10px;
  overflow: hidden;
}
.card--info a {
  pointer-events: none;
  text-decoration: none;
  color: #000;
}
.card--info .next-btn {
  pointer-events: all;
  color: #f5164c;
}
.card--info__image {
  width: 555px;
  border-radius: 10px 0px 0px 10px;
  overflow: hidden;
}
.card--info__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
.card--info__text {
  background-color: #f8f9fa;
  width: 555px;
  border-radius: 0 10px 10px 0;
  padding: 30px;
  height: 100%;
  word-break: break-word;
}
.card--info__text .info-card-title {
  font-size: 22px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card--info__text p {
  font-size: 14px;
}
.card--info__text .info-preview {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--info__text .info-preview a {
  font-style: italic;
  line-height: 1.6;
}
.card--info__text .writer {
  margin-top: 40px;
}
.card--three-singles {
  box-shadow: 0px 4px 4px rgba(192, 189, 189, 0.75);
  height: 460px;
  border-radius: 0px 0px 5px 5px;
}
.card--three-singles .card-singles-image {
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.card--three-singles .card-singles-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card--three-singles .card-singles-text {
  padding: 20px 20px 50px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 270px;
  gap: 10px;
}
.card--three-singles .card-singles-text .card-singles-title {
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.card--three-singles .card-singles-text .card-singles-title h6 {
  font-size: 18px;
}
.card--three-singles .card-singles-text .card-singles-preview {
  color: #718096;
  font-size: 14px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.2;
  height: -moz-max-content;
  height: max-content;
}
.card--three-singles .card-singles-text .date-see-more {
  display: flex;
}
.card--three-singles .card-singles-text .date-see-more .date {
  font-size: 12px;
  color: #718096;
}
.card--three-singles .card-singles-text .date-see-more .read-more {
  margin-left: auto;
  font-size: 12px;
  color: #f5164c;
  font-weight: bold;
  text-decoration: none;
}
.card--three-singles .card-singles-text .date-see-more .read-more:hover, .card--three-singles .card-singles-text .date-see-more .read-more:focus {
  color: #111;
  transition: 0.2s;
}

@media screen and (max-width: 1200px) {
  .card--car-1 {
    height: 360px;
    display: grid;
    justify-content: center;
  }
  .card--car-1__image {
    padding: 15px;
  }
  .card--car-1__image img {
    max-height: 135px;
  }
  .card--car-1__text {
    padding: 0 10px 20px 10px;
  }
  .card--car-1__text .car-series {
    margin-bottom: 0;
  }
  .card--car-1__text .pricing {
    margin-top: 15px;
  }
  .card--car-1__text .pricing .dp-title,
  .card--car-1__text .pricing .instl-title {
    font-size: 12px;
  }
  .card--car-1__text .pricing .dp-nominal,
  .card--car-1__text .pricing .instl-nominal {
    font-size: 10px;
  }
  .card--car-1__text a {
    margin-top: 10px;
  }
  .card--car-2 {
    height: 330px;
  }
  .card--car-2__image {
    padding: 20px 15px 10px 15px;
  }
  .card--car-2__text {
    padding: 0 15px 15px 15px;
  }
  .card--car-2__text .car-name .car-series {
    font-size: 12px;
  }
  .card--car-2__text .pricing {
    margin-top: 10px;
  }
  .card--car-2__text .pricing .pricing-title p {
    font-size: 12px;
  }
  .card--car-2__text .pricing .pricing-nominals {
    margin-left: 15px;
  }
  .card--car-2__text .pricing .pricing-nominals p {
    font-size: 12px;
  }
  .card--car-2__text .car-info {
    margin-top: 15px;
  }
  .card--car-2__text .car-info .infos {
    font-size: 8px;
  }
  .card--car-2__text .car-info .location {
    font-size: 8px;
  }
  .card--car-2__text a {
    margin-top: 5px;
    font-size: 12px;
  }
  .card--testi__text .blog-desc {
    font-size: 12px;
    margin-bottom: 0;
  }
  .card--testi__border--left {
    top: 50px;
    height: 250px;
  }
  .card--testi__border--right {
    top: 50px;
    height: 250px;
  }
  .card--logo {
    padding: 0 30px;
    height: 130px;
  }
  .card--info__image {
    position: relative;
    width: 100%;
  }
  .card--info__image::before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8));
  }
  .card--info__text {
    padding: 30px 40px 15px 50px;
    height: auto;
  }
  .card--info__text .info-card-title {
    font-size: 18px;
  }
  .card--info__text p {
    font-size: 11px;
  }
  .card--info__text .writer {
    margin-top: 20px;
  }
  .card--three-singles {
    height: auto;
  }
  .card--three-singles .card-singles-text .date-see-more {
    margin-top: 40px;
  }
}
@media screen and (max-width: 992px) {
  .card--car-1 {
    height: 400px;
    display: block;
    margin-bottom: 30px;
  }
  .card--car-1__image {
    display: flex;
    justify-content: center;
  }
  .card--car-1__image img {
    max-height: 180px;
  }
  .card--car-1__text {
    padding: 0 30px 20px 30px;
  }
  .card--car-1__text .car-series {
    font-size: 18px;
  }
  .card--car-1__text .pricing {
    display: block;
    margin-top: 15px;
  }
  .card--car-1__text .pricing p {
    text-align: left;
  }
  .card--car-1__text .pricing .dp-title,
  .card--car-1__text .pricing .instl-title {
    font-size: 16px;
  }
  .card--car-1__text .pricing .dp-nominal,
  .card--car-1__text .pricing .instl-nominal {
    font-size: 18px;
    font-weight: 600;
  }
  .card--car-1__text a {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
  }
  .card--banner {
    margin-bottom: 40px;
  }
  .card--banner img {
    width: 100%;
  }
  .card--blog {
    height: 340px;
  }
  .card--blog__text {
    padding: 10px 10px 15px 10px;
  }
  .card--blog__text .blog-title {
    font-size: 15px;
    margin-bottom: 5px;
  }
  .card--blog__text .blog-desc {
    font-size: 12px;
    -webkit-line-clamp: 3;
  }
  .card--testi__image {
    height: 100%;
  }
  .card--testi__text {
    padding-top: 15px;
  }
  .card--testi__text .blog-desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .card--testi__text .cust-name,
  .card--testi__text .cust-location {
    font-size: 14px;
  }
  .card--testi__border--left {
    top: 50px;
    height: 250px;
  }
  .card--testi__border--right {
    top: 50px;
    height: 250px;
  }
  .card--logo {
    margin-bottom: 30px;
  }
  .card--info {
    grid-template: 1fr/1fr;
    grid-column: 1/1;
    grid-row: 1/1;
    display: grid !important;
  }
  .card--info__image {
    z-index: 1;
    width: 100%;
    border-radius: 10px;
  }
  .card--info__image img {
    margin-left: 0;
  }
  .card--info__text {
    z-index: 2;
    position: absolute;
    width: inherit;
    bottom: 0;
    background-color: transparent;
    padding: 30px 40px 25px 25px;
  }
  .card--info__text .info-card-title {
    color: #fff;
    font-size: 28px;
  }
  .card--info__text p {
    color: #fff;
    font-size: 16px;
    font-weight: 300;
  }
  .card--info__text .writer {
    margin-top: 5px;
  }
  .card--info__text .info-preview {
    display: none;
  }
  .card--three-singles {
    height: auto;
    margin-bottom: 20px;
  }
  .card--three-singles .card-singles-text h6 {
    margin-bottom: 15px;
  }
  .card--three-singles .card-singles-text .date-see-more {
    margin-top: 20px;
  }
  .card--three-singles .card-singles-text .date-see-more .read-more,
  .card--three-singles .card-singles-text .date-see-more .date {
    font-size: 11px;
  }
}
@media screen and (max-width: 767px) {
  .card--car-1 {
    height: 300px;
    display: block;
    margin-bottom: 30px;
  }
  .card--car-1__image {
    padding: 10px;
  }
  .card--car-1__image img {
    max-height: 100px;
  }
  .card--car-1__text {
    padding: 0 10px 20px 10px;
  }
  .card--car-1__text .car-series {
    font-size: 11px;
    margin-bottom: 8px;
    height: 2rem;
  }
  .card--car-1__text .pricing {
    display: block;
    margin-top: 5px;
  }
  .card--car-1__text .pricing p {
    text-align: left;
  }
  .card--car-1__text .pricing .dp-title,
  .card--car-1__text .pricing .instl-title {
    font-size: 13px;
  }
  .card--car-1__text .pricing .dp-nominal,
  .card--car-1__text .pricing .instl-nominal {
    font-size: 13px;
    font-weight: bold;
  }
  .card--car-1__text a {
    margin-top: 10px;
    font-size: 13px;
  }
  .card--banner {
    margin-bottom: 20px;
  }
  .card--blog {
    height: 465px;
  }
  .card--blog__text {
    padding: 20px 15px 20px 15px;
  }
  .card--blog__text .blog-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .card--blog__text .blog-desc {
    font-size: 14px;
    -webkit-line-clamp: 7;
    font-weight: 500;
  }
  .card--testi__all {
    padding: 0;
    flex-direction: row-reverse;
  }
  .card--testi__image {
    height: 100%;
  }
  .card--testi__text .blog-desc {
    font-size: 10px;
    line-height: 20px;
    margin-bottom: 15px;
  }
  .card--testi__text .cust-name,
  .card--testi__text .cust-location {
    font-size: 13px;
  }
  .card--testi__border--left {
    top: 50px;
    height: 350px;
  }
  .card--testi__border--right {
    top: 50px;
    height: 350px;
  }
  .card--logo {
    margin-top: 15px;
    margin-bottom: 15px;
    height: auto;
  }
  .card--logo .product-logo {
    height: auto;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .card--info a {
    pointer-events: all;
  }
  .card--info__text {
    padding: 30px 10px 10px 15px;
  }
  .card--info__text .info-card-title {
    font-size: 16px;
  }
  .card--info__text p {
    font-size: 11px;
  }
  .card--three-singles {
    height: -moz-fit-content;
    height: fit-content;
  }
  .card--three-singles .card-singles-text {
    height: 270px;
    padding: 20px;
  }
  .card--three-singles .card-singles-text h6 {
    margin-bottom: 25px;
  }
  .card--three-singles .card-singles-text .date-see-more .read-more,
  .card--three-singles .card-singles-text .date-see-more .date {
    font-size: 13px;
  }
  .card--three-singles .card-singles-text .card-singles-preview {
    height: -moz-max-content;
    height: max-content;
  }
}
@media screen and (max-width: 575px) {
  .card--blog {
    height: 400px;
  }
  .card--testi {
    height: -moz-fit-content;
    height: fit-content;
  }
  .card--testi__image {
    width: 100%;
    height: 50%;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 5/3;
  }
  .card--testi__image img {
    height: 100% !important;
  }
  .card--testi__all {
    padding: 0;
    flex-direction: column;
    gap: 15px;
  }
  .card--testi__text {
    padding: 0 1rem 1rem 1rem;
    width: 100%;
    height: 225px;
    justify-content: space-between;
  }
  .card--testi__text .blog-desc {
    font-size: 14px;
    margin-bottom: 0;
    -webkit-line-clamp: unset;
  }
  .card--testi__text .cust-name,
  .card--testi__text .cust-location {
    font-size: 13px;
  }
}
@media screen and (max-width: 400px) {
  .card--testi__text {
    height: 275px;
  }
}
@media screen and (max-width: 375px) {
  .card--car-1 {
    height: 280px;
  }
  .card--car-1__image {
    padding: 10px;
  }
  .card--car-1__image img {
    max-height: 100px;
  }
  .card--car-1__text {
    padding: 0 10px 20px 10px;
  }
  .card--car-1__text .car-series {
    font-size: 11px;
    margin-bottom: 10px;
    height: 2rem;
  }
  .card--car-1__text .pricing {
    display: block;
    margin-top: 5px;
  }
  .card--car-1__text .pricing p {
    text-align: left;
  }
  .card--car-1__text .pricing .dp-title,
  .card--car-1__text .pricing .instl-title {
    font-size: 10px;
  }
  .card--car-1__text .pricing .dp-nominal,
  .card--car-1__text .pricing .instl-nominal {
    font-size: 11px;
  }
  .card--car-1__text a {
    margin-top: 10px;
    font-size: 10px;
  }
  .card--blog {
    height: 365px;
  }
  .card--blog__text {
    padding: 15px 15px 15px 15px;
  }
  .card--blog__text .blog-title {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .card--blog__text .blog-desc {
    font-size: 12px;
    -webkit-line-clamp: 5;
    font-weight: 500;
  }
  .card--testi__text {
    padding-top: 0;
    height: 270px;
  }
  .card--testi__text .blog-desc {
    margin-bottom: 0;
  }
  .card--testi__text .cust-name,
  .card--testi__text .cust-location {
    font-size: 13px;
  }
  .card--testi__image {
    height: 50%;
  }
  .card--testi__border--left {
    top: 50px;
    height: 350px;
  }
  .card--testi__border--right {
    top: 50px;
    height: 350px;
  }
}
.form--credit-simulation {
  margin-bottom: 20px;
}
.form--credit-simulation label {
  margin-bottom: 8px;
  font-weight: 500;
  min-width: 120px;
  font-size: 14px;
  margin-right: 50px;
}
.form--credit-simulation label span {
  color: #f5164c;
}
.form--credit-simulation select,
.form--credit-simulation input {
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  font-size: 14px;
  border: 1px solid #c4c4c4;
  outline: none;
  color: #585858;
}
.form--credit-simulation select::-moz-placeholder, .form--credit-simulation input::-moz-placeholder {
  color: #585858;
}
.form--credit-simulation select::placeholder,
.form--credit-simulation input::placeholder {
  color: #585858;
}
.form--credit-simulation select:disabled,
.form--credit-simulation input:disabled {
  background-color: #d6d6d6;
  color: black;
}
.form--credit-simulation p {
  font-size: 20px;
  font-weight: 600;
  color: #585858;
}
.form--credit-simulation #btn-submit {
  width: 100%;
  background-color: #940c16;
  padding: 10px;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
}
.form--credit-simulation #btn-submit:hover, .form--credit-simulation #btn-submit:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
.form--credit-simulation #btn-chat {
  width: 100%;
  background-color: #f5164c;
  padding: 10px;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none !important;
}
.form--credit-simulation #btn-chat:hover, .form--credit-simulation #btn-chat:focus {
  background-color: #f5164c;
  transition: 0.3s;
  text-decoration: none !important;
}
.form--credit-simulation .submit-promo {
  background-color: #f5164c !important;
}
.form--credit-simulation .modal-dialog .modal-content {
  background-image: url(/img/bg-red-silhouette.png);
  background-size: cover;
  background-position: right bottom;
  background-repeat: no-repeat;
}
.form--credit-simulation .modal-dialog .modal-content .modal-header {
  background-image: url(/img/header-modal.png);
  height: 80px;
  justify-content: center;
  align-items: center;
  background-color: #f5164c;
  background-repeat: no-repeat;
  background-size: cover;
}
.form--credit-simulation .modal-dialog .modal-content .modal-header .modal-title {
  width: 100%;
  text-align: center;
  color: #fff;
}
.form--credit-simulation .modal-dialog .modal-content .modal-header button {
  padding: 0;
  margin: -35px 0 0 0;
}
.form--credit-simulation .modal-dialog .modal-content .modal-header button span {
  color: #fff;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body {
  padding: 0px 215px;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .chosen-car {
  margin-top: 10px;
  padding: 0 50px;
  display: grid;
  justify-content: center;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .chosen-car p {
  color: #111;
  font-size: 18px;
  text-align: center;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .chosen-car img {
  margin-top: 10px;
  max-width: 100%;
  max-height: 120px;
  margin: auto;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .credit-calculation p {
  font-size: 14px;
  color: #111;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .credit-calculation .calculation-result {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info p {
  font-size: 16px;
  color: #111;
  margin-bottom: 20px;
  text-align: center;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info input {
  margin-bottom: 20px;
  border-color: #585858;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info input::-moz-placeholder {
  font-style: italic;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info input::placeholder {
  font-style: italic;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info .terms-conditions {
  display: flex;
  justify-content: center;
  width: 300px;
  margin: auto;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info .terms-conditions input {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.form--credit-simulation .modal-dialog .modal-content .modal-body .personal-info .terms-conditions label {
  margin-left: 10px;
  color: #585858;
  font-weight: 300;
  margin-right: auto;
  text-align: center;
}
.form--credit-simulation .modal-dialog .modal-content .modal-footer {
  padding: 0 250px;
  border: none;
  margin-top: 40px;
  margin-bottom: 40px;
}
.form--credit-simulation .modal-dialog .modal-content .modal-footer input {
  background-color: red;
  color: white;
  font-weight: 700;
}
.form--credit-simulation .tenor .btn-group {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
}
.form--credit-simulation .tenor .btn-group > .btn {
  background-color: #fff;
  color: #4d4d4d;
  border-color: #000;
  margin-left: 0;
  margin-right: 15px;
  border-radius: 5px;
  padding: 5px 10px;
  min-width: 50px !important;
  text-align: center;
  font-weight: 500;
}
.form--credit-simulation .tenor .btn-group > .btn.active {
  color: #fff;
  background-color: #f5164c;
  border-color: #f5164c;
}
.form--credit-simulation .tenor .btn-group > .btn.focus {
  outline: none;
  box-shadow: none;
}
.form--credit-simulation .tenor-promo .btn-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.form--credit-simulation .tenor-promo .btn-group .btn {
  position: relative;
  flex-grow: 1;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  height: 50px;
  border-radius: 5px !important;
  background-size: cover;
  min-width: 120px;
  max-width: 140px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: none;
  color: #c0c0c0;
}
.form--credit-simulation .tenor-promo .btn-group .active {
  border: #f5164c 2px solid;
}
.form--credit-simulation .tenor-promo .btn-group .focus {
  border: #f5164c 2px solid;
}
.form--credit-simulation .submit-btn {
  width: -webkit-fill-available;
  background-color: #f5164c;
  padding: 10px;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 10px;
}
.form--credit-simulation .submit-btn:hover, .form--credit-simulation .submit-btn:focus, .form--credit-simulation .submit-btn:active {
  background-color: #940c16 !important;
  transition: 0.3s;
  box-shadow: none;
}

@media screen and (max-width: 1200px) {
  .form--credit-simulation .tenor .btn-group > .btn {
    min-width: 30px !important;
  }
}
@media screen and (max-width: 992px) {
  .form--credit-simulation .tenor .btn-group > .btn {
    margin-right: 8px;
  }
}
@media screen and (max-width: 767px) {
  .form--credit-simulation .tenor-promo .btn-group {
    flex-wrap: unset;
    justify-content: space-between;
    gap: 0;
  }
  .form--credit-simulation .tenor-promo .btn-group > .btn {
    margin-right: 8px;
    min-width: unset;
    height: 35px;
  }
}
.tabs--new-vehicles {
  background-image: url("/img/bg-grey-left.png");
  border-radius: 10px 40px 0 10px;
  position: relative;
  display: block;
  z-index: 89;
  width: 50%;
  height: 320px;
  padding: 0 30px;
  background-position: bottom right;
  background-size: cover;
  justify-content: center;
  background-repeat: no-repeat;
}
.tabs--new-vehicles:hover, .tabs--new-vehicles.onhover {
  background-image: url("/img/bg-tab-red.png");
  transition: 0.4s;
}
.tabs--new-vehicles:hover .direct .title h4, .tabs--new-vehicles.onhover .direct .title h4 {
  color: #fff;
}
.tabs--new-vehicles:hover .direct p, .tabs--new-vehicles.onhover .direct p {
  color: #fff;
}
.tabs--new-vehicles:hover .direct a, .tabs--new-vehicles.onhover .direct a {
  background: #940c16;
  color: #fff;
}
.tabs--old-vehicles {
  position: absolute;
  background-image: url("/img/bg-grey-right.png");
  border-radius: 0 50px 10px 0;
  z-index: 88;
  right: 0;
  width: 55%;
  height: 320px;
  padding: 0 30px 0 90px;
  background-position: bottom right;
  background-size: cover;
  background-repeat: no-repeat;
}
.tabs--old-vehicles:hover, .tabs--old-vehicles.onhover {
  background-image: url("/img/bg-tab-red-long.png");
  transition: 0.4s;
}
.tabs--old-vehicles:hover .direct .title h4, .tabs--old-vehicles.onhover .direct .title h4 {
  color: #fff;
}
.tabs--old-vehicles:hover .direct p, .tabs--old-vehicles.onhover .direct p {
  color: #fff;
}
.tabs--old-vehicles:hover .direct a, .tabs--old-vehicles.onhover .direct a {
  background: #940c16;
  color: #fff;
}
.tabs--old-vehicles .direct {
  width: auto;
  margin-left: auto;
}
.tabs--new-vehicles, .tabs--old-vehicles {
  display: grid;
  align-items: center;
}
.tabs--new-vehicles .direct .title h4, .tabs--old-vehicles .direct .title h4 {
  margin-left: 20px;
  font-weight: bold;
  font-size: 2rem;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.2);
}
.tabs--new-vehicles .direct .desc, .tabs--old-vehicles .direct .desc {
  width: 100%;
  color: rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
  margin-top: 15px;
}
.tabs--new-vehicles .direct a, .tabs--old-vehicles .direct a {
  width: -moz-fit-content;
  width: fit-content;
  background: #c0c0c0;
  border-radius: 5px;
  padding: 10px 40px;
  color: rgba(255, 255, 255, 0.7);
  font-weight: 600;
}
.tabs--submission {
  padding: 20px 30px;
  border-radius: 10px;
}
.tabs--submission__title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.tabs--submission__title .icon {
  width: 20px;
  height: 20px;
}
.tabs--submission__title h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
}
.tabs--submission__title p,
.tabs--submission__title h4 {
  color: #282828;
}
.tabs--submission__list {
  margin-bottom: 40px;
  min-height: 150px;
  padding-left: 16px;
}
.tabs--submission__list ul {
  padding: 0;
  margin-bottom: 0;
}
.tabs--submission__list ul li {
  font-size: 14px;
  color: #6c757d;
  font-weight: 500;
  list-style-type: disc;
}
.tabs--submission .btn-ajukan a {
  background-color: #f3f3f3;
  color: #585858;
  font-size: 14px;
  padding: 12px 16px;
  font-weight: 700;
  text-decoration: none;
  border-radius: 20px;
}
.tabs--submission .btn-ajukan a:hover, .tabs--submission .btn-ajukan a:focus {
  background-color: #f5164c;
  color: #fff;
  transition: 0.3s;
}
.tabs--credit-all {
  display: flex;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  background-image: url("/img/bg-credit-card.png");
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 100%;
  align-items: center;
  padding: 55px 20px 20px 20px;
  background-size: 20%;
  position: relative;
}
.tabs--credit-all .separator {
  width: 1px;
  border: 1px solid #c4c4c4;
  height: 75%;
  margin-bottom: auto;
}
.tabs--credit-all .credit-left {
  display: grid;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 35px;
  padding-left: 220px;
}
.tabs--credit-all .credit-left .vehicle-condition {
  font-size: 36px;
  font-weight: bold;
  width: 225px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.tabs--credit-all .credit-left .description {
  font-size: 14px;
}
.tabs--credit-all .credit-left-mobile {
  background-image: url("/img/bg-tab-red.png");
  border-radius: 5px 5px 0 5px;
  padding: 60px 20px 40px 20px;
  background-position: bottom right;
  background-size: cover;
  justify-content: center;
  background-repeat: no-repeat;
}
.tabs--credit-all .credit-left-mobile .direct {
  display: flex;
}
.tabs--credit-all .credit-left-mobile .direct .content h4 {
  font-size: 20px;
  color: #fff;
}
.tabs--credit-all .credit-left-mobile .direct .content p {
  color: #fff;
}
.tabs--credit-all .credit-left-mobile .direct img {
  width: 50px;
  height: 50px;
}
.tabs--credit-all .img-bg {
  position: absolute;
  z-index: -1;
  top: -150px;
  right: -100px;
  width: 80%;
}
.tabs--hasil {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.13);
  padding: 60px 20px 40px 20px;
  border-radius: 10px;
  height: auto;
}
.tabs--hasil__left h4 {
  text-align: center;
  margin-bottom: 40px;
}
.tabs--hasil__left .car-img {
  margin-bottom: 30px;
}
.tabs--hasil__left .car-img img {
  width: -webkit-fill-available;
  width: 100%;
}
.tabs--hasil__left .specs .spec {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
}
.tabs--hasil__left .specs .spec.bordered {
  border-bottom: 0.5px solid #c4c4c4;
}
.tabs--hasil__left .specs .spec .spec-type {
  font-size: 16px;
  font-weight: 300;
  color: #282828;
}
.tabs--hasil__left .specs .spec .spec-desc {
  margin-left: auto;
  font-size: 16px;
  font-weight: 600;
  color: #282828;
}
.tabs--hasil__right .title-rincian {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.tabs--hasil__right .rincian-all {
  border-top: 0.5px solid #c4c4c4;
  border-bottom: 0.5px solid #c4c4c4;
  padding-top: 25px;
  padding-bottom: 25px;
}
.tabs--hasil__right .rincian-all .rincian {
  display: flex;
  margin-bottom: 25px;
}
.tabs--hasil__right .rincian-all .rincian .name {
  font-size: 18px;
  font-weight: 600;
}
.tabs--hasil__right .rincian-all .rincian .name span {
  color: #f5164c;
}
.tabs--hasil__right .rincian-all .rincian .nominal {
  margin-left: auto;
  font-size: 1rem;
  font-weight: 600;
}
.tabs--hasil__right .rincian-all .rincian .nominal.gray {
  color: #585858;
}
.tabs--hasil__right .rincian-all .rincian .nominal.red {
  color: #f5164c;
}
.tabs--hasil__right .rincian-all .rincian .btn-group {
  margin-left: auto;
}
.tabs--hasil__right .rincian-all .rincian .btn-group > .btn {
  background-color: #fff;
  color: #4d4d4d;
  border-color: #000;
  margin-left: 10px;
  border-radius: 5px;
  padding: 5px 10px;
  width: 50px;
  text-align: center;
  font-weight: 500;
}
.tabs--hasil__right .rincian-all .rincian .btn-group > .btn.active {
  color: #fff;
  background-color: #f5164c;
  border-color: #f5164c;
}
.tabs--hasil__right .rincian-all .rincian .btn-group > .btn.focus {
  outline: none;
  box-shadow: none;
}
.tabs--hasil__right .total-cicilan {
  display: flex;
  margin-top: 15px;
}
.tabs--hasil__right .total-cicilan .name {
  font-size: 18px;
  font-weight: 600;
}
.tabs--hasil__right .total-cicilan .name span {
  color: #f5164c;
}
.tabs--hasil__right .total-cicilan .nominal {
  margin-left: auto;
  font-size: 22px;
  font-weight: 600;
  color: #f5164c;
}
.tabs--hasil__right .sk-info {
  justify-content: center;
  display: grid;
  margin-top: 20px;
}
.tabs--hasil__right .sk-info p {
  font-size: 10px;
  color: #585858;
  text-align: center;
  padding: 0px 45px;
  margin-bottom: 15px;
}
.tabs--hasil__right .sk-info p::before {
  content: "·";
  font-size: 10px;
  font-weight: 900;
  margin-right: 5px;
  color: #585858;
}
.tabs--hasil__right .sk-info a {
  font-size: 10px;
  color: #f5164c;
  text-align: center;
  text-decoration: underline;
  font-style: italic;
}
.tabs--hasil__right .simulation-btn {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}
.tabs--hasil__right .simulation-btn a {
  width: 100%;
  padding: 10px;
  font-weight: 600;
  text-align: center;
  border-radius: 5px;
  color: #fff;
}
.tabs--hasil__right .simulation-btn a.left {
  background-color: #a89c9c;
}
.tabs--hasil__right .simulation-btn a.left:hover, .tabs--hasil__right .simulation-btn a.left:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
.tabs--hasil__right .simulation-btn a.right {
  background-color: #940c16;
}
.tabs--hasil__right .simulation-btn a.right:hover, .tabs--hasil__right .simulation-btn a.right:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
.tabs--vehicle-type {
  box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.15);
  padding: 50px 20px 30px 20px;
  border-radius: 15px;
  height: 340px;
}
.tabs--vehicle-type img {
  height: 85px;
}
.tabs--vehicle-type__title {
  margin-top: 20px;
}
.tabs--vehicle-type__title h3 {
  font-size: 22px;
}
.tabs--vehicle-type__title p {
  font-size: 14px;
  font-weight: bold;
}
.tabs--vehicle-type .desc {
  font-size: 14px;
  margin-bottom: 10px;
}
.tabs--vehicle-type a {
  font-weight: bold;
  font-size: 12px;
  color: #940c16;
}
.tabs--vehicle-type a:hover, .tabs--vehicle-type a:focus {
  color: #f5164c;
  transition: 0.3s;
}

@media screen and (max-width: 1200px) {
  .tabs--new-vehicles .direct .title h4, .tabs--old-vehicles .direct .title h4 {
    font-size: 36px;
    line-height: 30px;
  }
  .tabs--credit-all .credit-left {
    margin-right: 30px;
    padding-left: 180px;
  }
  .tabs--credit-all .credit-left .vehicle-condition {
    font-size: 32px;
  }
  .tabs--credit-all .credit-left .description {
    font-size: 14px;
  }
  .tabs--credit-all .img-bg {
    top: -120px;
    right: -80px;
    width: 750px;
  }
  .tabs--hasil {
    padding: 60px 0px 40px 0px;
  }
  .tabs--hasil__left {
    padding-left: 30px;
    padding-right: 30px;
  }
  .tabs--hasil__right {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 30px;
  }
  .tabs--submission {
    height: 430px;
  }
  .tabs--submission__list {
    min-height: 180px;
  }
  .tabs--submission__list ul li {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .tabs--credit-all .credit-left {
    padding-left: 0;
  }
  .tabs--vehicle-type {
    margin-bottom: 30px;
  }
  .tabs--old-vehicles .direct .title h4, .tabs--new-vehicles .direct .title h4 {
    font-size: 1.1rem;
  }
  .tabs--submission {
    height: auto;
    margin-bottom: 25px;
    padding: 0;
  }
  .tabs--submission__list {
    min-height: 145px;
  }
}
@media screen and (max-width: 767px) {
  .tabs--credit-all {
    display: block;
    margin: 0;
    padding: 0px 0px 10px 0px;
    background-color: #f5f5f5;
    background-image: none;
  }
  .tabs--credit-all .credit-left {
    display: grid;
    height: auto;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: 35px;
  }
  .tabs--credit-all .credit-left .vehicle-condition {
    font-size: 36px;
    font-weight: bold;
    width: 225px;
    line-height: 1.2;
    margin-bottom: 15px;
  }
  .tabs--credit-all .credit-left .description {
    font-size: 14px;
  }
  .tabs--credit-all .credit-card-right {
    padding-top: 15px;
    background-color: #f5f5f5;
  }
  .tabs--credit-all .img-bg {
    top: -60px;
    right: -50px;
    width: 380px;
  }
  .tabs--new-vehicles {
    width: 100%;
    height: 250px;
    padding: 0 20px;
    border-radius: 10px;
  }
  .tabs--old-vehicles {
    position: relative;
    width: 100%;
    height: 250px;
    padding: 0 20px;
    margin-left: 0px;
    border-radius: 10px;
    margin-top: 30px;
  }
  .tabs--new-vehicles, .tabs--old-vehicles {
    height: auto;
    padding: 35px 15px 30px 15px;
    background-image: url(/img/bg-sp-credit-simulation.png);
  }
  .tabs--new-vehicles .direct .title, .tabs--old-vehicles .direct .title {
    align-items: start;
  }
  .tabs--new-vehicles .direct .title h4, .tabs--old-vehicles .direct .title h4 {
    font-size: 26px;
    line-height: 26px;
  }
  .tabs--new-vehicles .direct .title .title-type, .tabs--old-vehicles .direct .title .title-type {
    margin-left: 15px;
  }
  .tabs--new-vehicles .direct .title .title-type h4, .tabs--old-vehicles .direct .title .title-type h4 {
    font-size: 13px;
    margin-left: 0;
    color: #fff;
  }
  .tabs--new-vehicles .direct .title .title-type p, .tabs--old-vehicles .direct .title .title-type p {
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
  }
  .tabs--submission__title {
    margin-bottom: 20px;
  }
  .tabs--submission__title .icon {
    width: 24px;
    height: 24px;
  }
  .tabs--submission__list {
    height: auto;
  }
  .tabs--submission .btn-ajukan {
    display: flex;
  }
  .tabs--submission .btn-ajukan a {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .tabs--submission a {
    font-size: 12px;
  }
  .tabs--hasil {
    padding: 60px 0px 40px 0px;
  }
  .tabs--hasil__left {
    padding-left: 15px;
    padding-right: 15px;
  }
  .tabs--hasil__left h4 {
    text-align: center;
    margin-bottom: 40px;
  }
  .tabs--hasil__right {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
  }
  .tabs--vehicle-type {
    padding: 50px 20px 30px 20px;
    height: 360px;
    margin-bottom: 30px;
  }
  .tabs--vehicle-type img {
    height: 120px;
  }
  .tabs--vehicle-type__title {
    margin-top: 20px;
  }
  .tabs--vehicle-type__title p {
    font-size: 16px;
    font-weight: bold;
  }
  .tabs--vehicle-type .desc {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .tabs--vehicle-type a {
    font-weight: bold;
    font-size: 14px;
    color: #940c16;
  }
}
@media screen and (min-width: 768px) {
  .btn-ajukan {
    position: absolute;
    left: 45px;
    bottom: 0px;
  }
  .btn-ajukan a {
    background-color: #e1e1e1;
    color: #585858;
    font-size: 12px;
    padding: 10px 15px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
  }
  .btn-ajukan a i {
    margin-left: 5px;
  }
  .btn-ajukan a:hover, .btn-ajukan a:focus {
    background-color: #f5164c;
    color: #fff;
    transition: 0.3s;
  }
}
@media screen and (max-width: 767px) {
  section.detail-information {
    width: 100%;
  }
  section.detail-information .detail-info-top .information-title {
    font-size: 25px;
  }
  section.detail-information .detail-info-text {
    width: 100%;
  }
  section.detail-information .detail-info-text table {
    width: 100% !important;
  }
  section.detail-information .detail-info-text table tbody {
    overflow-x: auto;
  }
  section.detail-information .writer-info .writer-img {
    width: 50px;
  }
  section.detail-information .writer-info .writer-img img {
    height: 50px;
    border-radius: 100px;
  }
  section.detail-information .writer-info .writer-text .written-by {
    font-size: 12px;
  }
  section.detail-information .writer-info .writer-text .writers-name {
    font-size: 18px;
  }
  section.detail-information .writer-info .writer-text .writers-position {
    margin-top: 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 375px) {
  section.detail-information {
    width: 100%;
  }
  section.detail-information .detail-info-top .information-title {
    font-size: 22px;
  }
  section.detail-information .detail-info-text {
    width: 100%;
  }
  section.detail-information .detail-info-text table tbody {
    overflow-x: auto;
  }
}
@media screen and (max-width: 575px) {
  .xs-extend {
    font-size: 32px !important;
    padding-bottom: 20px;
  }
}
#pills-result-tab {
  pointer-events: none;
}

@media screen and (min-width: 465px) and (max-width: 574px) {
  section.credit-tabs .img-bg {
    z-index: -1;
    top: -70px;
    right: -25px;
    width: 450px;
  }
  section.credit-tabs.simulation .img-bg {
    z-index: -1;
    top: -10px;
    right: -25px;
    width: 450px;
  }
}
section.error-page {
  padding: 100px 0 40px;
}
section.error-page h3 {
  font-weight: 800;
}
section.error-page .btn-primary {
  margin-left: auto;
  padding: 10px 35px;
  color: #fff;
  font-size: 18px;
  background-color: #f5164c;
  border-radius: 100px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 15px;
}
section.error-page .btn-primary:hover, section.error-page .btn-primary:focus {
  transition: 0.3s;
  background-color: #940c16;
}

.header-other-service {
  min-height: 160px;
  margin: 0;
}
.header-other-service .banner-text.other-services {
  min-height: 160px;
  display: flex;
  align-items: center;
}
.header-other-service .banner-text.other-services .text-top {
  top: auto;
  padding: 0 20px;
  text-align: center;
}

.other-service-item {
  justify-content: space-between;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.content-other-services {
  overflow: auto;
}

.detail-info-text img {
  width: 100%;
}
.detail-info-text table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.detail-info-text table tbody {
  display: table;
  width: 100%;
}
.detail-info-text table tbody tr td {
  padding: 4px;
}

.promo-detail-submission-left img {
  width: 100%;
}
.promo-detail-submission-left table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.promo-detail-submission-left table tbody {
  display: table;
  width: 100%;
}
.promo-detail-submission-left table tbody tr td {
  padding: 4px;
}

.promo-detail-left img {
  width: 100%;
}
.promo-detail-left table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.promo-detail-left table tbody {
  display: table;
  width: 100%;
}
.promo-detail-left table tbody tr td {
  padding: 4px;
}

.detail-info-text img {
  width: 100%;
}
.detail-info-text table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}
.detail-info-text table tbody {
  display: table;
  width: 100%;
}
.detail-info-text table tbody tr td {
  padding: 4px;
}

section.information-tabs .tabs-information .card--info {
  display: grid !important;
  grid-auto-columns: 1fr !important;
  grid-auto-flow: column !important;
}
section.information-tabs .tabs-information .card--info a {
  color: #000;
  text-decoration: none;
  pointer-events: none;
  aspect-ratio: 5/3;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.information-tabs .tabs-information .card--info a .card--info__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.information-tabs .tabs-information .card--info a .card--info__image img {
  width: 100%;
  height: 100%;
}
section.information-tabs .tabs-information .card--info .card--info__text {
  width: 100%;
}
section.information-tabs .tabs-information .card--info .next-btn {
  color: #f5164c;
  pointer-events: all;
}

.panel-group .panel-body {
  float: right;
  margin-right: 6px;
}
.panel-group .floating-btn {
  align-items: center;
  justify-content: center;
}
.panel-group .floating-btn .float-text {
  background-color: #f5164c;
  border: 2px solid #fff;
  padding: 10px;
  border-radius: 10px;
  color: white;
  text-decoration: none;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .panel-group .floating-btn .float-text {
    padding: 7px;
    border-radius: 7px;
    font-size: 10px;
  }
}
.modalAds img {
  max-width: 100% !important;
}

@media screen and (max-width: 767px) {
  section.information-tabs .tabs-information {
    height: -moz-max-content;
    height: max-content;
  }
  section.information-tabs .tabs-information .card--info {
    border-radius: 10px;
    overflow: hidden;
  }
  section.information-tabs .tabs-information .card--info a {
    pointer-events: all;
  }
  section.information-tabs .tabs-information .card--info .card--info__text {
    max-width: 100vw !important;
    padding-right: 30px;
  }
  section.information-tabs .tabs-information .tab-content .info-slider {
    padding: 0;
  }
  section.information-tabs .tabs-information .tab-content .slick-prev {
    display: none !important;
  }
  section.information-tabs .tabs-information .tab-content .slick-next {
    display: none !important;
  }
  section.full-image {
    display: none;
  }
  section.three-card-mobile .three-singles-slider.slick-slider {
    margin-bottom: 0;
  }
}
.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 100px;
  height: 100px;
  text-align: right;
}

.ribbon span {
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 150px;
  padding: 5px;
  display: block;
  background: red;
  box-shadow: 0 3px 10px -5px rgb(0, 0, 0);
  text-shadow: 2px 2px 4px #000000;
  position: absolute;
  top: 21px;
  right: -32px;
  padding-left: 15px;
}

.ribbon span::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 100%;
  z-index: -1;
  border-left: 15px solid #444444;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #444444;
}

.ribbon span::after {
  content: "";
  position: absolute;
  right: 0%;
  top: 100%;
  z-index: -1;
  border-right: 5px solid #444444;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #444444;
}

.read-more {
  color: #f5164c;
  text-decoration: none;
  font-weight: bolder;
}
.read-more:hover {
  text-decoration: none;
  color: #c01522;
}

.personal-data-protection {
  display: flex;
  justify-content: center;
  margin: auto;
  margin-bottom: 25px;
}
.personal-data-protection input {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 10px 0 0;
}
.personal-data-protection label {
  color: #585858;
  font-size: 14px !important;
  font-weight: 400;
  margin-right: auto;
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  section.promo-detail .promo-title h1 {
    font-size: 1.2rem;
  }
  section.promo-detail-submission .promo-title h1 {
    font-size: 1.2rem;
  }
}
.modalAdsPopupCloseButton {
  right: 1rem !important;
  top: 1rem !important;
  color: #f5164c !important;
  font-weight: bold;
  font-size: 3rem !important;
}

.modal-testi {
  z-index: 999999999999;
}
.modal-testi-dialog {
  margin-top: 120px;
}
.modal-testi-close-button {
  border-radius: 50%;
  padding: 0.5em;
  width: 24px;
  height: 24px;
  border: 2px solid #f5164c;
  color: #f5164c;
  position: absolute;
  right: 1rem;
  transition: 0.3s ease;
}
.modal-testi-close-button:hover {
  border: 2px solid #f5164c;
  background-color: #ffb8be;
  color: #ffffff;
}
.modal-testi-close-button:before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #f5164c;
  width: 2px;
  left: 9px;
  top: 4px;
  bottom: 5px;
  transform: rotate(45deg);
}
.modal-testi-close-button:after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #f5164c;
  height: 2px;
  top: 9px;
  left: 4px;
  right: 5px;
  transform: rotate(45deg);
}
.modal-testi-body {
  padding: 20px !important;
}
.modal-testi-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.modal-testi-image {
  margin-top: 35px;
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
  border-radius: 16px;
}
.modal-testi-image img {
  width: 100%;
}
.modal-testi-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.modal-testi-text .modal-testi-text-author .modal-testi-text-name {
  font-weight: bold;
}
.modal-testi-text .modal-testi-text-author .modal-testi-text-subtitle {
  font-size: 13px;
}

.swal-button {
  padding: 7px 19px;
  border-radius: 2px;
  background-color: #f5164c;
  font-size: 12px;
  border: 1px solid #c00800;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
.swal-button:hover {
  background-color: #c00800 !important;
}

.red-primary {
  color: #f5164c !important;
}

@media screen and (max-width: 767px) {
  section.news-section {
    margin-top: 0;
    gap: 25px;
  }
  section.news-section .section-title .section-divider-title .title {
    font-size: 24px !important;
  }
  section.news-section .section-title .section-divider-title .subtitle {
    font-size: 14px;
  }
  section.news-section .news-section-items .news-item-wrapper {
    padding: 12px;
    align-self: stretch;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    padding: 1rem;
    border-radius: 1rem;
    gap: 1rem;
    color: #6c757d;
    font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    transition: 0.3s;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-header {
    display: flex;
    justify-content: space-between;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-image {
    width: 100%;
    aspect-ratio: 5/3;
    overflow: hidden;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-image .image-wrapper {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-image .image-wrapper img {
    -o-object-fit: cover;
       object-fit: cover;
    min-width: 100%;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    word-wrap: break-word;
  }
  section.news-section .news-section-items .news-item-wrapper .news-item .news-text .news-title {
    color: black;
    font-size: 14px;
    font-weight: 700;
    height: -moz-fit-content;
    height: fit-content;
  }
  section.news-section .news-slider {
    margin-bottom: 0;
  }
  section.news-section .news-slider .slick-list {
    margin-bottom: 0;
  }
  section.news-section .news-slider .slick-dots {
    display: none !important;
  }
  section.news-section .news-slider .news-slider-item {
    height: 300px;
    padding: 8px;
  }
  section.news-section .news-slider .news-slider-item .news-item {
    width: 100%;
  }
  section.news-section .news-slider .news-slider-item .news-item .news-image {
    width: 100%;
    height: 70%;
  }
}
.red-primary {
  color: #f5164c !important;
}

section.corporate-navigation {
  background-image: url(/img/dsf-corporate/corporate-background.jpg);
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0;
  aspect-ratio: 4/1;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
}
section.corporate-navigation .corporate-title h1 {
  color: #fff;
  font-size: 48px;
  font-weight: 900;
  letter-spacing: 1.73px;
}
section.corporate-navigation .corporate-title p {
  font-size: 32px;
  color: #fff;
}
section.corporate-navigation .navigation {
  display: flex;
  grid-gap: 20px;
  width: 100%;
  margin-top: 115px;
}
section.corporate-navigation .navigation .navigate {
  text-decoration: none;
  width: 20%;
  color: #fff;
  background-color: #292929;
  padding: 30px 15px 30px 20px;
}
section.corporate-navigation .navigation .navigate .information {
  font-size: 18px;
}
section.corporate-navigation .navigation .navigate .page-name {
  font-size: 28px;
}
section.corporate-navigation .navigation .navigate.active .page-name {
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 6px solid #f5164c;
}
section.corporate-navigation .overlay-nav,
section.corporate-navigation .pop-up-nav {
  display: none;
}
section.corporate-info {
  padding: 0;
  background-color: white;
  position: relative;
}
section.corporate-info .commisioner-row {
  gap: 20px;
}
section.corporate-info .management-card-wrapper {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0784313725);
}
section.corporate-info .commisioners-card {
  border-radius: 4px;
  border: none;
  background-color: #fff;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 15px;
}
section.corporate-info .commisioners-card .commisioner-images {
  background-color: #d9d9d9;
  text-align: center;
  width: 100%;
  aspect-ratio: 4/5;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
section.corporate-info .commisioners-card .commisioner-images img {
  width: 100%;
  height: auto;
  transition: transform 0.2s;
  max-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
section.corporate-info .commisioners-card .commisioners-text .commisioners-name {
  font-size: 18px;
  color: #595959;
  font-weight: bold;
}
section.corporate-info .commisioners-card .commisioners-text .commisioners-jabatan {
  font-size: 14px;
  color: #8b8b8b;
  font-weight: normal;
  min-height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
section.corporate-info .red-left-border {
  display: flex;
  gap: 12px;
}
section.corporate-info .red-left-border::before {
  background-color: #f5164c;
  width: 4px;
  content: "";
}
section.corporate-info .title {
  font-size: 28px;
  color: #000000;
  font-weight: 700;
}
section.corporate-info .title .red-dsf {
  color: #f5164c;
  font-weight: 900;
}
section.corporate-info .organization-structure-tab-pane .link-redirect {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
}
section.corporate-info .organization-structure-tab-pane .pdf-viewer-container .pdfobject-container {
  width: 100%;
  aspect-ratio: 1.394/1;
}
section.corporate-info .organization-structure-tab-pane .pdf-viewer-container embed {
  padding: 0;
  margin: 0;
  outline: 10px solid #fff;
  outline-offset: -10px;
}
section.general {
  padding-top: 120px;
  padding-bottom: 80px;
}
section.general .left-general .page-name {
  display: flex;
  align-items: center;
}
section.general .left-general .page-name p {
  color: #292929;
  font-weight: 600;
}
section.general .left-general .page-name .line {
  height: 2px;
  width: 60px;
  background-color: #c4c4c4;
  margin-left: 20px;
}
section.general .left-general .preview {
  color: #fff;
  margin-top: 25px;
  margin-bottom: 30px;
  font-size: 13px;
  padding-right: 75px;
}
section.general .left-general a {
  padding: 5px 10px;
  border: 2px solid #fff;
  border-radius: 30px;
  color: #fff;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
}
section.general .right-general img {
  width: 100%;
}
section.general-information-section {
  background-color: #fff;
}
section.general-information-section .title {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
}
section.general-information-section .title p {
  font-size: 20px;
  color: #585858;
  font-weight: 600;
  margin-right: 20px;
}
section.general-information-section .title .line {
  background-color: #585858;
  height: 2px;
  width: 60px;
}
section.commitment {
  background-color: #dbdbdb;
  color: #292929;
}
section.commitment .text-ours {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}
section.commitment .text-ours p {
  font-size: 20px;
  font-weight: bold;
}
section.commitment .text-ours .line {
  height: 3px;
  width: 100%;
  background-color: #292929;
}
section.commitment .text-all {
  font-size: 1rem;
  font-weight: 400;
}
section.background-dark {
  background-color: #dbdbdb;
  height: 5rem;
  z-index: -1;
  margin-bottom: -9rem;
}
section.our-service {
  background-color: #fff;
}
section.our-service .text-ours {
  display: flex;
  align-items: center;
}
section.our-service .text-ours p {
  color: #292929;
  font-size: 20px;
  font-weight: 600;
}
section.our-service .text-ours .line {
  height: 2px;
  width: 60px;
  margin-left: 20px;
  background-color: #292929;
}
section.our-service .our-service-card .image {
  height: 180px;
  overflow: hidden;
  border-radius: 15px;
}
section.our-service .our-service-card .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.our-service .our-service-card .text h5 {
  color: #292929;
  margin-top: 15px;
}
section.our-service .our-service-card .text p {
  color: #292929;
}
section.our-service .our-service-card .text .title {
  font-weight: 600;
  font-size: 20px;
}
section.our-service .our-service-card .text .desc {
  font-size: 12px;
}
section.our-service .our-service-card:hover {
  text-decoration: none;
}
section.our-digital-product {
  background-color: #dbdbdb;
  padding-bottom: 80px;
}
section.our-digital-product .text-ours {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.our-digital-product .text-ours p {
  color: #292929;
  font-size: 20px;
  font-weight: 600;
}
section.our-digital-product .text-ours .line {
  height: 2px;
  width: 60px;
  margin-left: 20px;
  background-color: #292929;
}
section.our-digital-product .products {
  margin-top: 100px;
  display: flex;
}
section.our-digital-product .products a {
  text-decoration: none;
}
section.our-digital-product .products .product-left img {
  margin-right: 80px;
  width: -webkit-fill-available;
}
section.our-digital-product .products .product-right p {
  color: #292929;
}
section.our-digital-product .products .product-right .product-name {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #292929;
  margin-bottom: 20px;
}
section.our-digital-product .products .product-right .product-desc {
  margin-bottom: 10px;
}
section.our-digital-product .products .product-right .visit-us a {
  font-weight: 500;
  color: #162cf9;
  font-style: italic;
}
section.our-digital-product .products .product-right a.playstore img {
  width: 120px;
  margin-top: 15px;
}
section.managements .bg-top {
  background-color: linear-gradient(to bottom, #292929 16%, white 15%);
  height: 200px;
}
section.managements .bg-bottom {
  background-color: #e5e5e5;
  height: 150px;
}
section.managements .commisioners-card {
  z-index: 90;
}
section.managements .board {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 70px;
}
section.managements .board .text {
  margin-top: -10px;
  font-size: 50px;
  color: white;
  font-weight: bold;
}
section.managements .board .line {
  width: 350px;
  border: solid 2px #f5164c;
  background-color: #f5164c;
}
section.managements-directors {
  position: relative;
  margin-top: 70px;
}
section.managements-directors .board {
  display: flex;
  flex-direction: row;
}
section.managements-directors .board .text {
  margin-top: -10px;
  font-size: 50px;
  color: #595959;
  font-weight: bold;
}
section.managements-directors .board .line {
  width: 350px;
  border: solid 2px #f5164c;
  background-color: #f5164c;
}
section.managements-directors .directors-card {
  margin-top: 1rem;
  position: relative;
}
section.managements-directors .directors-card .directors-images {
  display: flex;
  justify-content: center;
}
section.managements-directors .directors-card .directors-images .circle {
  z-index: 1;
  background-color: #f5164c;
  border-radius: 100%;
}
section.managements-directors .directors-card .directors-images .circle .presiden-image {
  position: relative !important;
  left: 11px !important;
}
section.managements-directors .directors-card .directors-images img {
  transition: transform 0.2s;
  width: 300px;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
}
section.managements-directors .directors-card .directors-images img:hover {
  transform: scale(1.2);
  cursor: pointer;
}
section.managements-directors .directors-card .directors-images-5 {
  display: flex;
  justify-content: center;
}
section.managements-directors .directors-card .directors-images-5 .circle {
  z-index: 1;
  background-color: #f5164c;
  border-radius: 100%;
}
section.managements-directors .directors-card .directors-images-5 img {
  transition: transform 0.2s;
  width: 200px;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
}
section.managements-directors .directors-card .directors-images-5 img:hover {
  transform: scale(1.2);
  cursor: pointer;
}
section.managements-directors .directors-card .presiden-directors-text .presiden-directors-name {
  font-size: 20px;
  color: #f5164c;
  font-weight: bold;
}
section.managements-directors .directors-card .presiden-directors-text .presiden-directors-jabatan {
  font-size: 16px;
  color: #585855;
  font-weight: normal;
}
section.managements-directors .directors-card .presiden-directors-jabatan {
  font-size: 26px;
  color: #5f5f5f;
  font-weight: bold;
}
section.managements-directors .directors-card .presiden-directors-messages {
  margin-top: 1rem;
  text-align: center;
  color: #5f5f5f;
}
section.managements-directors .directors-card .presiden-directors-messages p {
  font-size: 20px;
  font-weight: normal;
}
section.managements-directors .directors-card .directors-text .directors-name {
  font-size: 20px;
  color: #f5164c;
  font-weight: bold;
}
section.managements-directors .directors-card .directors-text .directors-jabatan {
  font-size: 16px;
  color: #585858;
  font-weight: normal;
}
section.managements-directors .directors-card .directors-text-5 .directors-name {
  font-size: 20px;
  color: #f5164c;
  font-weight: bold;
}
section.managements-directors .directors-card .directors-text-5 .directors-jabatan {
  font-size: 16px;
  color: #585858;
  font-weight: normal;
}
section.executive {
  padding-top: 4rem;
  background-color: #fff;
  position: relative;
}
section.executive .circle {
  position: absolute;
  bottom: 0;
  right: 0;
}
section.executive .circle img {
  height: 270px;
  width: 46rem;
}
section.executive .board .board-text .title {
  font-size: 20px;
  color: #5f5f5f;
  font-weight: bold;
}
section.executive .board .board-text .text {
  font-size: 40px;
  color: #5f5f5f;
  font-weight: bold;
}
section.executive .board .title {
  font-size: 20px;
  color: #5f5f5f;
  font-weight: bold;
}
section.executive .board .text {
  margin-top: 0rem;
  font-size: 30px;
  color: #5f5f5f;
  font-weight: bold;
}
section.executive .board .line {
  width: 70px;
  border: solid 2px #f5164c;
  background-color: #f5164c;
}
section.manager {
  margin-top: 70px;
}
section.manager .regional-manager {
  padding-top: 130px;
  padding-bottom: 1rem;
  padding-left: 2rem;
  width: 4rem;
  background-color: #f5164c;
  margin-top: -2rem;
  height: 280px;
}
section.manager .regional-manager .line {
  width: 50px;
  background-color: black !important;
  border: solid black 3px !important;
}
section.manager .regional-manager .title {
  font-size: 30px;
  color: black;
  font-weight: bold;
}
section.manager .regional-manager .text {
  font-size: 40px;
  color: black;
  font-weight: bold;
}
section.manager .regional-manager .line {
  width: 70px;
  border: solid 2px #f5164c;
  background-color: #f5164c;
}
section.manager .regional {
  padding-bottom: 1rem;
}
section.manager .regional .row {
  margin-top: 1.5rem;
}
section.manager .regional p {
  font-size: 25px;
  color: black;
  font-weight: bold;
  margin-bottom: 6px;
}
section.manager .regional li {
  font-size: 14px;
  color: black;
  font-weight: normal;
}
section.manager .regional .manager-name {
  color: #212529;
  font-size: 18px;
  font-weight: 900;
}
section.manager .regional .manager-location {
  color: #6c757d;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 5px;
}
section.finance {
  padding-top: 95px;
  padding-bottom: 60px;
}
section.finance .title {
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
}
section.finance .title p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
section.finance .title .line {
  height: 2px;
  width: 60px;
  background-color: #c4c4c4;
}
section.finance .title .line.left {
  margin-right: 20px;
}
section.finance .title .line.right {
  margin-left: 20px;
}
section.finance .caption {
  color: #fff;
  font-size: 13px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
}
section.finance .financial-report {
  text-decoration: none;
  background: linear-gradient(180deg, #414344 0%, #292929 100%);
  display: grid;
  padding: 25px 30px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  margin-bottom: 30px;
  width: 100%;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
  -o-border-image: linear-gradient(to right bottom, #260b3c, #a053df);
     border-image: linear-gradient(to right bottom, #260b3c, #a053df);
}
section.finance .financial-report img {
  margin: auto;
  width: auto;
  margin-bottom: 10px;
}
section.finance .financial-report .financial-title {
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
section.finance .financial-report .financial-title p {
  text-align: center;
  color: #fff;
}
section.finance .financial-report:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 2px 6px rgba(237, 28, 36, 0.7), inset 0px 1px 0px rgba(255, 255, 255, 0.3);
}
section.corporate-finance {
  margin-top: 70px;
}
section.corporate-finance .financial-report-wrapper {
  padding: 16px;
}
section.corporate-finance .financial-report {
  padding: 0 1rem 1rem 1rem;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0784313725);
}
section.corporate-finance .main-finance {
  margin-bottom: 1rem;
}
section.corporate-finance .main-finance .main-image-cover {
  height: 100%;
  aspect-ratio: 5/7;
}
section.corporate-finance .main-finance .main-image-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}
section.corporate-finance .main-finance .title {
  overflow: hidden;
}
section.corporate-finance .main-finance .title .finance-report-title {
  font-size: 28px;
  font-weight: 900;
  line-height: 42px;
  color: #f5164c;
  padding: 5px;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
section.corporate-finance .main-finance .title .finance-report-title .first-word {
  color: black;
}
section.corporate-finance .main-finance .title .finance-report-title:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  min-width: 100px;
  background-color: #f5164c;
}
section.corporate-finance .main-finance .see-report {
  margin-top: 10px;
}
section.corporate-finance .main-finance .see-report .see-report-button {
  font-size: 14px;
  padding: 6px 12px;
  background-color: #f5164c;
  color: white;
  border-radius: 4px;
  border: 1px solid #f5164c;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
  text-decoration: none;
}
section.corporate-finance .cover-finance {
  height: 355px;
}
section.corporate-finance .btn-hover:hover {
  background: #940c16;
}
section.corporate-finance .img-finance {
  transition: all 0.35s ease-in-out;
  min-height: 100%;
}
section.corporate-finance .show-report-finance {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: -16px;
  transition: all 0.35s ease-in-out;
}
section.corporate-finance .show-report-finance img {
  opacity: 0;
  transform: scale(1.2);
  transition: all 0.35s ease-in-out;
}
section.corporate-finance .img-main-finance {
  transition: all 0.35s ease-in-out;
  width: 100%;
  aspect-ratio: 5/7;
  overflow: hidden;
  margin-top: 10px;
}
section.corporate-finance .img-main-finance:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.375) !important;
}
section.corporate-finance .img-main-finance:hover .img-finance {
  transition: all 0.35s ease-in-out;
  transform: scale(1.05);
}
section.corporate-finance .img-main-finance:hover .show-report-finance img {
  opacity: 1;
  transform: scale(1);
}
section.partner .partner-greet {
  margin-top: 40px;
  margin-bottom: 20px;
}
section.partner .title {
  display: flex;
  flex-direction: column;
  margin: auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
section.partner .title p {
  font-size: 42px;
  color: #292929;
  font-weight: bold;
}
section.partner .title .line-bottom {
  width: 60px;
  border: 4px solid #f5164c;
}
section.partner .desc {
  color: #292929;
  width: 100%;
  font-size: 16px;
}
section.award {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 30px;
  min-width: 100%;
  padding-top: 30px;
  position: relative;
}
section.award-list .award {
  padding: 16px;
}
section.award-list .award .award-card {
  padding: 16px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0784313725);
  height: 100%;
}
section.award-list .award .award-card .award-card-img {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
section.award-list .award .award-card .award-card-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -o-object-fit: cover;
}
section.award-list .award .award-card .award-card-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px 0;
}
section.award-list .award .award-card .award-card-text .award-card-title {
  color: black;
  font-size: 1.75rem;
  line-height: 42px;
  font-weight: 700;
}
section.award-list .award .award-card .award-card-text .award-card-title .first-word {
  color: #f5164c;
  font-weight: 900;
}
section.award-list .award .award-card .award-card-text .award-card-description {
  font-size: 1rem;
}
section.award-list #see-all-btn {
  color: #414344;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  padding: 10px;
  font-size: 12px;
  margin-top: 10px;
}
section.award-list #see-all-btn:hover {
  color: #f5164c;
}
section.partner-list {
  padding: 0;
  position: relative;
  margin-top: 25px;
}
section.partner-list .row {
  margin: 0;
}
section.partner-list .card-partners {
  width: 100%;
  aspect-ratio: 14/9;
  overflow: hidden;
}
section.partner-list .card-partners .card-partners-images img {
  width: 100%;
  height: 100%;
  aspect-ratio: 14/9;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.51);
  border: none;
}
section.partner-list .card-partners .card-partners-images img:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.51);
}
section.partner-list .card-partners .card {
  width: 400px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.51);
  border: none;
  padding-bottom: 10px;
}
section.partner-list .card-partners .card:hover {
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.51);
}
section.partner-list .card-partners .card .line {
  width: 100%;
  border: 1px solid #f5f5f5;
}
section.partner-list .card-partners .card .card-partners-content .partners-paragraph p {
  font-size: 16px;
}
section.partner-list .card-partners .card .card-partners-content .partners-title p {
  font-size: 16px;
  font-weight: 800;
}
section.partner-list .card-partners .card .card-partners-content .partners-title a {
  color: #f5164c;
  text-decoration-line: underline;
}
section.partner-list .card-partners .card .card-partners-content .partners-paragraph {
  margin-top: 1rem;
}
section.partner-list .card-partners .card .card-partners-content .buttons {
  position: absolute;
  bottom: 0;
  right: 0px;
  background-color: #f5164c;
  padding: 10px;
  border-radius: 0px 0px 10px 0px;
}
section.partner-list .card-partners .card .card-partners-content .buttons a {
  font-size: 1.5rem;
  color: #fff;
}
section.sales-and-lease-back .sales-and-lease-back-title {
  color: #6d6868;
  font-weight: 800;
  font-size: 20px;
  margin-bottom: 15px;
}
section.sales-and-lease-back .see-sales-and-lease-back a {
  background: #f4164a;
  border-radius: 5px;
  color: #fff;
  margin-top: 20px;
  padding: 5px 15px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}
section.corporate-profile .corporate-profile-nav {
  overflow-x: auto;
  padding: 5px 0;
}
section.corporate-profile .corporate-profile-nav .corporate-nav-tabs {
  border: none;
  width: 100%;
  flex-wrap: nowrap;
}
section.corporate-profile .corporate-profile-nav .corporate-nav-tabs .corporate-nav-pills {
  background-color: #f8f9fa;
  color: #212529;
  padding: 8px 16px;
  margin: 0 5px;
  border-radius: 6px;
  flex-shrink: 0;
}
section.corporate-profile .corporate-profile-nav .corporate-nav-tabs .corporate-nav-pills.active {
  background-color: #f5164c;
  color: white;
  border: 1px solid white;
}
section.corporate-profile .corporate-tab-content {
  padding-top: 20px;
}
section.corporate-profile .corporate-tab-content .tab-pane {
  padding: 0 10px;
}
section.corporate-profile .corporate-tab-content h5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 42px;
}
section.corporate-profile .corporate-tab-content .digital-product {
  margin: 30px 0;
}
section.corporate-profile .corporate-tab-content .digital-product img {
  max-width: 30%;
}
section.corporate-profile .corporate-tab-content .finance-accordions {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
section.corporate-profile .corporate-tab-content .finance-accordions .corporate-collapse .corporate-accordion {
  background-color: #f9f9f9;
  color: #212529;
  font-weight: bold;
  cursor: pointer;
  border: none;
  padding: 16px 20px;
  border-radius: 4px 4px 0 0;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 16px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}
section.corporate-profile .corporate-tab-content .finance-accordions .corporate-collapse .corporate-accordion.active {
  background-color: #feeff2;
  color: #f5164c;
}
section.corporate-profile .corporate-tab-content .finance-accordions .corporate-collapse .corporate-accordion.active::after {
  transform: rotate(180deg);
  transition: 0.4s;
}
section.corporate-profile .corporate-tab-content .finance-accordions .corporate-collapse .corporate-accordion::after {
  font-family: FontAwesome;
  content: "\f078";
  float: right;
  transition: 0.4s;
}
section.corporate-profile .corporate-tab-content .finance-accordions .corporate-collapse .panel {
  color: #212529;
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0 15px;
}
section.whistleblowing .key-visual-wrapper {
  display: flex;
  flex-direction: row;
}
section.whistleblowing .key-visual-wrapper .copywrite {
  display: flex;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  width: 50%;
}
section.whistleblowing .key-visual-wrapper .copywrite p {
  font-size: 32px;
  font-weight: 700;
  line-height: 150%;
  width: 75%;
}
section.whistleblowing .key-visual-wrapper .image-wrapper {
  border-radius: 1rem;
  overflow: hidden;
  width: 50%;
}
section.whistleblowing .key-visual-wrapper .image-wrapper img {
  width: 100%;
}
section.whistleblowing .description-section .whistleblowing-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-top: 16px;
}
section.whistleblowing .description-section .whistleblowing-list li {
  width: 35%;
  margin-bottom: 8px;
}
section.whistleblowing .description-section .whistleblowing-list li::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/whistleblowing/ic-wbs-item.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}
section.whistleblowing .whistleblowing-flow {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
section.whistleblowing .whistleblowing-flow .flow-image-wrapper {
  width: 50%;
  padding: 8px 16px;
}
section.whistleblowing .whistleblowing-flow .flow-image-wrapper .desktop-flow {
  display: block;
  width: 100%;
}
section.whistleblowing .whistleblowing-flow .flow-image-wrapper .mobile-flow {
  display: none;
}
section.whistleblowing .whistleblowing-flow .flow-description {
  width: 50%;
}
section.whistleblowing .whistleblowing-flow .flow-description .title {
  font-weight: 800;
  font-size: 28px;
}
section.whistleblowing .whistleblowing-flow .flow-description p {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
section.whistleblowing .whistleblowing-flow .flow-description .action-button {
  display: flex;
  justify-content: center;
  margin: 8px 0;
  width: 100%;
}
section.whistleblowing .action-button {
  display: flex;
  align-items: center;
  gap: 8px;
}

.carousel-service-corporate .slick-arrow {
  display: none !important;
}
.carousel-service-corporate .slick-dots {
  display: none !important;
}
.carousel-service-corporate .card--blog {
  height: auto !important;
  font-size: 12px;
}
.carousel-service-corporate .card--blog p {
  font-size: 12px;
}

.corporate-menu-section .corporate-menu-wrapper {
  margin-bottom: 80px;
  display: flex;
}
.corporate-menu-section .corporate-menu-wrapper .single-corporate-menu {
  padding: 10px !important;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu {
  aspect-ratio: 7/4;
  display: flex;
  align-items: flex-end;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 24px;
  overflow: hidden;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu .overlay-content .expanded-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu .overlay-content .expanded-content .content-preview {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu .overlay-content .expanded-content a {
  color: white;
  text-decoration: underline;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu .title {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
  padding: 16px 48px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu .title h5 {
  font-size: 28px;
  font-weight: 700;
  line-height: 35.14px;
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu.corporate-vision {
  background-image: url(/img/dsf-corporate/dsf-visi-misi.jpg);
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu.corporate-philosophy {
  background-image: url(/img/dsf-corporate/dsf-filosofi-prinsip.jpg);
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu.corporate-finance {
  background-image: url(/img/dsf-corporate/dsf-produk-financial.jpg);
}
.corporate-menu-section .corporate-menu-wrapper .corporate-menu.corporate-product {
  background-image: url(/img/dsf-corporate/dsf-produk-digital.jpg);
}
.corporate-menu-section .corporate-menu-wrapper-mobile {
  display: none;
}
.corporate-menu-section .offcanvas {
  display: none;
}

.corporate-privacy {
  background-image: url(/img/dsf-corporate/bg-privacy-police.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 144/25;
  margin-bottom: -45px;
  padding: 48px 150px;
  color: white;
}
.corporate-privacy .title {
  font-size: 40px;
  font-weight: 700;
}
.corporate-privacy .see-more-button {
  background-color: #f8f9fa;
  border: 1px solid #f8f9fa;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  color: black;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  text-decoration: none;
}

.modal-corporate-page .modal-dialog .modal-content .modal-header {
  background-image: none;
  background-color: white;
  height: -moz-fit-content;
  height: fit-content;
  justify-content: flex-start;
  align-items: baseline;
  color: #212529;
}
.modal-corporate-page .modal-dialog .modal-content .modal-header .modal-title {
  text-align: left;
  color: #212529;
}
.modal-corporate-page .modal-dialog .modal-content .modal-header .close {
  font-size: 32px;
}
.modal-corporate-page .modal-dialog .modal-content .modal-header .close span {
  color: #000000;
}
.modal-corporate-page .modal-dialog .modal-content .modal-body {
  color: #212529;
  padding: 16px;
}

@media screen and (max-width: 1200px) {
  section.corporate-navigation .corporate-title h1 {
    color: #fff;
  }
  section.corporate-navigation .corporate-title p {
    font-size: 38px;
    color: #fff;
  }
  section.corporate-navigation .navigation {
    margin-top: 60px;
  }
  section.corporate-navigation .navigation .navigate {
    padding: 20px 10px 20px 20px;
  }
  section.corporate-navigation .navigation .navigate .information {
    font-size: 17px;
  }
  section.corporate-navigation .navigation .navigate .page-name {
    font-size: 23px;
  }
  section.corporate-navigation .navigation .navigate.active .page-name {
    border-bottom: 6px solid #ed264f;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 992px) {
  section.corporate-navigation .corporate-title h1 {
    color: #fff;
    font-size: 20px;
  }
  section.corporate-navigation .corporate-title p {
    font-size: 16px;
    color: #fff;
  }
  section.corporate-navigation .navigation {
    margin-top: 60px;
  }
  section.corporate-navigation .navigation .navigate {
    padding: 20px 10px 15px 15px;
  }
  section.corporate-navigation .navigation .navigate .information {
    font-size: 14px;
  }
  section.corporate-navigation .navigation .navigate .page-name {
    font-size: 17px;
  }
  section.corporate-navigation .navigation .navigate.active .page-name {
    border-bottom: 4px solid #ed264f;
  }
  section.whistleblowing .key-visual-wrapper {
    flex-direction: column-reverse;
    gap: 16px;
  }
  section.whistleblowing .key-visual-wrapper .copywrite {
    width: 100%;
    gap: 16px;
  }
  section.whistleblowing .key-visual-wrapper .copywrite p {
    width: 100%;
    font-size: 20px;
  }
  section.whistleblowing .key-visual-wrapper .image-wrapper {
    width: 100%;
  }
  section.whistleblowing .description-section .whistleblowing-list {
    flex-direction: column;
  }
  section.whistleblowing .description-section .whistleblowing-list li {
    width: 100%;
  }
  section.whistleblowing .whistleblowing-flow {
    flex-direction: column;
  }
  section.whistleblowing .whistleblowing-flow .flow-image-wrapper {
    width: 100%;
  }
  section.whistleblowing .whistleblowing-flow .flow-image-wrapper .desktop-flow {
    display: none;
  }
  section.whistleblowing .whistleblowing-flow .flow-image-wrapper .mobile-flow {
    display: block;
    width: 100%;
  }
  section.whistleblowing .whistleblowing-flow .flow-description {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  section.corporate-navigation {
    background-image: url(/img/dsf-corporate/corporate-background.jpg);
    position: initial;
    top: 0;
    aspect-ratio: 12/5;
    padding-bottom: 20px;
  }
  section.corporate-navigation .navigation {
    margin-top: 0;
  }
  section.corporate-navigation .navigation .navigate {
    padding: 20px 10px 15px 15px;
    display: none;
  }
  section.corporate-navigation .navigation .navigate .information {
    font-size: 14px;
  }
  section.corporate-navigation .navigation .navigate .page-name {
    font-size: 17px;
  }
  section.corporate-navigation .navigation .navigate.active {
    z-index: 97;
    position: absolute;
    width: 60%;
    margin: 0 60px;
    display: block;
    height: 140px;
    top: -70px;
    padding: 40px 15px 30px 35px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  section.corporate-navigation .navigation .navigate.active .information {
    font-size: 18px;
  }
  section.corporate-navigation .navigation .navigate.active .page-name {
    font-size: 34px;
  }
  section.corporate-navigation #show-navs {
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    z-index: 97;
    top: -20px;
    right: 45px;
  }
  section.corporate-navigation .overlay-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: 0.5s ease;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.65);
    display: none;
  }
  section.corporate-navigation .overlay-nav.active {
    opacity: 1;
    display: block;
  }
  section.corporate-navigation .pop-up-nav {
    display: none;
    z-index: 100;
    position: fixed;
  }
  section.corporate-navigation .pop-up-nav.active {
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  section.corporate-navigation .pop-up-nav .contain-navigate {
    background-color: #292929;
    padding: 50px 15px 30px 35px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate {
    text-decoration: none;
    color: #fff;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .information {
    font-size: 18px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .page-name {
    font-size: 34px;
  }
}
@media screen and (max-width: 575px) {
  section.corporate-navigation .pop-up-nav .contain-navigate {
    padding: 10px 20px 15px 20px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .information {
    font-size: 15px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .page-name {
    font-size: 20px;
  }
  section.corporate-navigation .navigation .navigate.active .page-name {
    font-size: 28px;
  }
}
@media screen and (max-width: 375px) {
  section.corporate-navigation .navigation .navigate.active {
    height: 125px;
    top: -65px;
    padding: 35px 15px 30px 25px;
    margin: 0 50px;
  }
  section.corporate-navigation .navigation .navigate.active .information {
    font-size: 18px;
  }
  section.corporate-navigation .navigation .navigate.active .page-name {
    font-size: 25px;
  }
  section.corporate-navigation #show-navs {
    right: 30px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate {
    padding: 10px 20px 15px 20px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .information {
    font-size: 12px;
  }
  section.corporate-navigation .pop-up-nav .contain-navigate .navigate .page-name {
    font-size: 15px;
  }
}
@media screen and (max-width: 1200px) {
  section.corporate-info .commisioners-card .commisioners-text .commisioners-jabatan {
    min-height: 63px;
  }
}
@media screen and (max-width: 992px) {
  section.corporate-info {
    padding-right: 15px;
    padding-left: 15px;
  }
  section.corporate-info .commisioners-card {
    padding: 10px;
  }
  section.corporate-info .commisioners-card .commisioner-images img {
    width: 100%;
    height: auto;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-name {
    font-size: 18px;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-jabatan {
    min-height: 45px;
    font-size: 14px;
  }
  section.corporate-info .title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  section.corporate-info .commisioners-card {
    padding: 10px;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-name {
    font-size: 14px;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-jabatan {
    min-height: 54px;
    font-size: 12px;
  }
  section.corporate-info .organization-structure-tab-pane .link-redirect {
    display: none;
  }
}
@media screen and (max-width: 375px) {
  section.corporate-info .commisioners-card {
    padding: 10px;
  }
  section.corporate-info .commisioners-card .commisioner-images img {
    width: 100%;
    height: auto;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-name {
    font-size: 12px;
  }
  section.corporate-info .commisioners-card .commisioners-text .commisioners-jabatan {
    min-height: 45px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  section.general {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  section.general .left-general .preview {
    padding-right: 45px;
  }
}
@media screen and (max-width: 992px) {
  section.general {
    padding-top: 70px;
    padding-bottom: 45px;
  }
  section.general .left-general .preview {
    padding-right: 35px;
  }
  section.general .right-general {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  section.general {
    padding-top: 10px;
    padding-bottom: 50px;
  }
  section.general .right-general {
    margin-bottom: 30px;
  }
  section.general .left-general .page-name {
    font-size: 20px;
  }
  section.general .left-general .preview {
    padding-right: 0;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  section.general-information-section {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1200px) {
  section.our-service .text-ours p {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  section.our-service .text-ours {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
  }
  section.our-service .text-ours p {
    color: #292929;
    font-size: 20px;
    font-weight: 600;
  }
  section.our-service .text-ours .line {
    height: 2px;
    width: 40px;
    background-color: #292929;
  }
  section.our-service .our-service-slide {
    display: flex;
  }
  section.our-service .our-service-card .text .title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  section.our-service .our-service-card .text .desc {
    overflow: hidden;
    display: -webkit-box;
    max-width: 100%;
    line-height: 1.2;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}
@media screen and (max-width: 1200px) {
  section.our-digital-product .products .product-left img {
    width: 100%;
    padding-right: 60px;
    margin: 0;
  }
}
@media screen and (max-width: 992px) {
  section.our-digital-product .products {
    margin-top: 60px;
    display: flex;
  }
  section.our-digital-product .products .product-left img {
    width: 100%;
    margin-right: 0;
    padding-right: 60px;
  }
  section.our-digital-product .products .product-right p {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  section.our-digital-product .text-ours {
    justify-content: start;
  }
  section.our-digital-product .products {
    margin-top: 40px;
  }
  section.our-digital-product .products .product-left img {
    padding: 0 40px;
  }
}
@media screen and (max-width: 375px) {
  section.our-digital-product .text-ours {
    justify-content: start;
  }
  section.our-digital-product .text-ours p {
    font-size: 17px;
  }
  section.our-digital-product .text-ours .line {
    width: 40px;
  }
}
@media screen and (max-width: 1200px) {
  section .bg-bottom {
    height: 180px;
  }
  section.managements .commisioners-card {
    z-index: 90;
  }
  section.managements .board .text {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.managements .board .line {
    width: 300px;
    border: solid 2px #f5164c;
  }
  section.executive {
    background-color: white;
  }
  section.executive .circle {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  section.executive .circle img {
    width: 34rem;
  }
  section.executive .board {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 15px;
  }
  section.executive .board .board-text {
    margin-left: 2rem;
  }
  section.executive .board .board-text .title {
    font-size: 23px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .board-text .text {
    font-size: 30px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .line {
    width: 70px;
    border: solid 2px #f5164c;
  }
  section.managements-directors .line {
    width: 30%;
    border: 2px solid #bcbcbc;
  }
  section.managements-directors .right {
    position: absolute;
    right: 0;
    top: 17rem;
  }
  section.managements-directors .left {
    position: absolute;
    top: 13rem;
  }
  section.managements-directors .board .text {
    font-size: 30px;
    color: #595959;
    font-weight: bold;
  }
  section.managements-directors .board .line {
    width: 300px;
    border: solid 2px #f5164c;
  }
  section.managements-directors .directors-card {
    margin-top: 1rem;
    position: relative;
  }
  section.managements-directors .directors-card .directors-images {
    display: flex;
    justify-content: center;
  }
  section.managements-directors .directors-card .directors-images .circle {
    z-index: 1;
    background-color: #f5164c;
    border-radius: 100%;
  }
  section.managements-directors .directors-card .directors-images .circle img {
    width: 250px;
    height: 250px;
  }
  section.managements-directors .directors-card .directors-images-5 {
    display: flex;
    justify-content: center;
  }
  section.managements-directors .directors-card .directors-images-5 .circle {
    z-index: 1;
    background-color: #f5164c;
    border-radius: 100%;
  }
  section.managements-directors .directors-card .directors-images-5 .circle img {
    width: 150px;
    height: 150px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  section.managements-directors .directors-card .directors-text .directors-name {
    font-size: 15px;
  }
  section.managements-directors .directors-card .directors-text .directors-jabatan {
    font-size: 12px;
  }
  section.managements-directors .directors-card .directors-text-5 .directors-name {
    font-size: 14px;
  }
  section.managements-directors .directors-card .directors-text-5 .directors-jabatan {
    font-size: 12px;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-name {
    font-size: 20px;
    color: #f5164c;
    font-weight: bold;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-jabatan {
    font-size: 16px;
    font-weight: normal;
    opacity: 0.8;
  }
  section.managements-directors .directors-card .presiden-directors-jabatan {
    font-size: 26px;
    color: #5f5f5f;
    font-weight: normal;
    opacity: 0.8;
  }
  section.managements-directors .directors-card .presiden-directors-messages {
    margin-top: 1rem;
    text-align: center;
    color: #5f5f5f;
  }
  section.managements-directors .directors-card .presiden-directors-messages p {
    font-size: 20px;
  }
  section.manager .regional-manager {
    padding-top: 100px;
    padding-bottom: 1rem;
    padding-left: 2rem;
    width: 6rem;
    background-color: #f5164c;
    margin-top: -2rem;
    height: 250px;
  }
  section.manager .regional-manager .title {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .text {
    font-size: 40px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .line {
    width: 70px;
    border: solid 2px #f5164c;
  }
  section.manager .regional .row {
    margin-top: 1.5rem;
  }
  section.manager .regional p {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
  }
  section.manager .regional li {
    font-size: 16px;
    color: #fff;
    font-weight: normal;
  }
}
@media screen and (max-width: 992px) {
  section .bg-bottom {
    height: 150px;
  }
  section.managements .board .text {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.managements .board .line {
    display: none;
    border: solid 2px #f5164c;
  }
  section.executive {
    background-color: white;
  }
  section.executive .circle {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  section.executive .circle img {
    width: 24rem;
    height: 164px;
  }
  section.executive .board {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 15px;
  }
  section.executive .board .board-text .title {
    font-size: 18px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .board-text .text {
    font-size: 23px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .line {
    width: 70px;
    border: solid 2px #f5164c;
    background-color: #f5164c;
  }
  section.managements-directors {
    margin-top: 40px;
  }
  section.managements-directors .line {
    width: 30%;
    border: 2px solid #bcbcbc;
    background-color: #bcbcbc;
  }
  section.managements-directors .right {
    position: absolute;
    right: 0;
    top: 16rem;
  }
  section.managements-directors .left {
    position: absolute;
    top: 13rem;
  }
  section.managements-directors .board .title {
    font-size: 20px;
  }
  section.managements-directors .board .text {
    font-size: 30px;
    color: #595959;
    font-weight: bold;
  }
  section.managements-directors .board .line {
    border: solid 2px #f5164c;
  }
  section.managements-directors .directors-card {
    margin-top: 1rem;
    position: relative;
  }
  section.managements-directors .directors-card .directors-images {
    display: flex;
    justify-content: center;
  }
  section.managements-directors .directors-card .directors-images .circle {
    z-index: 1;
    background-color: #f5164c;
    border-radius: 100%;
  }
  section.managements-directors .directors-card .directors-images .circle img {
    width: 180px;
    height: 180px;
  }
  section.managements-directors .directors-card .directors-images-5 {
    display: flex;
    justify-content: center;
  }
  section.managements-directors .directors-card .directors-images-5 .circle {
    z-index: 1;
    background-color: #f5164c;
    border-radius: 100%;
  }
  section.managements-directors .directors-card .directors-images-5 .circle img {
    width: 120px;
    height: 120px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-name {
    font-size: 20px;
    font-weight: bold;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-jabatan {
    font-size: 16px;
    font-weight: normal;
    opacity: 0.8;
  }
  section.managements-directors .directors-card .presiden-directors-jabatan {
    font-size: 26px;
    color: #5f5f5f;
    font-weight: normal;
  }
  section.managements-directors .directors-card .presiden-directors-messages {
    margin-top: 1rem;
    text-align: center;
    color: #5f5f5f;
  }
  section.managements-directors .directors-card .presiden-directors-messages p {
    font-size: 20px;
  }
  section.managements-directors .directors-card .directors-text-5 .directors-name {
    font-size: 10px;
  }
  section.managements-directors .directors-card .directors-text-5 .directors-jabatan {
    font-size: 8px;
  }
  section.manager .regional-manager {
    padding-top: 80px;
    padding-bottom: 1rem;
    padding-left: 1rem;
    width: 6rem;
    background-color: #f5164c;
    margin-top: -2rem;
    height: 200px;
  }
  section.manager .regional-manager .title {
    font-size: 20px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .text {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .line {
    width: 70px;
    border: solid 2px #f5164c;
    background-color: #f5164c;
  }
  section.manager .regional {
    padding-top: 20px;
  }
  section.manager .regional .row {
    margin-bottom: -4rem;
  }
  section.manager .regional p {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
  }
  section.manager .regional li {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
  }
}
@media screen and (max-width: 767px) {
  section .bg-top {
    height: 150px;
  }
  section .bg-bottom {
    height: 200px;
  }
  section.managements .board {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 40px;
  }
  section.managements .board .text {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.managements .board .line {
    border: solid 2px #f5164c;
    background-color: #f5164c;
  }
  section.executive {
    background-color: white;
  }
  section.executive .circle {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  section.executive .circle img {
    width: 24rem;
    height: 8rem;
  }
  section.executive .board {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-right: 15px;
  }
  section.executive .board .board-text {
    margin-left: 0;
    text-align: center;
  }
  section.executive .board .board-text .title {
    font-size: 20px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .board-text .text {
    font-size: 30px;
    color: #5f5f5f;
    font-weight: bold;
  }
  section.executive .board .board-text .line {
    width: 70px;
    border: solid 2px #f5164c;
    background-color: #f5164c;
    margin: auto;
  }
  section.managements-directors .board .presiden-directors-jabatan {
    font-size: 18;
    color: #5f5f5f;
    font-weight: normal;
    opacity: 0.8;
  }
  section.managements-directors .board .text {
    font-size: 30px;
    color: #595959;
    font-weight: bold;
  }
  section.managements-directors .board .line {
    border: solid 2px #f5164c;
    background-color: #f5164c;
  }
  section.managements-directors .directors-card {
    margin-top: 1rem;
    position: relative;
  }
  section.managements-directors .directors-card .directors-images {
    display: flex;
    justify-content: center;
  }
  section.managements-directors .directors-card .directors-images .circle {
    z-index: 1;
    background-color: #f5164c;
    border-radius: 100%;
  }
  section.managements-directors .directors-card .directors-images .circle img {
    width: 10rem;
    height: 10rem;
  }
  section.managements-directors .directors-card .directors-images img {
    width: 200px;
    height: 200px;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-name {
    font-size: 14px;
    font-weight: bold;
  }
  section.managements-directors .directors-card .presiden-directors-text .presiden-directors-jabatan {
    font-size: 12px;
    font-weight: normal;
  }
  section.managements-directors .directors-card .presiden-directors-messages {
    margin-top: 1rem;
    text-align: center;
    color: #5f5f5f;
  }
  section.managements-directors .directors-card .presiden-directors-messages p {
    font-size: 20px;
  }
  section.managements-directors .directors-card .directors-text .directors-name {
    font-size: 14px;
  }
  section.managements-directors .directors-card .directors-text .directors-jabatan {
    font-size: 11px;
  }
  section.manager .regional-manager {
    padding-top: 20px;
    padding-bottom: 1rem;
    background-color: #f5164c;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -2rem;
    height: 120px;
  }
  section.manager .regional-manager .title {
    font-size: 20px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .text {
    font-size: 30px;
    color: white;
    font-weight: bold;
  }
  section.manager .regional-manager .line {
    width: 70px;
    border: solid 2px #f5164c;
    background-color: #f5164c;
  }
  section.manager .regional p {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
  }
  section.manager .regional li {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
  }
}
@media screen and (max-width: 1200px) {
  section.finance {
    padding-top: 80px;
    padding-bottom: 65px;
  }
  section.finance .financial-report {
    padding: 15px 20px;
  }
  section.finance .financial-report p {
    font-size: 14px;
  }
  section.corporate-finance .cover-finance {
    height: 270px;
  }
  section.corporate-finance .cover-finance img {
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  section.finance .financial-report {
    padding: 25px 30px;
  }
  section.corporate-finance .cover-finance {
    height: 185px;
  }
  section.corporate-finance .cover-finance img {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  section.finance {
    margin-bottom: 40px;
    padding-top: 120px;
  }
  section.finance .annual-report {
    display: none;
  }
  section.finance .load-more {
    background: none;
    color: #fff;
    border: none;
    margin: auto;
  }
  section.finance .title p {
    font-size: 16px;
    text-align: center;
  }
  section.finance .caption {
    font-size: 14px;
    text-align: left;
  }
  section.corporate-finance {
    margin-top: 20px;
    padding: 0;
  }
  section.corporate-finance .financial-report-wrapper {
    padding: 10px;
    margin-bottom: 10px;
  }
  section.corporate-finance .main-finance {
    margin-bottom: 5px;
  }
  section.corporate-finance .main-finance .title .finance-report-title {
    font-size: 16px;
  }
  section.corporate-finance .main-finance .img-main-finance {
    width: 100%;
  }
  section.corporate-finance .main-finance .main-image-cover {
    height: 100%;
  }
  section.corporate-finance .cover-finance {
    height: 310px;
  }
  section.corporate-finance .cover-finance img {
    max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  section.finance .caption {
    font-size: 13px;
  }
  section.finance .financial-report img {
    width: 70%;
  }
  section.corporate-finance .main-finance-content {
    width: 100%;
  }
  section.corporate-finance .main-finance-content h4 {
    font-size: 16px;
  }
  section.corporate-finance .m-text-center {
    text-align: center;
  }
  section.corporate-finance .cover-finance {
    height: 160px;
  }
  section.corporate-finance .list-report-finance .show-report-finance {
    margin-left: -7px;
  }
  section.corporate-finance .list-report-finance .show-report-finance img {
    width: 50px;
  }
}
@media screen and (max-width: 375px) {
  section.finance {
    padding-top: 110px;
  }
  section.finance .title .line {
    width: 50px;
  }
  section.finance .title .line.left {
    margin-right: 15px;
  }
  section.finance .title .line.right {
    margin-left: 15px;
  }
  section.finance .title p {
    font-size: 15px;
  }
  section.finance .caption {
    font-size: 12px;
  }
  section.finance .financial-report p {
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  section.partner .title {
    font-size: 26px;
  }
  section.partner .desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  section.partner .partner-greet {
    margin-top: 30px;
  }
  section.partner .partner-greet .title {
    margin-bottom: 24px;
    font-size: 30px;
  }
  section.partner .partner-greet .desc {
    font-size: 14px;
  }
  section.award-list {
    padding: 0;
  }
  section.award-list .row {
    padding-top: 0;
  }
  section.award-list .award-card {
    flex-direction: column;
  }
  section.award-list .award-card .award-card-text {
    min-height: auto !important;
  }
}
@media screen and (max-width: 375px) {
  section.partner .partner-greet .title {
    margin-bottom: 10px;
  }
  section.partner .partner-greet .title .line-bottom {
    margin-top: 0.4rem;
    width: 60px;
    border: 2px solid #f5164c;
  }
  section.partner .partner-greet .title p {
    font-size: 16px;
  }
  section.partner .partner-greet .desc {
    font-size: 12px;
    text-align: center;
    padding: 10px;
  }
}
@media screen and (max-width: 1200px) {
  section.partner-list .card-partners {
    display: flex;
    justify-content: center;
  }
  section.partner-list .card-partners .card {
    width: 520px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-paragraph p {
    font-size: 20px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title p {
    font-size: 16px;
    font-weight: 800;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title a {
    color: #f5164c;
    text-decoration-line: underline;
  }
}
@media screen and (max-width: 992px) {
  section.partner-list .card-partners {
    display: flex;
    justify-content: center;
  }
  section.partner-list .card-partners .card {
    width: 399px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-paragraph {
    padding: 0px 16px !important;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-paragraph p {
    font-size: 18px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title {
    padding: 0px 10px !important;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title p {
    font-size: 14px;
    font-weight: 800;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title a {
    color: #f5164c;
    text-decoration-line: underline;
  }
}
@media screen and (max-width: 767px) {
  section.partner-list {
    top: 0px;
  }
  section.partner-list .partners-card-container {
    gap: 25px;
  }
  section.partner-list .card-partners {
    display: flex;
    justify-content: center;
  }
  section.partner-list .card-partners .card {
    width: 400px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-paragraph p {
    font-size: 16px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title p {
    font-size: 10px;
    font-weight: 800;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title a {
    color: #f5164c;
    text-decoration-line: underline;
  }
}
@media screen and (max-width: 375px) {
  section.partner-list {
    position: relative;
  }
  section.partner-list .card-partners {
    display: flex;
    justify-content: center;
    padding: 0;
  }
  section.partner-list .card-partners .card {
    width: 300px;
    height: 100px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-paragraph p {
    font-size: 13px;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title p {
    font-size: 10px;
    font-weight: 800;
  }
  section.partner-list .card-partners .card .card-partners-content .partners-title a {
    color: #f5164c;
    text-decoration-line: underline;
  }
}
@media screen and (max-width: 767px) {
  .corporate-menu-section {
    padding: 0;
  }
  .corporate-menu-section .corporate-menu-wrapper {
    margin-bottom: 0;
    border-radius: 0;
    display: none;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu {
    aspect-ratio: 2/1;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu .title {
    padding: 16px 24px;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu .title h5 {
    font-size: 20px;
    line-height: normal;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu .title .expanded-content {
    font-size: 12px;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu .title .expanded-content .content-preview {
    -webkit-line-clamp: 5;
  }
  .corporate-menu-section .corporate-menu-wrapper .corporate-menu .title .expanded-content .content-preview p {
    font-size: 12px;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile {
    display: block;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .overlay-offcanvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: none;
    background-color: #000000;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile {
    aspect-ratio: 2/1;
    display: flex;
    align-items: flex-end;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile .title {
    background-color: rgba(0, 0, 0, 0.25);
    color: white;
    padding: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile .title h5 {
    font-size: 20px;
    font-weight: 700;
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile.corporate-vision {
    background-image: url(/img/dsf-corporate/dsf-visi-misi.jpg);
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile.corporate-philosophy {
    background-image: url(/img/dsf-corporate/dsf-filosofi-prinsip.jpg);
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile.corporate-finance {
    background-image: url(/img/dsf-corporate/dsf-produk-financial.jpg);
  }
  .corporate-menu-section .corporate-menu-wrapper-mobile .corporate-menu-mobile.corporate-product {
    background-image: url(/img/dsf-corporate/dsf-produk-digital.jpg);
  }
  .corporate-menu-section .offcanvas {
    display: none;
    position: fixed;
    height: 0;
    bottom: 0;
    background: white;
    z-index: 99999;
    padding: 16px;
    border-radius: 16px 16px 0 0;
    transition: 0.3s;
    overflow-y: auto;
    max-height: 85%;
  }
  .corporate-menu-section .offcanvas .offcanvas-header {
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .corporate-menu-section .offcanvas .offcanvas-header .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
  }
  .corporate-menu-section .offcanvas .offcanvas-body ul {
    padding-left: 20px;
  }
  .corporate-menu-section .offcanvas .offcanvas-body ul li {
    margin-bottom: 10px;
  }
  .corporate-menu-section .offcanvas .offcanvas-body .digital-product {
    margin-bottom: 25px;
  }
  .corporate-menu-section .offcanvas .offcanvas-body .digital-product img {
    max-width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .corporate-privacy {
    padding: 48px 16px;
    background-image: url(/img/dsf-corporate/bg-privacy-police-mobile.jpg);
    aspect-ratio: 39/20;
    margin-bottom: -48px;
  }
  .corporate-privacy .title {
    font-size: 20px;
  }
}
section.job-section {
  background-image: url(/img/job-form-bg.png);
}
section.job-section .job-title {
  color: #4d4d4d;
  font-weight: bold;
  font-size: 44px;
  line-height: 50px;
}
section.job-section .job-location {
  color: rgba(77, 77, 77, 0.7);
  font-weight: 500;
  font-size: 24px;
}
section.job-form {
  background-image: url(/img/subtract.png);
  background-repeat: no-repeat;
  background-position: 0% 60%;
}
section.job-form .command {
  font-weight: bold;
  font-size: 20px;
  color: #585858;
  margin-bottom: 35px;
}
section.job-form form .label-input label {
  margin-right: 70px;
  font-weight: bold;
  color: #585858;
  margin-bottom: 0;
  display: block;
  padding-top: 20px;
}
section.job-form form .label-input label span {
  color: #f5164c;
}
section.job-form form .label-input .inputs {
  display: grid;
  width: 100%;
}
section.job-form form .label-input .inputs input {
  padding: 10px;
  margin: 10px 0;
  color: #c4c4c4;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  width: 100%;
}
section.job-form form .label-input .inputs input::-moz-placeholder {
  color: rgba(77, 77, 77, 0.3);
  font-weight: #c4c4c4;
}
section.job-form form .label-input .inputs input::placeholder {
  color: rgba(77, 77, 77, 0.3);
  font-weight: #c4c4c4;
}
section.job-form form .label-input .inputs .label-file {
  padding: 10px 100px;
  margin: 10px 0;
  background: #f8f8f8;
  border: 1px solid #c4c4c4;
  border-radius: 5px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  color: rgba(77, 77, 77, 0.7);
  text-transform: uppercase;
}
section.job-form form .label-input .inputs #file {
  display: none;
}
section.job-form form .additional {
  margin-top: 70px;
  display: grid;
}
section.job-form form .additional label {
  font-weight: bold;
  font-size: 20px;
  color: #585858;
}
section.job-form form .additional input {
  height: 130px;
  border-radius: 5px;
  border: 1px solid #c4c4c4;
  padding: 0 15px;
}
section.job-form form .additional input:focus-visible {
  outline: none;
}
section.job-form form .additional input::-moz-placeholder {
  display: flex;
  align-items: flex-start;
}
section.job-form form .additional input::placeholder {
  display: flex;
  align-items: flex-start;
}
section.job-form form .submit-btn {
  background-color: #00be7a;
  padding: 10px 100px;
  margin: auto;
  margin-top: 70px;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  display: flex;
}
section.job-form form .submit-btn:hover {
  background-color: #f5164c;
  transition: 0.3s;
}
section.recruitment-complete {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url(/img/bg-complete.png);
  background-size: cover;
  background-repeat: no-repeat;
}
section.recruitment-complete .complete-alert {
  margin-bottom: 80px;
  display: grid;
  justify-content: center;
}
section.recruitment-complete .complete-alert .submitted {
  margin-top: 20px;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
}
section.recruitment-complete .complete-alert .team-contact {
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
}
section.recruitment-complete .button-back {
  width: 100%;
  display: flex;
  justify-content: center;
}
section.recruitment-complete .button-back a {
  padding: 15px 30px;
  background-color: #e1241f;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 17px;
  border-radius: 5px;
}

@media screen and (max-width: 992px) {
  section.job-section .job-title {
    font-size: 36px;
    line-height: 40px;
  }
  section.job-section .job-location {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  section.job-section {
    padding: 30px 0;
    background-size: cover;
  }
  section.job-section .job-title {
    font-size: 18px;
    line-height: 20px;
  }
  section.job-section .job-location {
    font-size: 16px;
  }
  section.job-form .command {
    font-size: 18px;
    margin-bottom: 15px;
  }
  section.job-form form .label-input .labels {
    width: 40%;
  }
  section.job-form form .label-input .labels label {
    margin-right: 0;
    font-size: 14px;
  }
  section.job-form form .label-input .inputs {
    width: 60%;
  }
  section.job-form form .label-input .inputs input {
    font-size: 14px;
  }
  section.job-form form .label-input .inputs .label-file {
    padding: 10px;
    font-size: 14px;
    width: 100%;
    display: grid;
    text-align: center;
  }
  section.job-form form .additional label {
    font-size: 18px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 375px) {
  section.job-section {
    padding: 20px 0;
  }
  section.job-section .job-title {
    font-size: 15px;
  }
  section.job-section .job-location {
    font-size: 13px;
  }
  section.job-form .command {
    font-size: 16px;
    margin-bottom: 10px;
  }
  section.job-form form .label-input .labels {
    width: 35%;
  }
  section.job-form form .label-input .labels label {
    font-size: 12px;
  }
  section.job-form form .label-input .inputs {
    width: 100%;
  }
  section.job-form form .label-input .inputs input {
    font-size: 12px;
  }
  section.job-form form .label-input .inputs .label-file {
    font-size: 12px;
  }
  section.job-form form .additional label {
    font-size: 16px;
    margin-bottom: 10px;
  }
  section.job-form form .additional input {
    height: 90px;
  }
  section.job-form form .additional input::-moz-placeholder {
    font-size: 12px;
  }
  section.job-form form .additional input::placeholder {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  section.recruitment-complete {
    background-image: url(/img/bg-complete-lg.png);
    background-size: contain;
  }
}
@media screen and (max-width: 992px) {
  section.recruitment-complete {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media screen and (max-width: 767px) {
  section.recruitment-complete {
    background-image: url(/img/bg-complete-sm.png);
    background-size: contain;
  }
  section.recruitment-complete .complete-alert img {
    width: 100%;
  }
  section.recruitment-complete .complete-alert .submitted {
    font-size: 17px;
  }
  section.recruitment-complete .complete-alert .team-contact {
    font-size: 15px;
  }
  section.recruitment-complete .button-back a {
    padding: 10px 25px;
    font-size: 16px;
  }
}
@media screen and (max-width: 375px) {
  section.recruitment-complete .complete-alert .submitted {
    font-size: 14px;
  }
  section.recruitment-complete .complete-alert .team-contact {
    font-size: 12px;
  }
  section.recruitment-complete .button-back a {
    padding: 10px 20px;
    font-size: 14px;
  }
}
section.career-banner {
  padding: 0;
  height: 490px;
}
section.career-banner img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 560px;
}
section.search-career {
  background-color: white;
  padding: 64px 0px;
  background-image: url(/images/karir-page/desktop-header.svg);
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio: 3/1;
  background-position: center;
  display: flex;
  align-items: center;
}
section.search-career .search-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
section.search-career .search-box {
  min-width: 450px;
  z-index: 2;
  position: relative;
}
section.search-career .search-box .search {
  padding: 32px;
  background-color: white;
  border-radius: 32px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
section.search-career .search-box .search h4 {
  margin-bottom: 1rem;
  font-weight: 800;
  font-size: 20px;
}
section.search-career .search-box .search form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
section.search-career .search-box .search form .input-wrapper {
  display: inline-block;
  position: relative;
}
section.search-career .search-box .search form .input-wrapper i {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 16px;
  pointer-events: none;
  color: #6c757d !important;
  z-index: 9;
}
section.search-career .search-box .search form .input-wrapper .form-control {
  padding-left: 36px;
  color: #6c757d !important;
}
section.search-career .search-box .search form .input-wrapper .select2-selection--single {
  border-radius: 8px !important;
  border: 1px solid #dee2e6 !important;
  padding-right: 24px !important;
}
section.search-career .search-box .search form .input-wrapper .select2-selection__rendered {
  padding-left: 36px !important;
}
section.search-career .search-box .search form .form-control {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-family: "Mulish", sans-serif;
}
section.search-career .search-box .search form .form-control option {
  font-weight: 400;
}
section.search-career .search-box .search form .form-control::-ms-expand {
  display: none;
}
section.search-career .search-box .search form .search-button {
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  padding: 8px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
section.search-career .image-box {
  position: relative;
  left: -70px;
  margin-right: -70px;
  z-index: 1;
  height: 400px;
  overflow: hidden;
  width: 100%;
  border-radius: 24px;
  aspect-ratio: 16/9;
}
section.search-career .image-box img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.inline-search-career {
  background-color: #f8f9fa;
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
section.inline-search-career .search form {
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
section.inline-search-career .search form .input-wrapper {
  display: inline-block;
  position: relative;
}
section.inline-search-career .search form .input-wrapper i {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 16px;
  pointer-events: none;
  color: #6c757d !important;
  z-index: 9;
}
section.inline-search-career .search form .input-wrapper .form-control {
  padding-left: 36px;
  color: #6c757d !important;
}
section.inline-search-career .search form .input-wrapper .select2-selection--single {
  border-radius: 8px !important;
  border: 1px solid #dee2e6 !important;
  padding-right: 24px !important;
}
section.inline-search-career .search form .input-wrapper .select2-selection__rendered {
  padding-left: 36px !important;
}
section.inline-search-career .search form .form-control {
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  font-family: "Mulish", sans-serif;
}
section.inline-search-career .search form .form-control option {
  font-weight: 400;
}
section.inline-search-career .search form .form-control::-ms-expand {
  display: none;
}
section.inline-search-career .search form .long-input {
  width: 50%;
}
section.inline-search-career .search form .short-input {
  width: 25%;
}
section.sticky {
  position: fixed;
  top: 60;
  z-index: 10;
  width: inherit;
}
section.why-dsf {
  padding: 48px 0;
}
section.why-dsf .about-dipo {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 32px;
}
section.why-dsf .about-dipo .title {
  font-size: 36px;
  font-weight: 800;
}
section.why-dsf .about-dipo .desc {
  font-size: 16px;
  font-weight: 500;
}
section.why-dsf .statistic-dipo .amount {
  font-size: 36px;
  font-weight: bold;
  color: #f5164c;
}
section.why-dsf .statistic-dipo .col-stat {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
section.why-dsf .statistic-dipo p {
  font-weight: bold;
}
section.why-dsf .infographic {
  position: relative;
}
section.why-dsf .infographic .info-detail-container {
  display: flex;
  position: absolute;
  background-color: white;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 4px 8px;
  border-radius: 8px;
  gap: 0.25rem;
}
section.why-dsf .infographic .info-detail-container img {
  max-width: 50%;
}
section.why-dsf .infographic .info-detail-container .details .amount {
  font-weight: 1000;
  margin-bottom: -0.5rem;
  font-size: 3rem;
}
section.why-dsf .infographic .info-detail-container .details .caption {
  font-size: 1rem;
  font-weight: 700;
}
section.why-dsf .infographic .info-detail-container#years {
  left: 12rem;
}
section.why-dsf .infographic .info-detail-container#years img {
  margin-bottom: -1rem;
}
section.why-dsf .infographic .info-detail-container#years .details .amount {
  color: #00c5a9;
}
section.why-dsf .infographic .info-detail-container#teams {
  right: 1rem;
}
section.why-dsf .infographic .info-detail-container#teams .details .amount,
section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
  color: #fedb2e;
}
section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
  font-size: 2rem;
  text-align: right;
  padding-right: 1rem;
  margin-bottom: -1.5rem;
  font-weight: 800;
}
section.why-dsf .infographic .info-detail-container#branches {
  bottom: 3rem;
}
section.why-dsf .infographic .info-detail-container#branches .details .amount {
  color: #43abe0;
}
section.daily-dsf {
  background-color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}
section.daily-dsf .daily-dsf-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.daily-dsf .title {
  font-size: 28px;
  font-weight: 800;
}
section.daily-dsf .desc {
  text-align: center;
  font-size: 16px;
  color: black;
}
section.daily-dsf .daily-row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
section.daily-dsf .daily-row .daily-card-container {
  width: 25%;
  aspect-ratio: 8/11;
}
section.daily-dsf .daily-row .daily-card-container .card-section {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 24px;
  height: 100%;
}
section.daily-dsf .daily-row .daily-card-container .card-section img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(75%);
  display: block;
  transition: transform 0.2s;
}
section.daily-dsf .daily-row .daily-card-container .card-section .card-action {
  position: absolute;
  bottom: 0;
  width: 100%;
}
section.daily-dsf .daily-row .daily-card-container .card-section .card-action .name {
  color: #fff;
  text-align: left;
  padding: 24px;
  font-size: 16px;
  font-weight: 700;
}
section.daily-dsf .daily-row .daily-card-container .card-section .arrow-button {
  position: absolute;
  z-index: 2;
  right: 24px;
  top: 24px;
  color: white;
  background-color: rgba(0, 0, 0, 0.5019607843);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.daily-dsf .daily-row .daily-card-container .card-section:hover img {
  transform: scale(1.05);
}
section.our-daily .unique-id {
  visibility: hidden;
  position: relative;
  top: -80px;
}
section.our-daily .even-bg {
  background-color: #fff;
}
section.our-daily .odd-bg {
  background-color: #f5f4f4;
  padding-bottom: 10px;
}
section.our-daily .even {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
section.our-daily .odd {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
section.our-daily .row-image {
  padding: 1rem;
  width: 100%;
}
section.our-daily .row-image .col-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
section.our-daily .row-image .col-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  display: block;
  transition: transform 0.2s;
}
section.our-daily .row-image .col-img-big {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 5px;
}
section.our-daily .row-image .col-img-big img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  display: block;
  transition: transform 0.2s;
}
section.our-daily .row-image .col-6 .row {
  height: 100%;
}
section.our-daily .content {
  width: 90%;
}
section.our-daily .content .title {
  font-size: 30px;
  color: #f5164c;
  margin-bottom: 10px;
  font-weight: 800;
}
section.our-daily .content .desc p {
  font-size: 16px;
}
section.our-album {
  margin-top: 10px;
  margin-bottom: 10px;
  /* The Modal (background) */
  /* Modal Content (image) */
  /* Add Animation */
}
section.our-album .title {
  font-size: 32px;
  font-weight: 800;
  color: #f5164c;
}
section.our-album .row-image {
  margin-left: 0;
  margin-right: 0;
  padding: 1rem;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
section.our-album .row-image .col-img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  height: 200px;
  overflow: hidden;
}
section.our-album .row-image .col-img .img-section {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 12px;
  width: 100%;
  height: 100%;
}
section.our-album .row-image .col-img .img-section img {
  pointer-events: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: transform 0.2s;
}
section.our-album .row-image .col-img .img-section:hover {
  cursor: pointer;
}
section.our-album .row-image .col-img .img-section:hover img {
  cursor: pointer;
  transform: scale(1.05);
}
section.our-album .row-image .col-img-big {
  display: flex;
  justify-content: center;
  align-items: baseline;
  padding-top: 10px;
}
section.our-album .row-image .col-img-big .img-section {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  height: 380px;
  border-radius: 12px;
}
section.our-album .row-image .col-img-big .img-section img {
  pointer-events: none;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  transition: transform 0.2s;
}
section.our-album .row-image .col-img-big .img-section:hover {
  cursor: pointer;
}
section.our-album .row-image .col-img-big .img-section:hover img {
  cursor: pointer;
  transform: scale(1.05);
}
section.our-album .row-image .more-img {
  width: 100%;
  height: auto;
  max-height: 200px;
  position: relative;
}
section.our-album .row-image .more-img .img-section {
  -o-object-fit: cover;
     object-fit: cover;
}
section.our-album .row-image .btn-collapse {
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 5px;
  border: none;
  background-color: #f5164c;
  color: #fff;
  border-radius: 5px;
  padding: 6px 12px;
}
section.our-album .row-image .btn-collapse[aria-expanded=false] .text-expanded {
  display: none;
}
section.our-album .row-image .btn-collapse[aria-expanded=true] .text-collapse {
  display: none;
}
section.our-album .carousel-key {
  width: 100%;
  height: auto;
  margin: 0;
}
section.our-album .carousel-key .slick-arrow {
  display: none !important;
}
section.our-album .carousel-key .slick-slide img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
section.our-album .carousel-key .slick-dots li .slick-active button::before {
  color: #f5164c !important;
}
section.our-album .carousel-key .slick-dots li button::before {
  font-size: 15px;
  color: #f5164c;
}
section.our-album .carousel-key .carousel-tab {
  height: auto;
}
section.our-album .carousel-key .carousel-tab .carousel-image {
  overflow: hidden;
  border-radius: 10px;
}
section.our-album .carousel-key .carousel-tab .carousel-image img {
  margin: auto;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
section.our-album .modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 20; /* Sit on top */
  padding-top: 20vh; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.7); /* Black w/ opacity */
}
section.our-album .modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  border-radius: 20px;
}
@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
section.grow-dsf {
  background-color: #f5164c;
  background-image: url(/images/karir-page/bg-job-link.svg);
  background-position: center;
  background-repeat: no-repeat;
  padding: 48px 0;
  display: flex;
  align-items: center;
}
section.grow-dsf .col-content {
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 32px;
}
section.grow-dsf .col-content .title {
  font-size: 28px;
  font-weight: 800;
}
section.grow-dsf .col-content .desc {
  text-align: center;
}
section.grow-dsf .col-content .channels {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: center;
}
section.grow-dsf .col-content .channels .channel-link {
  background-color: white;
  height: 56px;
  border-radius: 12px;
  overflow: hidden;
  padding: 8px 16px;
}
section.grow-dsf .col-content .channels .channel-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
section.say-dsf .section-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.say-dsf .section-title .title {
  font-size: 36px;
  font-weight: 800;
}
section.say-dsf .section-title .desc {
  font-size: 16px;
  color: black;
  margin-bottom: 48px;
}
section.say-dsf .carousel-wrapper {
  position: relative;
}
section.say-dsf .carousel-wrapper .navigation-button {
  position: absolute;
  display: flex;
  right: 16px;
  bottom: 16px;
  gap: 16px;
}
section.say-dsf .carousel-say .slick-track .slick-slide {
  width: 250px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  float: left;
  margin-left: 12px;
  margin-right: 12px;
}
section.say-dsf .carousel-say .slick-track .slick-slide.slick-active {
  width: 450px;
}
section.say-dsf .carousel-say .slick-track .slick-slide.slick-active .profile {
  background-color: #f8f9fa;
  display: flex;
  flex-direction: column;
  color: black;
  border-radius: 24px;
}
section.say-dsf .carousel-say .slick-track .slick-slide.slick-active .profile .profile-text .desc {
  opacity: 1;
  height: auto;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile {
  padding: 12px;
  gap: 8px;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-image {
  display: flex;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 4/3;
  width: 100%;
  border-radius: 12px;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-text {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 8px 8px 8px;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-text .name {
  font-size: 16px;
  font-weight: 700;
  color: black;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-text .title {
  font-size: 14px;
  color: #6c757d;
  font-weight: 400;
  margin-bottom: 0;
}
section.say-dsf .carousel-say .slick-track .slick-slide .profile .profile-text .desc {
  transition: opacity 1s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
}
section.our-channel {
  padding: 0 0 40px 0;
}
section.our-channel .title {
  font-size: 36px;
  font-weight: 800;
  color: #f5164c;
  margin-bottom: 20px;
}
section.our-channel .img-partner {
  transition: transform 0.2s;
  text-align: center;
}
section.our-channel .img-partner .img-card {
  padding: 10px;
  background-color: #f4f4f4;
  border-radius: 8px;
  width: 70%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.our-channel .img-partner .img-card img {
  -o-object-fit: contain;
     object-fit: contain;
}
section.our-channel .img-partner:hover {
  transform: scale(1.05);
}
section.flow {
  margin-top: 30px;
  background-color: white;
  margin-bottom: -65px;
  padding-bottom: 80px;
}
section.flow .title {
  font-size: 40px;
  font-weight: 800;
  text-align: center;
}
section.flow .desc {
  text-align: center;
  font-size: 16px;
}
section.flow .flow-img img {
  width: 100%;
}
section.flow .flow-steps-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
section.flow .flow-steps-wrapper .flow-step {
  padding: 0.5rem;
  flex: 0 0 calc((100% - 80px) / 6);
  box-sizing: border-box;
}
section.flow .flow-steps-wrapper .flow-step .step-detail {
  background-color: #f8f9fa;
  border-radius: 24px;
  text-align: center;
  padding-bottom: 1rem;
}
section.flow .flow-steps-wrapper .flow-step .step-detail .caption {
  font-size: 14px;
  font-weight: 800;
}
section.flow .flow-steps-wrapper .flow-step .step-detail img {
  width: 100%;
  height: auto;
}
section.join-dsf .title {
  font-size: 36px;
  font-weight: bold;
  color: #f5164c;
}
section.join-dsf .desc {
  text-align: center;
  font-size: 16px;
}
section.join-dsf a {
  color: white;
  text-decoration: none;
}
section.join-dsf .see-all-btn {
  background-color: #f5164c;
  padding: 5px 15px;
  border-radius: 10px;
  transition: 0.3s;
}
section.join-dsf .see-all-btn:hover {
  background-color: #c23b5d;
}
section.join-dsf .highlight-vacancy {
  background-color: #fff;
  background-image: url(/img/dots-bg-loker.png);
  height: 220px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: initial;
  background-position: 95% 90%;
  border: none;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  padding: 30px 40px;
  margin-bottom: 30px;
}
section.join-dsf .highlight-vacancy .detail-btn {
  position: absolute;
  bottom: 50px;
}
section.join-dsf .highlight-vacancy .detail-btn:before {
  color: #f5164c;
  content: "Detail";
  font-size: 20px;
}
section.join-dsf .highlight-vacancy .highlight-title {
  width: 200px;
}
section.about-hrd {
  margin: 80px 0px;
  padding: 35px 0;
  background-color: #f5164c;
}
section.about-hrd .hrd-slider img {
  border-radius: 20px;
  border: 10px solid #fff;
  width: 100%;
}
section.about-hrd .about-hrd-text .title {
  color: #fff;
  font-size: 42px;
  line-height: 60px;
  margin-bottom: 15px;
}
section.about-hrd .about-hrd-text .desc {
  font-size: 12px;
  color: #fff;
  margin-bottom: 40px;
}
section.about-hrd .about-hrd-text a {
  font-size: 14px;
  font-weight: 600;
  color: #c00800;
  background-color: #fff;
  padding: 10px 15px;
  border-radius: 10px;
}
section.our-thoughts .thought-left .title {
  font-size: 48px;
}
section.our-thoughts .thought-left .desc {
  font-size: 14px;
}
section.our-thoughts .thought-right .thought-contain {
  position: relative;
  width: 135%;
  right: 0;
}
section.our-thoughts .thought-right .thoughts-slider .slick-track {
  width: -moz-max-content !important;
  width: max-content !important;
  height: 460px;
}
section.our-thoughts .thought-right .thoughts-slider .slick-list {
  padding: 10px 420px !important;
  padding-left: 0px !important;
  height: 455px;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  padding: 35px 20px;
  border-radius: 10px;
  justify-items: center;
  width: 400px;
  background-color: #fff;
  margin-right: 20px;
  height: 424px;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card img {
  height: auto;
  width: 30%;
  margin-bottom: 5px;
  margin: auto;
  padding-bottom: 6px;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card .name {
  height: auto;
  font-size: 14px;
  text-align: center;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card .position {
  height: auto;
  font-size: 10px;
  margin-bottom: 20px;
  text-align: center;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts p {
  font-size: 14px;
}
section.our-thoughts .thought-right .thoughts-slider .thought-card.slick-current {
  margin-left: 5px;
}
section.our-thoughts .thought-right .thoughts-slider .slick-prev {
  left: -50%;
}
section.our-thoughts .thought-right .thoughts-slider .slick-prev::before {
  content: url(/img/arrow-left-circle.png);
}
section.our-thoughts .thought-right .thoughts-slider .slick-next {
  right: unset;
  left: -40%;
}
section.our-thoughts .thought-right .thoughts-slider .slick-next::before {
  content: url(/img/arrow-right-circle.png);
}
section.curious .curious-left img {
  width: 100%;
}
section.curious .curious-right {
  padding-left: 50px;
}
section.curious .curious-right p {
  font-size: 48px;
  margin-bottom: 40px;
}
section.curious .curious-right a {
  font-size: 14px;
  color: #fff;
  background-color: #f5164c;
  border-radius: 10px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 40px;
}
section.adventure .adventure-left .title {
  font-size: 39px;
  font-weight: 500;
}
section.adventure .adventure-left .desc {
  font-size: 14px;
  font-weight: 500;
}
section.adventure .adventure-left .socmed {
  display: flex;
  margin-top: 40px;
}
section.adventure .adventure-left .socmed a {
  margin-right: 40px;
}
section.adventure .adventure-left .socmed a:last-child {
  margin-right: 0;
}
section.adventure .adventure-slider .slick-list {
  padding-left: 0 !important;
}
section.adventure .adventure-slider .adventure-singles {
  margin-right: 20px;
}
section.open-position-nav .greetings {
  margin-top: 10px;
}
section.open-position-nav .greetings .title {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
section.open-position-nav .greetings .greet {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 45px;
}
section.open-position-nav .position-nav {
  width: 50%;
  margin: auto;
  padding: 0px 25px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: #fff;
  height: 60px;
}
section.open-position-nav .position-nav .position-navs .nav-position {
  margin-right: 45px;
  color: #111;
  font-weight: bold;
  padding: 15px 0;
}
section.open-position-nav .position-nav .position-navs .nav-position.active {
  background-color: transparent;
  border-bottom: 3px solid #f5164c;
  border-radius: 0;
}
section.open-position-nav .position-nav .position-navs .nav-position:last-child {
  margin-right: 0;
}
section.open-position-nav .position-nav .position-navs .slick-list {
  padding: 0 40px;
  margin: 0px 20px;
}
section.open-position-nav .position-nav .position-navs .slick-list .slick-track {
  transform: translate3d(0, 0px, 0px);
}
section.open-position-nav .position-nav .position-navs .slick-prev {
  width: -moz-fit-content;
  width: fit-content;
  height: 50%;
  padding: 0 10px;
  border-right: 2px solid #c4c4c4;
}
section.open-position-nav .position-nav .position-navs .slick-prev::before {
  content: url(/img/chevrons-left.png);
}
section.open-position-nav .position-nav .position-navs .slick-next {
  width: -moz-fit-content;
  width: fit-content;
  height: 50%;
  padding: 0 10px;
  border-left: 2px solid #c4c4c4;
}
section.open-position-nav .position-nav .position-navs .slick-next::before {
  content: url(/img/chevrons-right.png);
}
section.open-position-nav .categories {
  display: flex;
  justify-content: center;
  gap: 50px;
}
section.open-position-nav .categories .category {
  font-size: 18px;
  font-weight: normal;
  cursor: pointer;
  font-weight: 700;
}
section.open-position-nav .categories .category:hover {
  color: #f5164c;
}
section.open-position-nav .categories .category.active {
  color: #f5164c;
  font-weight: 700;
  border-bottom: 2px solid #f5164c;
  padding-bottom: 5px;
}
section.oprec .breadcrumb-container {
  background-color: #e9ecef;
}
section.oprec .breadcrumb-container .breadcrumb-div .breadcrumb {
  padding-left: 15px;
  margin-bottom: 0;
}
section.oprec .breadcrumb-container .breadcrumb-div .breadcrumb a {
  color: #4f4f4f;
  text-decoration: none;
}
section.oprec .breadcrumb-item + .breadcrumb-item::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
}
section.oprec .breadcrumb-item + .active {
  font-weight: bold;
}
section.vacancies-list-section {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
section.vacancies-list-section .search-result .search-result-title {
  color: #212529;
  font-size: 20px;
  font-weight: 800;
}
section.vacancies-list-section .search-result .search-result-total {
  color: black;
  font-size: 16px;
  font-weight: 400;
}
section.vacancies-list-section .search-result .search-result-total .total-number {
  font-weight: 700;
}
section.vacancies-list-section .vacancies-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper {
  width: calc(33.3333333333% - 10.666px);
  padding: 24px;
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 24px;
  transition: 0.3s;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-basic-information .vacancy-title {
  color: #212529;
  font-size: 20px;
  font-weight: 700;
  transition: 0.3s;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-basic-information .vacancy-area {
  color: #6c757d;
  font-size: 16px;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-pills-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-pills-container .vacancy-pill {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: black;
  border-radius: 18px;
  padding: 0 12px;
  font-size: 14px;
  transition: 0.3s;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-item-footer {
  border-top: 1px dotted #dee2e6;
  padding-top: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-item-footer .see-detail-btn {
  color: white;
  background-color: #f5164c;
  padding: 9px 16px;
  border-radius: 8px;
  text-decoration: none;
  transition: 0.3s;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper .vacancy-item .vacancy-item-footer .see-detail-btn:hover {
  background-color: #c00800;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper:hover {
  border: 1px solid #f5164c;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper:hover .vacancy-item .vacancy-basic-information .vacancy-title {
  color: #f5164c;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper:hover .vacancy-item .vacancy-pills-container .vacancy-pill {
  background-color: #feeff2;
  border: 1px solid #f5164c;
  color: #f5164c;
}
section.vacancies-list-section .vacancies-list .vacancy-item-wrapper:hover .vacancy-item .vacancy-item-footer {
  border-color: #f5164c;
}
section.vacancies-list-section .vacancies-list .pagination-container {
  width: 100%;
}
section.mirror-article .mirror-article-header {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.mirror-article .mirror-article-header .mirror-article-title {
  font-size: 20px;
  color: #f5164c;
  font-weight: 800;
}
section.mirror-article .mirror-article-header .mirror-article-title .last-word {
  color: black;
}
section.mirror-article .mirror-article-header .mirror-article-description {
  font-size: 16px;
  text-align: center;
}
section.mirror-article .mirror-articles-wrapper {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2px;
}
section.mirror-article .mirror-articles-wrapper .mirror-article-item {
  width: 25%;
  height: auto;
  aspect-ratio: 3/4;
  overflow: hidden;
}
section.mirror-article .mirror-articles-wrapper .mirror-article-item img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
section.detail-vacancy {
  padding-top: 0px !important;
}
section.detail-vacancy .detail-vacancy-wrapper {
  background-color: #f3f3f3;
  border-radius: 20px;
  padding: 40px;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header {
  display: flex;
  justify-content: space-between;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-left {
  text-align: start;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-left .title {
  color: #f5164c;
  font-size: 24px;
  font-weight: 700;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-left .subtitle {
  color: #5f5f5f;
  font-weight: 700;
  font-size: 14px;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-right {
  text-align: end;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-right .title {
  color: #5f5f5f;
  font-size: 20px;
  font-weight: 700;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-header .header-right .subtitle {
  font-size: 14px;
  color: #939393;
  font-weight: 700;
}
section.detail-vacancy .detail-vacancy-wrapper .separator {
  width: 90%;
  border-top: 2px solid #d9d9d9;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
section.detail-vacancy .detail-vacancy-wrapper .job-detail .title {
  color: #ed1c24;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 15px;
}
section.detail-vacancy .detail-vacancy-wrapper .job-detail .check-icon {
  color: #ed1c24;
  border-radius: 50%;
  background: #ffc1be;
  padding: 4px;
  margin-right: 10px;
}
section.detail-vacancy .detail-vacancy-wrapper .job-detail .detail-item {
  margin-bottom: 10px;
}
section.detail-vacancy .detail-vacancy-wrapper .job-detail .requirement {
  margin-top: 30px;
  margin-bottom: 30px;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-footer {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-footer .btn-apply-now {
  background-color: white;
  color: #f5164c;
  border: 2px solid #f5164c;
  border-radius: 5px;
  padding: 8px 16px 8px 16px;
  font-weight: 600;
  text-decoration: none;
}
section.detail-vacancy .detail-vacancy-wrapper .detail-vacancy-footer .btn-apply-now:hover {
  background-color: #fff6f6;
  transition: 0.3s;
}
section.job-event-section {
  margin: 30px 0;
}
section.job-event-section .news-section-header {
  margin-bottom: 30px;
}
section.job-event-section .news-section-header .navigation-button {
  align-items: center;
}
section.job-event-section .news-section-header .header-text {
  font-weight: 800;
  font-size: 40px;
}
section.job-event-section .mobile-navigation-button {
  justify-content: center;
  gap: 8px;
}

.autocomplete-form .input-suggestions {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  margin-top: 4px;
  position: absolute;
  background: white;
  z-index: 1000;
  width: 100%;
  overflow: hidden;
  display: none;
}
.autocomplete-form .input-suggestions .suggestion {
  padding: 8px 36px;
  cursor: pointer;
}
.autocomplete-form .input-suggestions .suggestion:hover {
  background-color: #f5164c;
  color: white;
}

@media screen and (max-width: 1200px) {
  section.career-banner {
    height: 305px;
  }
  section.career-banner img {
    height: auto;
  }
}
@media screen and (max-width: 992px) {
  section.career-banner {
    height: 345px;
  }
  section.career-banner img {
    top: 60px;
  }
}
@media screen and (max-width: 767px) {
  section.career-banner {
    height: 175px;
  }
  section.career-banner img {
    top: 40px;
  }
}
@media screen and (max-width: 575px) {
  section.career-banner img {
    top: 35px;
  }
}
@media screen and (max-width: 375px) {
  section.career-banner {
    height: 155px;
  }
  section.career-banner img {
    top: 40px;
  }
}
@media screen and (max-width: 767px) {
  section.search-career {
    padding: 16px 0px;
    background-image: url(/images/karir-page/mobile-header.svg);
    background-size: contain;
  }
  section.search-career .search-wrapper {
    flex-direction: column-reverse;
    gap: 1rem;
  }
  section.search-career .search-box {
    min-width: 100%;
  }
  section.search-career .search-box .search {
    padding: 1rem;
    border-radius: 1rem;
  }
  section.search-career .search-box .search h4 {
    margin-bottom: 1rem;
    font-weight: 800;
    font-size: 20px;
  }
  section.search-career .search-box .search form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  section.search-career .search-box .search form .input-wrapper {
    display: inline-block;
    position: relative;
  }
  section.search-career .search-box .search form .input-wrapper i {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
    font-size: 16px;
    pointer-events: none;
    color: #6c757d !important;
  }
  section.search-career .search-box .search form .input-wrapper .form-control {
    padding-left: 36px;
    color: #6c757d !important;
  }
  section.search-career .search-box .search form .form-control {
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    font-family: "Mulish", sans-serif;
  }
  section.search-career .search-box .search form .form-control option {
    font-weight: 400;
  }
  section.search-career .search-box .search form .form-control::-ms-expand {
    display: none;
  }
  section.search-career .search-box .search form .search-button {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    justify-content: center;
  }
  section.search-career .image-box {
    left: 0;
    margin-right: 0;
    height: 100%;
    border-radius: 1rem;
  }
}
@media screen and (max-width: 992px) {
  section.why-dsf .about-dipo .title {
    font-size: 32px;
  }
  section.why-dsf .about-dipo .desc {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  section.why-dsf .infographic {
    padding: 2rem 1rem;
  }
  section.why-dsf .infographic .info-detail-container {
    gap: 0.5rem;
    padding: 4px;
  }
  section.why-dsf .infographic .info-detail-container img {
    max-width: 30%;
  }
  section.why-dsf .infographic .info-detail-container .details .amount {
    font-size: 1.75rem;
  }
  section.why-dsf .infographic .info-detail-container .details .caption {
    font-size: 0.75rem;
  }
  section.why-dsf .infographic .info-detail-container#years {
    left: 6rem;
    top: 0;
  }
  section.why-dsf .infographic .info-detail-container#years img {
    margin-bottom: -0.5rem;
  }
  section.why-dsf .infographic .info-detail-container#years .details .amount {
    color: #00c5a9;
  }
  section.why-dsf .infographic .info-detail-container#teams {
    right: 1rem;
    top: 0;
  }
  section.why-dsf .infographic .info-detail-container#teams .details .amount,
  section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
    color: #fedb2e;
  }
  section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
    font-size: 1rem;
    padding-right: 4rem;
    margin-bottom: -0.5rem;
  }
  section.why-dsf .infographic .info-detail-container#branches {
    bottom: 0;
  }
  section.say-dsf .carousel-wrapper {
    position: relative;
  }
  section.say-dsf .carousel-wrapper .navigation-button {
    flex-direction: column;
  }
  section.say-dsf .carousel-say .slick-track .slick-slide {
    width: 200px;
  }
  section.say-dsf .carousel-say .slick-track .slick-slide.slick-active {
    width: 275px;
  }
  section.daily-dsf .daily-dsf-container {
    gap: 16px;
  }
  section.daily-dsf .daily-row {
    flex-wrap: wrap;
    gap: 16px;
  }
  section.daily-dsf .daily-row .daily-card-container {
    flex: 0 0 calc((100% - 16px) / 2);
  }
  section.our-daily .content {
    width: 90%;
  }
  section.our-daily .content .title {
    font-size: 20px;
    font-weight: 700;
  }
  section.our-daily .content .desc p {
    font-size: 12px;
  }
  section.our-daily .row-image {
    padding: 0.5rem;
    width: 90%;
  }
  section.our-daily .row-image .col-img {
    padding: 5px;
  }
  section.our-daily .row-image .col-img img {
    border-radius: 10px;
  }
  section.our-daily .row-image .col-img-big {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  section.our-daily .row-image .col-img-big img {
    border-radius: 10px;
  }
  section.our-daily .row-image .content {
    width: 100%;
  }
  section.our-album .row-image {
    padding: 0.5rem;
    width: 100%;
  }
  section.our-album .row-image .col-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }
  section.our-album .row-image .col-img img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
  }
  section.our-album .row-image .col-img-big {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }
  section.our-album .row-image .col-img-big .img-section {
    max-height: 200px;
  }
  section.our-album .row-image .col-img-big .img-section img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
  }
  section.our-album .row-image .more-img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }
  section.our-album .row-image .more-img img {
    max-height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 8px;
  }
  section.grow-dsf .col-content .title {
    font-size: 20px;
  }
  section.grow-dsf .col-content .desc {
    font-size: 14px;
  }
  section.grow-dsf .col-content .channels {
    flex-wrap: wrap;
    gap: 16px;
  }
  section.grow-dsf .col-content .channels .channel-link {
    flex: 0 0 calc((100% - 16px) / 2);
  }
  section.grow-dsf .col-content .channels .channel-link img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  section.our-channel .title {
    font-size: 32px;
    font-weight: bold;
    color: #f5164c;
  }
  section.our-channel .img-partner .img-card {
    height: 50px;
  }
  section.flow .title {
    font-size: 32px;
  }
  section.flow .desc {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  section.flow .flow-img {
    font-size: 11px;
  }
  section.flow .flow-steps-wrapper {
    gap: 1rem;
  }
  section.flow .flow-steps-wrapper .flow-step {
    flex: 0 0 calc((100% - 32px) / 3);
    padding: 0px;
  }
  section.flow .flow-steps-wrapper .flow-step .step-detail {
    border-radius: 16px;
  }
  section.join-dsf .title {
    font-size: 32px;
  }
  section.join-dsf .desc {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  section.inline-search-career .search form {
    flex-wrap: wrap;
  }
  section.inline-search-career .search form .long-input {
    width: 100%;
  }
  section.inline-search-career .search form .short-input {
    width: calc(50% - 8px);
  }
  section.vacancies-list-section .vacancies-list .vacancy-item-wrapper {
    width: 100%;
  }
  section.mirror-article .mirror-articles-wrapper {
    flex-wrap: wrap;
    gap: 0;
  }
  section.mirror-article .mirror-articles-wrapper .mirror-article-item {
    width: 50%;
    height: auto;
    padding: 1px;
  }
}
@media screen and (max-width: 767px) {
  section.why-dsf .about-dipo .title {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.why-dsf .about-dipo .desc {
    text-align: justify;
    padding-right: 0;
  }
  section.why-dsf .about-dipo a {
    display: none;
  }
  section.why-dsf .statistic-dipo .col-stat {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  section.why-dsf .infographic .info-detail-container .details .amount {
    font-size: 1.25rem;
  }
  section.why-dsf .infographic .info-detail-container .details .caption {
    font-size: 0.625rem;
  }
  section.why-dsf .infographic .info-detail-container#years {
    left: 3rem;
    top: 0;
    max-width: 30%;
  }
  section.why-dsf .infographic .info-detail-container#years img {
    margin-bottom: 0;
  }
  section.why-dsf .infographic .info-detail-container#years .details .amount {
    color: #00c5a9;
  }
  section.why-dsf .infographic .info-detail-container#teams {
    right: 1rem;
    top: 0;
    max-width: 35%;
  }
  section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
    padding-right: 2rem;
  }
  section.why-dsf .infographic .info-detail-container#branches {
    bottom: 0;
    max-width: 25%;
  }
  section.daily-dsf .daily-row .daily-card-container .card-section .arrow-button {
    right: 16px;
    top: 16px;
  }
  section.daily-dsf .daily-row .daily-card-container .card-section .card-action .name {
    font-size: 14px;
    max-width: 80%;
  }
  section.our-daily .content {
    padding: 0 20px;
    width: 85%;
  }
  section.our-daily .content .title {
    font-size: 20px;
    font-weight: 700;
  }
  section.our-daily .content .desc p {
    font-size: 12px;
  }
  section.our-daily .row-image {
    padding: 0.5rem;
    width: 90%;
  }
  section.our-daily .row-image .col-6 {
    padding: 0px 15px;
  }
  section.our-daily .row-image .col-img {
    padding: 5px;
  }
  section.our-daily .row-image .col-img img {
    border-radius: 8px;
  }
  section.our-daily .row-image .col-img-big {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
  }
  section.our-daily .row-image .col-img-big img {
    border-radius: 8px;
  }
  section.our-album .modal {
    padding-top: 30vh;
  }
  section.our-channel .title {
    font-size: 25px;
    font-weight: bold;
    color: #f5164c;
    margin-bottom: 10px;
  }
  section.our-channel .img-partner {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.our-channel .img-partner .img-card {
    width: 90%;
    height: 50px;
  }
  section.flow .title {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.flow .desc {
    text-align: justify;
    padding-right: 0;
  }
  section.flow .flow-img {
    font-size: 10px;
  }
  section.flow .flow-steps-wrapper {
    gap: 1rem;
  }
  section.flow .flow-steps-wrapper .flow-step {
    flex: 0 0 calc((100% - 16px) / 2);
    padding: 0px;
  }
  section.flow .flow-steps-wrapper .flow-step .step-detail {
    border-radius: 16px;
  }
  section.join-dsf .title {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  section.join-dsf .desc {
    text-align: justify;
    padding-right: 0;
  }
  section.join-dsf .highlight-vacancy {
    height: 140px;
    background-position: 95% 75%;
  }
  section.join-dsf .highlight-vacancy .detail-btn {
    bottom: 70px;
  }
  section.join-dsf .highlight-vacancy .detail-btn:before {
    font-size: 16px;
  }
  section.job-event-section .news-section-header {
    margin-bottom: 1rem;
  }
  section.job-event-section .news-section-header .header-text {
    font-size: 20px;
  }
}
@media screen and (max-width: 992px) {
  section.about-hrd .about-hrd-text .title {
    font-size: 35px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  section.about-hrd {
    margin: 30px 0px;
  }
  section.about-hrd .about-hrd-text .title {
    font-size: 20px;
  }
  section.about-hrd .about-hrd-text .desc {
    margin-bottom: 0;
  }
  section.about-hrd .about-hrd-text a {
    display: none;
  }
}
@media screen and (max-width: 1366px) {
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts p {
    font-size: 14px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts span {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  section.our-thoughts .thought-right .thoughts-slider .thought-card {
    height: 424px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts p {
    font-size: 11px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts span {
    display: none;
  }
}
@media screen and (max-width: 992px) {
  section.our-thoughts .thought-left .title {
    font-size: 40px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card {
    width: 240px;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-list {
    padding: 10px 270px !important;
    padding-left: 0 !important;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-track {
    width: -moz-max-content !important;
    width: max-content !important;
  }
}
@media screen and (max-width: 767px) {
  section.our-thoughts .thought-left .title {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
  }
  section.our-thoughts .thought-left .desc {
    font-weight: 500;
    margin-bottom: 25px;
  }
  section.our-thoughts .thought-right .thought-contain {
    width: 100%;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card {
    width: unset;
    margin: 0;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts p {
    font-size: 14px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card.slick-current {
    margin-left: 0;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-list {
    padding: 0 !important;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-track {
    width: -moz-max-content !important;
    width: max-content !important;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-prev {
    right: 60%;
    top: 100%;
    left: unset;
  }
  section.our-thoughts .thought-right .thoughts-slider .slick-next {
    right: 40%;
    left: unset;
    top: 100%;
  }
}
@media screen and (max-width: 575px) {
  section.our-thoughts .thought-right .thoughts-slider .thought-card {
    width: unset;
    margin: 0;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card .thoughts p {
    font-size: 11px;
  }
  section.our-thoughts .thought-right .thoughts-slider .thought-card.slick-current {
    margin-left: 0;
  }
  section.why-dsf .infographic .info-detail-container .details {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  section.why-dsf .infographic .info-detail-container .details .amount {
    font-size: 1rem;
  }
  section.why-dsf .infographic .info-detail-container .details .caption {
    font-size: 0.5rem;
  }
  section.why-dsf .infographic .info-detail-container#years {
    left: 3rem;
    top: 0;
    max-width: 30%;
  }
  section.why-dsf .infographic .info-detail-container#years img {
    margin-bottom: 0;
  }
  section.why-dsf .infographic .info-detail-container#years .details .amount {
    color: #00c5a9;
  }
  section.why-dsf .infographic .info-detail-container#teams {
    right: 1rem;
    top: 0;
    max-width: 35%;
  }
  section.why-dsf .infographic .info-detail-container#teams .details .apos-note {
    padding-right: 2rem;
  }
  section.why-dsf .infographic .info-detail-container#branches {
    bottom: 0;
    max-width: 25%;
  }
}
@media screen and (max-width: 992px) {
  section.curious {
    display: flex;
  }
  section.curious .curious-right {
    padding-left: 0;
  }
  section.curious .curious-right p {
    font-size: 40px;
  }
}
@media screen and (max-width: 992px) {
  section.curious .curious-left img {
    width: 70%;
  }
  section.curious .curious-left p {
    position: absolute;
    right: 24px;
    font-size: 1rem;
  }
  section.curious .curious-right {
    justify-content: center;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    align-items: center;
  }
  section.curious .curious-right p {
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 1rem;
  }
  section.curious .curious-right a {
    width: 11rem;
  }
}
@media screen and (max-width: 767px) {
  section.curious .curious-left p {
    position: absolute;
    right: 24px;
    top: 14px;
  }
}
@media screen and (max-width: 767px) {
  section.curious .curious-right p {
    font-size: 15px;
    top: -120px;
  }
}
@media screen and (max-width: 1200px) {
  section.adventure .adventure-left .title {
    font-size: 30px;
  }
}
@media screen and (max-width: 992px) {
  section.adventure .adventure-left .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  section.adventure .adventure-left .title {
    font-size: 24px;
    margin-bottom: 15px;
  }
  section.adventure .adventure-left .desc {
    margin-top: 25px;
  }
  section.adventure .adventure-left .socmed {
    margin-top: 20px;
  }
  section.adventure .adventure-left .slick-list {
    padding: 0 !important;
  }
  section.adventure .adventure-left .adventure-slider .adventure-singles {
    margin-right: 0;
    height: auto;
  }
}
@media screen and (max-width: 375px) {
  section.adventure .adventure-left .title {
    font-size: 22px;
  }
}
@media screen and (max-width: 992px) {
  section.open-position-nav .greetings .title {
    margin-bottom: 10px;
  }
  section.open-position-nav .greetings .greet {
    margin-bottom: 35px;
  }
  section.open-position-nav .position-nav {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  section.open-position-nav .greetings .title {
    margin-bottom: 5px;
    margin-top: 0;
    font-size: 28px;
  }
  section.open-position-nav .greetings .greet {
    margin-bottom: 20px;
  }
  section.open-position-nav .position-nav {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 0;
    background-color: #f5164c;
  }
  section.open-position-nav .position-nav .position-navs .slick-list {
    padding: 0;
    margin-right: 30px;
  }
  section.open-position-nav .position-nav .position-navs .border-slide--left {
    margin-right: 10px;
  }
  section.open-position-nav .position-nav .position-navs .border-slide--right {
    margin-left: 10px;
  }
  section.open-position-nav .position-nav .position-navs .nav-position {
    color: #fff;
  }
  section.open-position-nav .position-nav .position-navs .nav-position.active {
    border-bottom: 3px solid #fff;
  }
  section.open-position-nav .position-nav .position-navs .nav-position .line {
    height: 25px;
    background-color: #fff;
    border-radius: 5px;
    width: 1px;
  }
  section.open-position-nav .position-nav .position-navs .nav-position:nth-last-child(2) {
    margin-right: 0;
  }
}
@media screen and (max-width: 1200px) {
  section.open-position-tab #job .btn-primary {
    padding: 30px 35px;
    margin-bottom: 30px;
    height: 200px;
    background-size: 20%;
  }
  section.open-position-tab #job .btn-primary .position-name {
    font-size: 22px;
  }
  section.open-position-tab #job .collapse .card {
    margin: 40px 0;
  }
  section.open-position-tab #job .collapse .card .card-body .jobdesc {
    color: black;
    width: 95%;
  }
  section.open-position-tab #job .collapse .card .card-body .requirements {
    color: black;
    width: 100%;
    margin-top: 30px;
  }
  section.open-position-tab #job .collapse .card .card-body .list {
    margin-top: 25px;
  }
}
@media screen and (max-width: 767px) {
  section.oprec {
    margin-bottom: 0;
  }
  section.oprec .breadcrumb-container .breadcrumb-div .breadcrumb {
    padding-left: 0px;
    margin-bottom: 0;
  }
  section.vacancies-list-section .vacancies-list .pagination-container {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 375px) {
  section.open-position-tab #job .btn-primary .position-name {
    font-size: 16px;
  }
}
section.simulasi-kredit-v2 {
  position: relative;
  z-index: 97;
  padding-top: 20px !important;
}
section.simulasi-kredit-v2 .hidden-btn {
  opacity: 1;
  visibility: visible;
  transition: visibility 0.2s linear, opacity 0.2s linear;
  -webkit-transition: visibility 0.2s linear, opacity 0.2s linear;
  -moz-transition: visibility 0.2s linear, opacity 0.2s linear;
  -o-transition: visibility 0.2s linear, opacity 0.2s linear;
}
section.simulasi-kredit-v2 .see-more-v2 {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  margin-bottom: 20px;
  align-items: center;
}
section.simulasi-kredit-v2 .see-more-v2 a,
section.simulasi-kredit-v2 .see-more-v2 .promo-slider-button {
  padding: 10px 15px;
  background-color: #f3f3f3;
  color: #585858;
  -webkit-text-fill-color: #585858;
  -webkit-opacity: 1;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
  border-radius: 20px;
}
section.simulasi-kredit-v2 .see-more-v2 a:hover, section.simulasi-kredit-v2 .see-more-v2 a:focus,
section.simulasi-kredit-v2 .see-more-v2 .promo-slider-button:hover,
section.simulasi-kredit-v2 .see-more-v2 .promo-slider-button:focus {
  background-color: #f5164c;
  color: #fff;
  -webkit-text-fill-color: #fff;
  transition: 0.2s;
}
section.simulasi-kredit-v2 .see-more-v2 a.see-all-btn,
section.simulasi-kredit-v2 .see-more-v2 .promo-slider-button.see-all-btn {
  margin: 0 10px;
}
section.simulasi-kredit-v2 .tab-content .tab-pane {
  height: 0;
}
section.simulasi-kredit-v2 .tab-content .tab-pane.active {
  height: auto;
}
section.simulasi-kredit-v2 .credit-sim-tabs-v2 {
  width: 100%;
  margin: auto;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  border: 2px solid #fff;
}
section.simulasi-kredit-v2 .credit-sim-tabs-v2 .tab-pane {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 {
  display: flex;
  justify-content: space-between;
  background-color: #ac9e9e;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills {
  width: 100%;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills .nav-item {
  width: 25%;
  margin-left: -30px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills .nav-item.promo {
  width: 28%;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills .nav-item.other-services {
  width: 30.1%;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 {
  padding: 25px 70px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  background-color: #f3f3f3;
  border: none;
  outline: none;
  width: 100%;
  border-top-left-radius: 13px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2.active {
  background-color: #f5164c;
  border-top-left-radius: 15px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2.active p {
  color: #fff;
  font-weight: bold;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p {
  font-size: 20px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
  padding: 25px 40px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
  background-color: #cac0c0;
  border: none;
  outline: none;
  width: 100%;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2.active {
  background-color: #f5164c;
  border-top-left-radius: 5px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2.active p {
  color: #fff;
  font-weight: bold;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
  padding: 25px 40px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
  background-color: #bfb2b2;
  border: none;
  outline: none;
  width: 100%;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2.active {
  background-color: #f5164c;
  border-top-left-radius: 5px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2.active p {
  color: #fff;
  font-weight: bold;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-info-v2 {
  padding: 25px 40px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  background-color: #ac9e9e;
  border: none;
  outline: none;
  width: 100%;
  border-top-right-radius: 13px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-info-v2.active {
  background-color: #f5164c;
  border-top-right-radius: 13px;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-info-v2.active p {
  color: #fff;
  font-weight: bold;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-info-v2 p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-tabs-v2 .credit-info-v2 a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul {
  display: flex;
  margin: 0 !important;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li {
  width: 50%;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  border: 1px solid #e1e1e1;
  width: 100%;
  background-color: #fff;
  height: 40px;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button p {
  color: #585858;
  font-weight: bold;
  margin-left: 15px;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button.active {
  background-color: #fff;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button.active p {
  color: #585858;
  font-weight: bold;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button.active .icon-car i.fa-check {
  display: block;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button:hover .icon-car i {
  color: #f5164c;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button:hover p {
  color: #f5164c;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button .icon-car {
  display: flex;
  flex-direction: column;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button .icon-car i {
  color: #585858;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 ul li button .icon-car i.fa-check {
  font-size: 10px;
  display: none;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane {
  background-color: #f5f5f5;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane.active {
  padding: 30px 30px;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-title-v2 {
  font-size: 37px;
  font-weight: bold;
  color: #585858;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-desc-v2 {
  color: #585858;
  margin: 20px 0;
  font-weight: 500;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane a {
  background-color: #e1e1e1;
  color: #585858;
  font-size: 12px;
  padding: 10px 15px;
  font-weight: bold;
  text-decoration: none;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane a i {
  color: #c0c0c0;
  margin-left: 5px;
}
section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane a:hover, section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane a:focus {
  background-color: #f5164c;
  color: #fff;
  transition: 0.3s;
}
section.simulasi-kredit-v2 .rounded-tab-pane {
  background-color: white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 16px;
  overflow: hidden;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills {
  width: 100%;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item {
  flex: 1 1 0px;
  width: calc(33.3333333333% + 40px);
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item .nav-pills-button {
  color: #b6b6b6;
  width: 100%;
  border: none;
  height: 56px;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item .nav-pills-button p {
  font-weight: 700;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-left: -40px;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) .nav-pills-button {
  color: #fff;
  background-color: #c4b8b8;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-left: -40px;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) .nav-pills-button {
  color: #fff;
  background-color: #b8a9a9;
}
section.simulasi-kredit-v2 .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.simulasi-kredit-v2 .rounded-tab-pane .tab-pane {
  background-color: white !important;
}
section.simulasi-kredit-v2 .rounded-tab-pane #pills-promo {
  padding-bottom: 30px;
}
section.simulasi-kredit-v2 .bordered-rounded-tab-pane {
  padding: 16px;
}
section.simulasi-kredit-v2 .bordered-rounded-tab-pane .nav-pills {
  width: -moz-fit-content;
  width: fit-content;
}
section.simulasi-kredit-v2 .bordered-rounded-tab-pane.credit-process-tab {
  padding: 24px;
}
section.simulasi-kredit-v2 .bordered-rounded-tab-pane.credit-process-tab .collapse-credit-process {
  font-family: "Poppins", sans-serif;
  background-color: #f8f9fa;
  padding: 16px;
  border-radius: 8px;
  color: #6c757d;
}
section.simulasi-kredit-v2 .credit-process {
  display: flex;
  padding: 24px 0;
}
section.simulasi-kredit-v2 .credit-process .credit-step {
  flex: 1 1 16.6666666667%;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: 0.3s;
}
section.simulasi-kredit-v2 .credit-process .credit-step img {
  width: 100px;
}
section.simulasi-kredit-v2 .credit-process .credit-step .title {
  font-weight: 700;
  color: black;
  text-align: center;
}
section.simulasi-kredit-v2 .credit-process .credit-step:hover, section.simulasi-kredit-v2 .credit-process .credit-step.active {
  cursor: pointer;
}
section.simulasi-kredit-v2 .credit-process .credit-step:hover .title, section.simulasi-kredit-v2 .credit-process .credit-step.active .title {
  color: #f5164c;
}
section.vehicle-choice-v2 .vehicle-condition-v2 {
  display: flex;
  background-color: #e1e1e1;
  height: 220px;
  align-items: center;
  border-radius: 5px;
  background-image: url(/img/bg-grey-type.png);
  background-repeat: no-repeat;
  background-position: right;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 {
  width: 45%;
  padding-left: 20px;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .title-vehicle-v2 {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 5px;
  color: #585858;
  line-height: 1;
  text-transform: uppercase;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .type-desc-v2 {
  font-size: 14px;
  font-weight: 500;
  color: #585858;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-image {
  width: 55%;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-image img {
  width: 100%;
}
section.vehicle-choice-v2 .vehicle-condition-v2 .card-shadow {
  width: 90%;
  background-color: #989898;
  height: 10px;
  margin: auto;
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: 100%;
  left: 5%;
  visibility: hidden;
}
section.vehicle-choice-v2 .vehicle-condition-v2:hover {
  background-image: url(/img/bg-red-type.png);
}
section.vehicle-choice-v2 .vehicle-condition-v2:hover .title-vehicle-v2 {
  color: #f5164c;
}
section.vehicle-choice-v2 .vehicle-condition-v2:hover .card-shadow {
  visibility: visible;
}
section.vehicle-choice-v2 .vehicle-condition-v2.active {
  background-image: url(/img/bg-red-type.png);
}
section.vehicle-choice-v2 .vehicle-condition-v2.active .title-vehicle-v2 {
  color: #f5164c;
}
section.vehicle-choice-v2 .vehicle-condition-v2.active .card-shadow {
  visibility: visible;
}
section.new-vehicles-v2 {
  display: none;
}
section.new-vehicles-v2.active {
  display: block;
}
section.new-vehicles-v2 .see-more {
  margin-bottom: 25px;
}
section.new-vehicles-v2 .see-more .section-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
}
section.new-vehicles-v2 .see-more .section-divider {
  display: flex;
  align-items: center;
}
section.new-vehicles-v2 .see-more .section-divider img {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 2px;
}
section.new-vehicles-v2 .see-more .section-divider .red-line-lease {
  width: 265px;
}
section.new-vehicles-v2 .see-more .section-divider .line {
  border-top: 2px solid #d0d0d0;
  width: 100%;
}
section.new-vehicles-v2 .see-more .section-divider a {
  text-decoration: none;
  color: #111;
  margin-left: 15px;
  font-size: 14px;
  width: 125px;
  font-style: italic;
  font-weight: 800;
  cursor: pointer;
}
section.new-vehicles-v2 .see-more a {
  color: #111;
  text-decoration: none;
  margin-left: 15px;
  font-size: 14px;
  width: 120px;
  font-style: italic;
}
section.new-vehicles-v2 .see-more a:hover, section.new-vehicles-v2 .see-more a:focus {
  color: #f5164c;
}
section.second-vehicles-v2 {
  display: none;
}
section.second-vehicles-v2.active {
  display: block;
}
section.new-vehicles-v2 .banner-car-type {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
}
section.new-vehicles-v2 .see-more-v2 {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  margin-bottom: 10px;
}
section.new-vehicles-v2 .see-more-v2 a {
  padding: 10px 15px;
  background-color: #f3f3f3;
  color: #585858;
  -webkit-text-fill-color: #585858;
  -webkit-opacity: 1;
  font-weight: bold;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  text-decoration: none;
}
section.new-vehicles-v2 .see-more-v2 a:hover, section.new-vehicles-v2 .see-more-v2 a:focus {
  background-color: #f5164c;
  color: white;
  transition: 0.2s;
}
section.second-vehicles-v2 .banner-car-type {
  width: 100%;
  margin-bottom: 40px;
  border-radius: 5px;
}
section.second-vehicles-v2 .see-more-v2 {
  display: flex;
  margin-top: 15px;
  justify-content: center;
  margin-bottom: 20px;
}
section.second-vehicles-v2 .see-more-v2 a {
  padding: 10px 15px;
  background-color: #f3f3f3;
  color: #585858;
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  text-decoration: none;
}
section.second-vehicles-v2 .see-more-v2 a:hover, section.second-vehicles-v2 .see-more-v2 a:focus {
  background-color: #f5164c;
  color: #fff;
  transition: 0.2s;
}
section.simulasi-kredit-tab-v2 {
  position: relative;
  z-index: 97;
}
section.simulasi-kredit-tab-v2 nav {
  background-color: #e1e1e1;
  border-radius: 5px 5px 0 0;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs {
  border: none;
  background-color: #d2d2d2;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link {
  width: 33%;
  border-radius: 0;
  border: none;
  margin: 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link.active {
  background-color: #f5164c !important;
  color: #fff !important;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child {
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2), section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
  position: relative;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2) {
  left: -35px;
  background-color: #f5f5f5;
  color: #b6b6b6;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
  left: -70px;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child, section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
  background-color: #d2d2d2;
  color: #b6b6b6;
}
section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link.result {
  pointer-events: none;
}
section.simulasi-kredit-tab-v2 .tab-content {
  border-radius: 0 0 5px 5px;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle {
  background-color: #f7f7f7;
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.2);
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 {
  display: flex;
  padding: 20px;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector {
  width: 25%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector::after {
  content: " ";
  border-left: 3px solid #e1e1e1;
  top: 40%;
  height: 40%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:first-child::after {
  right: 73.5%;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:nth-child(2)::after {
  right: 50%;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:nth-child(3)::after {
  right: 26%;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:last-child::after {
  display: none;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector img {
  height: 110px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .title {
  font-weight: bold;
  color: #585858;
  font-size: 17px;
  text-align: center;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .desc {
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #585858;
  margin-top: 5px;
  margin-bottom: 15px;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .more-detail {
  color: #585858;
  font-weight: bold;
  font-size: 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 10px;
  text-decoration: none;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .more-detail i {
  margin-left: 10px;
}
section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .more-detail:hover {
  color: #f5164c;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation {
  background-color: #f7f7f7;
  padding: 30px 15px;
  border-radius: 0 0 5px 5px;
  background-image: url(/img/bg-simulation-v2.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 18%;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation.active, section.simulasi-kredit-tab-v2 .tab-content #credit-simulation.active {
  display: flex;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation {
  width: 30%;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation .title {
  font-size: 17px;
  font-weight: bold;
  color: #585858;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation .desc {
  font-size: 13px;
  font-weight: 300;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new {
  background-color: #f7f7f7;
  padding: 30px 15px;
  border-radius: 0 0 5px 5px;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new.active, section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new.active {
  display: flex;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new .car-type-simulation {
  width: 30%;
  padding-right: 15px;
  display: flex;
  flex-direction: column;
  margin-top: 50px;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new .car-type-simulation .title {
  font-size: 17px;
  font-weight: bold;
  color: #585858;
}
section.simulasi-kredit-tab-v2 .tab-content #credit-simulation-new .car-type-simulation .desc {
  font-size: 13px;
}
section.other-services h5 {
  font-weight: 800;
  color: #6d6868;
}
section.other-services .content-other-service {
  font-size: 18px;
  line-height: 24px;
  color: #585858;
}
section.other-services .content-other-service p {
  font-size: 18px;
  line-height: 24px;
}
section.other-services .content-other-service .content-other-service-detail {
  word-break: break-word;
}

.policy-section .content-section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.policy-section .content-section .active-policy {
  width: 100%;
  word-break: break-word;
}
.policy-section .content-section .active-policy .policy-date {
  font-style: italic;
}
.policy-section .content-section .history-policy {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}
.policy-section .content-section .history-policy .custom-select {
  width: -moz-fit-content;
  width: fit-content;
}

.loading-spinner {
  display: none;
}
.loading-spinner .loading-container {
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  height: 50vh;
}
.loading-spinner .loading-text {
  color: #989898;
}

.modal-pdp .modal-header .modal-title {
  text-align: left !important;
}
.modal-pdp .modal-footer {
  justify-content: center !important;
}
.modal-pdp .modal-footer .close-button {
  background-color: #f5164c;
  color: white;
  width: 100%;
}

@media screen and (max-width: 992px) {
  section.other-services {
    padding: 0;
  }
  .policy-section {
    padding-bottom: 0;
  }
  .policy-section .content-section .history-policy {
    flex-direction: column;
    align-items: flex-start;
  }
  .policy-section .content-section .history-policy .custom-select {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills .nav-item.promo {
    width: 28%;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .nav-pills .nav-item.other-services {
    width: 31.7%;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
    padding: 10px 50px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a {
    font-size: 20px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 10px 50px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 20px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a {
    font-size: 20px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-title-v2 {
    font-size: 28px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-desc-v2 {
    margin: 10px 0px 20px 0;
  }
}
@media screen and (max-width: 992px) {
  section.simulasi-kredit-v2 .credit-sim-tabs-v2 {
    width: 100%;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 10px 50px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 20px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-title-v2 {
    font-size: 28px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-tab-v2 .tab-pane .credit-desc-v2 {
    margin: 10px 0px 20px 0;
  }
}
@media screen and (max-width: 992px) {
  section .credit-vehicle-accordion-v2 {
    padding: 10px;
    background-color: #f7f7f7;
  }
  section .credit-vehicle-accordion-v2 .card {
    border-radius: 0;
  }
  section .credit-vehicle-accordion-v2 .card .card-header {
    background-color: #fff;
    border-radius: 0;
    height: 50px;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link[aria-expanded=true] p {
    color: #585858;
    font-weight: 600;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link[aria-expanded=true] .icon-car i.fa-check {
    display: block;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link {
    text-decoration: none;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link p {
    color: #585858;
    font-weight: 600;
    font-size: 18px;
    margin-left: 10px;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link:focus, section .credit-vehicle-accordion-v2 .card .card-header .btn-link:focus-visible {
    box-shadow: none;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link:hover .icon-car i {
    color: #f5164c;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link:hover p {
    color: #f5164c;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link .icon-car {
    display: flex;
    flex-direction: column;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link .icon-car i {
    color: #585858;
  }
  section .credit-vehicle-accordion-v2 .card .card-header .btn-link .icon-car i.fa-check {
    font-size: 10px;
    display: none;
  }
  section .credit-vehicle-accordion-v2 .card .card-body {
    display: flex;
    flex-direction: column;
    padding: 10px 20px;
  }
  section .credit-vehicle-accordion-v2 .card .card-body .credit-title-v2 {
    font-size: 22px;
    font-weight: 600;
    color: #585858;
  }
  section .credit-vehicle-accordion-v2 .card .card-body .credit-desc-v2 {
    color: #585858;
    margin: 20px 0;
  }
  section .credit-vehicle-accordion-v2 .card .card-body a {
    background-color: #e1e1e1;
    color: #585858;
    font-size: 14px;
    padding: 10px 15px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    text-align: center;
  }
  section .credit-vehicle-accordion-v2 .card .card-body a i {
    color: #c0c0c0;
    margin-left: 5px;
  }
}
@media screen and (max-width: 767px) {
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 10px 25px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 14px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
    left: -15px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    left: -31px;
  }
  section.simulasi-kredit-v2 .see-more-v2 {
    margin-top: 15px !important;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container {
    background-color: white;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion {
    width: 100%;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    padding: 8px 16px;
    background-color: white;
    color: black;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item:hover, section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item:focus {
    color: #f5164c;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item .title {
    font-weight: 700;
    font-size: 14px;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item .icon-image {
    height: 65px;
    width: 65px;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-item .menu-name {
    display: flex;
    align-items: center;
    gap: 8px;
  }
  section.simulasi-kredit-v2 .credit-process-accordion-container .credit-process-accordion .credit-process-collapse-text .card-body {
    color: #585858;
    margin: 8px;
    background-color: #f8f9fa;
    border-radius: 4px;
  }
}
@media screen and (max-width: 575px) {
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 5px 26px;
    display: flex;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 9px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
    left: -13px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    left: -27px;
  }
}
@media screen and (max-width: 425px) {
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 5px 15px;
    display: flex;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 9px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
    left: -13px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    left: -25px;
  }
}
@media screen and (max-width: 375px) {
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    padding: 5px 14px 5px 10px;
    display: flex;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-promo-tab-v2 a,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 p,
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 a {
    font-size: 9px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-simulation-v2 {
    left: -13px;
  }
  section.simulasi-kredit-v2 .credit-tabs-v2 .credit-requirement-v2 {
    left: -24px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-accordion-v2 .card {
    border-radius: 0;
  }
  section.simulasi-kredit-v2 .credit-vehicle-accordion-v2 .card .card-header .btn-link p {
    font-size: 16px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-accordion-v2 .card .card-body .credit-title-v2 {
    font-size: 18px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-accordion-v2 .card .card-body .credit-desc-v2 {
    margin: 10px 0;
    font-size: 11px;
  }
  section.simulasi-kredit-v2 .credit-vehicle-accordion-v2 .card .card-body a {
    padding: 5px 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1200px) {
  section.vehicle-choice-v2 {
    margin-top: unset;
    padding-top: 40px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 {
    background-position: 115% center;
  }
}
@media screen and (max-width: 992px) {
  section.vehicle-choice-v2 .vehicle-condition-v2 {
    background-position: 105% center;
    background-size: contain;
    height: 270px;
    margin-bottom: 30px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 {
    width: 55%;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .title-vehicle-v2 {
    font-size: 43px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .type-desc-v2 {
    font-size: 18px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-image {
    width: 45%;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .card-shadow {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  section.vehicle-choice-v2 .vehicle-condition-v2 {
    height: 120px;
    background-position: 100% center;
    margin-bottom: 15px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 {
    width: 55%;
    padding-right: 5px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .title-vehicle-v2 {
    font-size: 23px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .type-desc-v2 {
    font-size: 11px;
  }
  section.new-vehicles-v2, section.second-vehicles-v2 {
    padding-bottom: 0;
  }
  section.new-vehicles-v2.active, section.second-vehicles-v2.active {
    padding-top: 50px;
  }
}
@media screen and (max-width: 375px) {
  section.vehicle-choice-v2 .vehicle-condition-v2 {
    height: 110px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .title-vehicle-v2 {
    font-size: 18px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-text-v2 .type-desc-v2 {
    font-size: 9px;
  }
  section.vehicle-choice-v2 .vehicle-condition-v2 .vehicle-image {
    width: 45%;
  }
}
@media screen and (min-width: 1200px) {
  section.simulasi-kredit-tab-v2 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    top: -16px;
    z-index: 97;
    margin-top: 200px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 {
    padding: 10px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector img {
    height: 100px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .title {
    font-size: 16px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .desc {
    font-size: 12px;
  }
}
@media screen and (max-width: 992px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    top: 0;
    z-index: 97;
    margin-top: 180px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link {
    font-size: 18px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2) {
    left: -25px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
    left: -50px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child, section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
    background-color: #d2d2d2;
    color: #b6b6b6;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 {
    padding: 0;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector {
    padding: 10px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector::after {
    top: 40%;
    height: 40%;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector img {
    height: 100px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .title {
    font-size: 14px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .desc {
    font-size: 11px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #credit-simulation {
    flex-direction: column;
    background-image: none;
  }
  section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation {
    width: 100%;
    padding-right: 30%;
    margin-top: 0px;
    margin-bottom: 30px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation .title {
    font-size: 22px;
    margin-bottom: 15px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation .desc {
    font-weight: 16px;
  }
}
@media screen and (max-width: 767px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    top: 0;
    z-index: 97;
    margin-bottom: 50px;
    margin-top: 10px;
  }
  section.simulasi-kredit-tab-v2 nav {
    overflow-x: hidden;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link {
    position: relative;
    width: 170px;
    font-size: 16px;
    padding: 5px;
    white-space: nowrap;
    text-align: center;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child {
    -webkit-clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 0% 100%);
    left: 0;
    width: 20%;
    z-index: 3;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child.active {
    width: 40%;
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 0% 100%);
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2) {
    -webkit-clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 30% 100%);
            clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 30% 100%);
    width: 20%;
    padding-left: 25px;
    left: -6%;
    z-index: 2;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2).active {
    left: -6%;
    width: 50%;
    -webkit-clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
            clip-path: polygon(0% 0%, 88% 0%, 100% 100%, 12% 100%);
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2).move {
    left: -6%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
    width: 20%;
    padding-left: 25px;
    -webkit-clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 30% 100%);
            clip-path: polygon(0% 0%, 70% 0%, 100% 100%, 30% 100%);
    left: -12%;
    z-index: 1;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3).move {
    left: -12%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3).active {
    left: -12%;
    width: 40%;
    -webkit-clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
            clip-path: polygon(0% 0%, 85% 0%, 100% 100%, 15% 100%);
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4) {
    width: 10%;
    left: -12%;
    z-index: 3;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4).move {
    left: -8%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4).active {
    left: -8%;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle {
    border-radius: 0 0 5px 5px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 {
    flex-direction: column;
    padding: 0;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector {
    width: 100%;
    padding: 15px 25px 25px 25px;
    margin-top: 0;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:last-child .texts .more-detail {
    font-size: 12px;
    border-bottom: none;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector img {
    height: 100px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector::after {
    display: none;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .title {
    font-size: 19px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .desc {
    font-size: 15px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .more-detail {
    padding: 0 40px;
    font-size: 12px;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 30px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #credit-simulation .car-type-simulation {
    padding-right: 0;
  }
}
@media screen and (min-width: 459px) and (max-width: 592px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    top: 0;
    z-index: 97;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 575px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    z-index: 97;
    margin-bottom: 20px;
    margin-top: 0;
  }
}
@media screen and (max-width: 375px) {
  section.simulasi-kredit-tab-v2 {
    position: relative;
    z-index: 97;
    margin-top: 10px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child {
    width: 18%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:first-child.active {
    width: 40%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2) {
    width: 18%;
    padding-left: 20px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(2).active {
    width: 40%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3) {
    width: 18%;
    padding-left: 20px;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(3).active {
    width: 40%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4) {
    width: 10%;
    left: -12%;
    z-index: 3;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4).move {
    left: -8%;
  }
  section.simulasi-kredit-tab-v2 nav .nav-tabs .nav-link:nth-child(4).active {
    left: -8%;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector:last-child .texts .more-detail {
    font-size: 12px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .title {
    font-size: 17px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .desc {
    font-size: 13px;
  }
  section.simulasi-kredit-tab-v2 .tab-content #choose-vehicle .car-credit-type-v2 .type-vector .texts .more-detail {
    padding: 0 40px;
    font-size: 12px;
    border-bottom: 2px solid #e1e1e1;
    padding-bottom: 30px;
  }
}
.card-v2--vehicle {
  border: 3px solid #f3f3f3;
  border-radius: 5px;
}
.card-v2--vehicle a {
  text-decoration: none;
  color: #212529;
  -webkit-text-fill-color: #212529;
  -webkit-opacity: 1;
}
.card-v2--vehicle__image {
  padding: 10px;
  height: 150px;
  justify-content: center;
  display: flex;
  padding-bottom: 0;
}
.card-v2--vehicle__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-v2--vehicle__texts {
  padding: 10px;
}
.card-v2--vehicle__texts .title {
  font-weight: 900;
  color: #585858;
  margin-bottom: 5px;
  overflow: hidden;
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 50px;
}
.card-v2--vehicle__texts .info {
  display: flex;
  align-items: center;
}
.card-v2--vehicle__texts .info .type {
  margin-right: 10px;
}
.card-v2--vehicle__texts .info .type p {
  font-size: 12px;
  color: #585858;
  font-weight: 300;
  margin-bottom: 5px;
}
.card-v2--vehicle__texts .info .nominals {
  margin-left: auto;
}
.card-v2--vehicle__texts .info .nominals p {
  font-size: 14px;
  font-weight: 900;
  color: #585858;
  margin-bottom: 5px;
}
.card-v2--vehicle__detail {
  display: flex;
}
.card-v2--vehicle__detail a,
.card-v2--vehicle__detail .see-more-button {
  margin-left: auto;
  padding: 5px 10px;
  background-color: #f3f3f3;
  color: #585858;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
}
.card-v2--vehicle__detail a i,
.card-v2--vehicle__detail .see-more-button i {
  margin-left: 5px;
}
.card-v2--vehicle__detail a:hover,
.card-v2--vehicle__detail .see-more-button:hover {
  color: #f5164c;
}

@media screen and (max-width: 1200px) {
  .card-v2--vehicle__image {
    padding: 5px;
    height: 110px;
  }
  .card-v2--vehicle__texts {
    padding: 5px;
  }
  .card-v2--vehicle__texts .title {
    font-size: 14px;
  }
  .card-v2--vehicle__texts .info .type {
    margin-right: 5px;
  }
  .card-v2--vehicle__texts .info .type p {
    font-size: 10px;
  }
  .card-v2--vehicle__texts .info .nominals p {
    font-size: 10px;
  }
  .card-v2--vehicle__detail {
    border-radius: 0 0 5px 5px;
  }
}
@media screen and (max-width: 992px) {
  .card-v2--vehicle {
    flex-direction: column;
  }
  .card-v2--vehicle__image {
    height: 150px;
    padding: 5px 5px 0 5px;
    overflow: hidden;
  }
  .card-v2--vehicle__image img {
    width: auto;
  }
  .card-v2--vehicle__texts {
    padding: 0 15px 15px 15px;
  }
  .card-v2--vehicle__texts .title {
    font-size: 24px;
    min-height: 70px;
  }
  .card-v2--vehicle__texts .info {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .card-v2--vehicle__texts .info .type {
    margin-right: 5px;
  }
  .card-v2--vehicle__texts .info .type p {
    font-size: 15px;
  }
  .card-v2--vehicle__texts .info .nominals {
    margin-left: auto;
  }
  .card-v2--vehicle__texts .info .nominals p {
    font-size: 17px;
  }
  .card-v2--vehicle__detail {
    display: flex;
    margin-top: auto;
  }
  .card-v2--vehicle__detail a {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .card-v2--vehicle {
    margin-bottom: 20px;
    flex-direction: column;
  }
  .card-v2--vehicle__image {
    height: 100px;
  }
  .card-v2--vehicle__texts .title {
    font-size: 14px;
    height: auto;
    min-height: 60px;
  }
  .card-v2--vehicle__texts .info {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .card-v2--vehicle__detail {
    display: flex;
    margin-top: auto;
  }
  .card-v2--vehicle__detail a {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  .card-v2--vehicle__texts .title {
    font-size: 16px;
    height: auto;
    min-height: initial;
  }
}
@media screen and (max-width: 375px) {
  .card-v2--vehicle {
    flex-direction: column;
  }
  .card-v2--vehicle__image {
    height: 85px;
  }
  .card-v2--vehicle__texts .title {
    font-size: 14px;
    min-height: initial;
  }
  .card-v2--vehicle__texts .info {
    margin-top: 20px;
    margin-bottom: 0;
  }
  .card-v2--vehicle__texts .info .type p {
    font-size: 12px;
  }
  .card-v2--vehicle__texts .info .nominals p {
    font-size: 14px;
  }
  .card-v2--vehicle__detail {
    display: flex;
    margin-top: auto;
  }
  .card-v2--vehicle__detail a {
    font-size: 12px;
  }
}
.form-v2--simulation {
  width: 70%;
}
.form-v2--simulation form {
  display: grid;
}
.form-v2--simulation form .all-form {
  display: flex;
  gap: 15px;
}
.form-v2--simulation form .all-form .left,
.form-v2--simulation form .all-form .right {
  width: 50%;
}
.form-v2--simulation form .calc-button {
  padding-left: 15px;
  margin-top: 30px;
}
.form-v2--simulation form .calc-button button {
  width: 100%;
  padding: 10px;
  font-weight: bold;
  background-color: #e1e1e1;
  color: #585858;
  border-radius: 5px;
  border: none;
  font-size: 14px;
}
.form-v2--simulation form .calc-button button:hover, .form-v2--simulation form .calc-button button:focus {
  color: #fff !important;
  background-color: #f5164c !important;
  box-shadow: none !important;
  outline: none !important;
}
.form-v2--simulation form .left {
  border-left: 1px solid #e1e1e1;
  padding-left: 15px;
}
.form-v2--simulation .invalid-feedback {
  margin-left: auto;
}
.form-v2--simulation__formtype {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}
.form-v2--simulation__formtype label {
  font-size: 14px;
  font-weight: bold;
  width: 35%;
  margin: 0;
  color: #585858;
}
.form-v2--simulation__formtype label span {
  color: #f5164c;
}
.form-v2--simulation__formtype .btn-group,
.form-v2--simulation__formtype select,
.form-v2--simulation__formtype input {
  width: 65%;
}
.form-v2--simulation__formtype .btn-group:focus-visible,
.form-v2--simulation__formtype select:focus-visible,
.form-v2--simulation__formtype input:focus-visible {
  outline: none;
}
.form-v2--simulation__formtype select {
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 15px;
  height: 42px;
  border: 1px solid;
  border-color: #e1e1e1;
  color: #585858;
}
.form-v2--simulation__formtype input {
  padding: 10px 15px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid;
  font-size: 15px;
  border-color: #e1e1e1;
}
.form-v2--simulation__formtype input::-moz-placeholder {
  font-style: italic;
}
.form-v2--simulation__formtype input::placeholder {
  font-style: italic;
}
.form-v2--simulation__formtype .btn-group {
  margin-left: auto;
}
.form-v2--simulation__formtype .btn-group > .btn {
  border-radius: 5px !important;
  background-color: #fff;
  color: #b6b6b6;
  border: 2px solid #e1e1e1;
  margin-left: 10px;
  padding: 5px 10px;
  width: 45px;
  text-align: center;
  font-weight: 500;
}
.form-v2--simulation__formtype .btn-group > .btn:first-child {
  margin-left: 0;
}
.form-v2--simulation__formtype .btn-group > .btn.active {
  color: #fff;
  background-color: #f5164c;
  border-color: #f5164c;
}
.form-v2--simulation__formtype .btn-group > .btn.focus {
  outline: none;
  box-shadow: none;
}

@media screen and (max-width: 1200px) {
  .form-v2--simulation__formtype label {
    font-size: 11px;
  }
  .form-v2--simulation__formtype .btn-group > .btn {
    padding: 5px;
  }
}
@media screen and (max-width: 992px) {
  .form-v2--simulation {
    width: 100%;
  }
  .form-v2--simulation form {
    display: flex;
    flex-direction: column;
  }
  .form-v2--simulation form .all-form {
    display: flex;
    flex-direction: column;
  }
  .form-v2--simulation form .all-form .left,
  .form-v2--simulation form .all-form .right {
    width: 100%;
  }
  .form-v2--simulation form .all-form .left {
    border-left: none;
    padding-left: 0;
  }
  .form-v2--simulation form .calc-button {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .form-v2--simulation {
    width: 100%;
  }
  .form-v2--simulation form .all-form {
    display: flex;
    flex-direction: column;
  }
  .form-v2--simulation form .all-form .left,
  .form-v2--simulation form .all-form .right {
    width: 100%;
  }
  .form-v2--simulation form .all-form .left p,
  .form-v2--simulation form .all-form .right p {
    font-size: 16px;
  }
  .form-v2--simulation form .all-form .left {
    border-left: none;
    padding-left: 0;
  }
  .form-v2--simulation .invalid-feedback {
    margin: auto;
  }
  .form-v2--simulation__formtype {
    flex-direction: column;
    align-items: start;
  }
  .form-v2--simulation__formtype label {
    width: 100%;
    font-size: 16px;
    margin-bottom: 10px;
  }
  .form-v2--simulation__formtype .btn-group,
  .form-v2--simulation__formtype select,
  .form-v2--simulation__formtype input {
    width: 100%;
  }
}
.tabs-v2--hasil {
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.13);
  padding: 40px 20px 40px 20px;
  border-radius: 0 0 5px 5px;
  height: 500px;
  background-color: #f7f7f7;
}
.tabs-v2--hasil__left h4 {
  text-align: center;
  margin-bottom: 10px;
}
.tabs-v2--hasil__left .car-img {
  width: 100%;
  display: flex;
  height: 185px;
  justify-content: center;
}
.tabs-v2--hasil__left .specs .spec {
  display: flex;
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 0.5px solid #c4c4c4;
}
.tabs-v2--hasil__left .specs .spec .spec-type {
  font-size: 16px;
  font-weight: 300;
  color: #282828;
  font-style: italic;
}
.tabs-v2--hasil__left .specs .spec .spec-desc {
  margin-left: auto;
  font-size: 16px;
  font-weight: bold;
  color: #282828;
}
.tabs-v2--hasil__right .title-rincian {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #585858;
}
.tabs-v2--hasil__right .rincian-all .rincian {
  display: flex;
  border-bottom: 0.5px solid #e1e1e1;
  margin-bottom: 10px;
  padding-bottom: 5px;
}
.tabs-v2--hasil__right .rincian-all .rincian .nominal {
  margin-left: auto;
  padding-left: 20%;
}
.tabs-v2--hasil__right .rincian-all .rincian p {
  font-weight: bold;
  font-size: 14px;
  color: #585858;
  width: 100%;
}
.tabs-v2--hasil__right .rincian-all .rincian p span {
  color: #f5164c;
}
.tabs-v2--hasil__right .sk-info {
  justify-content: center;
  display: grid;
  margin-top: 20px;
}
.tabs-v2--hasil__right .sk-info p {
  font-size: 9px;
  text-align: start;
  width: 100%;
}
.tabs-v2--hasil__right .sk-info p::before {
  content: "·";
  font-size: 10px;
  font-weight: 900;
  margin-right: 5px;
  color: #585858;
}
.tabs-v2--hasil__right .sk-info .btn-primary {
  background: transparent;
  border: none;
  outline: none;
  font-size: 10px;
  color: #f5164c;
  text-align: center;
  text-decoration: underline;
  font-style: italic;
}
.tabs-v2--hasil__right .sk-info .btn-primary:active {
  background: transparent;
  border: none;
  outline: none;
  font-size: 10px;
  color: #f5164c;
  text-align: center;
  text-decoration: underline;
  font-style: italic;
}
.tabs-v2--hasil__right .sk-info .btn-primary:active:focus {
  box-shadow: none;
}
.tabs-v2--hasil__right .sk-info .btn-primary:focus {
  box-shadow: none;
}
.tabs-v2--hasil__right .simulation-btn {
  display: flex;
  gap: 15px;
  margin-top: 25px;
}
.tabs-v2--hasil__right .simulation-btn a {
  width: 100%;
  padding: 10px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  text-decoration: none;
}
.tabs-v2--hasil__right .simulation-btn a.left {
  background-color: #a89c9c;
}
.tabs-v2--hasil__right .simulation-btn a.left:hover, .tabs-v2--hasil__right .simulation-btn a.left:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
.tabs-v2--hasil__right .simulation-btn a.right {
  background-color: #940c16;
}
.tabs-v2--hasil__right .simulation-btn a.right:hover, .tabs-v2--hasil__right .simulation-btn a.right:focus {
  background-color: #f5164c;
  transition: 0.3s;
}
.tabs-v2--hasil .left {
  border-right: 1px solid #dadada;
}
.tabs-v2--simulation {
  padding-top: 0;
  z-index: 10;
  position: relative;
}
.tabs-v2--simulation .credit-tabs-v2 {
  display: flex;
  background-color: #e1e1e1;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2 {
  padding: 10px 80px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  background-color: #f3f3f3;
  border: none;
  outline: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2.active {
  background-color: #f5164c;
  border-top-left-radius: 5px;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2.active p {
  color: #fff;
  font-weight: bold;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2 p {
  font-size: 30px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2 {
  padding: 10px 70px 10px 50px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
  background-color: #f3f3f3;
  border: none;
  outline: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2.active {
  background-color: #f5164c;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2.active p {
  color: #fff;
  font-weight: 600;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2 p {
  font-size: 30px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2 {
  padding: 10px 80px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 65% 0%, 100% 100%, 35% 100%);
          clip-path: polygon(0% 0%, 65% 0%, 100% 100%, 35% 100%);
  background-color: #f3f3f3;
  border: none;
  outline: none;
  left: -55px;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2.active {
  background-color: #f5164c;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2.active p {
  color: #fff;
  font-weight: 600;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2 p {
  font-size: 22px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2 a {
  font-size: 22px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2 {
  padding: 10px 80px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 65% 0%, 100% 100%, 35% 100%);
          clip-path: polygon(0% 0%, 65% 0%, 100% 100%, 35% 100%);
  background-color: #f3f3f3;
  border: none;
  outline: none;
  left: -55px;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2.active {
  background-color: #f5164c;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2.active p {
  color: #fff;
  font-weight: 600;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2 p {
  font-size: 22px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2 a {
  font-size: 22px;
  color: #b6b6b6;
  font-weight: 600;
  text-decoration: none;
}
.tabs-v2--simulation .credit-sim {
  padding: 30px 20px;
  display: flex;
  background-color: #f7f7f7;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 5px 5px;
}
.tabs-v2--simulation .credit-sim .car-chosen-img {
  width: 30%;
  display: flex;
  margin-top: 30px;
  padding-right: 20px;
}
.tabs-v2--simulation .credit-sim .car-chosen-img img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.tabs-v2--simulation .credit-sim-used {
  padding: 30px 20px;
  display: flex;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 5px 5px;
}
.tabs-v2--simulation .credit-sim-used .car-chosen-img {
  width: 30%;
  display: flex;
  margin-top: 30px;
  padding-right: 20px;
}
.tabs-v2--simulation .credit-sim-used .car-chosen-img img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.tabs-v2--simulation #credit-simulation {
  background-color: #f7f7f7;
  background-image: url(/img/bg-simulation-v2.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 18%;
}
.tabs-v2--simulation #credit-simulation.active, .tabs-v2--simulation #credit-simulation.active {
  display: flex;
}
.tabs-v2--simulation #credit-simulation .car-type-simulation .title {
  font-size: 17px;
  font-weight: bold;
  color: #585858;
}
.tabs-v2--simulation #credit-simulation .car-type-simulation .desc {
  font-size: 13px;
}

@media screen and (max-width: 1200px) {
  .tabs-v2--hasil {
    height: 510px;
  }
  .tabs-v2--hasil__left .car-img {
    height: 215px;
    margin: 10px 0;
  }
  .tabs-v2--hasil__left .specs .spec .spec-type {
    font-size: 13px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-desc {
    font-size: 13px;
  }
}
@media screen and (max-width: 992px) {
  .tabs-v2--hasil {
    height: 1010px;
  }
  .tabs-v2--hasil__left .car-img {
    height: 215px;
    margin: 10px 0;
  }
  .tabs-v2--hasil__left .specs .spec .spec-type {
    font-size: 13px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-desc {
    font-size: 13px;
  }
  .tabs-v2--hasil__right {
    margin-top: 40px;
  }
  .tabs-v2--hasil__right .title-rincian {
    font-size: 26px;
    text-align: center;
    margin-bottom: 30px;
  }
  .tabs-v2--hasil__right .rincian-all .rincian {
    padding-bottom: 10px;
  }
  .tabs-v2--hasil__right .sk-info p {
    font-size: 10px;
  }
  .tabs-v2--hasil .left {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .tabs-v2--hasil {
    height: 1120px;
  }
  .tabs-v2--hasil__left .car-img {
    height: 145px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-type {
    font-size: 13px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-desc {
    font-size: 13px;
  }
  .tabs-v2--hasil__right {
    margin-top: 30px;
  }
  .tabs-v2--hasil__right .title-rincian {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .tabs-v2--hasil__right .simulation-btn {
    flex-direction: column;
  }
  .tabs-v2--simulation {
    position: relative;
    z-index: 97;
    top: 2px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2 {
    padding: 10px 40px 10px 20px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2 p {
    font-size: 14px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2 {
    padding: 10px 40px 10px 20px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2 p {
    font-size: 14px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2 {
    padding: 10px 30px;
    -webkit-clip-path: polygon(0% 0%, 59% 0%, 100% 100%, 40% 100%);
            clip-path: polygon(0% 0%, 59% 0%, 100% 100%, 40% 100%);
    left: -27px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2 {
    padding: 10px 30px;
    -webkit-clip-path: polygon(0% 0%, 59% 0%, 100% 100%, 40% 100%);
            clip-path: polygon(0% 0%, 59% 0%, 100% 100%, 40% 100%);
    left: -27px;
  }
}
@media screen and (max-width: 375px) {
  .tabs-v2--hasil {
    height: 1180px;
    padding: 20px 10px;
  }
  .tabs-v2--hasil__left h4 {
    font-size: 17px;
  }
  .tabs-v2--hasil__left .car-img {
    height: 145px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-type {
    font-size: 13px;
  }
  .tabs-v2--hasil__left .specs .spec .spec-desc {
    font-size: 13px;
  }
  .tabs-v2--hasil__right {
    margin-top: 30px;
  }
  .tabs-v2--hasil__right .title-rincian {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .tabs-v2--hasil__right .simulation-btn a {
    font-size: 10px;
  }
  .tabs-v2--simulation {
    top: 6px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-simulation-tab-v2 p {
    font-size: 11px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-promo-tab-v2 p {
    font-size: 11px;
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-simulation-v2 {
    -webkit-clip-path: polygon(0% 0%, 53% 0%, 100% 100%, 44% 100%);
            clip-path: polygon(0% 0%, 53% 0%, 100% 100%, 44% 100%);
  }
  .tabs-v2--simulation .credit-tabs-v2 .credit-requirement-v2 {
    -webkit-clip-path: polygon(0% 0%, 53% 0%, 100% 100%, 44% 100%);
            clip-path: polygon(0% 0%, 53% 0%, 100% 100%, 44% 100%);
  }
}
@media screen and (max-width: 767px) {
  .slick-dots {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .tabs-submission-left {
    border-right: none;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
section.new-main-visual {
  padding-top: 0;
  padding-bottom: 0;
}
section.new-main-visual .owl-nav {
  position: relative;
  margin-top: 10;
}
section.new-main-visual .owl-carousel .owl-nav .owl-prev,
section.new-main-visual .owl-carousel .owl-nav .owl-next {
  display: none;
  position: relative;
  border: none;
  background-color: #f5164c;
  color: white;
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
section.new-main-visual .owl-carousel .owl-nav .owl-prev span,
section.new-main-visual .owl-carousel .owl-nav .owl-next span {
  font-size: 35px;
  line-height: 30px;
  padding: 0;
}
section.new-main-visual .owl-carousel .owl-nav .owl-prev:hover,
section.new-main-visual .owl-carousel .owl-nav .owl-next:hover {
  background-color: #e23560;
  color: white;
}
section.new-main-visual .carousel-btn-wrap {
  font-family: "FontAwesome";
}
section.new-main-visual .carousel-btn-wrap .prev-main:before {
  content: "\f053";
}
section.new-main-visual .carousel-btn-wrap .next-main:before {
  content: "\f054";
}
section.new-main-visual .carousel-btn-wrap .prev-main,
section.new-main-visual .carousel-btn-wrap .next-main {
  background-color: #f5164c;
  color: white;
  padding: 3px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.75;
  margin: 2px;
}
section.new-main-visual .carousel-btn-wrap .prev-main:hover,
section.new-main-visual .carousel-btn-wrap .next-main:hover {
  opacity: 1;
}
section.new-main-visual .owl-carousel .owl-item {
  padding: 0 !important;
  border-radius: 0 !important;
  max-height: -moz-fit-content !important;
  max-height: fit-content !important;
}
section.new-main-visual .owl-carousel .owl-item img {
  border-radius: 0;
}
section.new-main-visual .owl-carousel .owl-item .item {
  overflow: hidden;
  border-radius: 0;
}
section.new-main-visual .owl-carousel .owl-item .item img {
  width: 100%;
  aspect-ratio: 12/5;
  object-fit: cover;
  -o-object-fit: cover;
}
section.new-main-visual .home-slider-buttons-container {
  margin-top: -140px !important;
  position: relative;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  z-index: 99;
  display: flex;
  gap: 10px;
  justify-content: center;
}
section.new-main-visual .home-slider-buttons-container .slider-arrow {
  color: white;
  transition: 0.2s;
}
section.new-main-visual .home-slider-buttons-container .slider-arrow:hover {
  color: #f5164c;
  cursor: pointer;
}
section.new-main-visual .home-slider-buttons-container .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  background-color: transparent;
  border: none;
  padding: 0;
}
section.new-main-visual .home-slider-buttons-container .owl-dots .owl-dot.active span, section.new-main-visual .home-slider-buttons-container .owl-dots .owl-dot:hover span {
  background-color: #f5164c;
  transition: 0.2s;
}
section.new-main-visual .home-slider-buttons-container .owl-dots .owl-dot span {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 0.2s ease;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  section.new-main-visual {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  section.new-main-visual .owl-carousel .owl-dots {
    margin-top: -40px !important;
  }
  section.new-main-visual .owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
  }
  section.new-main-visual .home-slider-buttons-container {
    margin-top: -40px !important;
  }
  section.new-main-visual .home-slider-buttons-container .slider-arrow {
    display: none;
  }
  section.simulasi-kredit-v2 {
    margin-top: 0;
  }
}
.promo-card-tab {
  margin: 10px 0 20px 0;
  padding: 15px;
  height: auto;
}
.promo-card-tab .promo-btn {
  padding: 10px 0px;
  text-align: center;
}
.promo-card-tab .promo-btn .promo-link {
  background-color: #e1e1e1;
  color: #585858;
  font-size: 12px;
  padding: 10px 15px;
  font-weight: bold;
  text-decoration: none;
  margin-top: 10rem;
}
.promo-card-tab .promo-btn .promo-link i {
  color: #c0c0c0;
  margin-left: 5px;
}
.promo-card-tab .promo-btn .promo-link:hover, .promo-card-tab .promo-btn .promo-link:focus {
  background-color: #f5164c;
  color: #fff;
  transition: 0.3s;
}
.promo-card-tab .promo-image {
  overflow: hidden;
}
.promo-card-tab .promo-image img {
  margin: auto;
  width: 100%;
}
.promo-card-tab .promo-text {
  margin-top: 10px;
}
.promo-card-tab .promo-text p {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}

.other-services-card-tab {
  margin: 30px 10px;
  height: auto;
}
.other-services-card-tab .other-services-image {
  overflow: hidden;
  border-radius: 10px;
}
.other-services-card-tab .other-services-image img {
  margin: auto;
  width: 100%;
  border-radius: 10px;
}
.other-services-card-tab .other-services-text {
  margin-top: 10px;
}
.other-services-card-tab .other-services-text p {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
.other-services-card-tab a {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #111;
}
.other-services-card-tab a:hover, .other-services-card-tab a:focus {
  text-decoration: none;
}

.other-services-card {
  margin: 30px 10px;
  height: auto;
}
.other-services-card .other-services-image {
  overflow: hidden;
  border-radius: 10px;
}
.other-services-card .other-services-image img {
  margin: auto;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.other-services-card .other-services-text {
  margin-top: 10px;
}
.other-services-card .other-services-text p {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
}
.other-services-card a {
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #111;
}
.other-services-card a:hover, .other-services-card a:focus {
  text-decoration: none;
}

.promo--tab-card-slider,
.other-services--tab-card-slider {
  padding: 0 30px;
}
.promo--tab-card-slider .slick-dots,
.other-services--tab-card-slider .slick-dots {
  bottom: 10px;
}
.promo--tab-card-slider .slick-dots li,
.other-services--tab-card-slider .slick-dots li {
  margin: 0;
  width: 10px;
  height: 10px;
}
.promo--tab-card-slider .slick-dots li button,
.other-services--tab-card-slider .slick-dots li button {
  padding: 0;
}
.promo--tab-card-slider .slick-dots li button:before,
.other-services--tab-card-slider .slick-dots li button:before {
  font-size: 8px;
  width: 10px;
  height: 10px;
  color: #f5164c;
}
.promo--tab-card-slider .slick-wrapper,
.other-services--tab-card-slider .slick-wrapper {
  width: 30px;
  height: 30px;
  color: rgba(0, 0, 0, 0.5);
}
.promo--tab-card-slider .slick-prev,
.other-services--tab-card-slider .slick-prev {
  left: 0px;
  z-index: 9;
}
.promo--tab-card-slider .slick-prev::before,
.other-services--tab-card-slider .slick-prev::before {
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
}
.promo--tab-card-slider .slick-prev:hover::before,
.other-services--tab-card-slider .slick-prev:hover::before {
  color: #f5164c;
}
.promo--tab-card-slider .slick-next,
.other-services--tab-card-slider .slick-next {
  right: 0px;
  z-index: 9;
}
.promo--tab-card-slider .slick-next::before,
.other-services--tab-card-slider .slick-next::before {
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
}
.promo--tab-card-slider .slick-next:hover::before,
.other-services--tab-card-slider .slick-next:hover::before {
  color: #f5164c;
}
.promo--tab-card-slider .slick-prev,
.promo--tab-card-slider .slick-next,
.other-services--tab-card-slider .slick-prev,
.other-services--tab-card-slider .slick-next {
  width: 50px;
  height: 50px;
}
.promo--tab-card-slider .slick-prev::before,
.promo--tab-card-slider .slick-next::before,
.other-services--tab-card-slider .slick-prev::before,
.other-services--tab-card-slider .slick-next::before {
  color: #f5164c;
}

.promo--tab-card-slider .slick-prev,
.promo--tab-card-slider .slick-next {
  top: 111px;
}
.promo--tab-card-slider .promo-image-wrapper {
  aspect-ratio: 3/1;
  border-radius: 8px;
  overflow: hidden;
}

.other-services--tab-card-slider .slick-prev,
.other-services--tab-card-slider .slick-next {
  top: 120px;
}

@media screen and (max-width: 1200px) {
  .promo--tab-card-slider .slick-prev,
  .promo--tab-card-slider .slick-next {
    top: 95px;
  }
  .other-services--tab-card-slider .slick-prev,
  .other-services--tab-card-slider .slick-next {
    top: 103px;
  }
}
@media screen and (max-width: 992px) {
  .promo--tab-card-slider .slick-prev,
  .promo--tab-card-slider .slick-next {
    top: 133px;
  }
  .other-services--tab-card-slider .slick-prev,
  .other-services--tab-card-slider .slick-next {
    top: 135px;
  }
}
@media screen and (max-width: 767px) {
  .promo--tab-card-slider .slick-prev,
  .promo--tab-card-slider .slick-next {
    visibility: hidden;
    display: none;
    top: 75px;
  }
  .other-services--tab-card-slider .slick-prev,
  .other-services--tab-card-slider .slick-next {
    visibility: hidden;
    display: none;
    top: 110px;
  }
}
@media screen and (max-width: 575px) {
  .promo--tab-card-slider {
    margin-bottom: 10px !important;
  }
  .promo--tab-card-slider .slick-prev,
  .promo--tab-card-slider .slick-next {
    display: none;
    top: 111px;
  }
  .promo--tab-card-slider,
  .other-services--tab-card-slider {
    padding: 0;
  }
  .other-services--tab-card-slider .slick-prev,
  .other-services--tab-card-slider .slick-next {
    display: none;
    top: 120px;
  }
}
@media screen and (max-width: 375px) {
  .promo--tab-card-slider .slick-prev,
  .promo--tab-card-slider .slick-next {
    display: none;
    top: 68px;
  }
  .other-services--tab-card-slider .slick-prev,
  .other-services--tab-card-slider .slick-next {
    display: none;
    top: 74px;
  }
}
.tab-mobile .tabs-container {
  background-image: url("/img/mobile-menu-tab-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 16px 16px 0 0;
}
.tab-mobile .tabs-container a {
  font-weight: 600;
  color: #fff;
}
.tab-mobile .tabs-container.tabs-container-service-items {
  border-radius: 0;
  margin-top: 15px;
}
.tab-mobile .tabs-list-container {
  width: 100%;
  margin: 0 auto;
}

.tab-mobile .tabs-list {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}
.tab-mobile .tabs-list li {
  width: 100%;
}

@media (max-width: 1200px) {
  .tab-mobile .tabs-list {
    flex-direction: column;
    height: 50px;
    overflow: hidden;
  }
  .tab-mobile .tabs-list li {
    height: 65px;
    flex: 0 0 auto;
  }
  .tab-mobile .tabs-list li.-active {
    order: -1;
  }
  .tab-mobile .tabs-list li.-active > a:after {
    position: relative;
    right: 10px;
    top: 0;
    content: "\f078";
    font-size: 12px;
    font-family: "FontAwesome";
    color: #fff;
    float: right;
  }
  .tab-mobile .tabs-list.-is-open {
    height: auto;
  }
  .tab-mobile .tabs-list.-is-open li.-active > a:after {
    content: "\f077";
  }
}
.tab-mobile .tab {
  position: relative;
  display: block;
  padding: 10px;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}

.tab-mobile .tab.-active {
  color: #fff;
}

.panels-container {
  background-color: #f5f5f5;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.panels-container #tabpanel-promo {
  display: block !important;
  height: 0;
  overflow: hidden;
}
.panels-container #tabpanel-promo.-active {
  height: auto;
}
.panels-container #tabpanel-simulation {
  display: block !important;
  height: 0;
  overflow: hidden;
}
.panels-container #tabpanel-simulation.-active {
  height: auto;
}
.panels-container #tabpanel-terms {
  height: 0;
}
.panels-container #tabpanel-terms.-active {
  height: auto;
}
.panels-container #tabpanel-other-services {
  display: block !important;
  height: 0;
  overflow: hidden;
}
.panels-container #tabpanel-other-services.-active {
  height: auto;
}
.panels-container .white-tabs .tab-content {
  border-radius: 0 0 16px 16px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
  background-color: white;
  overflow: hidden;
}
.panels-container.other-services-panels-container {
  padding: 10px 5px;
  background-color: white;
}
.panels-container.other-services-panels-container .tab-content .nav-item .nav-link {
  font-size: 14px;
  color: #6c757d;
  border-radius: 0;
}
.panels-container.other-services-panels-container .tab-content .nav-item .nav-link.active {
  background-color: #f5164c;
  color: white;
}

.other-services-area-tabs-v2 {
  width: 100%;
  margin: auto;
}
.other-services-area-tabs-v2 .tab-content {
  padding: 20px;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  border: 2px solid #fff;
  background-color: #f5f5f5;
  border-radius: 0 0 15px 15px;
  border-top: none;
}
.other-services-area-tabs-v2 .tab-content.tab-content-expand-list {
  padding: 0;
  box-shadow: none;
  border: none;
  background-color: transparent;
  border-radius: 0 !important;
}
.other-services-area-tabs-v2 .tab-content.tab-content-expand-list .payment-method {
  margin-top: 0;
  margin-bottom: 5px;
}
.other-services-area-tabs-v2 .nav-pills-expand-list {
  gap: 5px;
}
.other-services-area-tabs-v2 .nav-pills-expand-list .nav-link {
  color: #6c757d;
  background-color: white;
  border: 1px solid #dee2e6;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.other-services-area-tabs-v2 .nav-pills-expand-list .nav-link.active {
  color: #f5164c;
  border: 1px solid #f5164c;
}

.other-services-tabs-v2 {
  display: flex;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 10px;
  box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1);
  border: 2px solid #fff;
  border-bottom: none;
  border-radius: 15px 15px 0 0;
}
.other-services-tabs-v2 .nav-pills {
  width: 100%;
  gap: 10px;
  margin-bottom: 10px;
  flex-wrap: nowrap;
  overflow: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none;
}
.other-services-tabs-v2 .nav-pills .nav-item.personal-debitur {
  width: 37%;
  margin-left: -30px;
}
.other-services-tabs-v2 .nav-pills .nav-item.no-debitur {
  width: 37%;
  margin-left: -45px;
}
.other-services-tabs-v2 .nav-pills .nav-item.company-debitur {
  width: 35%;
  margin-left: -55px;
}
.other-services-tabs-v2 .nav-pills .nav-item.insurance-type, .other-services-tabs-v2 .nav-pills .nav-item.transaction-package {
  width: 55%;
}
.other-services-tabs-v2 .nav-pills .nav-item.insurance-claim, .other-services-tabs-v2 .nav-pills .nav-item.transaction-non-package {
  width: 50.3%;
  margin-left: -60px;
}
.other-services-tabs-v2 .nav-pills .nav-item.auto-payment {
  width: 28%;
  margin-left: -30px;
}
.other-services-tabs-v2 .nav-pills .nav-item.atm {
  flex-shrink: 0;
}
.other-services-tabs-v2 .nav-pills .nav-item.internet-banking {
  width: 27%;
  margin-left: -30px;
}
.other-services-tabs-v2 .nav-pills .nav-item.mobile-banking {
  width: 26%;
  margin-left: -30px;
}
.other-services-tabs-v2 .nav-pills .scroller-button {
  position: absolute;
  background-color: white;
  padding: 10px;
  border-radius: 50%;
  border: 1px solid #585858;
  margin-top: 10px;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
}
.other-services-tabs-v2 .nav-pills .scroller-button-right {
  left: 95%;
}
.other-services-tabs-v2 .nav-pills .scroller-button-left {
  left: 2%;
}
.other-services-tabs-v2 .nav-pills .scroller-button:hover {
  background-color: #585858;
  color: white;
  opacity: 1;
}
.other-services-tabs-v2 .service-personal-debitur,
.other-services-tabs-v2 .service-insurance-type,
.other-services-tabs-v2 .service-transaction-package,
.other-services-tabs-v2 .service-auto-payment {
  padding: 15px 25px;
  position: relative;
  border-radius: 50px;
  width: 100%;
  border: 1px solid #585858;
}
.other-services-tabs-v2 .service-personal-debitur.active,
.other-services-tabs-v2 .service-insurance-type.active,
.other-services-tabs-v2 .service-transaction-package.active,
.other-services-tabs-v2 .service-auto-payment.active {
  background-color: #f5164c;
}
.other-services-tabs-v2 .service-personal-debitur.active p,
.other-services-tabs-v2 .service-insurance-type.active p,
.other-services-tabs-v2 .service-transaction-package.active p,
.other-services-tabs-v2 .service-auto-payment.active p {
  color: #fff;
  font-weight: bold;
}
.other-services-tabs-v2 .service-personal-debitur p,
.other-services-tabs-v2 .service-insurance-type p,
.other-services-tabs-v2 .service-transaction-package p,
.other-services-tabs-v2 .service-auto-payment p {
  font-size: 20px;
  color: #585858;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}
.other-services-tabs-v2 .service-no-debitur,
.other-services-tabs-v2 .service-atm {
  padding: 15px 25px;
  position: relative;
  border-radius: 15px;
  color: white;
  width: 100%;
  border: 1px solid #d9d9d9;
}
.other-services-tabs-v2 .service-no-debitur.active,
.other-services-tabs-v2 .service-atm.active {
  background-color: #f5164c;
}
.other-services-tabs-v2 .service-no-debitur.active p,
.other-services-tabs-v2 .service-atm.active p {
  color: #fff;
  font-weight: bold;
}
.other-services-tabs-v2 .service-no-debitur p,
.other-services-tabs-v2 .service-atm p {
  font-size: 20px;
  color: #585858;
  font-weight: bold;
  text-decoration: none;
}
.other-services-tabs-v2 .service-no-debitur a,
.other-services-tabs-v2 .service-atm a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.other-services-tabs-v2 .service-internet-banking {
  padding: 25px 40px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 90% 0%, 100% 100%, 10% 100%);
  background-color: #bfb2b2;
  border: none;
  outline: none;
  width: 100%;
}
.other-services-tabs-v2 .service-internet-banking.active {
  background-color: #f5164c;
  border-top-left-radius: 5px;
}
.other-services-tabs-v2 .service-internet-banking.active p {
  color: #fff;
  font-weight: bold;
}
.other-services-tabs-v2 .service-internet-banking p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.other-services-tabs-v2 .service-internet-banking a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.other-services-tabs-v2 .service-company-debitur,
.other-services-tabs-v2 .service-insurance-claim,
.other-services-tabs-v2 .service-transaction-non-package,
.other-services-tabs-v2 .service-mobile-banking {
  padding: 25px 40px;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 10% 100%);
  background-color: #ac9e9e;
  border: none;
  outline: none;
  width: 100%;
  border-top-right-radius: 13px;
}
.other-services-tabs-v2 .service-company-debitur.active,
.other-services-tabs-v2 .service-insurance-claim.active,
.other-services-tabs-v2 .service-transaction-non-package.active,
.other-services-tabs-v2 .service-mobile-banking.active {
  background-color: #f5164c;
  border-top-right-radius: 13px;
}
.other-services-tabs-v2 .service-company-debitur.active p,
.other-services-tabs-v2 .service-insurance-claim.active p,
.other-services-tabs-v2 .service-transaction-non-package.active p,
.other-services-tabs-v2 .service-mobile-banking.active p {
  color: #fff;
  font-weight: bold;
}
.other-services-tabs-v2 .service-company-debitur p,
.other-services-tabs-v2 .service-insurance-claim p,
.other-services-tabs-v2 .service-transaction-non-package p,
.other-services-tabs-v2 .service-mobile-banking p {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.other-services-tabs-v2 .service-company-debitur a,
.other-services-tabs-v2 .service-insurance-claim a,
.other-services-tabs-v2 .service-transaction-non-package a,
.other-services-tabs-v2 .service-mobile-banking a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.tab-content-other-services .tab-pane {
  display: block;
  height: 0;
}
.tab-content-other-services .tab-pane.active {
  height: auto;
}
.tab-content-other-services .tab-content .content-other-services {
  padding: 20px;
  overflow: auto;
}
.tab-content-other-services .tab-content h5 {
  font-weight: 800;
  color: #6d6868;
}
.tab-content-other-services .tab-content p {
  font-weight: 400;
  font-size: 1rem;
  color: #111;
}
.tab-content-other-services .tab-content ol {
  padding-left: 15px;
  margin-bottom: 20px;
}
.tab-content-other-services .tab-content ol li {
  font-weight: 400;
  font-size: 1rem;
  color: #111;
}
.tab-content-other-services .tab-content ul {
  padding-left: 15px;
  margin-bottom: 20px;
}
.tab-content-other-services .tab-content ul li {
  font-weight: 400;
  font-size: 1rem;
  color: #111;
}

.insurance-type-bottom {
  border-radius: 15px;
}
.insurance-type-bottom__header {
  background-color: #808285;
  padding: 10px 0;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.insurance-type-bottom__header h6 {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.insurance-type-bottom__content {
  background-color: #f5f5f5;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.payment-method {
  overflow-y: auto;
  margin-top: 4px;
}
.payment-method .accordion {
  background-color: #d9d9d9;
  color: #111;
  font-weight: bold;
  cursor: pointer;
  padding: 15px;
  border: none;
  border-radius: 5px;
  width: 100%;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
}
.payment-method .accordion::after {
  content: url(/img/chevron-down.png);
  float: right;
  transition: 0.4s;
}
.payment-method .accordion.active::after {
  transform: rotate(180deg);
  transition: 0.4s;
}
.payment-method:nth-child(even) .accordion {
  background: #efebeb;
}
.payment-method .panel {
  background-color: #fff;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  padding: 0 15px;
}
.payment-method .panel h6 {
  text-align: center;
  font-weight: 800;
  margin-bottom: 10px;
}
.payment-method .panel p {
  padding: 10px 0;
}

@media screen and (max-width: 1023px) {
  .card--testi__border--left,
  .card--testi__border--right {
    top: 40px;
    height: 320px;
  }
}
@media screen and (max-width: 450px) {
  .card--testi__border--left,
  .card--testi__border--right {
    top: 35px;
    height: 260px;
  }
}
@media screen and (max-width: 375px) {
  .card--testi__border--left,
  .card--testi__border--right {
    top: 35px;
    height: 280px;
  }
}
@media screen and (max-width: 320px) {
  .card--testi__border--left,
  .card--testi__border--right {
    top: 30px;
    height: 300px;
  }
}
#modalCreditSimulation {
  margin-top: 100px;
  overflow-x: hidden;
  overflow-y: auto;
}
#modalCreditSimulation .modal-dialog {
  padding-bottom: 100px;
}
#modalCreditSimulation .modal-dialog .modal-content {
  max-height: 80%;
  overflow: auto;
}

#modalPdp {
  margin-top: 100px;
}
#modalPdp .modal-dialog {
  padding-bottom: 100px;
}
#modalPdp .modal-dialog .modal-content {
  max-height: 80%;
  overflow: auto;
}
#modalPdp .modal-dialog .modal-content .modal-body {
  padding: 20px;
}
#modalPdp .modal-dialog .modal-content .modal-footer {
  margin-bottom: 10px;
  margin-top: 10px;
}

#modalSyaratKetentuan {
  margin-top: 100px;
}
#modalSyaratKetentuan .modal-dialog .modal-content {
  max-height: 80%;
  overflow: auto;
}

.colorpicker {
  padding: 0;
  border: none;
  height: 50px;
  width: 50px;
  vertical-align: middle;
}

.overlay-content {
  cursor: pointer;
  transition: all 250ms linear;
}

@media screen and (max-width: 767px) {
  .modal-pdp .modal-header {
    height: -moz-fit-content !important;
    height: fit-content !important;
    flex-direction: column;
    gap: 10px;
  }
}
section.header-starx {
  background-image: url(/images/bg-header.png?14cbd9d77133994348ba6b228af7893f);
  background-repeat: no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  padding-bottom: 0 !important;
  overflow: hidden;
  margin-bottom: -55px;
}
section.header-starx .container {
  display: flex;
  flex-direction: row;
}
section.header-starx .header-starx-text {
  padding-right: 50px;
  max-width: 60%;
  display: flex;
  justify-content: center;
}
section.header-starx .header-starx-text.text-only-header {
  max-width: 100%;
}
section.header-starx .header-starx-image {
  width: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
section.header-starx .header-starx-image img {
  max-height: 90%;
}
section.header-starx .starx-btn-download {
  background-color: #082358;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  margin-top: 20px;
  border: white;
}
section.header-starx .starx-btn-download:hover {
  background-color: #1d3970;
}
section.apa-itu-starx {
  padding: 20px 40px;
  display: flex;
  flex-direction: row;
  margin-top: 80px;
}
section.apa-itu-starx .apa-itu-text {
  padding: 30px;
}
section.apa-itu-starx .apa-itu-img {
  display: flex;
  align-items: center;
  justify-content: center;
}
section.apa-itu-starx .apa-itu-img img {
  height: 500px;
  width: auto;
}
section.apa-itu-starx .starx-btn-download {
  background-color: #082358;
  width: -moz-max-content;
  width: max-content;
  padding: 10px 20px;
  margin-top: 20px;
  border: white;
}
section.apa-itu-starx .starx-btn-download:hover {
  background-color: #1d3970;
}
section.apa-itu-starx-text-only {
  padding: 0 150px;
}
section.fitur-starx {
  padding: 10px 20px;
  margin: 30px 0;
}
section.fitur-starx .heading {
  margin-bottom: 20px;
}
section.fitur-starx .fitur-items-wrapper {
  padding: 10px 30px;
  display: flex;
  flex-direction: row;
}
section.fitur-starx .fitur-items-wrapper .fitur-item {
  padding: 0 40px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
section.fitur-starx .fitur-items-wrapper .fitur-item .fitur-item-img {
  height: 130px;
  max-width: 100%;
  margin-bottom: 20px;
}
section.fitur-starx .fitur-items-wrapper .fitur-item .fitur-item-title {
  color: #082358;
}
section.fitur-starx .fitur-items-wrapper .fitur-item .fitur-item-description {
  color: #000000;
  font-size: 14px;
  white-space: pre-wrap;
}
section.fitur-starx .fitur-items-wrapper .slick-dots li .slick-active button::before {
  color: #082358 !important;
}
section.fitur-starx .fitur-items-wrapper .slick-dots li button::before {
  font-size: 15px;
  color: #082358;
}
section.fitur-starx .fitur-items-wrapper .slick-slide {
  height: -moz-max-content;
  height: max-content;
}
section.testi-starx {
  padding-top: 30px;
  background-color: #0e2c70;
  color: white !important;
  margin-top: 30px;
  padding-bottom: 0px !important;
}
section.testi-starx .heading {
  margin: 40px 0;
}
section.testi-starx .heading .starx-title {
  color: white !important;
}
section.testi-starx .testi-items-wrapper {
  padding: 0;
  display: flex;
  flex-direction: row;
}
section.testi-starx .testi-items-wrapper .testi-item {
  padding: 0;
  width: 33.3%;
}
section.testi-starx .testi-items-wrapper .testi-item .testi-item-img {
  max-width: 100%;
}
section.testi-starx .testi-items-wrapper .slick-dots {
  display: none !important;
}
section.testi-starx .testi-items-wrapper .slick-slide {
  height: -moz-max-content;
  height: max-content;
}
section.footer-starx {
  background-image: url(/images/footer-bg.png?16fb690e27f5d02c99628ece45b24f18);
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  display: flex;
  padding-bottom: 0 !important;
  overflow: hidden;
  margin-bottom: -55px;
}
section.footer-starx .container {
  display: flex;
  flex-direction: row;
}
section.footer-starx .footer-starx-text {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
section.footer-starx .footer-starx-text.text-only {
  width: 100%;
}
section.footer-starx .footer-starx-image {
  width: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
section.footer-starx .footer-starx-image img {
  max-height: 100%;
}
section.footer-starx .download-button-wrapper {
  margin-top: 20px;
}
section.footer-starx .download-button-wrapper .download-btn {
  width: auto;
  height: 50px;
}
section .starx-title {
  color: #082358;
}
section .starx-title-white {
  color: white;
}
section .starx-description {
  color: #000000;
  white-space: pre-wrap;
}
section .starx-description-white {
  color: white;
}

@media screen and (max-width: 992px) {
  section.header-starx .container {
    flex-direction: row;
  }
  section.header-starx .header-starx-text {
    padding: 0 40px;
  }
  section.header-starx .header-starx-image {
    height: 100%;
  }
  section.footer-starx {
    height: 550px;
  }
  section.footer-starx .footer-starx-text {
    width: 70%;
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  section.header-starx .container {
    flex-direction: column;
  }
  section.header-starx .header-starx-image {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  section.header-starx .header-starx-image .header-starx-text {
    align-items: flex-start;
    text-align: left;
  }
  section.apa-itu-starx .apa-itu-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  section.footer-starx {
    flex-direction: column;
  }
  section.footer-starx .container {
    flex-direction: column;
  }
  section.footer-starx .footer-starx-text {
    width: 100%;
    padding: 50px;
  }
}
@media screen and (max-width: 575px) {
  section.header-starx {
    flex-direction: column;
    background-size: cover;
    padding-top: 40px;
    height: -moz-max-content;
    height: max-content;
  }
  section.header-starx.text-only {
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 20px !important;
    min-height: 50vh;
    display: flex;
    justify-content: center;
  }
  section.header-starx .header-starx-text {
    padding: 10 40px;
    text-align: left;
    max-width: 100%;
  }
  section.header-starx .header-starx-text .heading {
    align-items: flex-start;
  }
  section.header-starx .header-starx-image {
    height: 60%;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  section.footer-starx {
    background-size: cover;
    height: -moz-max-content;
    height: max-content;
  }
  section.footer-starx.image-on-left {
    flex-direction: column-reverse;
  }
  section.footer-starx.image-on-left .footer-starx-image img {
    max-height: 100%;
  }
  section.footer-starx .footer-starx-text {
    width: 100%;
    padding: 10px 40px;
  }
  section.footer-starx .footer-starx-text .download-button-wrapper img {
    padding: 5px;
  }
  section.footer-starx .download-button-wrapper {
    display: flex;
    flex-direction: row;
    padding: 0 10px;
  }
  section.footer-starx .footer-starx-image {
    height: 50%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  section.footer-starx.text-only {
    height: -moz-fit-content;
    height: fit-content;
    padding-bottom: 20px !important;
    min-height: 50vh;
    display: flex;
    justify-content: center;
  }
  section.apa-itu-starx {
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  section.apa-itu-starx .apa-itu-img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
  }
  section.apa-itu-starx .apa-itu-img img {
    height: 300px;
    width: auto;
  }
  section.apa-itu-starx-text-only {
    padding: 0 60px;
  }
  section.fitur-starx .heading {
    padding: 0 20px;
  }
  section.fitur-starx .fitur-items-wrapper {
    flex-direction: column;
    padding: 0;
  }
  section.fitur-starx .fitur-items-wrapper .fitur-item {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
  }
  section.fitur-starx .fitur-items-wrapper .fitur-item .fitur-item-description {
    font-size: 12px;
  }
  section.testi-starx .heading {
    padding: 0 20px;
    margin: 20px 0;
  }
  section.testi-starx .testi-items-wrapper {
    flex-direction: column;
    padding: 0;
  }
  section.testi-starx .testi-items-wrapper .testi-item {
    padding: 0;
    width: 100%;
  }
  section.testi-starx .slick-dotted {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 375px) {
  section.header-starx .header-starx-image {
    height: 40%;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
}
section.vehicle-list-selector .vehicle-selector {
  display: flex;
  background-color: #f8f9fa;
  height: 200px;
  align-items: flex-start;
  padding: 24px 0;
  border-radius: 1rem;
  background-image: url(/img/bg-tab.svg);
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  border: 1px solid #dee2e6;
}
section.vehicle-list-selector .vehicle-selector .vehicle-selector-text {
  width: 55%;
  padding-left: 20px;
}
section.vehicle-list-selector .vehicle-selector .vehicle-selector-text .vehicle-title {
  font-size: 32px;
  font-weight: 900;
  margin-bottom: 5px;
  color: #6c757d;
  line-height: 1;
  text-transform: uppercase;
}
section.vehicle-list-selector .vehicle-selector .vehicle-selector-text .vehicle-subtitle {
  font-size: 14px;
  font-weight: 500;
  color: #585858;
}
section.vehicle-list-selector .vehicle-selector .vehicle-selector-image {
  width: 45%;
}
section.vehicle-list-selector .vehicle-selector .vehicle-selector-image img {
  width: 100%;
}
section.vehicle-list-selector .vehicle-selector .circle {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: white;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #dee2e6;
  margin-bottom: 20px;
}
section.vehicle-list-selector .vehicle-selector:hover {
  background-image: url(/img/bg-tab-active.svg);
  border: 1px solid #f5164c;
}
section.vehicle-list-selector .vehicle-selector:hover .vehicle-title {
  color: #f5164c;
}
section.vehicle-list-selector .vehicle-selector:hover .circle {
  background-color: #f5164c;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #f5164c;
}
section.vehicle-list-selector .vehicle-selector.active {
  background-image: url(/img/bg-tab-active.svg);
  border: 1px solid #f5164c;
}
section.vehicle-list-selector .vehicle-selector.active .vehicle-title {
  color: #f5164c;
}
section.vehicle-list-selector .vehicle-selector.active .circle {
  background-color: #f5164c;
  border: 3px solid white;
  box-shadow: 0 0 0 2px #f5164c;
}
section.vehicle-list {
  display: none;
  transition: 0.3s;
}
section.vehicle-list.active {
  display: flex;
}
section.vehicle-list .vehicle-list-item-container {
  padding: 16px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item {
  border: 1px solid white;
  border-radius: 16px;
  overflow: hidden;
  padding: 16px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header .vehicle-model-name {
  font-size: 1rem;
  font-weight: 900;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header .vehicle-model-name.new-car-model-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header .vehicle-model-total {
  font-size: 12px;
  color: #6c757d;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header.used-car-header {
  height: 50px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-image {
  aspect-ratio: 3/2;
  overflow: hidden;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-image .used-car-image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .detail-button {
  font-size: 14px;
  text-decoration: none;
  background-color: #f3f3f3;
  color: #212529;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  padding: 8px 12px;
  transition: 0.3s;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-top-style: dotted;
  border-top-width: 1px;
  border-top-color: #dee2e6;
  padding-top: 16px;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices .type {
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices .value {
  font-size: 12px;
  font-weight: 800;
  color: #212529;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover {
  border: 1px solid #f5164c;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover .detail-button {
  background-color: #f5164c;
  color: white;
}
section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover .vehicle-list-item-text .vehicle-prices .value {
  color: #f5164c;
  transition: 0.3s;
}
section.vehicle-list .model-list-slider .slick-track {
  margin-left: 0;
}
section.news-list-section .news-section-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
section.news-list-section .news-section-header a {
  text-decoration: none;
}
section.news-list-section .news-section-header .nav-tabs {
  display: flex;
  gap: 8px;
  padding: 12px 8px;
  border: 1px solid #dee2e6;
  border-radius: 28px;
  transition: 0.3s;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
}
section.news-list-section .news-section-header .nav-tabs .tabs-btn {
  background-color: #f3f3f3;
  color: #6c757d;
  padding: 8px 24px;
  border-radius: 20px;
}
section.news-list-section .news-section-header .nav-tabs .tabs-btn:hover, section.news-list-section .news-section-header .nav-tabs .tabs-btn.active {
  color: white;
  background-color: #f5164c;
}
section.news-list-section .news-section-header .navigation-button {
  display: flex;
  gap: 8px;
}
section.news-list-section .news-section-header .navigation-button .rounded-see-more-btn {
  height: -moz-fit-content;
  height: fit-content;
}
section.news-list-section .news-carousel-item-wrapper {
  padding: 8px;
}
section.news-list-section .news-carousel-item-wrapper a {
  text-decoration: none;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item {
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border: 1px solid white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
  height: 100%;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-header .news-type {
  color: #212529;
  background-color: #f8f9fa;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 12px;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-header .news-date {
  color: #6c757d;
  font-size: 12px;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-image {
  width: 100%;
  aspect-ratio: 5/3;
  overflow: hidden;
  border-radius: 8px;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-text .news-title {
  font-size: 14px;
  font-weight: 700;
  color: #212529;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item .news-carousel-text .news-desc {
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item:hover {
  border: 1px solid #f5164c;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item:hover .news-type {
  background-color: #f5164c;
  color: white;
}
section.news-list-section .news-carousel-item-wrapper .news-carousel-item:hover .news-carousel-text .news-title {
  color: #f5164c;
}
section.news-list-section .slick-track {
  display: flex !important;
}
section.news-list-section .slick-slide {
  height: auto;
  padding-bottom: 30px;
}
section.digital-product-section .carousel-digital-product {
  width: 100%;
}
section.digital-product-section .carousel-digital-product .digital-product-wrapper {
  padding: 16px;
  margin-bottom: 10px;
}
section.digital-product-section .digital-product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
section.digital-product-section .digital-product-wrapper .digital-product-logo {
  height: 54px;
}
section.digital-product-section .digital-product-wrapper .digital-product-logo .logo {
  height: 100%;
  width: auto;
}
section.digital-product-section .digital-product-wrapper .digital-product-text {
  margin-top: 10px;
  min-height: 130px;
  color: #6c757d;
}
section.digital-product-section .digital-product-wrapper .digital-product-snapshot {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 16px;
  border: 1px solid #dee2e6;
  overflow: hidden;
}
section.digital-product-section .digital-product-wrapper .digital-product-snapshot img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
section.credit-simulation .rounded-tab-pane {
  background-color: white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294);
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
}
section.credit-simulation .rounded-tab-pane .nav-pills {
  width: 100%;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item {
  flex: 1 1 0px;
  width: calc(33.3333333333% + 40px);
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button {
  color: white;
  background-color: #cac0c0;
  width: 100%;
  border: none;
  height: 56px;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button p {
  font-weight: 700;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button.disabled {
  pointer-events: none !important;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button .back-button {
  display: flex;
  align-items: center;
  gap: 16px;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button .back-button a {
  color: white;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-left: -40px;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) .nav-pills-button {
  color: #fff;
  background-color: #c4b8b8;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(2n+0) .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 5% 100%);
  margin-left: -40px;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) .nav-pills-button {
  color: #fff;
  background-color: #b8a9a9;
}
section.credit-simulation .rounded-tab-pane .nav-pills .nav-item:nth-child(3n+0) .nav-pills-button.active {
  background-color: #f5164c;
  color: #fff;
}
section.credit-simulation .rounded-tab-pane .tab-pane {
  background-color: white !important;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles {
  display: flex;
  align-items: center;
  padding: 30px 16px;
  flex-wrap: wrap;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type img {
  height: 100px;
  width: auto;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type .texts {
  text-align: center;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type .texts .title {
  font-size: 14px;
  font-weight: 700;
  color: black;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type .texts .more-detail {
  text-decoration: none;
  color: black;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
  transition: 0.3s;
}
section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type .texts .more-detail:hover {
  color: #f5164c;
}
section.credit-simulation .collapse-mocil {
  width: 100%;
  background-color: #f8f9fa;
  color: black;
  border-radius: 16px;
  padding: 16px;
  position: relative;
  margin-top: 20px;
}
section.credit-simulation .collapse-mocil .collapse-container {
  display: flex;
  gap: 24px;
  justify-content: space-between;
}
section.credit-simulation .collapse-mocil .collapse-container .mocil-description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.credit-simulation .collapse-mocil .collapse-container .mocil-description .title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 700;
}
section.credit-simulation .collapse-mocil .collapse-container .mocil-description .redirect-button {
  color: white;
  background-color: #f5164c;
  border: 1px solid #f5164c;
  border-radius: 4px;
  padding: 6px 12px;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 5px;
  transition: 0.3s;
}
section.credit-simulation .collapse-mocil .collapse-container .mocil-description .redirect-button:hover {
  background-color: #c00800;
}
section.credit-simulation .collapse-mocil .close-button {
  width: 30px;
  height: 30px;
  text-decoration: none;
  color: #585858;
  background-color: #dee2e6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.credit-simulation .credit-simulation-calculator {
  display: flex;
  padding: 16px;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form {
  width: 50%;
  padding: 16px;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-title {
  margin: 0 0 20px 0;
  font-size: 20px;
  color: #f5164c;
  font-weight: 800;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-group {
  display: flex;
  align-items: center;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-group label {
  width: 40%;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-group .disabled {
  background-color: #e9ecef;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .btn-group {
  width: 100%;
  gap: 10px;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .btn-group .tenor-selector {
  border: 1px solid #ced4da;
  color: black;
  border-radius: 4px;
  transition: 0.3s;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .btn-group .tenor-selector.active {
  color: white;
  background-color: #f5164c;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .calc-button {
  margin-top: 16px;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .calc-button .submit-btn {
  background-color: #f3f3f3;
  color: #585858;
  width: 100%;
  border: 1px solid #f3f3f3;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .calc-button .submit-btn:hover {
  background-color: #f5164c;
  color: white;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-form .calc-button .submit-btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 38, 38, 0.5);
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image {
  width: 50%;
  padding: 16px;
  display: flex;
  flex-direction: column;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image img {
  width: 360px;
  height: auto;
  align-self: center;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .unit-name {
  font-size: 20px;
  font-weight: 700;
  color: black;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .toggler {
  font-size: 1rem;
  color: #f5164c;
  display: flex;
  align-items: center;
  gap: 4px;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .toggler i {
  text-decoration: none !important;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .toggler .text {
  text-decoration: underline;
  font-weight: 500;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .car-specification {
  padding: 16px 0;
  display: flex;
  flex-wrap: wrap;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .car-specification .specification-detail {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 50%;
  padding: 10px 0;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .car-specification .specification-detail .specification-name {
  font-size: 14px;
  color: #6c757d;
}
section.credit-simulation .credit-simulation-calculator .credit-simulation-image .specification .car-specification .specification-detail .specification-value {
  font-size: 16px;
  font-weight: 700;
  color: black;
}
section.credit-simulation .credit-simulation-calculator .unit-details-loading {
  width: 50%;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.credit-simulation .credit-simulation-calculator .select2 {
  width: 100% !important;
  height: calc(1.5em + 0.75rem + 2px);
  font-size: 1rem;
  font-weight: 400;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
section.credit-simulation .credit-simulation-calculator .select2 .select2-selection,
section.credit-simulation .credit-simulation-calculator .select2 .select2-selection--single {
  height: 100%;
  border: none;
  display: flex;
  align-items: center;
}
section.credit-simulation .credit-simulation-calculator .select2 .select2-selection .select2-selection__rendered,
section.credit-simulation .credit-simulation-calculator .select2 .select2-selection--single .select2-selection__rendered {
  line-height: 1.5;
  color: #495057;
  padding: 0.375rem 0.75rem;
}
section.credit-simulation .credit-simulation-calculator .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 12px;
  top: 8px;
  right: 12px;
  width: 12px;
}
section.credit-simulation .credit-simulation-calculator .select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url(/img/arrow-down.png);
  background-color: transparent;
  background-size: 12px;
  border: none !important;
  height: 12px !important;
  width: 12px !important;
  background-position: calc(100% - 12px) center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
section.credit-simulation .simulation-result {
  padding: 16px;
}
section.credit-simulation .simulation-result .simulation-result-details {
  padding: 16px;
  color: #212529;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.credit-simulation .simulation-result .simulation-result-details .title {
  font-size: 20px;
  font-weight: 800;
}
section.credit-simulation .simulation-result .simulation-result-details .detail-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  padding: 0px 0px 8px 0px;
}
section.credit-simulation .simulation-result .simulation-result-details .detail-item .nominal {
  font-weight: 800;
  color: black;
}
section.credit-simulation .simulation-result .simulation-result-details .term-condition {
  display: flex;
  flex-direction: column;
}
section.credit-simulation .simulation-result .simulation-result-details .term-condition ul {
  padding-left: 1rem;
  font-size: 14px;
  color: black;
}
section.credit-simulation .simulation-result .simulation-result-details .term-condition .modal-button {
  color: #f5164c;
  font-size: 14px;
  align-self: center;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table {
  border-collapse: separate;
  border-spacing: 0 5px;
  width: 100%;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table tr {
  background-color: white;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table tr.selected {
  background-color: #feeff2;
  border-radius: 8px;
  overflow: hidden;
  color: #f5164c;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table tr.selected td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table tr.selected td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table td,
section.credit-simulation .simulation-result .simulation-result-details .simulation-result-table th {
  padding: 8px 12px;
}
section.credit-simulation .simulation-result .simulation-result-image {
  height: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-end;
  gap: 48px;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #f1f3f4;
  border: 1px solid #dee2e6;
  border-radius: 8px;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .area-detail {
  background-color: #f1f3f4;
  padding: 8px 16px;
  font-weight: 700;
  color: black;
  display: flex;
  align-items: center;
  gap: 10px;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 48px;
  background-color: white;
  border-radius: 8px 8px 0 0;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary {
  display: flex;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail {
  width: 50%;
  text-align: center;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail .payment-type,
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail .additional {
  font-weight: 500;
  color: #212529;
}
section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail .amount {
  font-weight: 900;
  font-size: 28px;
  color: #f5164c;
}
section.credit-simulation .simulation-result .simulation-result-image .car-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
section.credit-simulation .simulation-result .simulation-result-image .car-img img {
  max-width: 100%;
  height: auto;
}
section.credit-simulation .simulation-result .simulation-result-image .car-img .vehicle-name {
  font-size: 20px;
  font-weight: 700;
  color: black;
  text-align: center;
}
section.credit-simulation .simulation-result .submit-button {
  width: 100%;
  border-radius: 4px;
  padding: 6px 12px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #f5164c;
  font-weight: 700;
  transition: 0.3s;
}
section.credit-simulation .simulation-result .submit-button.red-background {
  background-color: #f5164c;
  color: white;
}
section.credit-simulation .simulation-result .submit-button.red-background:hover {
  background-color: white;
  color: #f5164c;
}
section.credit-simulation .simulation-result .submit-button.white-background {
  background-color: white;
  color: #f5164c;
  margin-bottom: 16px;
}
section.credit-simulation .simulation-result .submit-button.white-background:hover {
  background-color: #f5164c;
  color: white;
}
section.product-page {
  scroll-behavior: smooth;
}
section.product-page .product-page-key-visual {
  display: flex;
  align-items: center;
}
section.product-page .product-page-key-visual .key-visual-image {
  width: 80%;
  height: -moz-fit-content;
  height: fit-content;
  overflow: hidden;
  border-radius: 24px;
}
section.product-page .product-page-key-visual .key-visual-image img {
  width: 100%;
}
section.product-page .product-page-key-visual .key-visual-text {
  border-radius: 24px;
  padding: 24px;
  border: 1px solid #f5164c;
  background-color: rgba(255, 255, 255, 0.5019607843);
  color: black;
  margin-left: -120px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.product-page .product-page-key-visual .key-visual-text .captions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.product-page .product-page-key-visual .key-visual-text .captions .title {
  font-size: 28px;
  line-height: 40px;
  font-weight: 900;
  color: black;
}
section.product-page .product-page-key-visual .key-visual-text .captions .title .tagline {
  font-style: italic;
  color: #f5164c;
}
section.product-page .product-page-key-visual .key-visual-text .captions .subtitle {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}
section.product-page .product-page-banner {
  padding: 32px 0;
  align-items: center;
}
section.product-page .product-page-banner.slb-banner-section {
  align-items: center;
  padding: 60px 0;
}
section.product-page .product-page-banner.slb-banner-section .slb-description {
  padding: 24px 24px 24px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.product-page .product-page-banner.slb-banner-section .slb-description .texts {
  display: flex;
  flex-direction: column;
}
section.product-page .product-page-banner.slb-banner-section .slb-description .action-button {
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  padding: 8px 16px;
  font-weight: 700;
}
section.product-page .product-page-banner.slb-banner-section .slb-benefit {
  background-color: #f8f9fa;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  border-radius: 24px;
  text-align: center;
}
section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section {
  display: flex;
}
section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section .benefit-item {
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 16px;
}
section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section .benefit-item .icon {
  width: 100px;
  height: auto;
}
section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section .benefit-item .caption {
  font-weight: 600;
  color: black;
}
section.product-page .product-page-banner.starx-banner-section {
  padding: 60px 0;
}
section.product-page .product-page-banner .product-description {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 16px;
}
section.product-page .product-page-banner .product-description .section-image {
  height: 200px;
  width: auto;
}
section.product-page .product-page-banner .product-description .section-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
section.product-page .product-page-banner .dana-tunai-benefit {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image {
  background-image: url(/images/keuntungan_danatunai.png?050814aaa25a59edf578a283039c17ec);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 16px 16px 70px 16px;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section {
  gap: 8px;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-items-row {
  display: flex;
  gap: 8px;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-item {
  display: flex;
  align-items: center;
  color: black;
  font-weight: 700;
  padding: 16px;
  border-radius: 16px;
  background-color: white;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0784313725), 0px 0px 6px 0px rgba(0, 0, 0, 0.0196078431);
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-item img {
  width: 48px;
  height: auto;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-item.no-additional {
  width: 60%;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-item.no-provision {
  width: 40%;
}
section.product-page .product-page-banner .dana-tunai-benefit .section-with-model-image .benefit-items-section .benefit-item.low-interest {
  width: 30%;
}
section.product-page .dana-tunai-flow-section {
  display: flex;
  flex-direction: column;
  gap: 50px;
  align-items: center;
  padding: 32px 0;
}
section.product-page .dana-tunai-flow-section .section-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.product-page .dana-tunai-flow-section .flow-items {
  display: flex;
  gap: 24px;
  width: 70%;
}
section.product-page .dana-tunai-flow-section .flow-items .flow {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  font-weight: 700;
  text-align: center;
  padding: 16px;
}
section.product-page .dana-tunai-flow-section .flow-items .flow img {
  width: 128px;
  height: auto;
}
section.product-page .dana-tunai-policy-section {
  padding: 80px 0;
}
section.product-page .dana-tunai-policy-section .nav-pills {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  border-radius: 28px;
  border: 1px solid #dee2e6;
  gap: 8px;
}
section.product-page .dana-tunai-policy-section .nav-pills .tab-selector {
  padding: 8px 24px;
  border-radius: 20px;
  background-color: #f3f3f3;
  transition: 0.3s;
}
section.product-page .dana-tunai-policy-section .nav-pills .tab-selector a {
  text-decoration: none;
  color: #6c757d;
}
section.product-page .dana-tunai-policy-section .nav-pills .tab-selector a.active {
  color: white;
}
section.product-page .dana-tunai-policy-section .nav-pills .tab-selector:has(> a.active) {
  background-color: #f5164c;
  color: white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
section.product-page .dana-tunai-policy-section .mobile-selector {
  display: none;
}
section.product-page .dana-tunai-policy-section .tab-content {
  padding: 16px;
  border-radius: 16px;
  margin-top: 16px;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
section.product-page .dana-tunai-policy-section .tab-content ::-webkit-scrollbar {
  width: 8px;
}
section.product-page .dana-tunai-policy-section .tab-content ::-webkit-scrollbar-thumb {
  background: #f5164c;
  border-radius: 4px;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane {
  max-height: 400px;
  overflow-y: auto;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane .title {
  font-size: 20px;
  font-weight: 700;
  color: black;
  margin-bottom: 8px;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane .content {
  padding-right: 24px;
  color: #6c757d;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane .content.faq-tab-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane .content .faq-item .faq-title {
  font-weight: 700;
  font-style: italic;
}
section.product-page .dana-tunai-policy-section .tab-content .tab-pane .content .faq-item .faq-content table {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
}
section.product-page .dana-tunai-download-section {
  padding: 0;
}
section.product-page .dana-tunai-download-section .download-link-section {
  height: -moz-fit-content;
  height: fit-content;
  gap: 48px;
  display: flex;
  flex-direction: column;
}
section.product-page .dana-tunai-download-section .download-link-section .section-text .section-title {
  font-size: 20px;
}
section.product-page .dana-tunai-download-section .download-link-section .download-buttons img {
  height: 48px;
}
section.product-page .dana-tunai-download-section .product-snapshot img {
  width: 100%;
}
section.product-page .slb-policy-section {
  padding: 32px 0;
}
section.product-page .slb-policy-section .slb-policy-image {
  overflow: hidden;
  height: 350px;
  border-radius: 24px;
}
section.product-page .slb-policy-section .slb-policy-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}
section.product-page .slb-policy-section .slb-policies {
  gap: 24px;
  justify-content: center;
}
section.product-page .slb-policy-section .slb-policies .policies ul {
  padding-left: 16px;
}
section.product-page .starx-banner-section .illustration-section {
  padding: 0 48px;
}
section.product-page .starx-banner-section .description-section {
  padding: 48px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section.product-page .starx-banner-section .description-section .starx-benefits {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #6c757d;
}
section.product-page .starx-banner-section .description-section .starx-benefits .benefit-item {
  display: flex;
  gap: 12px;
}
section.product-page .starx-services-section {
  position: relative;
}
section.product-page .starx-services-section .section-title {
  margin-bottom: 24px;
}
section.product-page .starx-services-section .nav-pills {
  display: flex;
  gap: 16px;
  flex-wrap: nowrap;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: 5px;
  scrollbar-width: none;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link {
  border: 1px solid #f8f9fa;
  border-radius: 16px;
  padding: 24px 16px;
  display: flex;
  gap: 16px;
  width: -moz-max-content;
  width: max-content;
  background-color: #f8f9fa;
  transition: 0.3s;
  font-weight: 700;
  color: black;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link .default-icon {
  display: block;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link .active-icon {
  display: none;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link:hover {
  border-color: #dee2e6;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link.active {
  background-color: #f5164c;
  border-color: #f5164c;
  color: white;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link.active .default-icon {
  display: none;
}
section.product-page .starx-services-section .nav-pills .nav-item .nav-link.active .active-icon {
  display: block;
}
section.product-page .starx-services-section .nav-pills .scroller-button {
  position: absolute;
  background-color: white;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #6c757d;
  margin-top: 1rem;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: 0.2s;
}
section.product-page .starx-services-section .nav-pills .scroller-button-right {
  left: 95%;
}
section.product-page .starx-services-section .nav-pills .scroller-button-left {
  left: 2%;
}
section.product-page .starx-services-section .nav-pills .scroller-button:hover {
  background-color: #6c757d;
  color: white;
  opacity: 1;
}
section.product-page .starx-services-section .tab-content .tab-pane {
  background-color: #f8f9fa;
  padding: 24px;
  border-radius: 24px;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab {
  display: flex;
  align-items: center;
  gap: 24px;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .service-text {
  width: 40%;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .service-text .service-title {
  font-weight: 800;
  font-size: 20px;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot {
  width: 60%;
  padding: 0;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot img {
  max-width: 100%;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot .horizontal-image {
  display: block;
}
section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot .vertical-image {
  display: none;
}
section.product-page .starx-download-section {
  display: flex;
  background-image: url(/images/bg_download.jpg?391f80566f443db31b71b12529037bc1);
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  color: white;
  border-radius: 48px;
  height: 400px;
  position: relative;
  margin: 96px 0 48px 0;
}
section.product-page .starx-download-section .main-section {
  width: 60%;
  display: flex;
  flex-direction: column;
  padding-left: 60px;
  gap: 48px;
}
section.product-page .starx-download-section .main-section .text-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section.product-page .starx-download-section .main-section .text-section .title {
  font-weight: 800;
  font-size: 28px;
}
section.product-page .starx-download-section .image-section {
  width: 40%;
}
section.product-page .starx-download-section .image-section .desktop-image {
  display: block;
}
section.product-page .starx-download-section .image-section .mobile-image {
  display: none;
}
section.product-page .starx-download-section .image-section img {
  position: absolute;
  bottom: 0;
  right: 75px;
  width: 435px;
}
section.product-page .section-title {
  font-size: 28px;
  font-weight: 800;
  color: black;
}
section.product-page .section-subtitle {
  font-weight: 500;
  color: #6c757d;
}
section.product-page .primary-button {
  background-color: #f5164c;
  color: white;
  border: 1px solid #f5164c;
}
section.product-page .primary-button:hover {
  background-color: #c00800;
}
section.product-page .secondary-button {
  background-color: #f3f3f3;
  color: #585858;
  border: 1px solid #f3f3f3;
}
section.product-page .pills-action-button {
  padding: 6px 16px;
  border-radius: 24px;
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s;
  text-decoration: none;
  font-weight: 700;
}
section.error-page {
  padding: 220px 0;
}
section.error-page .error-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
section.error-page .error-details .error-information {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.error-page .error-details .error-information .error-code {
  color: #f5164c;
  font-size: 72px;
  font-weight: 800;
}
section.error-page .error-details .error-information .error-message {
  color: black;
  font-weight: 600;
}
section.error-page .error-details .redirect-button {
  padding: 12px 24px;
  background: #f5164c;
  color: white;
  text-decoration: none;
  border-radius: 16px;
}

.new-section-divider {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
}
.new-section-divider .section-title {
  display: flex;
  align-items: center;
  gap: 16px;
}
.new-section-divider .section-title .section-divider-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.new-section-divider .section-title .section-divider-title .title {
  font-size: 28px;
  font-weight: 900;
  color: #f5164c;
}
.new-section-divider .section-title .section-divider-title .subtitle {
  color: #585858;
  font-size: 16px;
  font-weight: 500;
}
.new-section-divider .navigation-button {
  display: flex;
  gap: 12px;
}

.bordered-rounded-tab-pane .nav-pills {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  border-radius: 28px;
  border: 1px solid #dee2e6;
  gap: 8px;
}
.bordered-rounded-tab-pane .nav-pills .tab-selector {
  padding: 8px 24px;
  border-radius: 20px;
  background-color: #f3f3f3;
  transition: 0.3s;
}
.bordered-rounded-tab-pane .nav-pills .tab-selector a {
  text-decoration: none;
  color: #6c757d;
}
.bordered-rounded-tab-pane .nav-pills .tab-selector a.active {
  color: white;
}
.bordered-rounded-tab-pane .nav-pills .tab-selector:has(> a.active) {
  background-color: #f5164c;
  color: white;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
}
.bordered-rounded-tab-pane .mobile-selector {
  display: none;
}

.dsf-secondary-gray {
  color: #6c757d !important;
}

.dsf-primary-red {
  color: #f5164c !important;
}

.black-bordered-text {
  text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
}

.dsf-primary-button {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 16px;
  border-radius: 8px;
  color: white;
  background-color: #ed264f;
  transition: 0.3s;
  text-decoration: none !important;
}
.dsf-primary-button:hover {
  color: white;
  background-color: #c00800;
}

.rounded-see-more-btn {
  padding: 10px 15px;
  border-radius: 20px;
  background-color: #f3f3f3;
  color: #585858;
  text-decoration: none !important;
  transition: 0.3s;
  font-size: 14px;
  font-weight: 700;
}
.rounded-see-more-btn:hover {
  color: white;
  background-color: #f5164c;
}
.rounded-see-more-btn.centered {
  width: -moz-fit-content;
  width: fit-content;
  margin: 10px auto 15px auto;
}

.slider-navigation-button {
  width: 41px;
  height: 41px;
  border-radius: 20px;
  padding: 10px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #585858;
  background-color: #f3f3f3;
  cursor: pointer;
  transition: 0.3s;
}
.slider-navigation-button:hover {
  background-color: #f5164c;
  color: white;
}

.slick-dots {
  margin-top: 15px;
}
.slick-dots li button:before {
  font-size: 12px;
  color: #f5164c;
}
.slick-dots li.slick-active button:before {
  color: #f5164c;
}

.modal-credit-simulation-application .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 28px;
  font-weight: 800;
  color: white;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body {
  padding: 0 0 48px 0;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 48px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .title-modal {
  margin: 0;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .unit-name {
  color: black;
  font-weight: 800;
  font-size: 24px;
  text-align: center;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section {
  display: flex;
  gap: 24px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .result-detail {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  background-color: #f8f8f8;
  border: 1px solid #dee2e6;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .result-detail .calculation {
  width: 50%;
  padding: 8px 0;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .result-detail .calculation .calculation-type {
  font-size: 14px;
  color: #f5164c;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .result-detail .calculation .calculation-result {
  color: black;
  font-weight: 800;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .disclaimer {
  background-color: #feeff2;
  border: 1px solid #f5164c;
  padding: 12px 16px;
  display: flex;
  color: #f5164c;
  font-size: 14px;
  gap: 8px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .disclaimer .disclaim-icon {
  width: 18px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .disclaimer .disclaim-text {
  font-size: 14px;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form {
  width: 50%;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form .question {
  font-size: 14px;
  color: black;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form label {
  font-size: 14px;
  color: #212529;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form .form-inputs {
  margin: 8px 0;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form .terms-conditions {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 14px;
  color: #212529;
  margin: 8px 0;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form .terms-conditions a {
  color: #f5164c;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .submit-button {
  color: white;
  background-color: #f5164c;
  border-radius: 4px;
  padding: 6px 12px;
  transition: 0.3s;
}
.modal-credit-simulation-application .modal-dialog .modal-content .modal-body .submit-button:hover {
  background: #c00800;
}

.rupiah-prefix-input {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.rupiah-prefix-input::before {
  content: "Rp";
  left: 10px;
  position: absolute;
}
.rupiah-prefix-input input {
  padding-left: 35px;
}

.percent-suffix-input {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}
.percent-suffix-input::after {
  content: "%";
  right: 10px;
  position: absolute;
}

.cookies-dialog {
  display: none;
  background-color: white;
  border-top: 2px solid #f5164c;
  position: fixed;
  bottom: 0;
  width: calc(100% - 80px);
  z-index: 999;
  padding: 24px 0;
}
.cookies-dialog .dialog-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookies-dialog .dialog-container .dialog-text {
  max-width: 75%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cookies-dialog .dialog-container .dialog-text .title {
  font-weight: 700;
  font-size: 16px;
}
.cookies-dialog .dialog-container .dialog-text .description {
  font-size: 14px;
}
.cookies-dialog .dialog-container .dialog-text a {
  color: #f5164c;
  text-decoration: underline;
}
.cookies-dialog .dialog-container .dialog-button .accept-button {
  color: white;
  background-color: #f5164c;
  border-radius: 8px;
  padding: 4px 16px;
  border: none;
  transition: 0.3s;
}
.cookies-dialog .dialog-container .dialog-button .accept-button:hover {
  background-color: #c00800;
}

.starx-floating-button {
  display: none;
}

.starx-chat-offcanvas {
  display: none;
}

.select2 {
  width: 100% !important;
}

@media screen and (max-width: 992px) {
  section.vehicle-list-selector .vehicle-selector {
    background-position-x: 200px;
    height: -moz-fit-content;
    height: fit-content;
    background-size: contain;
  }
  section.vehicle-list-selector .vehicle-selector .vehicle-selector-text {
    width: 55%;
  }
  section.vehicle-list-selector .vehicle-selector .vehicle-selector-text .vehicle-title {
    font-size: 24px;
  }
  section.vehicle-list-selector .vehicle-selector .vehicle-selector-text .vehicle-subtitle {
    font-size: 12px;
  }
  section.vehicle-list-selector .vehicle-selector .vehicle-selector-image {
    width: 45%;
  }
  section.vehicle-list-selector .vehicle-selector .vehicle-selector-image img {
    width: 100%;
  }
  section.vehicle-list-selector .selectors {
    gap: 10px;
  }
  section.vehicle-list .vehicle-list-item-container {
    padding-top: 0;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-header {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 5/3;
    overflow: hidden;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .detail-button {
    font-size: 12px;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text {
    padding-top: 5px;
    margin-top: -5px;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices .type {
    font-size: 12px;
    font-weight: 500;
    color: #6c757d;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item .vehicle-list-item-text .vehicle-prices .value {
    font-size: 12px;
    font-weight: 800;
    color: #212529;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover {
    border: 1px solid #f5164c;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover .detail-button {
    background-color: #f5164c;
    color: white;
  }
  section.vehicle-list .vehicle-list-item-container .vehicle-list-item:hover .vehicle-list-item-text .vehicle-prices .value {
    color: #f5164c;
    transition: 0.3s;
  }
  section.digital-product-section .digital-product-wrapper {
    padding: 16px;
    margin-top: 0;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills {
    width: 100%;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills .nav-item {
    width: 100%;
    flex: auto;
    -webkit-clip-path: none !important;
            clip-path: none !important;
    margin: 0 !important;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button {
    color: #b6b6b6;
    width: 100%;
    border: none;
    height: 56px;
    font-weight: 900;
    display: none;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button p {
    font-weight: 700;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button.active {
    background-color: #f5164c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
  }
  section.credit-simulation .rounded-tab-pane .nav-pills .nav-item .nav-pills-button.disabled {
    pointer-events: none !important;
  }
  section.credit-simulation .rounded-tab-pane .tab-pane-vehicles {
    display: flex;
    flex-wrap: wrap;
  }
  section.credit-simulation .rounded-tab-pane .tab-pane-vehicles .vehicles-type {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.credit-simulation .collapse-mocil .collapse-container {
    flex-direction: column;
  }
  section.credit-simulation .collapse-mocil .collapse-container .mocil-mobile-header {
    align-items: center;
    justify-content: space-between;
  }
  section.credit-simulation .collapse-mocil .collapse-container .mocil-description {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  section.credit-simulation .collapse-mocil .collapse-container .mocil-description .title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
  }
  section.credit-simulation .credit-simulation-calculator {
    display: flex;
    flex-direction: column;
  }
  section.credit-simulation .credit-simulation-calculator .credit-simulation-form {
    width: 100%;
  }
  section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-group {
    flex-direction: column;
    align-items: flex-start;
  }
  section.credit-simulation .credit-simulation-calculator .credit-simulation-form .form-group label {
    width: 100%;
  }
  section.credit-simulation .credit-simulation-calculator .credit-simulation-image {
    width: 100%;
    padding: 16px;
  }
  section.credit-simulation .credit-simulation-calculator .credit-simulation-image img {
    width: 100%;
    height: auto;
  }
  section.credit-simulation .simulation-result {
    flex-direction: column-reverse;
  }
  section.credit-simulation .simulation-result .simulation-result-image {
    padding: 0;
  }
  section.credit-simulation .simulation-result .simulation-result-image .car-img .vehicle-name {
    font-size: 14px;
  }
  section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail {
    gap: 18px;
  }
  section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
  }
  section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail {
    width: 100%;
  }
  section.credit-simulation .simulation-result .simulation-result-image .apply-menu .price-detail .payment-summary .payment-detail .amount {
    font-size: 20px;
  }
  section.credit-simulation .simulation-result .submit-button.white-background {
    margin-bottom: 0;
  }
  section.credit-simulation .simulation-result .simulation-result-details {
    padding: 16px 0;
  }
  section.credit-simulation .simulation-result .simulation-result-details p {
    font-size: 14px;
  }
  section.product-page .product-page-key-visual {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.product-page .product-page-key-visual .key-visual-image {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
  }
  section.product-page .product-page-key-visual .key-visual-text {
    margin-left: 0;
    margin-top: -50px;
    width: 90%;
  }
  section.product-page .product-page-key-visual .key-visual-text .captions .title {
    font-size: 20px;
    line-height: 30px;
  }
  section.product-page .product-page-key-visual .key-visual-text .captions .title .tagline {
    font-style: italic;
    color: #f5164c;
  }
  section.product-page .product-page-key-visual .key-visual-text .captions .subtitle {
    font-size: 14px;
    line-height: 21px;
  }
  section.product-page .product-page-banner {
    padding: 32px 16px;
    align-items: center;
  }
  section.product-page .product-page-banner.slb-banner-section {
    padding: 32px 16px;
    gap: 32px;
  }
  section.product-page .product-page-banner.slb-banner-section .slb-description {
    padding: 0;
  }
  section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section {
    display: flex;
    flex-wrap: wrap;
  }
  section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section .benefit-item {
    flex: 1 1 50%;
  }
  section.product-page .product-page-banner.slb-banner-section .slb-benefit .slb-benefit-items-section .benefit-item .icon {
    width: 65px;
  }
  section.product-page .product-page-banner .product-description {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 16px;
  }
  section.product-page .product-page-banner .product-description .section-image {
    height: 200px;
    width: auto;
  }
  section.product-page .product-page-banner .product-description .section-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  section.product-page .product-page-banner .dana-tunai-benefit {
    width: 100%;
    background: linear-gradient(180deg, #fafafa 0%, #f5f3f4 100%);
    padding: 16px;
    border-radius: 24px;
    margin-top: 16px;
    gap: 16px;
  }
  section.product-page .product-page-banner .dana-tunai-benefit .benefit-items-section {
    gap: 16px;
  }
  section.product-page .product-page-banner .dana-tunai-benefit .benefit-items-section .benefit-item {
    display: flex;
    align-items: center;
    background-color: white;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.0784313725), 0px 0px 6px 0px rgba(0, 0, 0, 0.0196078431);
    border-radius: 16px;
    font-weight: 700;
  }
  section.product-page .product-page-banner .dana-tunai-benefit .benefit-items-section .benefit-item img {
    width: 30%;
    height: auto;
  }
  section.product-page .dana-tunai-download-section {
    flex-direction: column-reverse;
    gap: 48px;
    padding: 16px 0 0 0;
  }
  section.product-page .starx-banner-section .description-section {
    padding: 16px;
  }
  section.product-page .starx-banner-section .description-section .section-title {
    text-align: center;
  }
  section.product-page .starx-services-section .nav-pills .scroller-button {
    display: none !important;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab {
    flex-direction: column;
    gap: 24px;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .service-text {
    width: 100%;
    padding: 0;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .service-text .service-description {
    font-size: 14px;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot {
    width: 100%;
    padding: 0;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot .horizontal-image {
    display: none;
  }
  section.product-page .starx-services-section .tab-content .tab-pane .starx-service-tab .snapshot .vertical-image {
    display: block;
  }
  section.product-page .starx-download-section {
    background-image: url(/images/bg_download_mobile.jpg?a89363292ffcb148f03ae33763d08444);
    height: -moz-fit-content;
    height: fit-content;
    flex-direction: column-reverse;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
  }
  section.product-page .starx-download-section .main-section {
    width: 100%;
    padding-left: 0;
    gap: 16px;
  }
  section.product-page .starx-download-section .main-section .text-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  section.product-page .starx-download-section .main-section .text-section .title {
    font-size: 20px;
  }
  section.product-page .starx-download-section .main-section .text-section .subtitle {
    font-size: 14px;
  }
  section.product-page .starx-download-section .main-section .download-buttons {
    display: flex;
    gap: 8px;
    width: 100%;
  }
  section.product-page .starx-download-section .main-section .download-buttons a img {
    height: 40px;
  }
  section.product-page .starx-download-section .image-section {
    width: 100%;
    margin-top: -70px;
  }
  section.product-page .starx-download-section .image-section .desktop-image {
    display: none;
  }
  section.product-page .starx-download-section .image-section .mobile-image {
    display: block;
  }
  section.product-page .starx-download-section .image-section img {
    position: relative;
    width: 100%;
    right: unset;
    bottom: unset;
  }
  section.product-page .pills-action-button {
    font-size: 14px;
  }
  section.product-page .dana-tunai-flow-section {
    gap: 32px;
  }
  section.product-page .dana-tunai-flow-section .section-text {
    gap: 8px;
  }
  section.product-page .dana-tunai-flow-section .flow-items {
    flex-wrap: wrap;
    width: 100%;
    gap: unset;
  }
  section.product-page .dana-tunai-flow-section .flow-items .flow {
    flex: 0 1 50%;
  }
  section.product-page .dana-tunai-flow-section .flow-items .flow img {
    width: 100px;
  }
  section.product-page .dana-tunai-policy-section {
    padding: 40px 15px;
  }
  section.product-page .dana-tunai-policy-section .nav-pills {
    display: none;
  }
  section.product-page .dana-tunai-policy-section .mobile-selector-wrapper {
    padding: 8px;
    border-radius: 28px;
    border: 1px solid #dee2e6;
  }
  section.product-page .dana-tunai-policy-section .mobile-selector-wrapper .mobile-selector {
    display: block;
    background-color: #f5164c;
    color: white;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
    padding-left: 24px;
    background-image: url(/images/chevron-down-icon.svg?317fc438722129e82a4e468bec2eb835);
  }
  section.product-page .slb-policy-section {
    gap: 10px;
  }
  section.product-page .slb-policy-section .slb-policy-image {
    height: 250px;
  }
  section.product-page .section-title {
    font-size: 20px;
  }
  section.product-page .section-subtitle {
    font-size: 14px;
  }
  .new-section-divider .section-title {
    position: relative;
    gap: 20px;
  }
  .new-section-divider .section-title::before {
    height: 100%;
    position: absolute;
    content: "";
    width: 5px;
    background-color: #f5164c;
    border-radius: 16px;
  }
  .new-section-divider .section-title .section-divider-icon img {
    display: none;
  }
  .new-section-divider .section-title .section-divider-title .title {
    font-size: 24px;
  }
  .new-section-divider .section-title .section-divider-title .subtitle {
    font-size: 14px;
  }
  .bordered-rounded-tab-pane .nav-pills {
    display: none;
  }
  .bordered-rounded-tab-pane .mobile-selector-wrapper {
    padding: 8px;
    border-radius: 28px;
    border: 1px solid #dee2e6;
  }
  .bordered-rounded-tab-pane .mobile-selector-wrapper .mobile-selector {
    display: block;
    background-color: #f5164c;
    color: white;
    border-radius: 20px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
    padding-left: 24px;
    background-image: url(/images/chevron-down-icon.svg?317fc438722129e82a4e468bec2eb835);
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 20px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body {
    padding: 0;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container {
    padding: 16px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .unit-name {
    font-size: 16px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result {
    width: 100%;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .disclaimer {
    border-radius: 4px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .simulation-result .result-detail p {
    font-size: 14px;
  }
  .modal-credit-simulation-application .modal-dialog .modal-content .modal-body .modal-credit-simulation-container .application-section .application-form {
    width: 100%;
  }
  .cookies-dialog {
    bottom: 80px;
    width: 100%;
    padding: 16px 0;
  }
  .cookies-dialog .dialog-container {
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
  }
  .cookies-dialog .dialog-container .dialog-text {
    max-width: 100%;
  }
  .cookies-dialog .dialog-container .dialog-text .title {
    font-size: 14px;
  }
  .cookies-dialog .dialog-container .dialog-text .description {
    font-size: 12px;
  }
  .starx-floating-button {
    display: flex;
  }
  .starx-floating-button .floating-button {
    background-color: #feeff2;
    color: #f5164c;
    border: 1px solid #f5164c;
    border-radius: 16px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0588235294), 0px 0px 4px 0px rgba(0, 0, 0, 0.0392156863);
    padding: 16px 20px 16px 16px;
    font-weight: 500;
    display: flex;
    gap: 8px;
    align-items: center;
    text-decoration: none;
  }
  .starx-floating-button .floating-button .icon {
    width: 24px;
    height: 24px;
  }
  .custom-offcanvas {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: fixed;
    background-color: white;
    color: black;
    bottom: 0;
    width: 100%;
    z-index: 103;
    height: 0px;
    transition: 0.5s;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.1019607843), 0px 4px 16px 0px rgba(0, 0, 0, 0.0509803922), 0px 2px 4px 0px rgba(0, 0, 0, 0.0509803922);
    border-radius: 24px 24px 0 0;
    padding: 12px 24px 24px 24px;
  }
  .custom-offcanvas .divider {
    background-color: #d9d9d9;
    border-radius: 3px;
    width: 80px;
    height: 6px;
  }
  .custom-offcanvas .content {
    width: 100%;
  }
  .custom-offcanvas.starx-chat-offcanvas .content {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .custom-offcanvas.starx-chat-offcanvas .content .title {
    font-size: 20px;
    font-weight: 700;
  }
  .custom-offcanvas.starx-chat-offcanvas .content .contacts-container {
    display: flex;
    justify-content: center;
    gap: 24px;
  }
  .custom-offcanvas.starx-chat-offcanvas .content .contacts-container .contact-item {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    color: black;
  }
  .custom-offcanvas.starx-chat-offcanvas .content .contacts-container .contact-item .icon {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result.selected {
    background-color: #feeff2;
    overflow: hidden;
    color: #f5164c;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result .simulation-result-table {
    border-collapse: collapse;
    font-size: 14px;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result .simulation-result-table tr {
    background-color: transparent;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result .simulation-result-table td {
    width: 50%;
    padding: 0;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result .simulation-result-table td.value {
    font-weight: 700;
  }
  section.credit-simulation .simulation-result .simulation-result-details .mobile-all-tenor-result .per-tenor-result .contact {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}