.elementor-30 .elementor-element.elementor-element-a6ea822{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-ac025f1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-9d5aed3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-3556690{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-388cbaa *//* =========================================================
   AL HAIDAR LIVING
   ABOUT — SECTION 01 HERO
========================================================= */

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

.ahl-about-hero{

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

  position:relative;

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

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#082f39;

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


/* =========================================================
   IMAGE
========================================================= */

.ahl-about-hero__media{

  position:absolute;

  inset:0;

  z-index:0;
}


.ahl-about-hero__media img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;
}


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

.ahl-about-hero__overlay{

  position:absolute;

  inset:0;

  z-index:1;

  background:

    linear-gradient(
      90deg,
      rgba(5,47,56,.96) 0%,
      rgba(5,47,56,.86) 42%,
      rgba(5,47,56,.46) 72%,
      rgba(5,47,56,.14) 100%
    ),

    linear-gradient(
      180deg,
      rgba(0,0,0,.03),
      rgba(5,47,56,.22)
    );
}


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

.ahl-about-hero__container{

  position:relative;

  z-index:2;

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

  margin:0 auto;

  padding:110px 0 145px;
}


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

.ahl-about-hero__content{

  max-width:700px;
}


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

.ahl-about-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-about-hero__eyebrow span{

  width:30px;
  height:2px;

  border-radius:20px;

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


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

.ahl-about-hero h1{

  margin:0;

  max-width:690px;

  color:#ffffff;

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

  font-size:clamp(48px,5vw,70px);

  line-height:1.03;

  font-weight:600;

  letter-spacing:-3px;
}


.ahl-about-hero h1 span{

  display:block;

  margin-top:8px;

  color:#72dce4;
}


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

.ahl-about-hero__content > p{

  max-width:570px;

  margin:24px 0 0;

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

  font-size:14px;

  line-height:1.8;
}


/* =========================================================
   BOTTOM STRIP
========================================================= */

.ahl-about-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(4,1fr);

  border-radius:24px 24px 0 0;

  overflow:hidden;

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

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


.ahl-about-hero__bottom > div{

  min-height:85px;

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

  position:relative;
}


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

  content:"";

  position:absolute;

  right:0;

  width:1px;
  height:34%;

  background:#dce9ea;
}


.ahl-about-hero__bottom span{

  color:#143b43;

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

  font-size:12px;

  font-weight:600;

  letter-spacing:.4px;
}


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

@media(max-width:1024px){

  .ahl-about-hero{

    min-height:600px;
  }


  .ahl-about-hero__overlay{

    background:
      linear-gradient(
        90deg,
        rgba(5,47,56,.95) 0%,
        rgba(5,47,56,.80) 55%,
        rgba(5,47,56,.33) 100%
      );
  }

}


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

@media(max-width:767px){

  .ahl-about-hero{

    min-height:620px;

    align-items:flex-end;
  }


  .ahl-about-hero__media img{

    object-position:65% center;
  }


  .ahl-about-hero__overlay{

    background:
      linear-gradient(
        180deg,
        rgba(5,47,56,.22) 0%,
        rgba(5,47,56,.55) 35%,
        rgba(5,47,56,.94) 72%,
        rgba(5,47,56,.98) 100%
      );
  }


  .ahl-about-hero__container{

    width:calc(100% - 32px);

    padding:
      240px
      0
      150px;
  }


  .ahl-about-hero__eyebrow{

    font-size:9px;

    margin-bottom:15px;
  }


  .ahl-about-hero h1{

    font-size:clamp(37px,11vw,50px);

    letter-spacing:-2px;
  }


  .ahl-about-hero__content > p{

    margin-top:18px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-about-hero__bottom{

    width:calc(100% - 28px);

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

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


  .ahl-about-hero__bottom > div{

    min-height:55px;
  }


  .ahl-about-hero__bottom > div:nth-child(2)::after{
    display:none;
  }


  .ahl-about-hero__bottom span{

    font-size:10px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f317993 *//* =========================================================
   AL HAIDAR LIVING
   ABOUT — SECTION 02 OUR STORY
========================================================= */

.ahl-about-story,
.ahl-about-story *{
  box-sizing:border-box;
}

.ahl-about-story{

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

  --ahl-green:#59b96c;

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

  width:100%;

  padding:110px 0;

  background:#ffffff;

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


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

.ahl-about-story__container{

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

  margin:0 auto;

  display:grid;

  grid-template-columns:
    1.05fr
    .95fr;

  gap:70px;

  align-items:center;
}


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

.ahl-about-story__visual{

  position:relative;

  min-height:570px;

  overflow:hidden;

  border-radius:30px;

  background:#e7f2f2;
}


.ahl-about-story__visual img{

  display:block;

  width:100%;
  height:100%;

  position:absolute;

  inset:0;

  object-fit:cover;

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


.ahl-about-story__visual:hover img{

  transform:scale(1.035);
}


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

.ahl-about-story__label{

  position:absolute;

  left:24px;
  right:24px;
  bottom:24px;

  z-index:2;

  padding:20px 22px;

  border-radius:18px;

  background:
    rgba(6,48,57,.86);

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


.ahl-about-story__label span{

  display:block;

  margin-bottom:5px;

  color:#8ee6ec;

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

  letter-spacing:1.8px;
}


.ahl-about-story__label strong{

  display:block;

  color:#ffffff;

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

  font-size:18px;

  line-height:1.35;

  font-weight:600;
}


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

.ahl-about-story__content{

  max-width:520px;
}


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

.ahl-about-story__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:16px;

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

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

  letter-spacing:2px;
}


.ahl-about-story__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

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


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

.ahl-about-story__content h2{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:clamp(40px,4.2vw,58px);

  line-height:1.07;

  font-weight:600;

  letter-spacing:-2.4px;
}


.ahl-about-story__content h2 span{

  display:block;

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


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

.ahl-about-story__lead{

  margin:23px 0 0 !important;

  color:#39575d !important;

  font-size:15px !important;

  font-weight:500;

  line-height:1.75 !important;
}


.ahl-about-story__content > p{

  max-width:490px;

  margin:17px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   STATEMENT
========================================================= */

.ahl-about-story__statement{

  margin-top:30px;

  display:grid;

  grid-template-columns:
    3px
    1fr;

  gap:17px;

  padding:3px 0;
}


.ahl-about-story__statement > span{

  width:3px;
  height:100%;

  min-height:56px;

  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      var(--ahl-cyan),
      var(--ahl-green)
    );
}


.ahl-about-story__statement p{

  margin:0;

  max-width:430px;

  color:#667d81;

  font-size:12px;

  line-height:1.75;
}


.ahl-about-story__statement strong{

  color:var(--ahl-dark);

  font-weight:600;
}


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

@media(max-width:1024px){

  .ahl-about-story{

    padding:85px 0;
  }


  .ahl-about-story__container{

    grid-template-columns:
      .95fr
      1.05fr;

    gap:45px;
  }


  .ahl-about-story__visual{

    min-height:500px;
  }

}


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

@media(max-width:767px){

  .ahl-about-story{

    padding:68px 0;
  }


  .ahl-about-story__container{

    width:calc(100% - 32px);

    grid-template-columns:1fr;

    gap:34px;
  }


  .ahl-about-story__visual{

    min-height:420px;

    border-radius:22px;
  }


  .ahl-about-story__label{

    left:16px;
    right:16px;
    bottom:16px;

    padding:16px 17px;

    border-radius:15px;
  }


  .ahl-about-story__label strong{

    font-size:15px;
  }


  .ahl-about-story__eyebrow{

    font-size:9px;

    margin-bottom:13px;
  }


  .ahl-about-story__content h2{

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

    letter-spacing:-1.8px;
  }


  .ahl-about-story__lead{

    margin-top:17px !important;

    font-size:13px !important;

    line-height:1.7 !important;
  }


  .ahl-about-story__content > p{

    font-size:12px;

    line-height:1.7;
  }


  .ahl-about-story__statement{

    margin-top:23px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82db42a *//* =========================================================
   AL HAIDAR LIVING
   ABOUT — SECTION 03 WHAT WE BELIEVE
========================================================= */

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

.ahl-belief{

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

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

  width:100%;

  padding:105px 0;

  background:#f6fbfb;

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


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

.ahl-belief__container{

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

  margin:0 auto;

  display:grid;

  grid-template-columns:
    .75fr
    1.25fr;

  gap:70px;

  align-items:center;
}


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

.ahl-belief__intro{

  max-width:450px;
}


.ahl-belief__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-belief__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

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


.ahl-belief__intro h2{

  margin:0;

  color:var(--ahl-dark);

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

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

  font-weight:600;

  line-height:1.08;

  letter-spacing:-2.3px;
}


.ahl-belief__intro h2 span{

  display:block;

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


.ahl-belief__intro p{

  max-width:410px;

  margin:21px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   GRID
========================================================= */

.ahl-belief__grid{

  display:grid;

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

  gap:14px;
}


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

.ahl-belief__item{

  position:relative;

  min-height:220px;

  display:flex;
  flex-direction:column;
  justify-content:space-between;

  padding:27px;

  border-radius:24px;

  background:#ffffff;

  border:1px solid #dcebed;

  overflow:hidden;

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


.ahl-belief__item:hover{

  transform:translateY(-4px);

  box-shadow:
    0 20px 45px
    rgba(11,91,101,.08);
}


/* =========================================================
   NUMBER
========================================================= */

.ahl-belief__number{

  color:#b9c8ca;

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

  font-size:10px;

  font-weight:600;

  letter-spacing:1.2px;
}


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

.ahl-belief__item h3{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:24px;

  font-weight:600;

  letter-spacing:-.7px;
}


.ahl-belief__item p{

  margin:10px 0 0;

  color:var(--ahl-text);

  font-size:11px;

  line-height:1.7;
}


/* =========================================================
   CYAN
========================================================= */

.ahl-belief__item--cyan{

  background:
    linear-gradient(
      145deg,
      #ecfbfc,
      #ffffff
    );

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


/* =========================================================
   GREEN
========================================================= */

.ahl-belief__item--green{

  background:
    linear-gradient(
      145deg,
      #f1faf3,
      #ffffff
    );

  border-color:
    rgba(89,185,108,.25);
}


/* =========================================================
   DARK
========================================================= */

.ahl-belief__item--dark{

  background:
    linear-gradient(
      145deg,
      #0b4049,
      #082f39
    );

  border-color:#0b4049;
}


.ahl-belief__item--dark
.ahl-belief__number{

  color:
    rgba(255,255,255,.45);
}


.ahl-belief__item--dark h3{

  color:#ffffff;
}


.ahl-belief__item--dark p{

  color:
    rgba(255,255,255,.68);
}


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

@media(max-width:1024px){

  .ahl-belief{

    padding:85px 0;
  }


  .ahl-belief__container{

    grid-template-columns:1fr;

    gap:42px;
  }


  .ahl-belief__intro{

    max-width:650px;
  }

}


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

@media(max-width:767px){

  .ahl-belief{

    padding:68px 0;
  }


  .ahl-belief__container{

    width:calc(100% - 32px);

    gap:32px;
  }


  .ahl-belief__eyebrow{

    font-size:9px;
  }


  .ahl-belief__intro h2{

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

    letter-spacing:-1.8px;
  }


  .ahl-belief__intro p{

    margin-top:16px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-belief__grid{

    grid-template-columns:1fr;

    gap:10px;
  }


  .ahl-belief__item{

    min-height:180px;

    padding:22px;

    border-radius:20px;
  }


  .ahl-belief__item h3{

    font-size:21px;
  }


  .ahl-belief__item p{

    font-size:11px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1228b6 *//* =========================================================
   AL HAIDAR LIVING
   ABOUT — SECTION 04 OUR APPROACH
========================================================= */

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

.ahl-approach{

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

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

  width:100%;

  padding:110px 0;

  background:#ffffff;

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


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

.ahl-approach__container{

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

  margin:0 auto;

  display:grid;

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

  gap:70px;

  align-items:center;
}


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

.ahl-approach__content{

  max-width:500px;
}


.ahl-approach__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:16px;

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

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

  letter-spacing:2px;
}


.ahl-approach__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

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


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

.ahl-approach__content h2{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:
    clamp(
      40px,
      4.2vw,
      58px
    );

  line-height:1.07;

  font-weight:600;

  letter-spacing:-2.4px;
}


.ahl-approach__content h2 span{

  display:block;

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


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

.ahl-approach__lead{

  max-width:450px;

  margin:22px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   POINTS
========================================================= */

.ahl-approach__points{

  margin-top:35px;

  border-top:
    1px solid #dce9eb;
}


.ahl-approach__point{

  display:grid;

  grid-template-columns:
    38px
    1fr;

  gap:16px;

  padding:21px 0;

  border-bottom:
    1px solid #dce9eb;
}


.ahl-approach__point > span{

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

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

  font-size:10px;

  font-weight:600;

  letter-spacing:1px;
}


.ahl-approach__point h3{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:16px;

  font-weight:600;

  line-height:1.3;
}


.ahl-approach__point p{

  margin:5px 0 0;

  color:#71858a;

  font-size:11px;

  line-height:1.6;
}


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

.ahl-approach__visual{

  position:relative;

  min-height:570px;

  overflow:hidden;

  border-radius:30px;

  background:#e7f1f1;
}


.ahl-approach__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-approach__visual:hover img{

  transform:scale(1.035);
}


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

.ahl-approach__visual-overlay{

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(4,40,47,.02) 35%,
      rgba(4,40,47,.68) 100%
    );
}


/* =========================================================
   VISUAL COPY
========================================================= */

.ahl-approach__visual-copy{

  position:absolute;

  left:28px;
  right:28px;
  bottom:27px;

  z-index:2;

  padding-top:18px;

  border-top:
    1px solid
    rgba(255,255,255,.38);
}


.ahl-approach__visual-copy span{

  display:block;

  margin-bottom:7px;

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

  font-size:8px;

  font-weight:600;

  letter-spacing:1.8px;
}


.ahl-approach__visual-copy strong{

  display:block;

  max-width:380px;

  color:#ffffff;

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

  font-size:24px;

  font-weight:600;

  line-height:1.3;

  letter-spacing:-.7px;
}


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

@media(max-width:1024px){

  .ahl-approach{

    padding:85px 0;
  }


  .ahl-approach__container{

    grid-template-columns:
      1fr
      1fr;

    gap:45px;
  }


  .ahl-approach__visual{

    min-height:510px;
  }

}


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

@media(max-width:767px){

  .ahl-approach{

    padding:68px 0;
  }


  .ahl-approach__container{

    width:calc(100% - 32px);

    grid-template-columns:1fr;

    gap:34px;
  }


  .ahl-approach__content{

    max-width:none;
  }


  .ahl-approach__eyebrow{

    font-size:9px;

    margin-bottom:13px;
  }


  .ahl-approach__content h2{

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

    letter-spacing:-1.8px;
  }


  .ahl-approach__lead{

    margin-top:16px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-approach__points{

    margin-top:26px;
  }


  .ahl-approach__point{

    grid-template-columns:
      32px
      1fr;

    gap:12px;

    padding:17px 0;
  }


  .ahl-approach__point h3{

    font-size:15px;
  }


  .ahl-approach__point p{

    font-size:10px;
  }


  .ahl-approach__visual{

    min-height:420px;

    border-radius:22px;
  }


  .ahl-approach__visual-copy{

    left:20px;
    right:20px;
    bottom:20px;

    padding-top:15px;
  }


  .ahl-approach__visual-copy strong{

    font-size:19px;
  }

}/* End custom CSS */