.elementor-72 .elementor-element.elementor-element-0835f08{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-b6f6094{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-72 .elementor-element.elementor-element-a4f36de{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-4deef8f *//* =========================================================
   AL HAIDAR LIVING
   CONTACT PAGE — SECTION 01 HERO
========================================================= */

.ahl-contact-hero,
.ahl-contact-hero *{
  box-sizing:border-box;
}

.ahl-contact-hero{

  --ahl-cyan:#18b8c5;
  --ahl-green:#59b96c;

  position:relative;

  width:100%;
  min-height:650px;

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#082f39;

  font-family:"Poppins",sans-serif;
}


/* =========================================================
   MEDIA
========================================================= */

.ahl-contact-hero__media{

  position:absolute;
  inset:0;

  z-index:0;
}

.ahl-contact-hero__media img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
  object-position:center;
}


/* =========================================================
   OVERLAY
========================================================= */

.ahl-contact-hero__overlay{

  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(4,44,53,.97) 0%,
      rgba(4,44,53,.91) 38%,
      rgba(4,44,53,.68) 62%,
      rgba(4,44,53,.22) 100%
    );
}


/* =========================================================
   CONTAINER
========================================================= */

.ahl-contact-hero__container{

  position:relative;

  z-index:2;

  width:min(1200px, calc(100% - 50px));

  margin:0 auto;

  padding:110px 0 150px;
}


/* =========================================================
   CONTENT
========================================================= */

.ahl-contact-hero__content{

  max-width:680px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ahl-contact-hero__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:20px;

  color:#91e6ec;

  font-size:10px;
  font-weight:600;

  letter-spacing:2.2px;
}


.ahl-contact-hero__eyebrow span{

  width:30px;
  height:2px;

  border-radius:20px;

  background:var(--ahl-green);
}


/* =========================================================
   TITLE
========================================================= */

.ahl-contact-hero h1{

  margin:0;

  color:#ffffff;

  font-family:"Montserrat",sans-serif;

  font-size:clamp(50px,5vw,72px);

  line-height:1.02;

  font-weight:600;

  letter-spacing:-3px;
}


.ahl-contact-hero h1 span{

  display:block;

  margin-top:7px;

  color:#70dce4;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.ahl-contact-hero__content > p{

  max-width:540px;

  margin:23px 0 0;

  color:rgba(255,255,255,.76);

  font-size:14px;

  line-height:1.8;
}


/* =========================================================
   ACTIONS
========================================================= */

.ahl-contact-hero__actions{

  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:10px;

  margin-top:30px;
}


.ahl-contact-hero__btn{

  min-height:52px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:0 25px;

  border-radius:999px;

  text-decoration:none;

  font-size:11px;
  font-weight:600;

  transition:.25s ease;
}


.ahl-contact-hero__btn--primary{

  color:#083841;

  background:#ffffff;

  border:1px solid #ffffff;
}


.ahl-contact-hero__btn--primary:hover{

  transform:translateY(-2px);

  background:#eafafb;

  color:#083841;
}


.ahl-contact-hero__btn--outline{

  color:#ffffff;

  border:1px solid rgba(255,255,255,.45);

  background:rgba(255,255,255,.08);

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


.ahl-contact-hero__btn--outline:hover{

  transform:translateY(-2px);

  background:rgba(255,255,255,.16);

  color:#ffffff;
}


/* =========================================================
   BOTTOM INFO
========================================================= */

.ahl-contact-hero__bottom{

  position:absolute;

  z-index:3;

  left:50%;
  bottom:0;

  transform:translateX(-50%);

  width:min(1200px, calc(100% - 50px));

  display:grid;

  grid-template-columns:repeat(3,1fr);

  border-radius:24px 24px 0 0;

  overflow:hidden;

  background:rgba(255,255,255,.96);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}


.ahl-contact-hero__bottom > div{

  min-height:90px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:20px 28px;

  position:relative;
}


.ahl-contact-hero__bottom > div:not(:last-child)::after{

  content:"";

  position:absolute;

  right:0;
  top:28%;

  width:1px;
  height:44%;

  background:#dce9eb;
}


.ahl-contact-hero__bottom span{

  display:block;

  margin-bottom:5px;

  color:#849699;

  font-size:8px;

  font-weight:600;

  letter-spacing:1.4px;
}


.ahl-contact-hero__bottom strong{

  color:#163d45;

  font-family:"Montserrat",sans-serif;

  font-size:12px;

  font-weight:600;

  line-height:1.4;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .ahl-contact-hero{

    min-height:620px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .ahl-contact-hero{

    min-height:650px;

    align-items:flex-end;
  }


  .ahl-contact-hero__media img{

    object-position:67% center;
  }


  .ahl-contact-hero__overlay{

    background:
      linear-gradient(
        180deg,
        rgba(4,44,53,.20) 0%,
        rgba(4,44,53,.48) 35%,
        rgba(4,44,53,.93) 72%,
        rgba(4,44,53,.98) 100%
      );
  }


  .ahl-contact-hero__container{

    width:calc(100% - 32px);

    padding:240px 0 170px;
  }


  .ahl-contact-hero__eyebrow{

    margin-bottom:15px;

    font-size:9px;
  }


  .ahl-contact-hero h1{

    font-size:clamp(39px,11vw,51px);

    letter-spacing:-2px;
  }


  .ahl-contact-hero__content > p{

    margin-top:18px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-contact-hero__actions{

    margin-top:24px;
  }


  .ahl-contact-hero__btn{

    min-height:49px;

    padding:0 20px;
  }


  .ahl-contact-hero__bottom{

    width:calc(100% - 28px);

    grid-template-columns:1fr;

    border-radius:19px 19px 0 0;
  }


  .ahl-contact-hero__bottom > div{

    min-height:auto;

    padding:13px 18px;
  }


  .ahl-contact-hero__bottom > div:not(:last-child)::after{

    top:auto;
    left:18px;
    right:18px;
    bottom:0;

    width:auto;
    height:1px;
  }


  .ahl-contact-hero__bottom strong{

    font-size:10px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f98adf *//* =========================================================
   AL HAIDAR LIVING
   CONTACT PAGE — SECTION 02
   BOOKING FORM
========================================================= */

.ahl-booking-form,
.ahl-booking-form *{
  box-sizing:border-box;
}

.ahl-booking-form{

  --ahl-cyan:#18b8c5;
  --ahl-cyan-dark:#078996;

  --ahl-green:#59b96c;

  --ahl-dark:#082f39;
  --ahl-text:#60767a;

  --ahl-line:#dce9eb;
  --ahl-soft:#f6fbfb;

  width:100%;

  padding:110px 0;

  background:#ffffff;

  font-family:"Poppins",sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.ahl-booking-form__container{

  width:min(1200px, calc(100% - 50px));

  margin:0 auto;

  display:grid;

  grid-template-columns:
    .72fr
    1.28fr;

  gap:70px;

  align-items:start;
}


/* =========================================================
   LEFT INTRO
========================================================= */

.ahl-booking-form__intro{

  position:sticky;

  top:120px;

  max-width:440px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ahl-booking-form__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:15px;

  color:var(--ahl-cyan-dark);

  font-size:10px;
  font-weight:600;

  letter-spacing:2px;
}


.ahl-booking-form__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

  background:var(--ahl-green);
}


/* =========================================================
   TITLE
========================================================= */

.ahl-booking-form__intro h2{

  margin:0;

  color:var(--ahl-dark);

  font-family:"Montserrat",sans-serif;

  font-size:
    clamp(
      40px,
      4vw,
      56px
    );

  line-height:1.08;

  font-weight:600;

  letter-spacing:-2.3px;
}


.ahl-booking-form__intro h2 span{

  display:block;

  color:var(--ahl-cyan);
}


/* =========================================================
   INTRO TEXT
========================================================= */

.ahl-booking-form__intro > p{

  max-width:400px;

  margin:20px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   SMALL NOTE
========================================================= */

.ahl-booking-form__note{

  margin-top:30px;

  padding:20px 22px;

  border-radius:20px;

  border:1px solid var(--ahl-line);

  background:#f5fbfb;
}


.ahl-booking-form__note strong{

  display:block;

  margin-bottom:5px;

  color:var(--ahl-dark);

  font-family:"Montserrat",sans-serif;

  font-size:13px;

  font-weight:600;
}


.ahl-booking-form__note span{

  display:block;

  color:#71858a;

  font-size:10px;

  line-height:1.6;
}


/* =========================================================
   FORM PANEL
========================================================= */

.ahl-booking-form__panel{

  padding:38px;

  border-radius:28px;

  background:#f7fbfb;

  border:1px solid var(--ahl-line);
}


/* =========================================================
   ROW
========================================================= */

.ahl-form-row{

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:16px;

  margin-bottom:18px;
}


/* =========================================================
   FIELD
========================================================= */

.ahl-form-field{

  min-width:0;
}


.ahl-form-field--full{

  margin-bottom:19px;
}


/* =========================================================
   LABEL
========================================================= */

.ahl-form-field label{

  display:block;

  margin-bottom:8px;

  color:#21434a;

  font-size:10px;

  font-weight:600;
}


/* =========================================================
   INPUT
========================================================= */

.ahl-form-field input,
.ahl-form-field select,
.ahl-form-field textarea{

  width:100%;

  border:1px solid #d8e6e8;

  outline:none;

  border-radius:14px;

  background:#ffffff;

  color:#163c44;

  font-family:"Poppins",sans-serif;

  font-size:11px;

  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    background .2s ease;
}


/* =========================================================
   INPUT HEIGHT
========================================================= */

.ahl-form-field input,
.ahl-form-field select{

  height:52px;

  padding:0 16px;
}


.ahl-form-field textarea{

  min-height:125px;

  resize:vertical;

  padding:15px 16px;

  line-height:1.7;
}


/* =========================================================
   PLACEHOLDER
========================================================= */

.ahl-form-field input::placeholder,
.ahl-form-field textarea::placeholder{

  color:#9caaad;
}


/* =========================================================
   FOCUS
========================================================= */

.ahl-form-field input:focus,
.ahl-form-field select:focus,
.ahl-form-field textarea:focus{

  border-color:
    rgba(24,184,197,.65);

  background:#ffffff;

  box-shadow:
    0 0 0 4px
    rgba(24,184,197,.08);
}


/* =========================================================
   SUBMIT
========================================================= */

.ahl-booking-form__submit{

  width:100%;
  min-height:54px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:0;

  border-radius:999px;

  background:
    linear-gradient(
      135deg,
      #18b8c5,
      #079aa8
    );

  color:#ffffff;

  font-family:"Poppins",sans-serif;

  font-size:11px;

  font-weight:600;

  cursor:pointer;

  box-shadow:
    0 14px 30px
    rgba(24,184,197,.18);

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    background .25s ease;
}


.ahl-booking-form__submit:hover{

  transform:translateY(-2px);

  background:#078f9b;

  box-shadow:
    0 17px 35px
    rgba(24,184,197,.23);
}


/* =========================================================
   SMALL INFO
========================================================= */

.ahl-booking-form__small{

  max-width:540px;

  margin:13px auto 0;

  color:#849599;

  font-size:9px;

  line-height:1.6;

  text-align:center;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .ahl-booking-form{

    padding:85px 0;
  }


  .ahl-booking-form__container{

    grid-template-columns:
      .8fr
      1.2fr;

    gap:45px;
  }


  .ahl-booking-form__panel{

    padding:30px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .ahl-booking-form{

    padding:68px 0;
  }


  .ahl-booking-form__container{

    width:calc(100% - 32px);

    grid-template-columns:1fr;

    gap:34px;
  }


  .ahl-booking-form__intro{

    position:static;

    max-width:none;
  }


  .ahl-booking-form__eyebrow{

    font-size:9px;
  }


  .ahl-booking-form__intro h2{

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );

    letter-spacing:-1.8px;
  }


  .ahl-booking-form__intro > p{

    margin-top:16px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-booking-form__note{

    margin-top:23px;

    padding:17px 18px;

    border-radius:18px;
  }


  .ahl-booking-form__panel{

    padding:22px 18px;

    border-radius:22px;
  }


  .ahl-form-row{

    grid-template-columns:1fr;

    gap:15px;

    margin-bottom:15px;
  }


  .ahl-form-field--full{

    margin-bottom:17px;
  }


  .ahl-form-field input,
  .ahl-form-field select{

    height:50px;
  }


  .ahl-booking-form__submit{

    min-height:52px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42e940b *//* =========================================================
   AL HAIDAR LIVING
   CONTACT PAGE — SECTION 03
   CONTACT INFORMATION
========================================================= */

.ahl-contact-info,
.ahl-contact-info *{
  box-sizing:border-box;
}

.ahl-contact-info{

  --ahl-cyan:#18b8c5;
  --ahl-cyan-dark:#078996;

  --ahl-green:#59b96c;

  --ahl-dark:#082f39;
  --ahl-text:#60767a;
  --ahl-line:#dce9eb;

  width:100%;

  padding:110px 0;

  background:#f6fbfb;

  font-family:"Poppins",sans-serif;
}


/* =========================================================
   CONTAINER
========================================================= */

.ahl-contact-info__container{

  width:min(1200px, calc(100% - 50px));

  margin:0 auto;

  display:grid;

  grid-template-columns:
    .88fr
    1.12fr;

  gap:70px;

  align-items:center;
}


/* =========================================================
   CONTENT
========================================================= */

.ahl-contact-info__content{

  max-width:500px;
}


/* =========================================================
   EYEBROW
========================================================= */

.ahl-contact-info__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:15px;

  color:var(--ahl-cyan-dark);

  font-size:10px;
  font-weight:600;

  letter-spacing:2px;
}

.ahl-contact-info__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

  background:var(--ahl-green);
}


/* =========================================================
   TITLE
========================================================= */

.ahl-contact-info__content h2{

  margin:0;

  color:var(--ahl-dark);

  font-family:"Montserrat",sans-serif;

  font-size:clamp(40px,4vw,56px);

  line-height:1.08;

  font-weight:600;

  letter-spacing:-2.3px;
}

.ahl-contact-info__content h2 span{

  display:block;

  color:var(--ahl-cyan);
}


/* =========================================================
   LEAD
========================================================= */

.ahl-contact-info__lead{

  max-width:430px;

  margin:20px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   CONTACT LIST
========================================================= */

.ahl-contact-info__list{

  margin-top:34px;

  border-top:1px solid var(--ahl-line);
}


/* =========================================================
   CONTACT ITEM
========================================================= */

.ahl-contact-info__item{

  display:grid;

  grid-template-columns:
    42px
    1fr;

  gap:16px;

  align-items:center;

  min-height:83px;

  padding:16px 0;

  border-bottom:1px solid var(--ahl-line);

  color:inherit;

  text-decoration:none;

  transition:
    padding-left .25s ease;
}

.ahl-contact-info__item:hover{

  padding-left:6px;
}


/* NUMBER */

.ahl-contact-info__no{

  color:var(--ahl-cyan-dark);

  font-family:"Montserrat",sans-serif;

  font-size:9px;

  font-weight:600;

  letter-spacing:1px;
}


/* LABEL */

.ahl-contact-info__item small{

  display:block;

  margin-bottom:4px;

  color:#8a9b9e;

  font-size:8px;

  font-weight:600;

  letter-spacing:1.4px;
}


/* VALUE */

.ahl-contact-info__item strong{

  display:block;

  color:var(--ahl-dark);

  font-family:"Montserrat",sans-serif;

  font-size:14px;

  line-height:1.5;

  font-weight:600;

  word-break:break-word;
}


/* =========================================================
   SOCIAL NOTE
========================================================= */

.ahl-contact-info__social-note{

  margin-top:25px;

  padding-left:18px;

  border-left:2px solid var(--ahl-green);
}

.ahl-contact-info__social-note > span{

  display:block;

  margin-bottom:4px;

  color:var(--ahl-dark);

  font-size:10px;

  font-weight:600;
}

.ahl-contact-info__social-note p{

  max-width:380px;

  margin:0;

  color:#7a8c90;

  font-size:9px;

  line-height:1.65;
}


/* =========================================================
   RIGHT VISUAL
========================================================= */

.ahl-contact-info__visual{

  position:relative;

  min-height:580px;

  overflow:hidden;

  border-radius:30px;

  background:#dceaea;
}

.ahl-contact-info__visual img{

  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .8s
    cubic-bezier(.2,.7,.2,1);
}

.ahl-contact-info__visual:hover img{

  transform:scale(1.035);
}


/* =========================================================
   OVERLAY
========================================================= */

.ahl-contact-info__overlay{

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(4,43,51,.03) 24%,
      rgba(4,43,51,.30) 55%,
      rgba(4,43,51,.88) 100%
    );
}


/* =========================================================
   AREA CONTENT
========================================================= */

.ahl-contact-info__area{

  position:absolute;

  z-index:2;

  left:31px;
  right:31px;
  bottom:30px;

  color:#ffffff;
}

.ahl-contact-info__area > span{

  display:block;

  margin-bottom:9px;

  color:#9de7ec;

  font-size:8px;

  font-weight:600;

  letter-spacing:1.8px;
}

.ahl-contact-info__area h3{

  margin:0;

  color:#ffffff;

  font-family:"Montserrat",sans-serif;

  font-size:31px;

  line-height:1.12;

  font-weight:600;

  letter-spacing:-1.1px;
}

.ahl-contact-info__area h3 em{

  display:block;

  color:#8ce1a0;

  font-style:normal;
}


/* LINE */

.ahl-contact-info__area-line{

  width:100%;

  height:1px;

  margin:20px 0 15px;

  background:
    rgba(255,255,255,.30);
}

.ahl-contact-info__area p{

  margin:0;

  color:rgba(255,255,255,.71);

  font-size:9px;

  line-height:1.7;

  letter-spacing:.2px;
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1024px){

  .ahl-contact-info{

    padding:85px 0;
  }

  .ahl-contact-info__container{

    grid-template-columns:
      .9fr
      1.1fr;

    gap:45px;
  }

  .ahl-contact-info__visual{

    min-height:510px;
  }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .ahl-contact-info{

    padding:68px 0;
  }

  .ahl-contact-info__container{

    width:calc(100% - 32px);

    grid-template-columns:1fr;

    gap:34px;
  }

  .ahl-contact-info__content{

    max-width:none;
  }

  .ahl-contact-info__eyebrow{

    font-size:9px;
  }

  .ahl-contact-info__content h2{

    font-size:
      clamp(
        34px,
        10vw,
        44px
      );

    letter-spacing:-1.8px;
  }

  .ahl-contact-info__lead{

    margin-top:16px;

    font-size:12px;

    line-height:1.7;
  }

  .ahl-contact-info__list{

    margin-top:26px;
  }

  .ahl-contact-info__item{

    grid-template-columns:
      32px
      1fr;

    gap:11px;

    min-height:72px;
  }

  .ahl-contact-info__item strong{

    font-size:12px;
  }

  .ahl-contact-info__visual{

    min-height:420px;

    border-radius:22px;
  }

  .ahl-contact-info__area{

    left:21px;
    right:21px;
    bottom:21px;
  }

  .ahl-contact-info__area h3{

    font-size:25px;
  }

}/* End custom CSS */