/* Theme Name: Graha Trans
Theme URI: https://https://7per8.com/
Author: Billy D. Hidayat
Author URI: https://www.instagram.com/billydamara/
Description: Graha Trans by 7per8 Themes
Version: 1.0 */
/* line 1, sass/_typography.scss */
html {
  font-size: calc(16px + 0.5vw);
}
/* line 4, sass/_typography.scss */
html h1,
html h2,
html h3,
html h4,
html h5 {
  font-family: "Sequel Sans";
}

/* line 13, sass/_typography.scss */
.nav-link {
  font-size: 0.6rem;
}

/* line 17, sass/_typography.scss */
.title-1 {
  font-size: 1.5em;
  line-height: 1.17em;
  letter-spacing: 0.01em;
  font-weight: 300;
}
@media screen and (min-width: 900px) {
  /* line 17, sass/_typography.scss */
  .title-1 {
    font-size: 1.85em;
  }
}
/* line 25, sass/_typography.scss */
.title-1 b {
  letter-spacing: -0.04em;
  font-weight: 600;
}

/* line 31, sass/_typography.scss */
.title-2 {
  font-size: 1.2em;
}

/* line 35, sass/_typography.scss */
.btn {
  font-size: 0.55em;
}

/* line 39, sass/_typography.scss */
h1 {
  font-size: 1.5em;
  line-height: 1.17em;
  letter-spacing: 0.01em;
  font-weight: 300;
}
/* line 44, sass/_typography.scss */
h1 b {
  letter-spacing: -0.04em;
}

/* line 49, sass/_typography.scss */
.truck-name {
  font-size: 1.06em;
}

/* line 53, sass/_typography.scss */
h2 {
  font-size: 1.55em;
  line-height: 1.15em;
  letter-spacing: 0.01em;
  font-weight: 300;
}
@media screen and (min-width: 900px) {
  /* line 53, sass/_typography.scss */
  h2 {
    font-size: 1.69em;
  }
}
/* line 62, sass/_typography.scss */
h2 b {
  letter-spacing: -0.04em;
}

/* line 67, sass/_typography.scss */
h2.sub {
  font-size: 1.5em;
}

/* line 71, sass/_typography.scss */
h3 {
  font-size: 1.81em;
  letter-spacing: 0.06em;
}

/* line 76, sass/_typography.scss */
.footnote {
  font-size: 0.81em;
  text-decoration: none;
  color: white;
}
/* line 81, sass/_typography.scss */
.footnote img {
  height: 1em;
}
/* line 85, sass/_typography.scss */
.footnote.blue {
  color: #8f9194;
}
/* line 88, sass/_typography.scss */
.footnote.blue:hover {
  color: #255277;
}
/* line 92, sass/_typography.scss */
.footnote.blue.no-hover:hover {
  color: #8f9194;
}

/* line 99, sass/_typography.scss */
.footnote-2 {
  font-size: 0.81em;
}

/* line 103, sass/_typography.scss */
.footnote-3 {
  font-size: 0.44em;
  font-weight: bold;
}

/* line 108, sass/_typography.scss */
.footnote-4 {
  font-size: 0.38em;
}

/* line 112, sass/_typography.scss */
p,
table,
ol {
  font-size: 0.6em;
  line-height: 1.3em;
  letter-spacing: 0.02em;
  font-weight: 300;
}

/* line 121, sass/_typography.scss */
.body-2 {
  font-size: 0.44em;
}

/* line 125, sass/_typography.scss */
.body-3 {
  font-size: 1.2em;
}

/* line 129, sass/_typography.scss */
.footer {
  letter-spacing: -0.44px;
}
/* line 131, sass/_typography.scss */
.footer span.sub {
  font-size: 0.52rem;
}
/* line 134, sass/_typography.scss */
.footer p,
.footer table,
.footer td {
  font-size: 0.44rem;
  letter-spacing: -0.04em;
}

