/*
hero title: 75px
hero sub-title: 32px

section title: 42px
section sub-title: 23px

padding-between section:(padding-bottom current section) 10em + 10em (with padding top next section)
*/

body {
  overflow-x: hidden !important;
  font-family: "Lato";
  font-size: 14px;
}
.display-none {
  display: none;
}
/* untuk sub title */
.fs-23px{
  font-size: 23px !important;
}
/* untuk content */
.fs-20px{
  font-size: 20px !important;
}
hr{
  opacity: 0.7;
}
.no-padding {
  padding: 0 0;
}
.no-padding-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.align-center {
  text-align: center;
}
.ml-5{
  margin-left: 5px;
}
.ml-6{
  margin-left: 6px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-60 {
  margin-top: 60px;
}
.mt-120 {
  margin-top: 120px;
}
.ml-10 {
  margin-left: 10px;
}
.mb-30 {
  margin-bottom: 30px;
}
.pd-6{
  padding: 6px 6px !important;
}

.pb-60 {
  padding-bottom: 60px;
}
.ph-40 {
  padding: 0 40px;
}
.pl-40 {
  padding-left: 40px;
}
.pr-40 {
  padding-right: 40px;
}
.w-70{
  width: 70px;
}
.display-none {
  display: none !important;
}
.small-device .mt-0-on-small {
  margin-top: 0px;
}
.small-device .hide-on-small {
  display: none;
}
.small-device .show-on-small {
  display: block;
}
.medium-device .show-on-small:not(.show-on-medium):not(.show-on-large),
.large-device .show-on-small:not(.show-on-medium):not(.show-on-large) {
  display: none;
}
.hyperlink-text-blue {
  color: #4195d5;
  text-decoration: underline;
}
.hyperlink-text-green {
  color: #abdd62;
  text-decoration: underline;
}
.section-elm{
  padding-top: 10em !important;
  padding-bottom: 10em !important;
}

.section-elm--without-padding-top{
  padding-top: 0 !important;
}
.section-elm-var-b{
  padding-top: 8em !important;
  padding-bottom: 8em !important;
}
.paper-container {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}