.elementor-62 .elementor-element.elementor-element-4cc7a1c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-af0a9bc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-8266a62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-d8fac81{padding:0px 0px 0px 0px;}.elementor-62 .elementor-element.elementor-element-3a90412{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62 .elementor-element.elementor-element-42d3de2{padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-5d71697 *//* =========================================================
   AL HAIDAR LIVING
   GALLERY PAGE — SECTION 01 HERO
========================================================= */

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

.ahl-gallery-hero{

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

  position:relative;

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

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#082f39;

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


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

.ahl-gallery-hero__media{

  position:absolute;

  inset:0;

  z-index:0;
}

.ahl-gallery-hero__media img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;

  transform:scale(1.01);
}


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

.ahl-gallery-hero__overlay{

  position:absolute;

  inset:0;

  z-index:1;

  background:
    linear-gradient(
      90deg,
      rgba(4,44,53,.95) 0%,
      rgba(4,44,53,.86) 40%,
      rgba(4,44,53,.58) 65%,
      rgba(4,44,53,.18) 100%
    );
}


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

.ahl-gallery-hero__container{

  position:relative;

  z-index:2;

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

  margin:0 auto;

  padding:110px 0 140px;
}


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

.ahl-gallery-hero__content{

  max-width:680px;
}


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

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

  width:30px;
  height:2px;

  border-radius:20px;

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


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

.ahl-gallery-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-gallery-hero h1 span{

  display:block;

  margin-top:7px;

  color:#70dce4;
}


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

.ahl-gallery-hero__content > p{

  max-width:520px;

  margin:23px 0 0;

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

  font-size:14px;

  line-height:1.8;
}


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

.ahl-gallery-hero__bottom{

  position:absolute;

  z-index:3;

  left:50%;
  bottom:0;

  transform:translateX(-50%);

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

  min-height:76px;

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

  gap:22px;

  padding:0 30px;

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

  border-radius:24px 24px 0 0;

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

.ahl-gallery-hero__bottom span{

  color:#294a51;

  font-size:10px;

  font-weight:600;

  letter-spacing:.5px;
}

.ahl-gallery-hero__bottom i{

  width:4px;
  height:4px;

  border-radius:50%;

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


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

@media(max-width:1024px){

  .ahl-gallery-hero{
    min-height:590px;
  }

  .ahl-gallery-hero__overlay{

    background:
      linear-gradient(
        90deg,
        rgba(4,44,53,.95) 0%,
        rgba(4,44,53,.84) 55%,
        rgba(4,44,53,.36) 100%
      );
  }

}


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

@media(max-width:767px){

  .ahl-gallery-hero{

    min-height:610px;

    align-items:flex-end;
  }

  .ahl-gallery-hero__media img{

    object-position:65% center;
  }

  .ahl-gallery-hero__overlay{

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

  .ahl-gallery-hero__container{

    width:calc(100% - 32px);

    padding:240px 0 135px;
  }

  .ahl-gallery-hero__eyebrow{

    margin-bottom:15px;

    font-size:9px;
  }

  .ahl-gallery-hero h1{

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

    letter-spacing:-2px;
  }

  .ahl-gallery-hero__content > p{

    margin-top:18px;

    font-size:12px;

    line-height:1.7;
  }

  .ahl-gallery-hero__bottom{

    width:calc(100% - 28px);

    min-height:70px;

    flex-wrap:wrap;

    gap:9px 14px;

    padding:14px 18px;

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

  .ahl-gallery-hero__bottom span{

    font-size:9px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9558c2b *//* =========================================================
   AL HAIDAR LIVING
   GALLERY PAGE — SECTION 02
========================================================= */

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

.ahl-gallery-grid{

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

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

  width:100%;

  padding:110px 0;

  background:#ffffff;

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


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

.ahl-gallery-grid__container{

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

  margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.ahl-gallery-grid__head{

  max-width:650px;

  margin-bottom:48px;
}


.ahl-gallery-grid__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:14px;

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

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

  letter-spacing:2px;
}


.ahl-gallery-grid__eyebrow span{

  width:28px;
  height:2px;

  background:var(--ahl-green);

  border-radius:20px;
}


.ahl-gallery-grid__head h2{

  margin:0;

  color:var(--ahl-dark);

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

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

  line-height:1.07;

  font-weight:600;

  letter-spacing:-2.4px;
}


.ahl-gallery-grid__head h2 span{

  display:block;

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


.ahl-gallery-grid__head p{

  max-width:470px;

  margin:18px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.75;
}


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

.ahl-gallery-grid__list{

  display:grid;

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

  gap:28px 18px;
}


/* =========================================================
   CARD
========================================================= */

.ahl-gallery-card{

  min-width:0;
}


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

.ahl-gallery-card__image{

  position:relative;

  width:100%;
  height:350px;

  overflow:hidden;

  border-radius:24px;

  background:#e5eeee;
}


.ahl-gallery-card__image::after{

  content:"";

  position:absolute;

  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(4,42,49,0) 55%,
      rgba(4,42,49,.18) 100%
    );

  pointer-events:none;
}


.ahl-gallery-card__image img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

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


.ahl-gallery-card:hover
.ahl-gallery-card__image img{

  transform:scale(1.04);
}


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

.ahl-gallery-card__no{

  position:absolute;

  z-index:2;

  top:17px;
  left:17px;

  width:40px;
  height:40px;

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

  border-radius:50%;

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

  color:var(--ahl-dark);

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

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

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


/* =========================================================
   CAPTION
========================================================= */

.ahl-gallery-card__caption{

  padding:16px 4px 0;
}


.ahl-gallery-card__caption > span{

  display:block;

  margin-bottom:5px;

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

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

  letter-spacing:1.4px;

  text-transform:uppercase;
}


.ahl-gallery-card__caption h3{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:18px;

  line-height:1.3;

  font-weight:600;

  letter-spacing:-.5px;
}


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

@media(max-width:1024px){

  .ahl-gallery-grid{

    padding:85px 0;
  }


  .ahl-gallery-grid__list{

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


  .ahl-gallery-card__image{

    height:330px;
  }

}


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

@media(max-width:767px){

  .ahl-gallery-grid{

    padding:68px 0;
  }


  .ahl-gallery-grid__container{

    width:calc(100% - 32px);
  }


  .ahl-gallery-grid__head{

    margin-bottom:32px;
  }


  .ahl-gallery-grid__eyebrow{

    font-size:9px;
  }


  .ahl-gallery-grid__head h2{

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

    letter-spacing:-1.8px;
  }


  .ahl-gallery-grid__head p{

    font-size:12px;

    line-height:1.7;
  }


  .ahl-gallery-grid__list{

    grid-template-columns:1fr;

    gap:24px;
  }


  .ahl-gallery-card__image{

    height:320px;

    border-radius:21px;
  }


  .ahl-gallery-card__caption{

    padding-top:13px;
  }


  .ahl-gallery-card__caption h3{

    font-size:17px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8fac81 *//* =========================================================
   AL HAIDAR LIVING
   GALLERY PAGE — SECTION 03
   BEFORE & AFTER
========================================================= */

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

.ahl-before-after{

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

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

  width:100%;

  padding:110px 0;

  background:#f6fbfb;

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


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

.ahl-before-after__container{

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

  margin:0 auto;
}


/* =========================================================
   HEADER
========================================================= */

.ahl-before-after__head{

  max-width:650px;

  margin-bottom:50px;
}


.ahl-before-after__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:14px;

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

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

  letter-spacing:2px;
}


.ahl-before-after__eyebrow span{

  width:28px;
  height:2px;

  border-radius:20px;

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


.ahl-before-after__head h2{

  margin:0;

  color:var(--ahl-dark);

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

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

  line-height:1.07;

  font-weight:600;

  letter-spacing:-2.4px;
}


.ahl-before-after__head h2 span{

  display:block;

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


.ahl-before-after__head p{

  max-width:480px;

  margin:18px 0 0;

  color:var(--ahl-text);

  font-size:13px;

  line-height:1.75;
}


/* =========================================================
   PROJECT
========================================================= */

.ahl-ba-project{

  padding-top:35px;

  margin-top:35px;

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


.ahl-ba-project:first-of-type{

  margin-top:0;
}


/* =========================================================
   VISUALS
========================================================= */

.ahl-ba-project__visuals{

  display:grid;

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

  gap:12px;
}


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

.ahl-ba-project__image{

  position:relative;

  height:430px;

  margin:0;

  overflow:hidden;

  border-radius:24px;

  background:#e3eded;
}


.ahl-ba-project__image img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

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


.ahl-ba-project__image:hover img{

  transform:scale(1.035);
}


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

.ahl-ba-project__image figcaption{

  position:absolute;

  left:18px;
  bottom:17px;

  z-index:2;

  min-height:32px;

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

  padding:0 14px;

  border-radius:999px;

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

  color:var(--ahl-dark);

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

  letter-spacing:1.2px;

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


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

.ahl-ba-project__info{

  padding:
    19px
    4px
    0;
}


.ahl-ba-project__info > span{

  display:block;

  margin-bottom:6px;

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

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

  letter-spacing:1.4px;
}


.ahl-ba-project__info h3{

  margin:0;

  color:var(--ahl-dark);

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

  font-size:22px;

  line-height:1.3;

  font-weight:600;

  letter-spacing:-.6px;
}


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

@media(max-width:1024px){

  .ahl-before-after{

    padding:85px 0;
  }


  .ahl-ba-project__image{

    height:360px;
  }

}


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

@media(max-width:767px){

  .ahl-before-after{

    padding:68px 0;
  }


  .ahl-before-after__container{

    width:calc(100% - 32px);
  }


  .ahl-before-after__head{

    margin-bottom:32px;
  }


  .ahl-before-after__eyebrow{

    font-size:9px;
  }


  .ahl-before-after__head h2{

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

    letter-spacing:-1.8px;
  }


  .ahl-before-after__head p{

    font-size:12px;

    line-height:1.7;
  }


  .ahl-ba-project{

    margin-top:29px;

    padding-top:29px;
  }


  .ahl-ba-project__visuals{

    grid-template-columns:1fr;

    gap:8px;
  }


  .ahl-ba-project__image{

    height:310px;

    border-radius:20px;
  }


  .ahl-ba-project__info{

    padding-top:14px;
  }


  .ahl-ba-project__info h3{

    font-size:18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-42d3de2 *//* =========================================================
   AL HAIDAR LIVING
   GALLERY PAGE — SECTION 04
   CLOSING VISUAL
========================================================= */

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

.ahl-gallery-close{

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

  position:relative;

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

  display:flex;
  align-items:center;

  overflow:hidden;

  background:#082f39;

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


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

.ahl-gallery-close__media{

  position:absolute;

  inset:0;

  z-index:0;
}


.ahl-gallery-close__media img{

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  object-position:center;

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


.ahl-gallery-close:hover
.ahl-gallery-close__media img{

  transform:scale(1.035);
}


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

.ahl-gallery-close__overlay{

  position:absolute;

  inset:0;

  z-index:1;

  background:

    linear-gradient(
      90deg,
      rgba(4,44,53,.95) 0%,
      rgba(4,44,53,.84) 40%,
      rgba(4,44,53,.56) 67%,
      rgba(4,44,53,.16) 100%
    ),

    linear-gradient(
      180deg,
      rgba(4,44,53,.08),
      rgba(4,44,53,.20)
    );
}


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

.ahl-gallery-close__container{

  position:relative;

  z-index:2;

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

  margin:0 auto;

  padding:90px 0;
}


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

.ahl-gallery-close__content{

  max-width:650px;
}


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

.ahl-gallery-close__eyebrow{

  display:flex;
  align-items:center;

  gap:10px;

  margin-bottom:17px;

  color:#91e6ec;

  font-size:9px;

  font-weight:600;

  letter-spacing:2.1px;
}


.ahl-gallery-close__eyebrow::before{

  content:"";

  width:30px;
  height:2px;

  border-radius:20px;

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


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

.ahl-gallery-close h2{

  margin:0;

  color:#ffffff;

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

  font-size:clamp(44px,4.8vw,66px);

  line-height:1.04;

  font-weight:600;

  letter-spacing:-2.8px;
}


.ahl-gallery-close h2 span{

  display:block;

  margin-top:7px;

  color:#70dce4;
}


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

.ahl-gallery-close__content > p{

  max-width:500px;

  margin:22px 0 0;

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

  font-size:13px;

  line-height:1.8;
}


/* =========================================================
   BUTTON
========================================================= */

.ahl-gallery-close__btn{

  min-height:52px;

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

  margin-top:29px;

  padding:0 26px;

  border-radius:999px;

  background:#ffffff;

  color:#083841;

  text-decoration:none;

  font-size:11px;

  font-weight:600;

  transition:
    transform .25s ease,
    background .25s ease;
}


.ahl-gallery-close__btn:hover{

  transform:translateY(-2px);

  background:#eafafb;

  color:#083841;
}


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

@media(max-width:1024px){

  .ahl-gallery-close{

    min-height:520px;
  }

}


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

@media(max-width:767px){

  .ahl-gallery-close{

    min-height:600px;

    align-items:flex-end;
  }


  .ahl-gallery-close__media img{

    object-position:64% center;
  }


  .ahl-gallery-close__overlay{

    background:
      linear-gradient(
        180deg,
        rgba(4,44,53,.18) 0%,
        rgba(4,44,53,.48) 36%,
        rgba(4,44,53,.92) 72%,
        rgba(4,44,53,.97) 100%
      );
  }


  .ahl-gallery-close__container{

    width:calc(100% - 32px);

    padding:
      250px
      0
      55px;
  }


  .ahl-gallery-close__eyebrow{

    font-size:8px;
  }


  .ahl-gallery-close h2{

    font-size:
      clamp(
        36px,
        11vw,
        49px
      );

    letter-spacing:-2px;
  }


  .ahl-gallery-close__content > p{

    margin-top:17px;

    font-size:12px;

    line-height:1.7;
  }


  .ahl-gallery-close__btn{

    min-height:49px;

    margin-top:23px;

    padding:0 22px;
  }

}/* End custom CSS */