/* line 142, sass/_typography.scss */
b {
  font-weight: bold;
}

/* line 146, sass/_typography.scss */
span.sub {
  font-size: 1rem;
}

/* line 150, sass/_typography.scss */
button.footnote-3 {
  display: flex;
  align-items: center;
}
/* line 151, sass/_typography.scss */
button.footnote-3 img {
  height: 10px;
  margin-left: 5px;
  margin-bottom: 2px;
}

/* line 160, sass/_typography.scss */
.lang {
  color: white;
  cursor: pointer;
  padding-bottom: 1px;
}
/* line 164, sass/_typography.scss */
.lang:hover {
  border-bottom: 1px solid white;
}

/* line 170, sass/_typography.scss */
a.footnote:hover {
  color: white;
  text-decoration: underline;
}

/* line 176, sass/_typography.scss */
h6 {
  color: #10527a;
}

/* line 1, sass/_button.scss */
.act-button {
  background-color: #315380;
  color: white;
  border-radius: 10px;
  width: 140px;
  margin-top: 30px;
}
/* line 8, sass/_button.scss */
.act-button:hover {
  color: #315380;
  background-color: white;
  border: 1px solid #315380;
}

/* line 2, sass/_header.scss */
.nav-transparent .navbar-logo {
  height: 30px;
}
/* line 5, sass/_header.scss */
.nav-transparent .navbar-logos {
  height: 20px;
}
/* line 8, sass/_header.scss */
.nav-transparent .nav-item {
  margin-left: 40px;
}
/* line 10, sass/_header.scss */
.nav-transparent .nav-item a.nav-link {
  color: #fff;
}
/* line 15, sass/_header.scss */
.nav-transparent .nav-item.active a.nav-link {
  position: relative;
}
/* line 17, sass/_header.scss */
.nav-transparent .nav-item.active a.nav-link::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -5px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav.png);
}
/* line 33, sass/_header.scss */
.nav-transparent .nav-item.active.test a.nav-link::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -5px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav-blue.png);
}

/* line 51, sass/_header.scss */
.offcanvas {
  width: 100%;
}

/* line 54, sass/_header.scss */
.side-navbar {
  background: #10527a;
  transition: 0.5s;
}
/* line 57, sass/_header.scss */
.side-navbar .navbar-nav {
  margin-top: 120px;
}
/* line 60, sass/_header.scss */
.side-navbar .nav-item {
  width: 100%;
  margin-left: 0;
}
/* line 63, sass/_header.scss */
.side-navbar .nav-item a.nav-link {
  color: #fff;
  font-size: 0.8rem;
  padding: 5px;
}
/* line 68, sass/_header.scss */
.side-navbar .nav-item .nav-link {
  font-weight: 400;
  display: flex;
  align-items: center;
  margin-left: 20px;
}
/* line 72, sass/_header.scss */
.side-navbar .nav-item .nav-link .pointer-nav {
  width: 20px;
}
/* line 78, sass/_header.scss */
.side-navbar .nav-item.active a.nav-link {
  position: relative;
}
/* line 80, sass/_header.scss */
.side-navbar .nav-item.active a.nav-link::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -25px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav.png);
}
/* line 96, sass/_header.scss */
.side-navbar .nav-item.active.test a.nav-link::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -25px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav-blue.png);
}

/* line 115, sass/_header.scss */
.navbar-toggler,
.navbar-toggler-icon {
  border: none !important;
}
/* line 119, sass/_header.scss */
.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus,
.navbar-toggler-icon:hover,
.navbar-toggler-icon:active,
.navbar-toggler-icon:focus {
  box-shadow: none;
}

/* line 126, sass/_header.scss */
.navbar-toggler,
.navbar-toggler-icons {
  border: none !important;
}
/* line 130, sass/_header.scss */
.navbar-toggler:hover, .navbar-toggler:active, .navbar-toggler:focus,
.navbar-toggler-icons:hover,
.navbar-toggler-icons:active,
.navbar-toggler-icons:focus {
  box-shadow: none;
}

