#navbar .navbar {
  z-index: 3;
  height: 96px;
}
#navbar .navbar .overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #FFFFFF;
  overflow-x: hidden;
  transition: 0.3s;
}
#navbar .navbar .overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
#navbar .navbar .overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 20px;
  color: #252B41;
  display: block;
}
#navbar .navbar .nav-mobile:hover {
  background-color: #E7302F;
  color: #FFFFFF;
}
#navbar .navbar .overlay .closebtn {
  position: absolute;
  top: 10px;
  right: 5%;
  font-size: 60px;
}
#navbar .navbar .list-inline {
  margin-bottom: 0;
  padding-top: 12px;
  margin-left: 40px;
}
#navbar .navbar .list-inline .list-inline-item {
  margin-right: 30px;
}
#navbar .navbar .list-inline .list-inline-item a {
  text-decoration: none;
}
#navbar .navbar .list-inline .selected-nav {
  font-size: 20px;
  color: #E7302F;
  border-bottom: 2px solid;
  -o-border-image: linear-gradient(to right, #E7302F 50%, transparent 50%) 100% 1;
     border-image: linear-gradient(to right, #E7302F 50%, transparent 50%) 100% 1;
}
@media only screen and (max-width: 750px) {
  #navbar .navbar .mobile-display {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
}
@media only screen and (max-width: 992px) {
  #navbar .navbar .hidden-nav {
    display: none;
  }
  #navbar .navbar .hidden-nav button {
    display: none;
  }
  #navbar .navbar .logo img {
    width: 143px;
  }
}
@media only screen and (min-width: 992px) {
  #navbar .navbar .hidden-nav span {
    display: none;
  }
  #navbar .navbar .logo img {
    width: 223px;
  }
}
@media only screen and (max-width: 992px) {
  #navbar .navbar {
    height: 58px !important;
  }
}

#footer .footer .logo-footer {
  cursor: pointer;
}
#footer .footer .copyright {
  font-size: 14px;
  font-weight: 400;
}
#footer .footer .logo-footer {
  width: 350px;
  height: 85px;
}
#footer .footer .card {
  position: static;
}
#footer .footer .card .card-title {
  font-size: 20px;
  font-weight: 500;
}
#footer .footer .card .card-text {
  line-height: 2;
  cursor: pointer;
}
#footer .footer .card img.px-2 {
  cursor: pointer;
}
@media only screen and (max-width: 1200px) {
  #footer .footer .mt-4 {
    display: none;
  }
  #footer .footer .my-5 {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }
  #footer .footer .col-5 {
    margin-bottom: 0 !important;
  }
  #footer .footer .mobile-copyright {
    padding-left: 10px !important;
    padding-right: 0 !important;
    padding-bottom: 70px !important;
    padding-top: 49px !important;
    margin: 0 !important;
  }
}
@media only screen and (min-width: 1200px) {
  #footer .footer .mt-3 {
    display: none;
    margin-top: 0;
  }
}
@media only screen and (max-width: 750px) {
  #footer .footer .mobile-display {
    padding-left: 28px;
    padding-right: 28px;
  }
  #footer .footer .menu {
    width: 150px;
  }
  #footer .footer .mobile-copyright {
    text-align: center;
  }
  #footer .footer .sosial-media {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 500px) {
  #footer .footer .logo-footer {
    width: 236px;
  }
  #footer .footer .link-kami {
    padding-right: 10px;
  }
}

#snk {
  margin-top: 96px;
}
#snk .line {
  height: 2px;
  width: 160px;
}
#snk .snk .card .card-header {
  font-size: 24px;
  color: #E7302F;
  background-color: #FFFFFF;
}
#snk .snk .card .card-footer {
  font-size: 20px !important;
}
#snk .snk .card .card-footer .btn {
  padding: 10px 24px;
  background-color: #FFFFFF;
  color: #E7302F;
  border: 2px solid #E7302F;
}
#snk .snk .content-snk {
  width: 100%;
}
#snk .snk .content-snk .accordion-item {
  border: 1px solid #F4F4F4;
  border-radius: 8px;
}
#snk .snk .content-snk .accordion-item button {
  border-radius: 8px;
}
#snk .snk .content-snk .accordion-button {
  font-size: 20px;
  font-weight: 700;
  color: #E7302F;
  z-index: 0;
}
#snk .snk .content-snk .accordion-button[aria-expanded=true] {
  color: #E7302F;
  background-color: #FFFFFF;
  box-shadow: none;
}
#snk .snk .content-snk .accordion-button:not(.collapsed)::after {
  background-image: url("../../icon/arrow-up.svg");
}
#snk .snk .content-snk .accordion-button::after {
  background-image: url("../../icon/arrow-right.svg");
}
#snk .snk .content-snk .syarat-ketentuan ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}
#snk .snk .content-snk .syarat-ketentuan ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}
#snk .snk .content-snk .syarat-ketentuan ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  width: 25px;
}
#snk .snk .content-snk .syarat-ketentuan li ol > li {
  margin: 0;
}
#snk .snk .content-snk .syarat-ketentuan li ol > li:before {
  content: counters(item, ".") " ";
}
#snk .snk .content-snk .syarat-ketentuan .sub-element li::before {
  width: 35px;
}
@media only screen and (max-width: 1025px) {
  #snk .snk .content-snk {
    width: 100%;
  }
}
@media only screen and (max-width: 770px) {
  #snk .snk .card {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 700px) {
  #snk .snk .card-header .line {
    display: none;
  }
  #snk .snk .card-footer {
    display: flex;
    flex-direction: column;
  }
  #snk .snk .card-footer p {
    text-align: center;
  }
}
@media only screen and (max-width: 500px) {
  #snk .snk .card-header {
    font-size: 20px !important;
    margin-top: 20px !important;
  }
  #snk .snk .card-body {
    font-size: 18px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #snk .snk .card-body button {
    font-size: 18px !important;
  }
  #snk .snk .card-footer p {
    font-size: 18px !important;
  }
}/*# sourceMappingURL=snk.css.map */