.elementor-150 .elementor-element.elementor-element-ea87871{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-65b2004{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-bf3fa66{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-0e10dd7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-7bf7dbb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-150 .elementor-element.elementor-element-14c72a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-d5aae4b */.mbs-contact-hero{
  width:100vw;
  min-height:82vh;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  font-family:'Poppins', Arial, sans-serif;
  color:#fff;
  background:#062436;
}

.mbs-contact-hero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(3,25,39,.68), rgba(3,25,39,.84)),
    url("https://dammarwaterfrontjetty.com/wp-content/uploads/2026/04/sumai-hotel-pulau-redang-scaled-1.jpg") center/cover no-repeat;
}

.mbs-contact-hero__overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 20%, rgba(0,201,216,.24), transparent 34%),
    radial-gradient(circle at 86% 76%, rgba(255,209,102,.16), transparent 36%);
}

.mbs-contact-hero__inner{
  position:relative;
  z-index:2;
  width:100%;
  max-width:1320px;
  min-height:82vh;
  margin:0 auto;
  padding:90px 6vw;
  display:flex;
  align-items:center;
}

.mbs-contact-hero__content{
  max-width:820px;
}

.mbs-contact-hero__label{
  display:inline-flex;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#ffd166;
  font-size:13px;
  font-weight:850;
  margin-bottom:18px;
}

.mbs-contact-hero h1{
  margin:0;
  font-size:clamp(42px,5vw,78px);
  line-height:1.03;
  letter-spacing:-2px;
  font-weight:700;
}

.mbs-contact-hero p{
  margin:22px 0 0;
  max-width:680px;
  font-size:17px;
  line-height:1.85;
  color:rgba(255,255,255,.82);
}

.mbs-contact-hero__points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:28px;
  max-width:700px;
}

.mbs-contact-hero__points span{
  padding:13px 16px;
  border-radius:15px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  font-size:14px;
  font-weight:700;
}

.mbs-contact-hero__buttons{
  margin-top:34px;
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.mbs-contact-hero__btn{
  min-height:54px;
  padding:15px 30px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#06351a;
  text-decoration:none;
  font-size:15px;
  font-weight:850;
  box-shadow:0 16px 40px rgba(37,211,102,.30);
  transition:.3s ease;
}

.mbs-contact-hero__btn:hover{
  transform:translateY(-3px);
}

.mbs-contact-hero__btn--outline{
  background:rgba(255,255,255,.07);
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  box-shadow:none;
}

.mbs-contact-hero__btn--outline:hover{
  background:#fff;
  color:#062436;
}

@media(max-width:700px){
  .mbs-contact-hero,
  .mbs-contact-hero__inner{
    min-height:auto;
  }

  .mbs-contact-hero__inner{
    padding:90px 18px 70px;
  }

  .mbs-contact-hero h1{
    letter-spacing:-1px;
  }

  .mbs-contact-hero__points{
    grid-template-columns:1fr;
  }

  .mbs-contact-hero__buttons{
    flex-direction:column;
  }

  .mbs-contact-hero__btn{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-72b8f7b */.mbs-contact-info{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  font-family:'Poppins', Arial, sans-serif;
  background:#f7fcff;
  color:#062436;
  padding:95px 6vw;
}

.mbs-contact-info::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 10% 15%, rgba(0,201,216,.12), transparent 34%),
    radial-gradient(circle at 90% 85%, rgba(255,209,102,.14), transparent 38%);
  pointer-events:none;
}

.mbs-contact-info__inner{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
}

.mbs-contact-info__head{
  max-width:760px;
  text-align:center;
  margin:0 auto 44px;
}

.mbs-contact-info__label{
  display:inline-flex;
  padding:8px 16px;
  border-radius:999px;
  background:#e3f8fb;
  color:#047b8a;
  font-size:12px;
  font-weight:850;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:16px;
}

.mbs-contact-info__head h2{
  margin:0;
  font-size:clamp(32px,4vw,45px);
  line-height:1.08;
  letter-spacing:-1.5px;
  font-weight:700;
}

.mbs-contact-info__head p{
  margin:18px 0 0;
  font-size:16px;
  line-height:1.8;
  color:#607684;
}

.mbs-contact-info__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.mbs-contact-info__card{
  background:#fff;
  border-radius:30px;
  padding:32px 28px;
  border:1px solid rgba(8,40,59,.08);
  box-shadow:0 20px 60px rgba(6,36,54,.08);
  transition:.3s ease;
}

.mbs-contact-info__card:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 75px rgba(6,36,54,.14);
}

.mbs-contact-info__card--dark{
  background:#062436;
  color:#fff;
}

.mbs-contact-info__card small{
  display:block;
  color:#047b8a;
  font-size:12px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.45px;
  margin-bottom:14px;
}

.mbs-contact-info__card--dark small{
  color:#ffd166;
}

.mbs-contact-info__card h3{
  margin:0;
  font-size:20px;
  line-height:1.35;
  font-weight:700;
}

.mbs-contact-info__card a{
  margin-top:22px;
  min-height:50px;
  padding:14px 22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#06351a;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
  transition:.3s ease;
}

.mbs-contact-info__card a:hover{
  transform:translateY(-2px);
}

@media(max-width:950px){
  .mbs-contact-info__grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .mbs-contact-info{
    padding:75px 18px;
  }

  .mbs-contact-info__card{
    border-radius:24px;
    padding:26px 22px;
  }

  .mbs-contact-info__card h3{
    font-size:22px;
  }

  .mbs-contact-info__card a{
    width:100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1201796 */.mbs-booking-form{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position:relative;
  overflow:hidden;
  font-family:'Poppins', Arial, sans-serif;
  background:#062436;
  color:#fff;
  padding:90px 6vw;
}

.mbs-booking-form::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(0,201,216,.18), transparent 34%),
    radial-gradient(circle at 88% 82%, rgba(255,209,102,.12), transparent 38%);
  pointer-events:none;
}