/* line 137, sass/_header.scss */
.my-toggle.white {
  background-image: url(images/toggle-icon.png) !important;
}

/* line 141, sass/_header.scss */
.my-toggles.white {
  background-image: url(images/toggle-icon.png) !important;
}

/* line 145, sass/_header.scss */
.my-toggle.blue {
  background-image: url(images/toggle-icon-blue.png) !important;
}

/* line 1, sass/pages/_home.scss */
.carousel-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  color: white;
  object-position: center;
}
/* line 8, sass/pages/_home.scss */
.carousel-wrapper img.carousel-image {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
}
@media screen and (min-width: 900px) {
  /* line 23, sass/pages/_home.scss */
  .carousel-wrapper img.carousel-image.img-1 {
    object-position: center center;
  }
  /* line 27, sass/pages/_home.scss */
  .carousel-wrapper img.carousel-image.img-2 {
    object-position: center center;
  }
  /* line 31, sass/pages/_home.scss */
  .carousel-wrapper img.carousel-image.img-3 {
    object-position: center center;
  }
}
/* line 39, sass/pages/_home.scss */
.carousel-wrapper .container {
  position: absolute;
}

/* line 45, sass/pages/_home.scss */
.main-carousel {
  font-weight: 300;
}
/* line 47, sass/pages/_home.scss */
.main-carousel .fp-tableCell {
  vertical-align: baseline;
}
/* line 51, sass/pages/_home.scss */
.main-carousel .readmore {
  margin-top: 40px;
}

/* line 55, sass/pages/_home.scss */
.carousel-indicators {
  color: #fff;
  display: flex;
  justify-content: space-between;
  margin: auto;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-bottom: 40px;
}
/* line 63, sass/pages/_home.scss */
.carousel-indicators button {
  width: 40px !important;
  margin: -2px !important;
}
/* line 67, sass/pages/_home.scss */
.carousel-indicators small {
  font-size: 3em;
}

