.section-hero {
  min-height: 19.6875rem;
  margin-bottom: 0; }
  @media screen and (min-width: 991px) {
    .section-hero {
      height: 36.4rem;
      margin-bottom: 0; 
      background-color: #ffffff !important;
    } 
  }
  .section-hero .hero-header {
    height: 100%; }
    .section-hero .hero-header img {
      height: 100%;
      -o-object-position: top center;
         object-position: top center;
      -o-object-fit: cover;
         object-fit: cover; }
  .section-hero .owl-carousel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: #ffffff; }
    .section-hero .owl-carousel img {
      width: 100%;
      display: block; }
    .section-hero .owl-carousel .owl-stage-outer {
      height: 100%; }
      @media screen and (max-width: 575px) {
        .section-hero .owl-carousel .owl-stage-outer {
          max-height: 19.6875rem; } }
      .section-hero .owl-carousel .owl-stage-outer .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 100%; }
        .section-hero .owl-carousel .owl-stage-outer .owl-stage .owl-item img {
          width: 100%;
          height: 100%;
          -o-object-position: top center;
             object-position: top center;
          -o-object-fit: cover;
             object-fit: cover; }
    .section-hero .owl-carousel .owl-nav {
      position: absolute;
      top: unset;
      width: unset;
      bottom: 12.5rem;
      opacity: 1;
      left: 100px; }
      @media screen and (max-width: 1024px) {
        .section-hero .owl-carousel .owl-nav {
          bottom: 12.5rem;
          left: 2.5rem; } }
      @media screen and (max-width: 768px) {
        .section-hero .owl-carousel .owl-nav {
          left: 19.5rem; } }
      @media screen and (max-width: 575px) {
        .section-hero .owl-carousel .owl-nav {
          bottom: 1.1875rem;
          left: 40% !important; } }
      .section-hero .owl-carousel .owl-nav button.owl-next {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important; }
      .section-hero .owl-carousel .owl-nav button.owl-prev {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important; }
      .section-hero .owl-carousel .owl-nav button:focus {
        outline: none; }
      .section-hero .owl-carousel .owl-nav img {
        width: 3.125rem;
        height: 3.125rem; }
        @media screen and (max-width: 575px) {
          .section-hero .owl-carousel .owl-nav img {
            width: 2rem;
            height: 2rem; } }
    .section-hero .owl-carousel .owl-dots {
      left: 0;
      right: 0;
      bottom: 0;
      text-align: center;
      position: absolute; }
      .section-hero .owl-carousel .owl-dots button.owl-dot {
        background: 0 0;
        color: inherit;
        border: none;
        padding: 0 !important; }
        .section-hero .owl-carousel .owl-dots button.owl-dot span {
          width: 15px;
          height: 15px;
          margin: 30px 7px;
          background: #FFFFFF;
          display: block;
          -webkit-backface-visibility: visible;
          -webkit-transition: opacity .2s ease;
          transition: opacity .2s ease;
          border-radius: 30px; }
        .section-hero .owl-carousel .owl-dots button.owl-dot.active span {
          background: #B59233 !important; }
        .section-hero .owl-carousel .owl-dots button.owl-dot:hover span {
          background: #B59233; }
    .section-hero .owl-carousel .owl-prev {
      left: unset; }
    .section-hero .owl-carousel .owl-next {
      right: unset;
      margin-left: 0.625rem; }
  .section-hero .carousel {
    height: 100%;
    background-color: #000;
    width: 100%; }
    @media screen and (max-width: 575px) {
      .section-hero .carousel {
        height: 19.6875rem; } }
    .section-hero .carousel .carousel-inner {
      height: inherit !important; }
      .section-hero .carousel .carousel-inner .carousel-item {
        height: 100%; }
        .section-hero .carousel .carousel-inner .carousel-item img {
          height: 100%;
          -o-object-position: center center;
             object-position: center center;
          -o-object-fit: cover;
             object-fit: cover; }
  .section-hero .carousel-arrows {
    top: unset;
    width: unset;
    bottom: 200px;
    opacity: 1; }
    @media screen and (max-width: 991px) {
      .section-hero .carousel-arrows {
        bottom: 10rem; } }
    @media screen and (max-width: 767px) {
      .section-hero .carousel-arrows {
        bottom: 1.875rem;
        left: 1.25rem !important; } }
    .section-hero .carousel-arrows img {
      width: 3.125rem;
      height: 3.125rem; }
      @media screen and (max-width: 575px) {
        .section-hero .carousel-arrows img {
          width: 2rem;
          height: 2rem; } }
  .section-hero .carousel-control-prev {
    left: unset; }
  .section-hero .carousel-control-next {
    right: unset;
    margin-left: 65px; }
  .section-hero .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-color: #fcfaed; }
    @media screen and (min-width: 576px) {
      .section-hero .container {
        background-color: unset; } }
    .section-hero .container .infos {
      padding: 0.9375rem;
      opacity: 0.9;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (min-width: 576px) {
        .section-hero .container .infos {
          position: absolute;
          top: 21.875rem;
          z-index: 59;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          left: 2%; } }
      .section-hero .container .infos .hero-title {
        color: #ffffff;
        margin-bottom: 1.25rem;
        font-family: 'Comfortaa', cursive;
        text-shadow: 2px 2px 5px #000000;
        font-size: 40px; }
        @media (max-width: 991.98px) {
          .section-hero .container .infos .hero-title {
            font-size: 30px; } }
        @media (max-width: 767.98px) {
          .section-hero .container .infos .hero-title {
            font-size: 28px; } }
        @media (max-width: 575.98px) {
          .section-hero .container .infos .hero-title {
            font-size: 25px; } }
        @media screen and (max-width: 575px) {
          .section-hero .container .infos .hero-title {
            color: #014635; } }
      .section-hero .container .infos .about-hero-brochure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 15.625rem;
        height: 3.125rem;
        border-radius: 0.125rem;
        font-style: normal;
        font-family: 'Helvetica Neue', sans-serif;
        background-color: rgba(109, 140, 162, 0.8);
        font-size: 18px;
        line-height: 22px;
        letter-spacing: 0.1em;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none; }
      .section-hero .container .infos .hero-box {
        z-index: 9;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        bottom: 23%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -ms-flex-item-align: center;
            align-self: center; }
        @media screen and (max-width: 991px) {
          .section-hero .container .infos .hero-box {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: 80%;
            bottom: unset;
            top: 15rem;
            -ms-flex-item-align: start;
                align-self: flex-start; } }
        .section-hero .container .infos .hero-box .hero-black-box {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex; }
          @media screen and (max-width: 991px) {
            .section-hero .container .infos .hero-box .hero-black-box {
              width: 100%;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
                  -ms-flex-direction: column;
                      flex-direction: column; } }
          .section-hero .container .infos .hero-box .hero-black-box .box-1 {
            border-top-left-radius: 0.3125rem;
            border-bottom-left-radius: 0.3125rem; }
            @media screen and (max-width: 991px) {
              .section-hero .container .infos .hero-box .hero-black-box .box-1 {
                border-bottom-left-radius: unset;
                border-top-right-radius: 0.3125rem; } }
          .section-hero .container .infos .hero-box .hero-black-box .box-3 {
            border-right: unset; }
            @media screen and (max-width: 991px) {
              .section-hero .container .infos .hero-box .hero-black-box .box-3 {
                border-right: solid 0.0625rem #d0c393; } }
        .section-hero .container .infos .hero-box .footer-box {
          width: 12.9375rem;
          height: 5.25rem;
          background-color: rgba(1, 70, 53, 0.8);
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          border: solid 0.0625rem #d0c393;
          font-size: 1.125rem;
          font-weight: 300;
          color: #ffffff; }
          @media screen and (max-width: 1199px) {
            .section-hero .container .infos .hero-box .footer-box {
              width: 10.625rem; } }
          @media screen and (max-width: 991px) {
            .section-hero .container .infos .hero-box .footer-box {
              width: 100%;
              height: 3.75rem;
              line-height: 1.4375rem;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-pack: start;
                  -ms-flex-pack: start;
                      justify-content: flex-start;
              padding-left: 1.25rem;
              border-bottom: unset; } }
          @media screen and (max-width: 575px) {
            .section-hero .container .infos .hero-box .footer-box {
              font-size: 0.9375rem; } }
          .section-hero .container .infos .hero-box .footer-box strong {
            font-weight: bold;
            color: #fff; }
        .section-hero .container .infos .hero-box .last-box {
          width: 17.5rem;
          height: 8.3125rem;
          background-color: #fff;
          color: #808080;
          border-radius: 0.3125rem;
          border: solid 0.0625rem #979797;
          font-size: 1.25rem;
          color: #014635 !important; }
          @media screen and (max-width: 991px) {
            .section-hero .container .infos .hero-box .last-box {
              width: 100%;
              height: 5rem;
              -webkit-box-orient: horizontal;
              -webkit-box-direction: normal;
                  -ms-flex-direction: row;
                      flex-direction: row;
              -webkit-box-align: center;
                  -ms-flex-align: center;
                      align-items: center;
              border-top-left-radius: unset;
              border-top-right-radius: unset;
              padding-left: 1.25rem; } }
          @media screen and (max-width: 575px) {
            .section-hero .container .infos .hero-box .last-box {
              font-size: 1.125rem; } }
          .section-hero .container .infos .hero-box .last-box .last-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column; }
            .section-hero .container .infos .hero-box .last-box .last-footer .starting {
              text-align: left; }
            .section-hero .container .infos .hero-box .last-box .last-footer .price {
              font-size: 1.875rem; }
              @media screen and (max-width: 575px) {
                .section-hero .container .infos .hero-box .last-box .last-footer .price {
                  font-size: 1.25rem; } }
              .section-hero .container .infos .hero-box .last-box .last-footer .price strong {
                font-weight: bold;
                color: #014635; }




.section-description .container {
  padding-top: 2rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; 
  background-color: #202020;
  background-image: url('../../../assets/img/background_tiles_black.png');
  text-align: center !important;
}
  .section-description .container .title {
    font-family: 'Manrope';
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: normal;
    text-align: center;
    color: #E5E5E5;;
    margin-bottom: 0;
    font-size: 36px; 
  }
    @media screen and (max-width: 575px) {
      .section-description .container .title {
        font-weight: bold;
        font-size: 18px;
        line-height: 22px; } }
  .section-description .container .description {
    font-family: 'Manrope';
    font-weight: 500;
    text-align: center;
    max-height: 100%;
    line-height: 22px;
    color: #333333;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .section-description .container .description {
        max-width: 90%; } }
    @media screen and (max-width: 575px) {
      .section-description .container .description {
        font-style: normal;
        font-weight: normal;
        font-size: 11px;
        line-height: 15px;
        padding: 0;
        margin-bottom: 10px; } }

.section-features {
  padding-bottom: 50px; 
  background: #FFFFFF;
}
  .section-features .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    @media screen and (max-width: 575px) {
      .section-features .container {
        padding: 0; } }
    .section-features .container .feature-block {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-wrap: no-wrap;
          flex-wrap: no-wrap;
      width: 100%;
      padding-top: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      @media screen and (max-width: 767px) {
        .section-features .container .feature-block {
          display: block;
          padding-top: 0; } }
      
      .section-features .container .feature-block .order-left {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
        @media screen and (max-width: 575px) {
          .section-features .container .feature-block .order-left {
            -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                    order: 0; } }
      .section-features .container .feature-block .order-right {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        @media screen and (max-width: 575px) {
          .section-features .container .feature-block .order-right {
            -webkit-box-ordinal-group: 1;
                -ms-flex-order: 0;
                    order: 0; } }
      .section-features .container .feature-block .image-div {
        -webkit-box-flex: 50%;
            -ms-flex: 50%;
                flex: 50%;
        min-width: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: end;
            align-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; }
        @media screen and (max-width: 767px) {
          .section-features .container .feature-block .image-div {
            display: block; } }
        .section-features .container .feature-block .image-div .image-block img {
          height: 30vw;
          -o-object-fit: cover;
             object-fit: cover;
          -o-object-position: center;
             object-position: center;
          margin-right: 0; }
          @media screen and (max-width: 1199px) {
            .section-features .container .feature-block .image-div .image-block img {
              height: 28vw; } }
          @media screen and (max-width: 991px) {
            .section-features .container .feature-block .image-div .image-block img {
              height: 205px; } }
          @media screen and (max-width: 767px) {
            .section-features .container .feature-block .image-div .image-block img {
              height: 375px; } }
          @media screen and (max-width: 575px) {
            .section-features .container .feature-block .image-div .image-block img {
              margin-right: unset; } }
      .section-features .container .feature-block .description-block {
        -webkit-box-flex: 50%;
            -ms-flex: 50%;
                flex: 50%; }
        @media screen and (max-width: 767px) {
          .section-features .container .feature-block .description-block {
            -ms-flex-item-align: center;
                align-self: center;
            text-align: center;
            padding-top: 12px; } }
        .section-features .container .feature-block .description-block .title {
          font-family: 'Manrope';
          font-size: 36px;
          font-weight: 500;
          color: rgba(32,32,32, 0.9);
          font-style: normal;
          text-transform: none; }
          @media screen and (max-width: 767px) {
            .section-features .container .feature-block .description-block .title {
              font-size: 16px;
              font-weight: bold;
              line-height: 19.2px; 
	      text-align: left; 
	      padding: 0 1rem; } }
        .section-features .container .feature-block .description-block .title:after {
          content: "";
          /* This is necessary for the pseudo element to work. */
          display: block;
          /* This will put the pseudo element on its own line. */
          width: 24px;
          /* Change this to whatever width you want. */
          margin: 18px 0px;
          /* This creates some space between the element and the border. */ }
          @media screen and (max-width: 575px) {
            .section-features .container .feature-block .description-block .title:after {
              margin: 10px auto;
              font-size: 16px;
             } }

             .section-features .container .feature-block .description-block .title {
              /*margin-top: 58px; */
             }
        .section-features .container .feature-block .description-block .description {
          font-family: 'Manrope';
          font-weight: 500;
          color: #202020;
          font-style: normal;
          font-size: 16px;
          line-height: 24px; }
          @media screen and (max-width: 575px) {
            .section-features .container .feature-block .description-block .description {
              padding: 0px 10px;
              font-style: normal;
              font-weight: normal;
              font-size: 15px;
              line-height: 15px; } }
      .section-features .container .feature-block .description-block.order-left {
        text-align: right;
        padding-right: 5rem; 
        padding-left: 5rem;
      }
      @media screen and (max-width: 767px) {
        .section-features .container .feature-block .description-block.order-left {
          text-align: center;
          padding-right: unset;
          padding-left: unset; 
        } 
      }
      .section-features .container .feature-block .description-block.order-right {
        text-align: left;
        padding-left: 5rem; 
        padding-right: 5rem;
      }
      @media screen and (max-width: 767px) {
        .section-features .container .feature-block .description-block.order-right {
          text-align: center;
          padding-left: unset; 
          padding-right: unset;
	  padding-top: 2rem;
	  margin-bottom: 2rem; 
        } 
      }



.hr-judul {
    width:50px; 
    border: 4px solid #AF9345; 
    /* margin-top: 2vh;
    margin-bottom: 3vh; */
}
@media screen and (max-width: 575px) {
    .hr-judul {
        width:30px; 
        border: 2px solid #AF9345; 
        margin-top: 10px;
    }
}
.hr-judul2 {
    width:50px; 
    border: 4px solid #FDDC81;; 
    /* margin-top: 2vh;
    margin-bottom: 3vh; */
}
@media screen and (max-width: 575px) {
    .hr-judul2 {
        width:30px; 
        border: 2px solid #FDDC81;; 
        margin-top: 10px;
    }
}
.hr-judul3 {
    width:50px; 
    border: 4px solid #AF9345; 
    /* margin-top: 2vh;
    margin-bottom: 3vh; */
    float: left !important;
}
@media screen and (max-width: 575px) {
  .hr-judul3 {
      width:30px; 
      border: 2px solid #AF9345; 
      margin-top: 10px;
      float: none !important;
  }
}
.desc-text {
    font-size: 20px;
    line-height: 30px;
    color: #CCCCCC;
}
@media screen and (max-width: 575px) {
    .desc-text {
        font-size: 16px;
    }
}
.gbr-slide {
    width: 100% !important;
}
.youtube-embed {
    width: 100% !important;
    height: 90vh;
    padding-bottom: 2rem;
}
@media screen and (max-width: 575px) {
    .youtube-embed {
        padding:0;
        width: 100% !important;
        height: 35vh;
        margin-bottom: 1rem;
    }
}
.responsive-iframe {
    width: 720px;
    height: 400px;
}
@media screen and (max-width: 768px) {
   .responsive-iframe {
    	width: 100%;
    	height: 100%;
   }
}
.slide-rewards {
    padding: 0;
}
.img-awards {
    width: 100%;
    height: 55vh;
    object-fit: cover;
    /*float: right !important;*/
}
@media screen and (max-width: 575px) {
  .img-awards {
    /* height: 100%; */
    max-height: 20rem;
  }
}
.judul-aw {
  color:#FFFFFF90; 
  background: transparent; 
  font-size:36px;
  /* padding: 1rem 5rem; */
  margin-bottom:0;
  margin-top: 0;
  /* position: absolute; */
  /* top: 20%; */
  /* width: 50%; */
}
@media screen and (max-width: 575px) {
  .judul-aw {
      font-size:20px;
      /*margin-top: 4rem;*/
      line-height: 24px;
      text-align: center;
  }
}
.ket-aw {
  color:#FFFFFF70; 
  background: transparent; 
  font-size: 20px;
  /* padding: 1rem 5rem; */
  margin-bottom:0;
  margin-top: 0;
  /* position: absolute; */
  /* top: 40%; */
  /* width: 50%; */
  text-align: left;
  font-weight: normal;
}
@media screen and (max-width: 575px) {
  .ket-aw {
      font-size:16px;
      /*margin-top: 2rem; */
      text-align: center;
  }
}
.cont-text-aw {
  float: left !important;
  /*width: 50%; */
  height: 55vh;
  background: #2A2B3B;
  padding: 5rem;
}
@media screen and (max-width: 575px) {
  .cont-text-aw {
      /* height: 100%; */
      max-height: 20rem;
      padding: 0.75rem;
  }
}
@media screen and (max-width: 900px) {
  .cont-text-aw {
      /* height: 100%; */
      /*max-height: 20rem;*/
      padding: 0rem;
  }
  .ket-aw {
      font-size:14px;
      /*margin-top: 2rem; */
      text-align: center; 
      margin: 0 10px;
  }
  .judul-aw {
      font-size:18px;
      /*margin-top: 4rem;*/
      line-height: 24px;
      text-align: center; 
      margin: 0 10px;
  }
  .hr-judul3{
      width:30px;
      float: none !important;
  }
}


.section-consultant {
    background: #FFFFFF;
}
.container-consultant {
    padding: 2rem 5rem;
}
@media screen and (max-width: 575px) {
    .container-consultant {
        padding: 2rem 0.75rem;
    }
}
.title-consultant {
    font-weight:bold;
}
@media screen and (max-width: 575px) {
    .title-consultant {
        font-size: 18px;
    }
}
.h-ket-gbr {
    width: 100%;
    /* color:#202020;  */
    color: rgba(54, 54, 54, .9);
    /* background:#2A2B3B80;  */
    font-size: 24px;
    font-weight: bold;
    /* padding:10px 15px; */
    /* margin-top: 20px; */
    margin-bottom:0px;
    /* position: absolute; */
    /* bottom:0; */
}
@media screen and (max-width: 575px) {
    .h-ket-gbr {
        font-size:18px;
    }
}
@media screen and (max-width: 900px) {
    .h-ket-gbr {
        font-size:18px;
    }
}
.desc-ket-gbr {
    width: 100%;
    /* color:#202020;  */
    color: rgba(32, 32, 32, .7);
    font-size: 16px;
    font-weight: 400;
}
@media screen and (max-width: 575px) {
    .desc-ket-gbr {
        font-size:16px;
    }
}
@media screen and (max-width: 900px) {
    .desc-ket-gbr {
        font-size:16px;
    }
}
.img-consultant {
    width: 100%;
    height: 160px;
    object-fit: cover;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .img-consultant {
    /*width: 95%; */
  }
}

.section-location {
    background: #BC9B72;
    height: 693px;
}
@media screen and (max-width: 575px) {
    .section-location {
        height: 29vh;
    }
}
@media screen and (max-width: 768px) {
  .section-location {
      height: 100%;
  }
}
.container-location {
    padding: 2rem 5rem;
}
@media screen and (max-width: 575px) {
    .container-location {
        padding: 0.75rem;
        height: 407px;
    }
}

.section-masterplan {
    background: #363636;
    padding-top: 20vh;
}
@media screen and (max-width: 575px) {
    .section-masterplan {
        padding-top: 5vh;
    }
}
@media screen and (max-width: 768px) {
  .section-masterplan {
      padding-top: 7.5vh;
  }
}
.container-masterplan {
    padding: 6vh 5rem;
}
@media screen and (max-width: 575px) {
    .container-masterplan {
        padding: 0.75rem;
    }
}
@media screen and (min-width: 1361px) {
    .container-masterplan {
        padding-top: 21vh;
    }
}

.img-slider-head {
    width: 100%;
    height: 89vh;
    object-fit: cover;
}
@media screen and (max-width: 575px) {
  .img-slider-head {
    height: 64vh;
  }
}
.header-slider-words {
    width: 100%;
    color: #ffffff; 
    background: transparent; 
    font-size: 48px;
    text-align: center !important;
    font-weight: bold;
    margin-bottom:0;
    position: absolute;
    /* top: 25%; */
    bottom: 50%;
    padding: 0 2rem;
}
@media screen and (max-width: 575px) {
    .header-slider-words {
        font-size: 24px;
        /* top: 35%; */
    }
}

.container {
    width: 100%;
}

.container-pf {
  padding: 1rem 0;
}

.img-pf {
  width: 100% !important;
}

/*.splide__pagination__page {
  background: #ccc;
  border: 0;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  margin: 3px;
  opacity: .7;
  padding: 0;
  transition: transform .2s linear;
  width: 8px;
}

.splide__pagination__page.is-active {
  background: #fff;
  transform: scale(1.4);
  border-radius: 30%;
  height: 4px;
  margin: 4px;
  width: 12px;
} */

.nav-header {
  background-color: transparent;
  border-top: 5px solid transparent;
}

.cst {
  margin-top: -4.55rem;
}

#detloc{
  margin-top: 24px;
}

@media screen and (max-width: 767.9px) {
  #detloc > figure > img {
    width: 633px;
    height: 368px;

    min-width: 633px;

    object-fit: cover;
  }
}

#detmp {
  margin-top: 30px;
}

@media screen and (max-width: 767.9px) {
  #detmp > figure > img {
    width: 633px;
    height: 368px;

    min-width: 633px;

    object-fit: cover;
  }
}