.mbs-booking-form__inner{
  position:relative;
  z-index:2;
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:50px;
  align-items:center;
}

.mbs-booking-form__label{
  display:inline-flex;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#ffd166;
  font-size:12px;
  font-weight:800;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:16px;
}

.mbs-booking-form__content h2{
  margin:0;
  font-size:clamp(28px,3vw,42px);
  line-height:1.18;
  letter-spacing:-.6px;
  font-weight:700;
}

.mbs-booking-form__content p{
  margin:16px 0 0;
  max-width:560px;
  font-size:15.5px;
  line-height:1.85;
  color:rgba(255,255,255,.74);
}

.mbs-booking-form__note{
  margin-top:24px;
  padding:17px 20px;
  border-radius:18px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.82);
  font-size:14.5px;
  line-height:1.7;
}

.mbs-booking-form__box{
  background:#fff;
  color:#062436;
  border-radius:26px;
  padding:30px;
  box-shadow:0 24px 65px rgba(0,0,0,.20);
}

.mbs-form-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.mbs-form-group{
  margin-bottom:18px;
}

.mbs-form-group label{
  display:block;
  font-size:13px;
  font-weight:800;
  color:#24495b;
  margin-bottom:8px;
}

.mbs-form-group input,
.mbs-form-group select,
.mbs-form-group textarea{
  width:100%;
  border:1px solid rgba(8,40,59,.14);
  background:#f7fcff;
  color:#062436;
  border-radius:14px;
  padding:14px 16px;
  font-family:'Poppins', Arial, sans-serif;
  font-size:14px;
  outline:none;
}

.mbs-form-group textarea{
  resize:vertical;
}

.mbs-form-group input:focus,
.mbs-form-group select:focus,
.mbs-form-group textarea:focus{
  border-color:#00a7b5;
  box-shadow:0 0 0 4px rgba(0,167,181,.12);
}

.mbs-booking-form__box button{
  width:100%;
  border:0;
  min-height:52px;
  border-radius:999px;
  background:#25D366;
  color:#06351a;
  font-size:15px;
  font-weight:850;
  cursor:pointer;
  transition:.3s ease;
}

.mbs-booking-form__box button:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(37,211,102,.28);
}

@media(max-width:950px){
  .mbs-booking-form__inner{
    grid-template-columns:1fr;
  }
}

@media(max-width:600px){
  .mbs-booking-form{
    padding:70px 18px;
  }

  .mbs-booking-form__content h2{
    font-size:28px;
    line-height:1.22;
    font-weight:600;
  }

  .mbs-booking-form__content p{
    font-size:15px;
  }

  .mbs-booking-form__box{
    border-radius:22px;
    padding:24px 20px;
  }

  .mbs-form-row{
    grid-template-columns:1fr;
    gap:0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b942b8c */.mbs-footer{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:#041722;
  color:#fff;
  font-family:'Poppins',Arial,sans-serif;
  padding:70px 6vw 0;
  position:relative;
  overflow:hidden;
}

.mbs-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(0,201,216,.14), transparent 32%),
    radial-gradient(circle at 90% 80%, rgba(255,209,102,.10), transparent 35%);
  pointer-events:none;
}

.mbs-footer__inner{
  position:relative;
  z-index:2;
  max-width:1320px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.4fr .8fr .9fr 1fr;
  gap:40px;
}

.mbs-footer__logo{
  width:90px;
  height:auto;
  display:block;
  margin-bottom:18px;
  object-fit:contain;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.20));
}

.mbs-footer__brand h2{
  margin:0;
  font-size:22px;
  line-height:1.25;
  font-weight:800;
  color:#fff;
}

.mbs-footer__brand p,
.mbs-footer__col p{
  margin:16px 0 0;
  font-size:14.5px;
  line-height:1.8;
  color:rgba(255,255,255,.68);
}

.mbs-footer__wa{
  margin-top:24px;
  min-height:48px;
  padding:13px 22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#25D366;
  color:#06351a;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
  transition:.3s ease;
}

.mbs-footer__wa:hover{
  transform:translateY(-3px);
}

.mbs-footer__col h3{
  margin:0 0 18px;
  font-size:16px;
  font-weight:900;
  color:#ffd166;
}

.mbs-footer__col a{
  display:block;
  margin-bottom:12px;
  color:rgba(255,255,255,.72);
  text-decoration:none;
  font-size:14.5px;
  transition:.25s ease;
}

.mbs-footer__col a:hover{
  color:#fff;
  transform:translateX(4px);
}

.mbs-footer__bottom{
  position:relative;
  z-index:2;
  max-width:1320px;
  margin:55px auto 0;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.10);
  text-align:center;
  font-size:13.5px;
  color:rgba(255,255,255,.55);
}

@media(max-width:1000px){
  .mbs-footer__inner{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:600px){
  .mbs-footer{
    padding:55px 18px 0;
  }

  .mbs-footer__inner{
    grid-template-columns:1fr;
    gap:32px;
  }

  .mbs-footer__logo{
    width:78px;
    margin-bottom:16px;
  }

  .mbs-footer__brand h2{
    font-size:20px;
  }

  .mbs-footer__wa{
    width:100%;
  }

  .mbs-footer__bottom{
    margin-top:38px;
  }
}/* End custom CSS */