/* line 72, sass/pages/_home.scss */
.overlay-black {
  width: 50%;
  position: absolute;
  background: linear-gradient(270deg, rgba(35, 31, 32, 0) 0%, rgba(20, 18, 19, 0.4) 35.79%, #000000 94.06%);
  opacity: 0.6;
  left: 0;
}

/* line 85, sass/pages/_home.scss */
.overlay-black-right {
  width: 60%;
  position: absolute;
  background: linear-gradient(90deg, rgba(35, 31, 32, 0) 0%, rgba(20, 18, 19, 0.4) 35.79%, #000000 94.06%);
  opacity: 0.6;
  right: 0;
}

/* line 98, sass/pages/_home.scss */
.overlay-black-bottom {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(180deg, rgba(35, 31, 32, 0) 0%, rgba(20, 18, 19, 0.4) 35.79%, #000000 94.06%);
  opacity: 0.6;
  right: 0;
  left: 0;
  bottom: 0;
}

/* line 114, sass/pages/_home.scss */
.home-section-1 {
  background-image: url(images/bg-image-1.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
}

/* line 123, sass/pages/_home.scss */
.home-section-2 {
  color: #ffffff;
  position: relative;
}
/* line 127, sass/pages/_home.scss */
.home-section-2.sm {
  background-color: #255277;
}
/* line 131, sass/pages/_home.scss */
.home-section-2 .home-section-2-bg {
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 900px) {
  /* line 131, sass/pages/_home.scss */
  .home-section-2 .home-section-2-bg {
    background-image: url(images/home-section-2.png);
  }
}
/* line 144, sass/pages/_home.scss */
.home-section-2 .container-fluid {
  position: absolute;
  top: 0;
}
/* line 149, sass/pages/_home.scss */
.home-section-2 .blue-ribbon {
  background-image: url(images/section-2-vector-1.png);
  background-size: contain;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 30%;
}
@media screen and (max-width: 500px) {
  /* line 149, sass/pages/_home.scss */
  .home-section-2 .blue-ribbon {
    margin-bottom: 0;
    bottom: -70px;
    right: 0;
  }
}
/* line 164, sass/pages/_home.scss */
.home-section-2 .overlay-box {
  width: 40.66666667%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 173, sass/pages/_home.scss */
.home-section-3 {
  color: #255277;
  background-image: url(images/home-section-3-bg.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  /* line 173, sass/pages/_home.scss */
  .home-section-3 {
    background-image: url(images/home-section-3-bg-mobile.png);
    background-position: 0px calc(50px + 10vh);
  }
}
/* line 186, sass/pages/_home.scss */
.home-section-3 .blue-ribbon {
  margin-top: 30px;
}
/* line 189, sass/pages/_home.scss */
.home-section-3 .truck-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
/* line 195, sass/pages/_home.scss */
.home-section-3 .truck-container img {
  height: 614px;
}
@media screen and (max-width: 500px) {
  /* line 195, sass/pages/_home.scss */
  .home-section-3 .truck-container img {
    height: 400px;
  }
}
/* line 201, sass/pages/_home.scss */
.home-section-3 .truck-container .truck-name {
  font-weight: bold;
  position: absolute;
  bottom: 0;
}
/* line 208, sass/pages/_home.scss */
.home-section-3 .carousel-control-inner {
  padding-bottom: 10px;
}
/* line 212, sass/pages/_home.scss */
.home-section-3 .carousel-control-wrapper {
  position: absolute;
  width: 60%;
  height: 1.5em;
  bottom: 0;
  left: 20%;
}
@media screen and (max-width: 500px) {
  /* line 212, sass/pages/_home.scss */
  .home-section-3 .carousel-control-wrapper {
    width: 80%;
    left: 10%;
  }
}
/* line 222, sass/pages/_home.scss */
.home-section-3 .carousel-control-wrapper button {
  color: red;
}
/* line 225, sass/pages/_home.scss */
.home-section-3 .carousel-control-wrapper .carousel-control-prev-icon {
  height: 20px;
  background-image: url(images/arrow-left.png);
  background-size: contain;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center;
}
/* line 233, sass/pages/_home.scss */
.home-section-3 .carousel-control-wrapper .carousel-control-next-icon {
  height: 20px;
  background-image: url(images/arrow-right.png);
  background-size: contain;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center;
}

/* line 244, sass/pages/_home.scss */
.home-section-4 {
  color: #255277;
}

/* line 248, sass/pages/_home.scss */
.home-section-5,
.about-section-4 {
  color: #255277;
  background-image: url(images/section-contact-bg.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media screen and (max-width: 500px) {
  /* line 248, sass/pages/_home.scss */
  .home-section-5,
  .about-section-4 {
    background-image: none;
  }
}

/* line 1, sass/pages/_about.scss */
.about-section-1 {
  height: 100vh;
  background-image: url(images/about-section-1-bg.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
}
@media screen and (max-width: 500px) {
  /* line 1, sass/pages/_about.scss */
  .about-section-1 {
    background-image: url(images/about-section-1-bg-mobile.png);
  }
}

/* line 14, sass/pages/_about.scss */
.about-section-2 {
  background-image: url(images/about-section-2-bg.png);
  background-size: contain;
  /* <------ */
  background-repeat: no-repeat;
  background-position: left;
  color: #255277;
}
@media screen and (max-width: 500px) {
  /* line 14, sass/pages/_about.scss */
  .about-section-2 {
    background-image: url(images/about-section-2-bg-mobile.png);
  }
}
/* line 23, sass/pages/_about.scss */
.about-section-2 ol {
  margin: 0;
  padding: 0;
  padding-left: 1rem;
}
/* line 28, sass/pages/_about.scss */
.about-section-2 ol li {
  line-height: 1.7em;
}
/* line 32, sass/pages/_about.scss */
.about-section-2 p {
  line-height: 1.7em;
}
/* line 35, sass/pages/_about.scss */
.about-section-2 h1 {
  line-height: 1.17em;
  letter-spacing: 0.01em;
}

/* line 41, sass/pages/_about.scss */
.about-section-3 {
  color: #fff;
  overflow: scroll;
  background-color: #10527a;
}
/* line 42, sass/pages/_about.scss */
.about-section-3 h1 {
  line-height: 1.17em;
  letter-spacing: 0.01em;
}
/* line 46, sass/pages/_about.scss */
.about-section-3 p {
  line-height: 1.7em;
}
/* line 52, sass/pages/_about.scss */
.about-section-3 .image-tree {
  width: 100%;
}
/* line 57, sass/pages/_about.scss */
.about-section-3 .quotes {
  display: flex;
  width: 90%;
  line-height: 1.19em;
  letter-spacing: 0.01em;
  height: 100%;
  font-weight: 300;
  align-items: end;
  justify-content: end;
}
/* line 66, sass/pages/_about.scss */
.about-section-3 .quotes strong {
  font-weight: 600;
}
@media screen and (max-width: 500px) {
  /* line 57, sass/pages/_about.scss */
  .about-section-3 .quotes {
    width: 100%;
    font-size: 1em;
  }
}

/* line 76, sass/pages/_about.scss */
.about-section-4 {
  color: #255277;
}
/* line 79, sass/pages/_about.scss */
.about-section-4 .client-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 40px;
  justify-items: center;
  align-items: center;
}

/* line 88, sass/pages/_about.scss */
.about-section-5 {
  color: #255277;
  height: 100vh;
}

/* line 1, sass/pages/_services.scss */
.services-section-1 {
  background-image: url(images/bg-home-section-2.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  color: #ffffff;
}
@media screen and (max-width: 500px) {
  /* line 1, sass/pages/_services.scss */
  .services-section-1 {
    background-image: url(images/service-section-1-bg-mobile.png);
    background-size: 100% 105%;
    /* <------ */
  }
}
/* line 12, sass/pages/_services.scss */
.services-section-1 .title-1 {
  font-size: 2.4rem;
}
@media screen and (max-width: 500px) {
  /* line 12, sass/pages/_services.scss */
  .services-section-1 .title-1 {
    font-size: 1.88em;
  }
}

/* line 20, sass/pages/_services.scss */
.services-section-2 {
  background-image: url(images/service-section-2.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center;
  color: #ffffff;
  position: relative;
}
@media screen and (max-width: 500px) {
  /* line 20, sass/pages/_services.scss */
  .services-section-2 {
    background-image: url(images/service-section-2-mobile.png);
  }
}
/* line 31, sass/pages/_services.scss */
.services-section-2 .title-1 {
  font-weight: 100;
  font-size: 1.55em;
  line-height: 1.17em;
}
@media screen and (max-width: 500px) {
  /* line 31, sass/pages/_services.scss */
  .services-section-2 .title-1 {
    font-size: 1.19rem;
  }
}
/* line 39, sass/pages/_services.scss */
.services-section-2 .title-1 b {
  font-weight: 600;
}
@media screen and (max-width: 500px) {
  /* line 44, sass/pages/_services.scss */
  .services-section-2.fp-section {
    height: 60vh !important;
  }
  /* line 47, sass/pages/_services.scss */
  .services-section-2 .fp-tableCell {
    height: auto !important;
  }
}

/* line 53, sass/pages/_services.scss */
.services-section-3 {
  color: #fff;
  background-color: #10527a;
  font-weight: 100;
}
/* line 57, sass/pages/_services.scss */
.services-section-3 h1 {
  font-size: 2rem;
}
/* line 60, sass/pages/_services.scss */
.services-section-3 .spc {
  margin-top: 200px;
  margin-bottom: 200px;
}
/* line 64, sass/pages/_services.scss */
.services-section-3 p {
  line-height: 1.7em;
  font-size: 0.5em;
}
/* line 68, sass/pages/_services.scss */
.services-section-3 h2 {
  font-size: 1.4em;
}

/* line 73, sass/pages/_services.scss */
.services-section-4 {
  color: #255277;
  height: auto !important;
}
/* line 76, sass/pages/_services.scss */
.services-section-4 .truck-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 40px;
  justify-items: center;
  align-items: center;
  grid-row-gap: 70px;
}
@media screen and (max-width: 500px) {
  /* line 76, sass/pages/_services.scss */
  .services-section-4 .truck-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
/* line 88, sass/pages/_services.scss */
.services-section-4 .truck-wrapper .truck-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  position: relative;
}
/* line 94, sass/pages/_services.scss */
.services-section-4 .truck-wrapper .truck-item .truck-title {
  position: absolute;
  top: -25px;
  left: 0;
  margin-top: 25px;
}
/* line 99, sass/pages/_services.scss */
.services-section-4 .truck-wrapper .truck-item .truck-title .title-truck {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  line-height: 1.16em;
  font-weight: bold;
}
/* line 106, sass/pages/_services.scss */
.services-section-4 .truck-wrapper .truck-item .truck-image {
  height: 300px;
}
@media screen and (max-width: 500px) {
  /* line 106, sass/pages/_services.scss */
  .services-section-4 .truck-wrapper .truck-item .truck-image {
    height: auto;
    width: 100%;
  }
}
/* line 113, sass/pages/_services.scss */
.services-section-4 .truck-wrapper .truck-item .truck-desc {
  font-size: 0.55em;
  line-height: 1.6em;
  letter-spacing: 0;
  display: grid;
  grid-template-columns: 90px auto;
  margin-top: -30px;
}
/* line 123, sass/pages/_services.scss */
.services-section-4 .fw-bold {
  font-weight: 600;
}
/* line 126, sass/pages/_services.scss */
.services-section-4 p {
  line-height: 1.7em;
  letter-spacing: 0.03em;
}

/* line 132, sass/pages/_services.scss */
.services-section-5 {
  background-image: url(images/bg-services-2.png);
  background-size: cover;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}
/* line 133, sass/pages/_services.scss */
.services-section-5 h1 {
  font-size: 1.7rem;
}
/* line 141, sass/pages/_services.scss */
.services-section-5 p {
  line-height: 1.7em;
  letter-spacing: 0.03em;
}

/* line 147, sass/pages/_services.scss */
.services-section-6 {
  color: #255277;
}
/* line 148, sass/pages/_services.scss */
.services-section-6 h1 {
  font-size: 1.7rem;
}
/* line 153, sass/pages/_services.scss */
.services-section-6 ol li {
  margin-top: 10px;
}
/* line 157, sass/pages/_services.scss */
.services-section-6 p,
.services-section-6 ol,
.services-section-6 li {
  line-height: 1.7em;
  letter-spacing: 0.03em;
}

/* line 165, sass/pages/_services.scss */
.services-section-7 {
  background-image: url(images/map.png);
  background-size: contain;
  /* <------ */
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  background-color: #255277;
}
/* line 166, sass/pages/_services.scss */
.services-section-7 h1 {
  font-size: 1.7rem;
}
/* line 169, sass/pages/_services.scss */
.services-section-7 p,
.services-section-7 ol,
.services-section-7 li {
  line-height: 1.7em;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 500px) {
  /* line 165, sass/pages/_services.scss */
  .services-section-7 {
    background-image: url(images/map-mobile.png);
    background-size: contain;
    /* <------ */
  }
}
/* line 186, sass/pages/_services.scss */
.services-section-7 .margin-bottom {
  margin-bottom: 55%;
}

/* line 2, sass/pages/_contact.scss */
.contact p {
  line-height: 1.7em;
}
/* line 5, sass/pages/_contact.scss */
.contact .sub {
  font-size: 0.81rem;
}

/* line 1, sass/pages/_investor.scss */
.investor-section-1 {
  background-image: url(images/investor-section-1-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}

/* line 9, sass/pages/_investor.scss */
.investor-section-2 {
  color: #10527a;
}
/* line 12, sass/pages/_investor.scss */
.investor-section-2 table p,
.investor-section-2 table h6 {
  margin: 0;
}
/* line 16, sass/pages/_investor.scss */
.investor-section-2 table p {
  font-size: 0.7rem;
}
/* line 21, sass/pages/_investor.scss */
.investor-section-2 .content-tabs {
  display: none;
}
/* line 25, sass/pages/_investor.scss */
.investor-section-2 .side-bar {
  padding-right: 200px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
  color: #10527a;
}
@media screen and (max-width: 500px) {
  /* line 25, sass/pages/_investor.scss */
  .investor-section-2 .side-bar {
    padding-right: 0;
  }
}
/* line 35, sass/pages/_investor.scss */
.investor-section-2 .side-bar-item {
  font-weight: 600;
  flex: 1;
  cursor: pointer;
}
/* line 39, sass/pages/_investor.scss */
.investor-section-2 .side-bar-item .txt {
  position: relative;
}
/* line 42, sass/pages/_investor.scss */
.investor-section-2 .side-bar-item .txt.active::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -20px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav-blue.png);
}
/* line 60, sass/pages/_investor.scss */
.investor-section-2 .my-card {
  margin-bottom: 20px;
}
/* line 62, sass/pages/_investor.scss */
.investor-section-2 .my-card .title {
  display: flex;
}
/* line 64, sass/pages/_investor.scss */
.investor-section-2 .my-card .title h6 {
  font-weight: 400;
}
/* line 65, sass/pages/_investor.scss */
.investor-section-2 .my-card .title h6 span {
  font-weight: bold;
}
/* line 71, sass/pages/_investor.scss */
.investor-section-2 .my-card .sub-title {
  font-size: 0.7rem;
  margin-bottom: 25px;
}
/* line 76, sass/pages/_investor.scss */
.investor-section-2 .my-card .image-wrapper img {
  height: 100%;
  width: 100%;
}
/* line 81, sass/pages/_investor.scss */
.investor-section-2 .my-card .download-wrapper {
  display: flex;
  justify-content: flex-end;
}
/* line 84, sass/pages/_investor.scss */
.investor-section-2 .my-card .download-wrapper .download {
  font-size: 0.6rem;
  background-color: #315380;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 20px;
}

/* line 1, sass/pages/_news.scss */
.single-section-1 {
  color: #10527a;
}

/* line 5, sass/pages/_news.scss */
.ctn {
  font-size: 1.2rem;
}

/* line 9, sass/pages/_news.scss */
.news-section-1 {
  background-image: url(images/news-section-1-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
}

/* line 17, sass/pages/_news.scss */
.news-section-2 {
  color: #10527a;
}
/* line 20, sass/pages/_news.scss */
.news-section-2 table p,
.news-section-2 table h6 {
  margin: 0;
}
/* line 24, sass/pages/_news.scss */
.news-section-2 table p {
  font-size: 0.7rem;
}
/* line 29, sass/pages/_news.scss */
.news-section-2 .content-tabs {
  display: none;
}
/* line 33, sass/pages/_news.scss */
.news-section-2 .side-bar {
  padding-right: 200px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: stretch;
  color: #10527a;
}
/* line 40, sass/pages/_news.scss */
.news-section-2 .side-bar-item {
  font-weight: 600;
  flex: 1;
  cursor: pointer;
}
/* line 44, sass/pages/_news.scss */
.news-section-2 .side-bar-item .txt {
  position: relative;
}
/* line 47, sass/pages/_news.scss */
.news-section-2 .side-bar-item .txt.active::before {
  color: transparent;
  content: "a";
  z-index: 999;
  position: absolute;
  top: calc(50% - 10px);
  height: 20px;
  left: -20px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/arrow-nav-blue.png);
}
/* line 65, sass/pages/_news.scss */
.news-section-2 .my-card {
  margin-bottom: 20px;
}
/* line 67, sass/pages/_news.scss */
.news-section-2 .my-card .title {
  display: flex;
}
/* line 69, sass/pages/_news.scss */
.news-section-2 .my-card .title h6 {
  font-weight: 400;
}
/* line 70, sass/pages/_news.scss */
.news-section-2 .my-card .title h6 span {
  font-weight: bold;
}
/* line 76, sass/pages/_news.scss */
.news-section-2 .my-card .sub-title {
  font-size: 0.7rem;
  margin-bottom: 25px;
}
/* line 81, sass/pages/_news.scss */
.news-section-2 .my-card .image-wrapper img {
  height: 100%;
  width: 100%;
}
/* line 86, sass/pages/_news.scss */
.news-section-2 .my-card .download-wrapper {
  display: flex;
  justify-content: flex-end;
}
/* line 89, sass/pages/_news.scss */
.news-section-2 .my-card .download-wrapper .download {
  font-size: 0.6rem;
  background-color: #315380;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 20px;
}

/* line 21, sass/style.scss */
.fw-thin {
  font-weight: 200;
}

/* line 25, sass/style.scss */
html,
body {
  overflow-x: hidden;
  margin: 0;
}
@media screen and (max-width: 500px) {
  /* line 32, sass/style.scss */
  html .container.empat,
  html .container-fluid.empat,
  body .container.empat,
  body .container-fluid.empat {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

/* line 40, sass/style.scss */
.spacer {
  height: 80px;
  width: 100%;
}

/* line 44, sass/style.scss */
.client-wrapper {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  gap: 40px;
  justify-items: center;
  align-items: center;
}
@media screen and (max-width: 500px) {
  /* line 44, sass/style.scss */
  .client-wrapper {
    grid-template-columns: auto auto auto auto;
    gap: 20px;
  }
}
/* line 54, sass/style.scss */
.client-wrapper .client-image {
  max-width: 110px;
}
@media screen and (max-width: 500px) {
  /* line 54, sass/style.scss */
  .client-wrapper .client-image {
    max-width: 60px;
  }
}

/* line 61, sass/style.scss */
.footer {
  background-color: #315380;
  color: #fff;
}
/* line 65, sass/style.scss */
.footer .navbar-logo {
  margin-top: 4px;
  height: 20px;
}
/* line 69, sass/style.scss */
.footer .go-top {
  width: auto;
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
/* line 75, sass/style.scss */
.footer .go-top:hover {
  background-color: transparent;
  color: #fff;
}

@media screen and (min-width: 1600px) {
  /* line 83, sass/style.scss */
  .container {
    max-width: 1600px;
  }
}
/* line 87, sass/style.scss */
footer#header-black {
  min-height: auto !important;
}
/* line 89, sass/style.scss */
footer#header-black p {
  font-size: 0.63rem;
}
/* line 92, sass/style.scss */
footer#header-black table {
  border-collapse: separate;
  border-spacing: 0 5px;
  margin-top: 10px;
}
/* line 97, sass/style.scss */
footer#header-black table tr {
  margin-top: 10px;
}
/* line 100, sass/style.scss */
footer#header-black table td {
  font-size: 0.63rem;
  text-decoration: none !important;
  color: white !important;
}

/* line 109, sass/style.scss */
footer.section-custom {
  min-height: auto !important;
}

/* line 121, sass/style.scss */
.lang {
  position: relative;
}

/* line 124, sass/style.scss */
.active-lang {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 2px solid white;
}