.elementor-100317 .elementor-element.elementor-element-ce78f2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-f3c574b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-be43449{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-03bbb00{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-c9ce97f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-5a61b06{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-8ac2d6c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-45300c0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-cb0518d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-c3d74c7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-d91082c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-d910fdf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-a0004d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-4870a1d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-f3f8ca3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-0e40b1a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-0956c4b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-ceafcd2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-8f6b9a6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-4205d9b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-3807d88{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-95abb2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-f21badc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-4ea0d7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-911aa54{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-c0a47a6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-cde030a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-100317 .elementor-element.elementor-element-c615454{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-a65bc2f *//* =========================================
   DUA ESTATE & MARKETING
   NEW DEVELOPMENT — WHAT IS A SECTOR
   ========================================= */

.dem-newdev-what{
  width:100%;
  background:#ffffff;
  padding:105px 0 110px;
  overflow:hidden;
}

.dem-newdev-what-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
  display:grid;
  grid-template-columns:0.88fr 1.12fr;
  gap:78px;
  align-items:center;
}


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

.dem-newdev-what-visual{
  position:relative;
  min-height:590px;
  background:#061b33;
  border-radius:10px;
  padding:42px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.dem-newdev-what-visual::before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border:1px solid rgba(255,255,255,0.07);
  border-radius:50%;
  top:-185px;
  right:-180px;
}

.dem-newdev-what-visual::after{
  content:"";
  position:absolute;
  width:270px;
  height:270px;
  border:1px solid rgba(244,123,32,0.14);
  border-radius:50%;
  bottom:-155px;
  left:-115px;
}

.dem-newdev-what-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
}

.dem-newdev-what-number{
  font-size:64px;
  line-height:.9;
  font-weight:300;
  color:rgba(255,255,255,.13);
}

.dem-newdev-what-location{
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:4px;
  padding-top:10px;
}

.dem-newdev-what-heading{
  position:relative;
  z-index:2;
  margin-top:auto;
  margin-bottom:50px;
  color:#ffffff;
  font-size:49px;
  line-height:.98;
  font-weight:700;
  letter-spacing:-1.8px;
}

.dem-newdev-what-heading span{
  color:#f47b20 !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
}


/* =========================================
   DEVELOPMENT STAGES
   ========================================= */

.dem-newdev-what-progress{
  position:relative;
  z-index:2;
  border-top:1px solid rgba(255,255,255,.13);
  padding-top:25px;
}

.dem-newdev-stage{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:16px;
  align-items:center;
}

.dem-newdev-stage-dot{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(255,255,255,.55);
  font-size:12px;
  font-weight:700;
}

.dem-newdev-stage-dot.active{
  background:#f47b20;
  border-color:#f47b20;
  color:#ffffff;
}

.dem-newdev-stage-text{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.dem-newdev-stage-text strong{
  color:#ffffff;
  font-size:14px;
  letter-spacing:1.8px;
  font-weight:700;
}

.dem-newdev-stage-text small{
  color:rgba(255,255,255,.48);
  font-size:11px;
  letter-spacing:1.4px;
  font-weight:500;
}

.dem-newdev-stage-line{
  width:1px;
  height:22px;
  background:rgba(255,255,255,.16);
  margin:5px 0 5px 21px;
}


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

.dem-newdev-what-content{
  padding:15px 0;
}

.dem-newdev-what-eyebrow{
  display:flex;
  align-items:center;
  gap:17px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:4px;
  margin-bottom:25px;
}

.dem-newdev-what-eyebrow span{
  display:block;
  width:52px;
  height:2px;
  background:#f47b20;
}

.dem-newdev-what-title{
  margin:0 0 28px;
  padding:0;
  color:#061b33 !important;
  font-size:58px;
  line-height:1.04;
  letter-spacing:-2.5px;
  font-weight:700;
  border:0 !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-newdev-what-title::before,
.dem-newdev-what-title::after,
.dem-newdev-what-title span::before,
.dem-newdev-what-title span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-newdev-what-title span{
  color:#f47b20 !important;
  background:transparent !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.dem-newdev-what-lead{
  margin:0 0 22px;
  color:#315879;
  font-size:19px;
  line-height:1.7;
  max-width:760px;
}

.dem-newdev-what-text{
  margin:0;
  color:#56718c;
  font-size:16px;
  line-height:1.8;
  max-width:730px;
}


/* =========================================
   INFORMATION NOTE
   ========================================= */

.dem-newdev-what-note{
  margin-top:34px;
  padding:23px 25px;
  background:#f5f7f9;
  border:0 !important;
  border-left:3px solid #f47b20 !important;
  border-radius:10px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:17px;
  align-items:start;
}

.dem-newdev-what-note-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:#061b33;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}

.dem-newdev-what-note strong{
  display:block;
  margin:1px 0 6px;
  color:#061b33;
  font-size:17px;
  font-weight:700;
}

.dem-newdev-what-note p{
  margin:0;
  color:#5c748b;
  font-size:15px;
  line-height:1.65;
}


/* =========================================
   INTERNAL LINK
   ========================================= */

.dem-newdev-what-link{
  margin-top:27px;
  display:inline-flex;
  align-items:center;
  gap:18px;
  color:#061b33 !important;
  font-size:15px;
  font-weight:700;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-newdev-what-link span{
  color:#061b33;
  text-decoration:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-newdev-what-link b{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#f47b20;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:400;
  transition:transform .25s ease;
}

.dem-newdev-what-link:hover span{
  color:#f47b20;
}

.dem-newdev-what-link:hover b{
  transform:translateX(4px);
}


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

@media (max-width:1000px){

  .dem-newdev-what{
    padding:85px 35px 90px;
  }

  .dem-newdev-what-inner{
    grid-template-columns:1fr;
    gap:55px;
  }

  .dem-newdev-what-visual{
    min-height:540px;
  }

  .dem-newdev-what-title{
    font-size:50px;
  }
}


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

@media (max-width:600px){

  .dem-newdev-what{
    padding:65px 20px 70px;
  }

  .dem-newdev-what-inner{
    gap:42px;
  }

  .dem-newdev-what-visual{
    min-height:520px;
    padding:30px;
  }

  .dem-newdev-what-number{
    font-size:52px;
  }

  .dem-newdev-what-location{
    font-size:10px;
    letter-spacing:3px;
  }

  .dem-newdev-what-heading{
    font-size:39px;
    letter-spacing:-1.2px;
    margin-bottom:38px;
  }

  .dem-newdev-what-title{
    font-size:39px;
    line-height:1.08;
    letter-spacing:-1.4px;
  }

  .dem-newdev-what-eyebrow{
    font-size:10px;
    letter-spacing:2.8px;
    gap:12px;
  }

  .dem-newdev-what-eyebrow span{
    width:35px;
  }

  .dem-newdev-what-lead{
    font-size:17px;
    line-height:1.65;
  }

  .dem-newdev-what-text{
    font-size:15px;
    line-height:1.7;
  }

  .dem-newdev-what-note{
    padding:20px;
    grid-template-columns:40px 1fr;
    gap:13px;
  }

  .dem-newdev-stage-text strong{
    font-size:13px;
  }

  .dem-newdev-stage-text small{
    font-size:10px;
  }
}


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

@media (max-width:380px){

  .dem-newdev-what{
    padding-left:15px;
    padding-right:15px;
  }

  .dem-newdev-what-visual{
    padding:25px;
    min-height:490px;
  }

  .dem-newdev-what-heading{
    font-size:34px;
  }

  .dem-newdev-what-title{
    font-size:34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0941cfb *//* =========================================
   DUA ESTATE & MARKETING
   CURRENT DEVELOPMENT ACTIVITY
   ========================================= */

.dem-devactivity{
  width:100%;
  background:#f5f7f9;
  padding:105px 0 110px;
  overflow:hidden;
}

.dem-devactivity-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}


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

.dem-devactivity-header{
  max-width:900px;
  margin-bottom:52px;
}

.dem-devactivity-eyebrow{
  display:flex;
  align-items:center;
  gap:17px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:4px;
  margin-bottom:24px;
}

.dem-devactivity-eyebrow span{
  width:52px;
  height:2px;
  background:#f47b20;
  display:block;
}

.dem-devactivity-title{
  margin:0;
  padding:0;
  color:#061b33 !important;
  font-size:58px;
  line-height:1.04;
  letter-spacing:-2.5px;
  font-weight:700;
  border:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-devactivity-title span{
  color:#f47b20 !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-devactivity-title::before,
.dem-devactivity-title::after,
.dem-devactivity-title span::before,
.dem-devactivity-title span::after{
  content:none !important;
  display:none !important;
}

.dem-devactivity-intro{
  margin:24px 0 0;
  color:#56718c;
  font-size:17px;
  line-height:1.75;
  max-width:720px;
}


/* =========================================
   MAIN STATUS GRID
   ========================================= */

.dem-devactivity-main{
  display:grid;
  grid-template-columns:1.15fr .925fr .925fr;
  gap:18px;
}


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

.dem-devactivity-featured{
  position:relative;
  min-height:390px;
  padding:35px;
  background:#061b33;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.dem-devactivity-featured::after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:-145px;
  bottom:-145px;
}

.dem-devactivity-featured-top{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.dem-devactivity-featured-top span{
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:2.5px;
}

.dem-devactivity-featured-top strong{
  color:rgba(255,255,255,.16);
  font-size:46px;
  font-weight:300;
  line-height:1;
}

.dem-devactivity-featured-title{
  position:relative;
  z-index:2;
  margin-top:62px;
  color:#ffffff;
  font-size:54px;
  line-height:.95;
  font-weight:700;
  letter-spacing:-2px;
}

.dem-devactivity-featured-title small{
  display:block;
  margin-top:6px;
  color:#f47b20;
  font-size:30px;
  font-weight:600;
  letter-spacing:-.5px;
}

.dem-devactivity-progress{
  position:relative;
  z-index:2;
  height:7px;
  background:rgba(255,255,255,.12);
  border-radius:10px;
  margin-top:36px;
  overflow:hidden;
}

.dem-devactivity-progress-fill{
  width:90%;
  height:100%;
  background:#f47b20;
  border-radius:10px;
}

.dem-devactivity-featured-bottom{
  position:relative;
  z-index:2;
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-top:13px;
}

.dem-devactivity-featured-bottom strong{
  color:#ffffff;
  font-size:22px;
}

.dem-devactivity-featured-bottom span{
  color:rgba(255,255,255,.5);
  font-size:10px;
  letter-spacing:2px;
}

.dem-devactivity-featured p{
  position:relative;
  z-index:2;
  margin:auto 0 0;
  padding-top:25px;
  color:rgba(255,255,255,.67);
  font-size:14px;
  line-height:1.7;
}


/* =========================================
   STANDARD CARDS
   ========================================= */

.dem-devactivity-card{
  min-height:390px;
  padding:35px;
  background:#ffffff;
  border-radius:10px;
  display:flex;
  flex-direction:column;
  border:1px solid #e3e9ee;
}

.dem-devactivity-card-muted{
  background:#ffffff;
}

.dem-devactivity-card-number{
  color:#c5d0da;
  font-size:42px;
  line-height:1;
  font-weight:300;
}

.dem-devactivity-card-label{
  margin-top:35px;
  color:#f47b20;
  font-size:10px;
  font-weight:700;
  letter-spacing:2.5px;
}

.dem-devactivity-card h3{
  margin:13px 0 16px;
  color:#061b33;
  font-size:34px;
  line-height:1;
  letter-spacing:-1px;
}

.dem-devactivity-card p{
  margin:0;
  color:#56718c;
  font-size:15px;
  line-height:1.75;
}

.dem-devactivity-card-meta{
  margin-top:auto;
  padding-top:25px;
  border-top:1px solid #e7edf1;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.dem-devactivity-card-meta strong{
  color:#061b33;
  font-size:25px;
}

.dem-devactivity-card-meta span{
  color:#7b8fa1;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.8px;
}

.dem-devactivity-watch{
  margin-top:auto;
  padding-top:22px;
  border-top:1px solid #e7edf1;
  display:flex;
  align-items:center;
  gap:10px;
  color:#061b33;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.3px;
}

.dem-devactivity-watch span{
  width:8px;
  height:8px;
  background:#f47b20;
  border-radius:50%;
  display:block;
}


/* =========================================
   SOURCE / LAST VERIFIED
   ========================================= */

.dem-devactivity-source{
  margin-top:18px;
  padding:24px 28px;
  background:#ffffff;
  border-radius:10px;
  border:1px solid #e3e9ee;
  display:flex;
  align-items:flex-start;
  gap:18px;
}

.dem-devactivity-source-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:10px;
  background:#061b33;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
}

.dem-devactivity-source-content strong{
  display:block;
  color:#061b33;
  font-size:15px;
  margin-bottom:5px;
}

.dem-devactivity-source-content p{
  margin:0;
  color:#657d91;
  font-size:14px;
  line-height:1.65;
}


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

@media(max-width:1000px){

  .dem-devactivity{
    padding:85px 35px 90px;
  }

  .dem-devactivity-title{
    font-size:50px;
  }

  .dem-devactivity-main{
    grid-template-columns:1fr 1fr;
  }

  .dem-devactivity-featured{
    grid-column:1 / -1;
    min-height:360px;
  }
}


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

@media(max-width:600px){

  .dem-devactivity{
    padding:65px 20px 70px;
  }

  .dem-devactivity-title{
    font-size:39px;
    line-height:1.08;
    letter-spacing:-1.4px;
  }

  .dem-devactivity-eyebrow{
    font-size:10px;
    letter-spacing:2.8px;
    gap:12px;
  }

  .dem-devactivity-eyebrow span{
    width:35px;
  }

  .dem-devactivity-intro{
    font-size:16px;
  }

  .dem-devactivity-main{
    grid-template-columns:1fr;
    gap:15px;
  }

  .dem-devactivity-featured{
    grid-column:auto;
    min-height:370px;
    padding:30px;
  }

  .dem-devactivity-card{
    min-height:330px;
    padding:30px;
  }

  .dem-devactivity-featured-title{
    font-size:48px;
  }

  .dem-devactivity-source{
    padding:20px;
  }

  .dem-devactivity-source-content p{
    font-size:13px;
  }
}


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

@media(max-width:380px){

  .dem-devactivity{
    padding-left:15px;
    padding-right:15px;
  }

  .dem-devactivity-title{
    font-size:34px;
  }

  .dem-devactivity-featured{
    padding:25px;
  }

  .dem-devactivity-featured-title{
    font-size:43px;
  }

  .dem-devactivity-card{
    padding:25px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-da37236 *//* =========================================
   DUA ESTATE & MARKETING
   SECTORS WE'RE TRACKING
   ========================================= */

.dem-tracking{
  width:100%;
  background:#ffffff;
  padding:105px 0 110px;
  overflow:hidden;
}

.dem-tracking-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}


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

.dem-tracking-header{
  max-width:850px;
  margin-bottom:55px;
}

.dem-tracking-eyebrow{
  display:flex;
  align-items:center;
  gap:17px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:4px;
  margin-bottom:24px;
}

.dem-tracking-eyebrow span{
  width:52px;
  height:2px;
  background:#f47b20;
  display:block;
}

.dem-tracking-title{
  margin:0;
  padding:0;
  color:#061b33 !important;
  font-size:58px;
  line-height:1.04;
  letter-spacing:-2.5px;
  font-weight:700;
  border:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-tracking-title span{
  color:#f47b20 !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-tracking-title::before,
.dem-tracking-title::after,
.dem-tracking-title span::before,
.dem-tracking-title span::after{
  content:none !important;
  display:none !important;
}

.dem-tracking-intro{
  margin:24px 0 0;
  color:#56718c;
  font-size:17px;
  line-height:1.75;
  max-width:760px;
}


/* =========================================
   MAIN LAYOUT
   ========================================= */

.dem-tracking-layout{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:55px;
  align-items:stretch;
}


/* =========================================
   LEFT PANEL
   ========================================= */

.dem-tracking-side{
  position:relative;
  background:#061b33;
  border-radius:10px;
  padding:40px;
  min-height:610px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.dem-tracking-side::before{
  content:"";
  position:absolute;
  width:370px;
  height:370px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:50%;
  right:-180px;
  top:-165px;
}

.dem-tracking-side::after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  border:1px solid rgba(244,123,32,.13);
  border-radius:50%;
  left:-120px;
  bottom:-115px;
}

.dem-tracking-side-number{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.13);
  font-size:62px;
  line-height:1;
  font-weight:300;
}

.dem-tracking-side-label{
  position:relative;
  z-index:2;
  margin-top:70px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:3px;
}

.dem-tracking-side h3{
  position:relative;
  z-index:2;
  margin:17px 0 22px;
  color:#ffffff;
  font-size:45px;
  line-height:1.02;
  letter-spacing:-1.5px;
}

.dem-tracking-side h3 span{
  color:#f47b20;
}

.dem-tracking-side p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:390px;
  color:rgba(255,255,255,.65);
  font-size:15px;
  line-height:1.8;
}

.dem-tracking-side-line{
  position:relative;
  z-index:2;
  width:100%;
  height:1px;
  background:rgba(255,255,255,.14);
  margin-top:auto;
  margin-bottom:22px;
}

.dem-tracking-side-note{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.dem-tracking-side-note strong{
  color:#ffffff;
  font-size:15px;
}

.dem-tracking-side-note span{
  color:rgba(255,255,255,.48);
  font-size:13px;
  line-height:1.5;
}


/* =========================================
   RIGHT LIST
   ========================================= */

.dem-tracking-list{
  display:flex;
  flex-direction:column;
  gap:0;
  border-top:1px solid #dfe6eb;
}

.dem-tracking-item{
  min-height:105px;
  display:grid;
  grid-template-columns:58px 1fr auto;
  align-items:center;
  gap:22px;
  padding:19px 5px 19px 0;
  border-bottom:1px solid #dfe6eb;
}

.dem-tracking-item-number{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#f5f7f9;
  color:#71869a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}

.dem-tracking-item-content h3{
  margin:0 0 5px;
  color:#061b33;
  font-size:25px;
  line-height:1;
  font-weight:700;
}

.dem-tracking-item-content p{
  margin:0;
  color:#71869a;
  font-size:14px;
  line-height:1.5;
}

.dem-tracking-item-status{
  display:flex;
  align-items:center;
  gap:9px;
  color:#71869a;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.7px;
}

.dem-tracking-item-status span{
  width:7px;
  height:7px;
  background:#f47b20;
  border-radius:50%;
  display:block;
}

.dem-tracking-bottom{
  margin-top:auto;
  padding:25px 5px 0 0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#71869a;
  font-size:13px;
  line-height:1.6;
}

.dem-tracking-bottom span{
  width:5px;
  height:5px;
  margin-top:7px;
  flex:0 0 5px;
  border-radius:50%;
  background:#f47b20;
}


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

@media(max-width:1000px){

  .dem-tracking{
    padding:85px 35px 90px;
  }

  .dem-tracking-title{
    font-size:50px;
  }

  .dem-tracking-layout{
    grid-template-columns:1fr;
    gap:40px;
  }

  .dem-tracking-side{
    min-height:430px;
  }

  .dem-tracking-side-label{
    margin-top:45px;
  }
}


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

@media(max-width:600px){

  .dem-tracking{
    padding:65px 20px 70px;
  }

  .dem-tracking-title{
    font-size:39px;
    line-height:1.08;
    letter-spacing:-1.4px;
  }

  .dem-tracking-eyebrow{
    font-size:10px;
    letter-spacing:2.8px;
    gap:12px;
  }

  .dem-tracking-eyebrow span{
    width:35px;
  }

  .dem-tracking-intro{
    font-size:16px;
  }

  .dem-tracking-side{
    min-height:430px;
    padding:30px;
  }

  .dem-tracking-side-number{
    font-size:52px;
  }

  .dem-tracking-side h3{
    font-size:39px;
  }

  .dem-tracking-item{
    grid-template-columns:45px 1fr;
    gap:15px;
    padding:18px 0;
  }

  .dem-tracking-item-number{
    width:40px;
    height:40px;
  }

  .dem-tracking-item-status{
    grid-column:2;
    justify-self:start;
    margin-top:-4px;
  }

  .dem-tracking-item-content h3{
    font-size:23px;
  }

  .dem-tracking-item-content p{
    font-size:13px;
  }
}


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

@media(max-width:380px){

  .dem-tracking{
    padding-left:15px;
    padding-right:15px;
  }

  .dem-tracking-title{
    font-size:34px;
  }

  .dem-tracking-side{
    padding:25px;
  }

  .dem-tracking-side h3{
    font-size:34px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86c1fce *//* =========================================
   DUA ESTATE & MARKETING
   I-SERIES VS C-SERIES
   ========================================= */

.dem-series-pattern{
  width:100%;
  background:#ffffff;
  padding:105px 0 110px;
  overflow:hidden;
}

.dem-series-pattern-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}


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

.dem-series-pattern-header{
  max-width:900px;
  margin-bottom:52px;
}

.dem-series-pattern-eyebrow{
  display:flex;
  align-items:center;
  gap:17px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:4px;
  margin-bottom:24px;
}

.dem-series-pattern-eyebrow span{
  display:block;
  width:52px;
  height:2px;
  background:#f47b20;
}

.dem-series-pattern-title{
  margin:0;
  padding:0;
  color:#061b33 !important;
  font-size:58px;
  line-height:1.04;
  letter-spacing:-2.5px;
  font-weight:700;
  border:0 !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-series-pattern-title span{
  color:#f47b20 !important;
  border:0 !important;
  border-bottom:0 !important;
  background:transparent !important;
  text-decoration:none !important;
  box-shadow:none !important;
}

.dem-series-pattern-title::before,
.dem-series-pattern-title::after,
.dem-series-pattern-title span::before,
.dem-series-pattern-title span::after{
  content:none !important;
  display:none !important;
}

.dem-series-pattern-intro{
  margin:24px 0 0;
  max-width:770px;
  color:#56718c;
  font-size:17px;
  line-height:1.75;
}


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

.dem-series-pattern-grid{
  display:grid;
  grid-template-columns:1fr 70px 1fr;
  gap:25px;
  align-items:stretch;
}


/* =========================================
   SERIES CARDS
   ========================================= */

.dem-series-card{
  position:relative;
  min-height:500px;
  padding:36px;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

.dem-series-card-light{
  background:#f5f7f9;
  border:1px solid #e2e8ed;
}

.dem-series-card-dark{
  background:#061b33;
}

.dem-series-card-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.dem-series-card-number{
  font-size:43px;
  line-height:1;
  font-weight:300;
}

.dem-series-card-light .dem-series-card-number{
  color:#c6d1da;
}

.dem-series-card-dark .dem-series-card-number{
  color:rgba(255,255,255,.15);
}

.dem-series-card-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:3px;
}

.dem-series-card-light .dem-series-card-label{
  color:#f47b20;
}

.dem-series-card-dark .dem-series-card-label{
  color:#f47b20;
}


/* =========================================
   LARGE LETTER
   ========================================= */

.dem-series-letter{
  position:absolute;
  right:22px;
  top:75px;
  font-size:190px;
  line-height:.8;
  font-weight:700;
  letter-spacing:-15px;
  pointer-events:none;
  user-select:none;
}

.dem-series-card-light .dem-series-letter{
  color:rgba(6,27,51,.055);
}

.dem-series-card-dark .dem-series-letter{
  color:rgba(255,255,255,.045);
}


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

.dem-series-card h3{
  position:relative;
  z-index:2;
  margin-top:105px;
  margin-bottom:20px;
  font-size:30px;
  line-height:1.15;
  letter-spacing:-.7px;
}

.dem-series-card-light h3{
  color:#061b33;
}

.dem-series-card-dark h3{
  color:#ffffff;
}

.dem-series-card h3 span{
  color:#f47b20;
}

.dem-series-card p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:500px;
  font-size:15px;
  line-height:1.8;
}

.dem-series-card-light p{
  color:#60788d;
}

.dem-series-card-dark p{
  color:rgba(255,255,255,.64);
}


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

.dem-series-card-footer{
  position:relative;
  z-index:2;
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid;
  display:flex;
  flex-direction:column;
  gap:7px;
}

.dem-series-card-light .dem-series-card-footer{
  border-color:#dce4ea;
}

.dem-series-card-dark .dem-series-card-footer{
  border-color:rgba(255,255,255,.13);
}

.dem-series-card-footer span{
  font-size:10px;
  font-weight:700;
  letter-spacing:2px;
}

.dem-series-card-light .dem-series-card-footer span{
  color:#7b8fa0;
}

.dem-series-card-dark .dem-series-card-footer span{
  color:rgba(255,255,255,.45);
}

.dem-series-card-footer strong{
  font-size:14px;
  letter-spacing:.5px;
}

.dem-series-card-light .dem-series-card-footer strong{
  color:#061b33;
}

.dem-series-card-dark .dem-series-card-footer strong{
  color:#ffffff;
}


/* =========================================
   CENTER VS
   ========================================= */

.dem-series-center{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
}

.dem-series-center-line{
  width:1px;
  height:100%;
  background:#dfe6eb;
}

.dem-series-center-or{
  position:absolute;
  width:50px;
  height:50px;
  border-radius:10px;
  background:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
}

.dem-series-center-or span{
  color:#ffffff;
  font-size:11px;
  font-weight:700;
  letter-spacing:1px;
}


/* =========================================
   BOTTOM NOTE
   ========================================= */

.dem-series-pattern-note{
  margin-top:18px;
  padding:25px 28px;
  border-radius:10px;
  background:#ffffff;
  border:1px solid #e1e7ec;
  display:grid;
  grid-template-columns:45px 1fr;
  gap:18px;
  align-items:start;
}

.dem-series-pattern-note-mark{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#061b33;
  display:flex;
  align-items:center;
  justify-content:center;
}

.dem-series-pattern-note-mark span{
  color:#ffffff;
  font-size:18px;
  font-weight:700;
}

.dem-series-pattern-note-content strong{
  display:block;
  margin:1px 0 6px;
  color:#061b33;
  font-size:16px;
}

.dem-series-pattern-note-content p{
  margin:0;
  max-width:950px;
  color:#657d91;
  font-size:14px;
  line-height:1.7;
}


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

@media(max-width:1000px){

  .dem-series-pattern{
    padding:85px 35px 90px;
  }

  .dem-series-pattern-title{
    font-size:50px;
  }

  .dem-series-pattern-grid{
    grid-template-columns:1fr;
    gap:15px;
  }

  .dem-series-card{
    min-height:420px;
  }

  .dem-series-center{
    display:none;
  }
}


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

@media(max-width:600px){

  .dem-series-pattern{
    padding:65px 20px 70px;
  }

  .dem-series-pattern-title{
    font-size:39px;
    line-height:1.08;
    letter-spacing:-1.4px;
  }

  .dem-series-pattern-eyebrow{
    font-size:10px;
    letter-spacing:2.8px;
    gap:12px;
  }

  .dem-series-pattern-eyebrow span{
    width:35px;
  }

  .dem-series-pattern-intro{
    font-size:16px;
  }

  .dem-series-card{
    min-height:410px;
    padding:30px;
  }

  .dem-series-card-number{
    font-size:38px;
  }

  .dem-series-card-label{
    font-size:10px;
    letter-spacing:2px;
  }

  .dem-series-letter{
    font-size:145px;
    right:12px;
    top:75px;
  }

  .dem-series-card h3{
    margin-top:95px;
    font-size:26px;
  }

  .dem-series-card p{
    font-size:15px;
    line-height:1.7;
  }

  .dem-series-pattern-note{
    padding:20px;
    grid-template-columns:40px 1fr;
    gap:13px;
  }

  .dem-series-pattern-note-mark{
    width:38px;
    height:38px;
  }

  .dem-series-pattern-note-content p{
    font-size:13px;
  }
}


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

@media(max-width:380px){

  .dem-series-pattern{
    padding-left:15px;
    padding-right:15px;
  }

  .dem-series-pattern-title{
    font-size:34px;
  }

  .dem-series-card{
    padding:25px;
    min-height:390px;
  }

  .dem-series-card h3{
    font-size:24px;
  }

  .dem-series-letter{
    font-size:125px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5cfa005 *//* =========================================================
   HOW CDA PRIORITIZES SECTOR DEVELOPMENT
   Dua Estate & Marketing
   ========================================================= */

.dem-priority-section{
  width:100%;
  background:#ffffff;
  padding:110px 0 115px;
  overflow:hidden;
  box-sizing:border-box;
}

.dem-priority-section *,
.dem-priority-section *::before,
.dem-priority-section *::after{
  box-sizing:border-box;
}

.dem-priority-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

/* ---------- HEADER ---------- */

.dem-priority-header{
  max-width:850px;
  margin:0 0 58px;
}

.dem-priority-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.2;
}

.dem-priority-eyebrow span{
  display:block;
  width:38px;
  height:2px;
  background:#f47b20;
  flex:none;
}

.dem-priority-title{
  margin:0 0 20px;
  color:#061b33;
  font-size:58px;
  line-height:1.04;
  font-weight:700;
  letter-spacing:-1.8px;
}

.dem-priority-title span{
  color:#f47b20 !important;
  background:transparent !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.dem-priority-title::before,
.dem-priority-title::after,
.dem-priority-title span::before,
.dem-priority-title span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-priority-intro{
  max-width:780px;
  margin:0;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}

/* ---------- MAIN GRID ---------- */

.dem-priority-main{
  display:grid;
  grid-template-columns:0.88fr 1.12fr;
  gap:76px;
  align-items:stretch;
}

/* ---------- LEFT VISUAL ---------- */

.dem-priority-visual{
  position:relative;
  min-height:610px;
  padding:44px;
  background:#061b33;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#ffffff;
}

.dem-priority-grid{
  position:absolute;
  inset:0;
  opacity:.12;
  background-image:
    linear-gradient(rgba(255,255,255,.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.35) 1px, transparent 1px);
  background-size:46px 46px;
  pointer-events:none;
}

.dem-priority-visual::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-105px;
  top:145px;
  border:1px solid rgba(244,123,32,.35);
  border-radius:50%;
  pointer-events:none;
}

.dem-priority-visual-top,
.dem-priority-cycle,
.dem-priority-visual-bottom{
  position:relative;
  z-index:2;
}

.dem-priority-visual-top{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.dem-priority-visual-top span{
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.dem-priority-visual-top strong{
  color:#ffffff;
  font-size:28px;
  font-weight:500;
  letter-spacing:.5px;
}

/* ---------- CYCLE ---------- */

.dem-priority-cycle{
  margin:45px 0 40px;
  width:100%;
  max-width:440px;
}

.dem-priority-cycle-item{
  display:grid;
  grid-template-columns:50px 1fr;
  align-items:center;
  gap:17px;
}

.dem-priority-icon{
  width:50px;
  height:50px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:13px;
  font-weight:700;
  letter-spacing:1px;
}

.dem-priority-icon.active{
  background:#f47b20;
  border-color:#f47b20;
}

.dem-priority-cycle-item strong{
  display:block;
  color:#ffffff;
  font-size:17px;
  line-height:1.3;
  font-weight:600;
}

.dem-priority-cycle-item small{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.4;
}

.dem-priority-cycle-line{
  width:1px;
  height:34px;
  margin:7px 0 7px 24px;
  background:rgba(255,255,255,.25);
}

/* ---------- VISUAL BOTTOM ---------- */

.dem-priority-visual-bottom{
  max-width:430px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
}

.dem-priority-visual-bottom span{
  display:block;
  margin-bottom:9px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.8px;
}

.dem-priority-visual-bottom p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.65;
}

/* ---------- RIGHT CONTENT ---------- */

.dem-priority-content{
  padding:18px 0 0;
}

.dem-priority-copy{
  max-width:700px;
  margin-bottom:38px;
}

.dem-priority-copy p{
  margin:0 0 18px;
  color:#526170;
  font-size:17px;
  line-height:1.78;
}

.dem-priority-copy p:last-child{
  margin-bottom:0;
}

/* ---------- POINTS ---------- */

.dem-priority-points{
  border-top:1px solid #dfe5ea;
}

.dem-priority-point{
  display:grid;
  grid-template-columns:48px 1fr;
  gap:20px;
  padding:25px 0;
  border-bottom:1px solid #dfe5ea;
}

.dem-priority-point-number{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.5px;
}

.dem-priority-point h3{
  margin:0 0 7px;
  color:#061b33;
  font-size:22px;
  line-height:1.3;
  font-weight:600;
}

.dem-priority-point p{
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.7;
}

/* ---------- NOTE ---------- */

.dem-priority-note{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:17px;
  margin-top:30px;
  padding:23px 25px;
  background:#f5f7f9;
  border:1px solid #e2e7eb;
  border-radius:10px;
}

.dem-priority-note-mark{
  width:40px;
  height:40px;
  border-radius:10px;
  background:#061b33;
  color:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
}

.dem-priority-note strong{
  display:block;
  margin-bottom:6px;
  color:#061b33;
  font-size:17px;
  line-height:1.35;
}

.dem-priority-note p{
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.65;
}


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

@media (max-width:1000px){

  .dem-priority-section{
    padding:90px 0 95px;
  }

  .dem-priority-inner{
    padding:0 32px;
  }

  .dem-priority-title{
    font-size:48px;
  }

  .dem-priority-main{
    grid-template-columns:1fr;
    gap:55px;
  }

  .dem-priority-visual{
    min-height:520px;
  }

  .dem-priority-content{
    padding:0;
  }

}


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

@media (max-width:600px){

  .dem-priority-section{
    padding:70px 0 75px;
  }

  .dem-priority-inner{
    padding:0 20px;
  }

  .dem-priority-header{
    margin-bottom:40px;
  }

  .dem-priority-eyebrow{
    font-size:11px;
    letter-spacing:1.6px;
    gap:9px;
  }

  .dem-priority-eyebrow span{
    width:28px;
  }

  .dem-priority-title{
    font-size:37px;
    line-height:1.08;
    letter-spacing:-1px;
  }

  .dem-priority-intro{
    font-size:16px;
    line-height:1.7;
  }

  .dem-priority-main{
    gap:42px;
  }

  .dem-priority-visual{
    min-height:auto;
    padding:30px 25px;
  }

  .dem-priority-visual-top strong{
    font-size:24px;
  }

  .dem-priority-cycle{
    margin:40px 0 38px;
  }

  .dem-priority-cycle-item{
    grid-template-columns:44px 1fr;
    gap:14px;
  }

  .dem-priority-icon{
    width:44px;
    height:44px;
    border-radius:10px;
    font-size:11px;
  }

  .dem-priority-cycle-line{
    margin-left:21px;
    height:28px;
  }

  .dem-priority-cycle-item strong{
    font-size:16px;
  }

  .dem-priority-cycle-item small{
    font-size:12px;
  }

  .dem-priority-visual-bottom p{
    font-size:14px;
    line-height:1.6;
  }

  .dem-priority-copy{
    margin-bottom:30px;
  }

  .dem-priority-copy p{
    font-size:16px;
    line-height:1.72;
  }

  .dem-priority-point{
    grid-template-columns:42px 1fr;
    gap:14px;
    padding:22px 0;
  }

  .dem-priority-point-number{
    width:40px;
    height:40px;
    font-size:11px;
  }

  .dem-priority-point h3{
    font-size:19px;
  }

  .dem-priority-point p{
    font-size:15px;
    line-height:1.65;
  }

  .dem-priority-note{
    grid-template-columns:40px 1fr;
    gap:13px;
    padding:20px;
  }

  .dem-priority-note-mark{
    width:38px;
    height:38px;
  }

  .dem-priority-note strong{
    font-size:16px;
  }

  .dem-priority-note p{
    font-size:14px;
    line-height:1.6;
  }

}


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

@media (max-width:380px){

  .dem-priority-inner{
    padding:0 16px;
  }

  .dem-priority-title{
    font-size:33px;
  }

  .dem-priority-visual{
    padding:26px 20px;
  }

  .dem-priority-point{
    grid-template-columns:1fr;
    gap:12px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e479d9 *//* =========================================================
   WHY DELAYS HAPPEN
   Dua Estate & Marketing
   ========================================================= */

.dem-delays-section{
  width:100%;
  background:#f5f7f9;
  padding:110px 0 115px;
  overflow:hidden;
  box-sizing:border-box;
}

.dem-delays-section *,
.dem-delays-section *::before,
.dem-delays-section *::after{
  box-sizing:border-box;
}

.dem-delays-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}

/* ---------- HEADER ---------- */

.dem-delays-header{
  max-width:850px;
  margin-bottom:60px;
}

.dem-delays-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.2;
}

.dem-delays-eyebrow span{
  display:block;
  width:38px;
  height:2px;
  background:#f47b20;
  flex:none;
}

.dem-delays-title{
  margin:0 0 20px;
  color:#061b33;
  font-size:58px;
  line-height:1.04;
  font-weight:700;
  letter-spacing:-1.8px;
}

.dem-delays-title span{
  color:#f47b20 !important;
  background:transparent !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.dem-delays-title::before,
.dem-delays-title::after,
.dem-delays-title span::before,
.dem-delays-title span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-delays-intro{
  max-width:780px;
  margin:0;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}

/* ---------- MAIN LAYOUT ---------- */

.dem-delays-layout{
  display:grid;
  grid-template-columns:0.72fr 1.28fr;
  gap:70px;
  align-items:stretch;
}

/* ---------- LEFT STATEMENT ---------- */

.dem-delays-statement{
  position:relative;
  min-height:610px;
  padding:45px;
  background:#061b33;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

.dem-delays-statement::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  top:-115px;
  right:-115px;
  border:1px solid rgba(244,123,32,.38);
  border-radius:50%;
}

.dem-delays-statement::after{
  content:"";
  position:absolute;
  width:210px;
  height:210px;
  top:-55px;
  right:-55px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
}

.dem-delays-number{
  position:absolute;
  top:42px;
  left:45px;
  color:rgba(255,255,255,.25);
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
}

.dem-delays-statement-label{
  position:relative;
  z-index:2;
  margin-bottom:20px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
}

.dem-delays-statement h3{
  position:relative;
  z-index:2;
  margin:0;
  color:#ffffff;
  font-size:46px;
  line-height:1.02;
  font-weight:500;
  letter-spacing:-1px;
}

.dem-delays-statement h3 span{
  color:#f47b20;
}

.dem-delays-statement-line{
  position:relative;
  z-index:2;
  width:55px;
  height:2px;
  margin:28px 0 22px;
  background:#f47b20;
}

.dem-delays-statement p{
  position:relative;
  z-index:2;
  max-width:400px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.7;
}

/* ---------- RIGHT CONTENT ---------- */

.dem-delays-content{
  padding-top:8px;
}

.dem-delays-content-intro{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:20px;
  align-items:start;
  padding-bottom:32px;
  border-bottom:1px solid #d9e0e5;
}

.dem-delays-mark{
  width:44px;
  height:44px;
  border-radius:10px;
  background:#f47b20;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
}

.dem-delays-content-intro p{
  margin:0;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}

.dem-delays-content-intro strong{
  color:#061b33;
  font-weight:700;
}

/* ---------- REASONS ---------- */

.dem-delays-reasons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding:30px 0;
}

.dem-delays-reason{
  min-height:250px;
  padding:28px;
  background:#ffffff;
  border:1px solid #dfe5ea;
  border-radius:10px;
  display:flex;
  flex-direction:column;
}

.dem-delays-reason:last-child{
  grid-column:1 / -1;
  min-height:205px;
}

.dem-delays-reason-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:34px;
}

.dem-delays-reason-top > span:first-child{
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.8px;
}

.dem-delays-arrow{
  color:#061b33;
  font-size:20px;
  line-height:1;
}

.dem-delays-reason h4{
  margin:0 0 10px;
  color:#061b33;
  font-size:24px;
  line-height:1.25;
  font-weight:600;
}

.dem-delays-reason p{
  max-width:520px;
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.7;
}

.dem-delays-reason-dark{
  background:#061b33;
  border-color:#061b33;
}

.dem-delays-reason-dark .dem-delays-arrow{
  color:#f47b20;
}

.dem-delays-reason-dark h4{
  color:#ffffff;
}

.dem-delays-reason-dark p{
  color:rgba(255,255,255,.72);
}

/* ---------- BOTTOM NOTE ---------- */

.dem-delays-bottom{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:17px;
  padding:23px 25px;
  background:#ffffff;
  border:1px solid #dfe5ea;
  border-radius:10px;
}

.dem-delays-bottom-icon{
  width:40px;
  height:40px;
  border-radius:10px;
  background:#061b33;
  color:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
}

.dem-delays-bottom strong{
  display:block;
  margin-bottom:6px;
  color:#061b33;
  font-size:17px;
  line-height:1.35;
}

.dem-delays-bottom p{
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.65;
}


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

@media (max-width:1000px){

  .dem-delays-section{
    padding:90px 0 95px;
  }

  .dem-delays-inner{
    padding:0 32px;
  }

  .dem-delays-title{
    font-size:48px;
  }

  .dem-delays-layout{
    grid-template-columns:1fr;
    gap:50px;
  }

  .dem-delays-statement{
    min-height:500px;
  }

}


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

@media (max-width:600px){

  .dem-delays-section{
    padding:70px 0 75px;
  }

  .dem-delays-inner{
    padding:0 20px;
  }

  .dem-delays-header{
    margin-bottom:40px;
  }

  .dem-delays-eyebrow{
    font-size:11px;
    letter-spacing:1.6px;
    gap:9px;
  }

  .dem-delays-eyebrow span{
    width:28px;
  }

  .dem-delays-title{
    font-size:37px;
    line-height:1.08;
    letter-spacing:-1px;
  }

  .dem-delays-intro{
    font-size:16px;
    line-height:1.7;
  }

  .dem-delays-layout{
    gap:40px;
  }

  .dem-delays-statement{
    min-height:460px;
    padding:30px 25px;
  }

  .dem-delays-number{
    top:28px;
    left:25px;
  }

  .dem-delays-statement-label{
    margin-bottom:16px;
    font-size:11px;
  }

  .dem-delays-statement h3{
    font-size:38px;
    line-height:1.04;
  }

  .dem-delays-statement-line{
    margin:24px 0 18px;
  }

  .dem-delays-statement p{
    font-size:14px;
    line-height:1.65;
  }

  .dem-delays-content-intro{
    grid-template-columns:40px 1fr;
    gap:14px;
    padding-bottom:26px;
  }

  .dem-delays-mark{
    width:40px;
    height:40px;
    font-size:11px;
  }

  .dem-delays-content-intro p{
    font-size:16px;
    line-height:1.7;
  }

  .dem-delays-reasons{
    grid-template-columns:1fr;
    gap:14px;
    padding:24px 0;
  }

  .dem-delays-reason,
  .dem-delays-reason:last-child{
    grid-column:auto;
    min-height:220px;
    padding:24px;
  }

  .dem-delays-reason-top{
    margin-bottom:28px;
  }

  .dem-delays-reason h4{
    font-size:21px;
  }

  .dem-delays-reason p{
    font-size:15px;
    line-height:1.65;
  }

  .dem-delays-bottom{
    grid-template-columns:40px 1fr;
    gap:13px;
    padding:20px;
  }

  .dem-delays-bottom-icon{
    width:38px;
    height:38px;
  }

  .dem-delays-bottom strong{
    font-size:16px;
  }

  .dem-delays-bottom p{
    font-size:14px;
    line-height:1.6;
  }

}


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

@media (max-width:380px){

  .dem-delays-inner{
    padding:0 16px;
  }

  .dem-delays-title{
    font-size:33px;
  }

  .dem-delays-statement{
    padding:28px 20px;
  }

  .dem-delays-statement h3{
    font-size:34px;
  }

  .dem-delays-reason{
    padding:22px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-20c36e9 *//* =========================================================
   WHAT TO CHECK BEFORE BUYING
   Dua Estate & Marketing
   ========================================================= */

.dem-checkbefore-section{
  width:100%;
  background:#ffffff;
  padding:110px 0 115px;
  overflow:hidden;
  box-sizing:border-box;
}

.dem-checkbefore-section *,
.dem-checkbefore-section *::before,
.dem-checkbefore-section *::after{
  box-sizing:border-box;
}

.dem-checkbefore-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}


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

.dem-checkbefore-header{
  max-width:850px;
  margin-bottom:58px;
}

.dem-checkbefore-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.2;
}

.dem-checkbefore-eyebrow span{
  width:38px;
  height:2px;
  background:#f47b20;
  display:block;
  flex:none;
}

.dem-checkbefore-title{
  margin:0 0 20px;
  color:#061b33;
  font-size:58px;
  line-height:1.04;
  font-weight:500;
  letter-spacing:-1.8px;
}

.dem-checkbefore-title span{
  color:#f47b20 !important;
  background:transparent !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.dem-checkbefore-title::before,
.dem-checkbefore-title::after,
.dem-checkbefore-title span::before,
.dem-checkbefore-title span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-checkbefore-intro{
  max-width:790px;
  margin:0;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}


/* =========================================================
   MAIN
   ========================================================= */

.dem-checkbefore-main{
  display:grid;
  grid-template-columns:0.82fr 1.18fr;
  gap:72px;
  align-items:stretch;
}


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

.dem-checkbefore-visual{
  position:relative;
  min-height:650px;
  padding:43px;
  background:#061b33;
  border-radius:10px;
  overflow:hidden;
  color:#ffffff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.dem-checkbefore-grid{
  position:absolute;
  inset:0;
  opacity:.1;
  background-image:
    linear-gradient(rgba(255,255,255,.4) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.4) 1px, transparent 1px);
  background-size:48px 48px;
  pointer-events:none;
}

.dem-checkbefore-visual::after{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  right:-145px;
  bottom:-120px;
  border:1px solid rgba(244,123,32,.35);
  border-radius:50%;
}

.dem-checkbefore-visual-top,
.dem-checkbefore-stage,
.dem-checkbefore-visual-bottom{
  position:relative;
  z-index:2;
}

.dem-checkbefore-visual-top span{
  display:block;
  margin-bottom:15px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.9px;
}

.dem-checkbefore-visual-top strong{
  display:block;
  color:#ffffff;
  font-size:54px;
  line-height:.94;
  font-weight:500;
  letter-spacing:-1.5px;
}


/* =========================================================
   STAGE
   ========================================================= */

.dem-checkbefore-stage{
  position:relative;
  width:100%;
  max-width:430px;
  margin:45px 0 35px;
}

.dem-checkbefore-stage-line{
  position:absolute;
  top:25px;
  left:22px;
  width:1px;
  height:calc(100% - 50px);
  background:rgba(255,255,255,.22);
}

.dem-checkbefore-stage-item{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:17px;
  align-items:center;
  margin-bottom:25px;
}

.dem-checkbefore-stage-item:last-child{
  margin-bottom:0;
}

.dem-checkbefore-stage-item > span{
  position:relative;
  z-index:2;
  width:46px;
  height:46px;
  border-radius:10px;
  background:#061b33;
  border:1px solid rgba(255,255,255,.28);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:11px;
  font-weight:700;
}

.dem-checkbefore-stage-item.active > span{
  background:#f47b20;
  border-color:#f47b20;
}

.dem-checkbefore-stage-item strong{
  display:block;
  margin-bottom:4px;
  color:#ffffff;
  font-size:17px;
  line-height:1.3;
  font-weight:600;
}

.dem-checkbefore-stage-item small{
  display:block;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.4;
}


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

.dem-checkbefore-visual-bottom{
  max-width:430px;
  padding-top:21px;
  border-top:1px solid rgba(255,255,255,.18);
}

.dem-checkbefore-visual-bottom span{
  display:block;
  margin-bottom:8px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.7px;
}

.dem-checkbefore-visual-bottom p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:15px;
  line-height:1.65;
}


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

.dem-checkbefore-content{
  padding-top:10px;
}

.dem-checkbefore-content-heading{
  padding-bottom:25px;
  border-bottom:1px solid #dfe5ea;
}

.dem-checkbefore-content-heading > span{
  display:block;
  margin-bottom:11px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.8px;
}

.dem-checkbefore-content-heading h3{
  max-width:620px;
  margin:0;
  color:#061b33;
  font-size:32px;
  line-height:1.2;
  font-weight:500;
}


/* =========================================================
   CHECK ITEMS
   ========================================================= */

.dem-checkbefore-item{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:20px;
  padding:27px 0;
  border-bottom:1px solid #dfe5ea;
}

.dem-checkbefore-item-number{
  width:46px;
  height:46px;
  border-radius:10px;
  background:#f5f7f9;
  border:1px solid #dfe5ea;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#061b33;
  font-size:12px;
  font-weight:700;
}

.dem-checkbefore-item-content{
  min-width:0;
}

.dem-checkbefore-item-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-bottom:9px;
}

.dem-checkbefore-item-top > span{
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.5px;
}

.dem-checkbefore-check{
  width:27px;
  height:27px;
  border-radius:50%;
  background:#f47b20;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:700;
  flex:none;
}

.dem-checkbefore-item h4{
  margin:0 0 8px;
  color:#061b33;
  font-size:21px;
  line-height:1.3;
  font-weight:600;
}

.dem-checkbefore-item p{
  max-width:650px;
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.7;
}

.dem-checkbefore-item p strong{
  color:#061b33;
  font-weight:700;
}


/* DARK THIRD ITEM */

.dem-checkbefore-item-dark{
  margin-top:0;
  padding:27px 24px;
  background:#061b33;
  border-radius:10px;
  border:0;
}

.dem-checkbefore-item-dark .dem-checkbefore-item-number{
  background:#f47b20;
  border-color:#f47b20;
  color:#ffffff;
}

.dem-checkbefore-item-dark .dem-checkbefore-item-top > span{
  color:#f47b20;
}

.dem-checkbefore-item-dark .dem-checkbefore-item h4{
  color:#ffffff;
}

.dem-checkbefore-item-dark .dem-checkbefore-item p{
  color:rgba(255,255,255,.7);
}

.dem-checkbefore-item-dark .dem-checkbefore-item p strong{
  color:#ffffff;
}


/* =========================================================
   GUIDE
   ========================================================= */

.dem-checkbefore-guide{
  margin-top:24px;
  padding:20px 22px;
  background:#f5f7f9;
  border:1px solid #dfe5ea;
  border-radius:10px;
  display:grid;
  grid-template-columns:40px 1fr auto;
  gap:15px;
  align-items:center;
}

.dem-checkbefore-guide-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#061b33;
  color:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px;
}

.dem-checkbefore-guide span{
  display:block;
  margin-bottom:5px;
  color:#f47b20;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.5px;
}

.dem-checkbefore-guide strong{
  display:block;
  color:#061b33;
  font-size:15px;
  line-height:1.4;
  font-weight:600;
}

.dem-checkbefore-guide a{
  padding:12px 15px;
  border-radius:10px;
  background:#f47b20;
  color:#ffffff !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  transition:all .25s ease;
}

.dem-checkbefore-guide a:hover{
  background:#061b33;
}


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

@media (max-width:1000px){

  .dem-checkbefore-section{
    padding:90px 0 95px;
  }

  .dem-checkbefore-inner{
    padding:0 32px;
  }

  .dem-checkbefore-title{
    font-size:48px;
  }

  .dem-checkbefore-main{
    grid-template-columns:1fr;
    gap:50px;
  }

  .dem-checkbefore-visual{
    min-height:560px;
  }

}


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

@media (max-width:600px){

  .dem-checkbefore-section{
    padding:70px 0 75px;
  }

  .dem-checkbefore-inner{
    padding:0 20px;
  }

  .dem-checkbefore-header{
    margin-bottom:40px;
  }

  .dem-checkbefore-eyebrow{
    font-size:11px;
    letter-spacing:1.6px;
    gap:9px;
  }

  .dem-checkbefore-eyebrow span{
    width:28px;
  }

  .dem-checkbefore-title{
    font-size:37px;
    line-height:1.08;
    letter-spacing:-1px;
  }

  .dem-checkbefore-intro{
    font-size:16px;
    line-height:1.7;
  }

  .dem-checkbefore-main{
    gap:40px;
  }

  .dem-checkbefore-visual{
    min-height:auto;
    padding:30px 25px;
  }

  .dem-checkbefore-visual-top strong{
    font-size:43px;
  }

  .dem-checkbefore-stage{
    margin:40px 0 35px;
  }

  .dem-checkbefore-stage-item{
    grid-template-columns:44px 1fr;
    gap:14px;
    margin-bottom:22px;
  }

  .dem-checkbefore-stage-item > span{
    width:42px;
    height:42px;
  }

  .dem-checkbefore-stage-line{
    left:20px;
  }

  .dem-checkbefore-stage-item strong{
    font-size:16px;
  }

  .dem-checkbefore-visual-bottom p{
    font-size:14px;
    line-height:1.6;
  }

  .dem-checkbefore-content-heading h3{
    font-size:27px;
  }

  .dem-checkbefore-item{
    grid-template-columns:40px 1fr;
    gap:14px;
    padding:23px 0;
  }

  .dem-checkbefore-item-number{
    width:40px;
    height:40px;
    font-size:11px;
  }

  .dem-checkbefore-item-top > span{
    font-size:10px;
    letter-spacing:1.3px;
  }

  .dem-checkbefore-check{
    width:25px;
    height:25px;
  }

  .dem-checkbefore-item h4{
    font-size:19px;
  }

  .dem-checkbefore-item p{
    font-size:15px;
    line-height:1.65;
  }

  .dem-checkbefore-item-dark{
    padding:23px 20px;
  }

  .dem-checkbefore-guide{
    grid-template-columns:38px 1fr;
    gap:13px;
  }

  .dem-checkbefore-guide a{
    grid-column:1 / -1;
    text-align:center;
  }

}


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

@media (max-width:380px){

  .dem-checkbefore-inner{
    padding:0 16px;
  }

  .dem-checkbefore-title{
    font-size:33px;
  }

  .dem-checkbefore-visual{
    padding:27px 20px;
  }

  .dem-checkbefore-visual-top strong{
    font-size:39px;
  }

  .dem-checkbefore-item-dark{
    padding:21px 18px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4fa19d *//* =========================================================
   AFTER POSSESSION
   Dua Estate & Marketing
   ========================================================= */

.dem-afterpos-section{
  width:100%;
  background:#f5f7f9;
  padding:110px 0 115px;
  overflow:hidden;
  box-sizing:border-box;
}

.dem-afterpos-section *,
.dem-afterpos-section *::before,
.dem-afterpos-section *::after{
  box-sizing:border-box;
}

.dem-afterpos-inner{
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0;
}


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

.dem-afterpos-header{
  max-width:850px;
  margin-bottom:60px;
}

.dem-afterpos-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:18px;
  color:#f47b20;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  line-height:1.2;
}

.dem-afterpos-eyebrow span{
  width:38px;
  height:2px;
  background:#f47b20;
  display:block;
  flex:none;
}

.dem-afterpos-title{
  margin:0 0 20px;
  color:#061b33;
  font-size:58px;
  line-height:1.04;
  font-weight:700;
  letter-spacing:-1.8px;
}

.dem-afterpos-title span{
  color:#f47b20 !important;
  background:transparent !important;
  border:0 !important;
  border-width:0 !important;
  border-style:none !important;
  border-color:transparent !important;
  border-bottom:0 !important;
  text-decoration:none !important;
  text-decoration-line:none !important;
  box-shadow:none !important;
  outline:none !important;
}

.dem-afterpos-title::before,
.dem-afterpos-title::after,
.dem-afterpos-title span::before,
.dem-afterpos-title span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  box-shadow:none !important;
}

.dem-afterpos-intro{
  max-width:790px;
  margin:0;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}


/* =========================================================
   MAIN
   ========================================================= */

.dem-afterpos-main{
  display:grid;
  grid-template-columns:0.88fr 1.12fr;
  gap:78px;
  align-items:stretch;
}


/* =========================================================
   TIMELINE
   ========================================================= */

.dem-afterpos-timeline{
  position:relative;
  min-height:610px;
  padding:48px 45px;
  background:#061b33;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.dem-afterpos-timeline::after{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-150px;
  bottom:-145px;
  border:1px solid rgba(244,123,32,.35);
  border-radius:50%;
}

.dem-afterpos-line{
  position:absolute;
  z-index:1;
  left:67px;
  top:105px;
  bottom:105px;
  width:1px;
  background:rgba(255,255,255,.2);
}

.dem-afterpos-stage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:22px;
  align-items:start;
  margin-bottom:48px;
}

.dem-afterpos-stage:last-child{
  margin-bottom:0;
}

.dem-afterpos-stage-number{
  width:46px;
  height:46px;
  border-radius:10px;
  background:#061b33;
  border:1px solid rgba(255,255,255,.3);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffffff;
  font-size:11px;
  font-weight:700;
}

.dem-afterpos-stage-active .dem-afterpos-stage-number{
  background:#f47b20;
  border-color:#f47b20;
}

.dem-afterpos-stage span{
  display:block;
  margin:2px 0 8px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.7px;
}

.dem-afterpos-stage h3{
  margin:0 0 7px;
  color:#ffffff;
  font-size:25px;
  line-height:1.2;
  font-weight:600;
}

.dem-afterpos-stage p{
  max-width:420px;
  margin:0;
  color:rgba(255,255,255,.65);
  font-size:14px;
  line-height:1.65;
}


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

.dem-afterpos-content{
  padding:22px 0 0;
}

.dem-afterpos-content-label{
  margin-bottom:12px;
  color:#f47b20;
  font-size:11px;
  font-weight:700;
  letter-spacing:1.8px;
}

.dem-afterpos-content h3{
  margin:0 0 24px;
  color:#061b33;
  font-size:38px;
  line-height:1.1;
  font-weight:500;
  letter-spacing:-.8px;
}

.dem-afterpos-content h3 span{
  color:#f47b20;
}

.dem-afterpos-copy{
  max-width:680px;
  margin:0 0 34px;
  color:#526170;
  font-size:17px;
  line-height:1.75;
}


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

.dem-afterpos-points{
  border-top:1px solid #dce2e7;
}

.dem-afterpos-point{
  display:grid;
  grid-template-columns:45px 1fr;
  gap:18px;
  padding:24px 0;
  border-bottom:1px solid #dce2e7;
}

.dem-afterpos-point-icon{
  width:42px;
  height:42px;
  border-radius:10px;
  background:#061b33;
  color:#f47b20;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:700;
}

.dem-afterpos-point strong{
  display:block;
  margin-bottom:6px;
  color:#061b33;
  font-size:18px;
  line-height:1.35;
  font-weight:600;
}

.dem-afterpos-point p{
  margin:0;
  color:#667481;
  font-size:15px;
  line-height:1.65;
}


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

.dem-afterpos-note{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:15px;
  margin-top:28px;
  padding:20px 22px;
  background:#ffffff;
  border:1px solid #dfe5ea;
  border-radius:10px;
}

.dem-afterpos-note-icon{
  width:38px;
  height:38px;
  border-radius:10px;
  background:#f47b20;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  font-weight:700;
}

.dem-afterpos-note span{
  display:block;
  margin-bottom:5px;
  color:#f47b20;
  font-size:10px;
  font-weight:700;
  letter-spacing:1.5px;
}

.dem-afterpos-note p{
  margin:0;
  color:#667481;
  font-size:14px;
  line-height:1.65;
}


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

@media (max-width:1000px){

  .dem-afterpos-section{
    padding:90px 0 95px;
  }

  .dem-afterpos-inner{
    padding:0 32px;
  }

  .dem-afterpos-title{
    font-size:48px;
  }

  .dem-afterpos-main{
    grid-template-columns:1fr;
    gap:50px;
  }

  .dem-afterpos-timeline{
    min-height:540px;
  }

  .dem-afterpos-content{
    padding:0;
  }

}


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

@media (max-width:600px){

  .dem-afterpos-section{
    padding:70px 0 75px;
  }

  .dem-afterpos-inner{
    padding:0 20px;
  }

  .dem-afterpos-header{
    margin-bottom:40px;
  }

  .dem-afterpos-eyebrow{
    font-size:11px;
    letter-spacing:1.6px;
    gap:9px;
  }

  .dem-afterpos-eyebrow span{
    width:28px;
  }

  .dem-afterpos-title{
    font-size:37px;
    line-height:1.08;
    letter-spacing:-1px;
  }

  .dem-afterpos-intro{
    font-size:16px;
    line-height:1.7;
  }

  .dem-afterpos-main{
    gap:40px;
  }

  .dem-afterpos-timeline{
    min-height:auto;
    padding:35px 25px;
  }

  .dem-afterpos-line{
    left:46px;
    top:87px;
    bottom:87px;
  }

  .dem-afterpos-stage{
    grid-template-columns:42px 1fr;
    gap:15px;
    margin-bottom:35px;
  }

  .dem-afterpos-stage-number{
    width:40px;
    height:40px;
  }

  .dem-afterpos-stage span{
    font-size:10px;
    letter-spacing:1.4px;
  }

  .dem-afterpos-stage h3{
    font-size:21px;
  }

  .dem-afterpos-stage p{
    font-size:14px;
    line-height:1.6;
  }

  .dem-afterpos-content h3{
    font-size:29px;
    line-height:1.12;
  }

  .dem-afterpos-copy{
    font-size:16px;
    line-height:1.7;
  }

  .dem-afterpos-point{
    grid-template-columns:40px 1fr;
    gap:14px;
    padding:21px 0;
  }

  .dem-afterpos-point-icon{
    width:38px;
    height:38px;
  }

  .dem-afterpos-point strong{
    font-size:17px;
  }

  .dem-afterpos-point p{
    font-size:14px;
    line-height:1.65;
  }

  .dem-afterpos-note{
    padding:19px;
  }

}


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

@media (max-width:380px){

  .dem-afterpos-inner{
    padding:0 16px;
  }

  .dem-afterpos-title{
    font-size:33px;
  }

  .dem-afterpos-timeline{
    padding:30px 20px;
  }

  .dem-afterpos-content h3{
    font-size:27px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-889cedb *//* =========================================================
   HOW WE CAN HELP
   ========================================================= */

.dem-help-section {
  width: 100%;
  background: #ffffff;
  padding: 105px 0;
  box-sizing: border-box;
}

.dem-help-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

/* =========================================================
   HEADING
   ========================================================= */

.dem-help-heading {
  max-width: 900px;
  margin-bottom: 58px;
}

.dem-help-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #f47b20;
}

.dem-help-eyebrow span {
  width: 34px;
  height: 2px;
  background: #f47b20;
  display: block;
}

.dem-help-title {
  margin: 0 0 20px;
  font-size: 56px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #061b33;
}

.dem-help-title span {
  color: #f47b20;
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.dem-help-intro {
  max-width: 760px;
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: #5b6875;
}

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

.dem-help-main {
  display: grid;
  grid-template-columns: 0.78fr 1.22fr;
  gap: 70px;
  align-items: stretch;
}

/* =========================================================
   LEFT STATEMENT PANEL
   ========================================================= */

.dem-help-statement {
  position: relative;
  min-height: 570px;
  padding: 38px;
  background: #061b33;
  border-radius: 10px;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dem-help-statement::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 50%;
  right: -210px;
  top: 105px;
}

.dem-help-statement::after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(244,123,32,0.17);
  border-radius: 50%;
  left: -120px;
  bottom: -80px;
}

.dem-help-statement-top,
.dem-help-statement-bottom,
.dem-help-statement-content {
  position: relative;
  z-index: 2;
}

.dem-help-statement-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dem-help-statement-top span {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.17em;
  color: rgba(255,255,255,0.55);
}

.dem-help-statement-top strong {
  font-size: 13px;
  font-weight: 700;
  color: #f47b20;
}

.dem-help-statement-content {
  padding: 45px 0 35px;
}

.dem-help-mark {
  width: 46px;
  height: 46px;
  margin-bottom: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(244,123,32,0.65);
  border-radius: 50%;
  color: #f47b20;
  font-size: 27px;
  line-height: 1;
}

.dem-help-statement-content h3 {
  margin: 0 0 22px;
  font-size: 42px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #ffffff;
}

.dem-help-statement-content h3 span {
  color: #f47b20;
}

.dem-help-statement-content p {
  max-width: 360px;
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: rgba(255,255,255,0.68);
}

.dem-help-statement-bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,0.14);
}

.dem-help-statement-bottom span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: rgba(255,255,255,0.42);
}

/* =========================================================
   RIGHT PATH
   ========================================================= */

.dem-help-path {
  min-width: 0;
  box-sizing: border-box;
}

.dem-help-path-intro {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 25px;
}

.dem-help-path-line {
  flex: 0 0 auto;
  width: 3px;
  min-height: 55px;
  background: #f47b20;
}

.dem-help-path-intro p {
  max-width: 650px;
  margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #536171;
}

/* =========================================================
   STEPS
   ========================================================= */

.dem-help-step {
  position: relative;
  display: grid;
  grid-template-columns: 55px 1fr 35px;
  gap: 20px;
  align-items: center;
  padding: 27px 0;
  border-top: 1px solid #dfe4e8;
}

.dem-help-step-last {
  border-bottom: 1px solid #dfe4e8;
}

.dem-help-step-number {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #f47b20;
}

.dem-help-step-content h3 {
  margin: 0 0 7px;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 700;
  color: #061b33;
}

.dem-help-step-content p {
  max-width: 600px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #667482;
}

.dem-help-step-arrow {
  text-align: right;
  font-size: 23px;
  color: #f47b20;
}

/* =========================================================
   SERVICE LINK
   ========================================================= */

.dem-help-link {
  width: fit-content;
  min-width: 220px;
  margin-top: 32px;
  padding: 15px 18px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  background: #f47b20;
  border: 1px solid #f47b20;
  border-radius: 10px;
  box-sizing: border-box;
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.dem-help-link span {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
}

.dem-help-link strong {
  font-size: 20px;
  line-height: 1;
  color: #ffffff;
}

.dem-help-link:hover {
  background: #061b33;
  border-color: #061b33;
}

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

@media (max-width: 1000px) {

  .dem-help-section {
    padding: 80px 0;
  }

  .dem-help-main {
    grid-template-columns: 1fr;
    gap: 45px;
  }

  .dem-help-statement {
    min-height: 460px;
  }

  .dem-help-title {
    font-size: 48px;
  }

  .dem-help-statement-content h3 {
    font-size: 38px;
  }
}

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

@media (max-width: 600px) {

  .dem-help-section {
    padding: 65px 0;
  }

  .dem-help-heading {
    margin-bottom: 40px;
  }

  .dem-help-title {
    font-size: 39px;
    line-height: 1.1;
  }

  .dem-help-intro {
    font-size: 15px;
    line-height: 1.75;
  }

  .dem-help-main {
    gap: 38px;
  }

  .dem-help-statement {
    min-height: 420px;
    padding: 28px 24px;
  }

  .dem-help-statement-content {
    padding: 35px 0 25px;
  }

  .dem-help-statement-content h3 {
    font-size: 34px;
  }

  .dem-help-path-intro {
    gap: 14px;
  }

  .dem-help-path-intro p {
    font-size: 15px;
  }

  .dem-help-step {
    grid-template-columns: 40px 1fr 25px;
    gap: 12px;
    padding: 23px 0;
  }

  .dem-help-step-content h3 {
    font-size: 17px;
  }

  .dem-help-step-content p {
    font-size: 14px;
    line-height: 1.65;
  }

  .dem-help-link {
    width: 100%;
  }
}

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

@media (max-width: 380px) {

  .dem-help-section {
    padding: 55px 0;
  }

  .dem-help-title {
    font-size: 34px;
  }

  .dem-help-statement {
    min-height: 395px;
    padding: 24px 20px;
  }

  .dem-help-statement-content h3 {
    font-size: 30px;
  }

  .dem-help-step {
    grid-template-columns: 35px 1fr 20px;
    gap: 9px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c583424 *//* =========================================================
   BUYING FROM ABROAD
   ========================================================= */

.dem-abroad-section {
  width: 100%;
  background: #f5f7f9;
  padding: 100px 0;
  overflow: hidden;
  box-sizing: border-box;
}

.dem-abroad-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 78px;
  align-items: center;
  box-sizing: border-box;
}

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

.dem-abroad-visual {
  position: relative;
  min-height: 570px;
  background: #061b33;
  border-radius: 10px;
  overflow: hidden;
  padding: 42px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dem-abroad-visual::before {
  content: "";
  position: absolute;
  width: 360px;
  height: 360px;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 50%;
  top: 100px;
  left: -120px;
}

.dem-abroad-visual::after {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(244,123,32,0.15);
  border-radius: 50%;
  top: 30px;
  right: -270px;
}

/* TOP */

.dem-abroad-visual-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dem-abroad-number {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #f47b20;
}

.dem-abroad-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: rgba(255,255,255,0.62);
}

/* ROUTE */

.dem-abroad-route {
  position: absolute;
  z-index: 2;
  top: 185px;
  left: 70px;
  right: 70px;
  height: 150px;
}

.dem-abroad-route-line {
  position: absolute;
  top: 73px;
  left: 18px;
  right: 18px;
  height: 1px;
  background: rgba(255,255,255,0.22);
}

.dem-abroad-route-point {
  position: absolute;
  top: 64px;
  width: 19px;
  height: 19px;
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 50%;
  background: #061b33;
}

.dem-abroad-route-point span {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 5px;
  left: 5px;
  border-radius: 50%;
  background: #f47b20;
}

.dem-abroad-route-point.point-1 {
  left: 0;
}

.dem-abroad-route-point.point-2 {
  left: 50%;
  transform: translateX(-50%);
}

.dem-abroad-route-point.point-3 {
  right: 0;
}

/* LOCATION */

.dem-abroad-location {
  position: relative;
  z-index: 2;
  margin-top: 175px;
  padding-left: 4px;
}

.dem-abroad-location span {
  display: block;
  margin-bottom: 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #f47b20;
}

.dem-abroad-location strong {
  display: block;
  font-size: 42px;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #ffffff;
}

/* BOTTOM */

.dem-abroad-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding-top: 26px;
  border-top: 1px solid rgba(255,255,255,0.15);
}

.dem-abroad-bottom small {
  display: block;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: rgba(255,255,255,0.50);
}

.dem-abroad-bottom strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #ffffff;
}

.dem-abroad-arrow {
  font-size: 28px;
  line-height: 1;
  color: #f47b20;
}

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

.dem-abroad-content {
  width: 100%;
  box-sizing: border-box;
}

.dem-abroad-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #f47b20;
}

.dem-abroad-eyebrow span {
  width: 34px;
  height: 2px;
  display: block;
  background: #f47b20;
}

.dem-abroad-title {
  margin: 0 0 25px;
  font-size: 56px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #061b33;
}

.dem-abroad-title span {
  color: #f47b20;
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.dem-abroad-intro {
  max-width: 700px;
  margin: 0 0 14px;
  font-size: 20px;
  line-height: 1.65;
  font-weight: 500;
  color: #061b33;
}

.dem-abroad-text {
  max-width: 700px;
  margin: 0 0 34px;
  font-size: 16px;
  line-height: 1.8;
  color: #536171;
}

/* =========================================================
   COMMUNICATION CHANNELS
   ========================================================= */

.dem-abroad-channels {
  width: 100%;
  border-top: 1px solid #dce2e7;
  border-bottom: 1px solid #dce2e7;
}

.dem-abroad-channel {
  display: grid;
  grid-template-columns: 55px 1fr;
  gap: 18px;
  align-items: center;
  padding: 19px 0;
  border-bottom: 1px solid #e3e7eb;
}

.dem-abroad-channel:last-child {
  border-bottom: 0;
}

.dem-abroad-channel-number {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #f47b20;
}

.dem-abroad-channel strong {
  display: block;
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 700;
  color: #061b33;
}

.dem-abroad-channel p {
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  color: #687583;
}

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

.dem-abroad-note {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-top: 30px;
  padding: 20px 22px;
  background: #ffffff;
  border: 1px solid #e0e5e9;
  border-radius: 10px;
  box-sizing: border-box;
}

.dem-abroad-note-icon {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f47b20;
  border-radius: 50%;
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
}

.dem-abroad-note p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #536171;
}

.dem-abroad-note strong {
  color: #061b33;
}

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

@media (max-width: 1000px) {

  .dem-abroad-section {
    padding: 80px 0;
  }

  .dem-abroad-inner {
    grid-template-columns: 1fr;
    gap: 55px;
  }

  .dem-abroad-visual {
    min-height: 470px;
  }

  .dem-abroad-location {
    margin-top: 130px;
  }

  .dem-abroad-title {
    font-size: 48px;
  }
}

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

@media (max-width: 600px) {

  .dem-abroad-section {
    padding: 65px 0;
  }

  .dem-abroad-inner {
    width: 100%;
    gap: 42px;
  }

  .dem-abroad-visual {
    min-height: 430px;
    padding: 30px 24px;
  }

  .dem-abroad-label {
    font-size: 10px;
  }

  .dem-abroad-route {
    left: 45px;
    right: 45px;
    top: 155px;
  }

  .dem-abroad-location {
    margin-top: 115px;
  }

  .dem-abroad-location strong {
    font-size: 34px;
  }

  .dem-abroad-title {
    font-size: 39px;
    line-height: 1.1;
    margin-bottom: 20px;
  }

  .dem-abroad-intro {
    font-size: 18px;
    line-height: 1.6;
  }

  .dem-abroad-text {
    font-size: 15px;
    line-height: 1.75;
    margin-bottom: 28px;
  }

  .dem-abroad-channel {
    grid-template-columns: 42px 1fr;
    gap: 12px;
    padding: 17px 0;
  }

  .dem-abroad-channel p {
    font-size: 14px;
  }

  .dem-abroad-note {
    padding: 18px;
  }
}

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

@media (max-width: 380px) {

  .dem-abroad-section {
    padding: 55px 0;
  }

  .dem-abroad-visual {
    min-height: 400px;
    padding: 25px 20px;
  }

  .dem-abroad-location strong {
    font-size: 30px;
  }

  .dem-abroad-title {
    font-size: 34px;
  }

  .dem-abroad-note {
    gap: 12px;
    padding: 16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e1c570b *//* =========================================================
   A NOTE ON ACCURACY
   ========================================================= */

.dem-accuracy-section {
  width: 100%;
  background: #f5f7f9;
  padding: 95px 0;
  box-sizing: border-box;
}

.dem-accuracy-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 70px;
  box-sizing: border-box;
}

/* =========================================================
   LEFT MARKER
   ========================================================= */

.dem-accuracy-mark {
  padding-top: 7px;
  box-sizing: border-box;
}

.dem-accuracy-mark span {
  display: block;
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #061b33;
}

.dem-accuracy-line {
  width: 1px;
  height: 115px;
  margin-left: 7px;
  background: #f47b20;
}

.dem-accuracy-mark small {
  display: block;
  margin-top: 20px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  color: #6a7784;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

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

.dem-accuracy-content {
  max-width: 980px;
}

.dem-accuracy-eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 17px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.15em;
  color: #f47b20;
}

.dem-accuracy-eyebrow span {
  width: 34px;
  height: 2px;
  display: block;
  background: #f47b20;
}

.dem-accuracy-title {
  margin: 0 0 23px;
  font-size: 55px;
  line-height: 1.08;
  font-weight: 700;
  letter-spacing: -0.035em;
  color: #061b33;
}

.dem-accuracy-title span {
  color: #f47b20;
  border: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

.dem-accuracy-lead {
  max-width: 850px;
  margin: 0;
  font-size: 20px;
  line-height: 1.65;
  font-weight: 500;
  color: #061b33;
}

.dem-accuracy-divider {
  width: 100%;
  height: 1px;
  margin: 30px 0 27px;
  background: #d8dfe5;
}

.dem-accuracy-text {
  max-width: 850px;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #586675;
}

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

.dem-accuracy-bottom {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-top: 42px;
  padding-top: 30px;
  border-top: 1px solid #d8dfe5;
}

.dem-accuracy-point {
  display: flex;
  align-items: flex-start;
  gap: 13px;
}

.dem-accuracy-dot {
  flex: 0 0 auto;
  width: 9px;
  height: 9px;
  margin-top: 7px;
  border-radius: 50%;
  background: #f47b20;
}

.dem-accuracy-point strong {
  display: block;
  margin-bottom: 6px;
  font-size: 15px;
  line-height: 1.35;
  font-weight: 700;
  color: #061b33;
}

.dem-accuracy-point p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #6a7784;
}

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

@media (max-width: 1000px) {

  .dem-accuracy-section {
    padding: 80px 0;
  }

  .dem-accuracy-inner {
    grid-template-columns: 75px 1fr;
    gap: 45px;
  }

  .dem-accuracy-title {
    font-size: 48px;
  }

  .dem-accuracy-bottom {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}

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

@media (max-width: 600px) {

  .dem-accuracy-section {
    padding: 65px 0;
  }

  .dem-accuracy-inner {
    display: block;
  }

  .dem-accuracy-mark {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 32px;
    padding: 0;
  }

  .dem-accuracy-mark span {
    margin: 0;
    font-size: 25px;
  }

  .dem-accuracy-line {
    width: 35px;
    height: 2px;
    margin: 0;
  }

  .dem-accuracy-mark small {
    margin: 0;
    writing-mode: initial;
    transform: none;
    font-size: 10px;
  }

  .dem-accuracy-title {
    font-size: 39px;
    line-height: 1.1;
  }

  .dem-accuracy-lead {
    font-size: 18px;
    line-height: 1.6;
  }

  .dem-accuracy-text {
    font-size: 15px;
    line-height: 1.75;
  }

  .dem-accuracy-bottom {
    margin-top: 32px;
    padding-top: 25px;
  }
}

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

@media (max-width: 380px) {

  .dem-accuracy-section {
    padding: 55px 0;
  }

  .dem-accuracy-title {
    font-size: 34px;
  }

  .dem-accuracy-lead {
    font-size: 17px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0920464 *//* =========================================================
   DUA ESTATE & MARKETING
   FINAL CTA — PREMIUM 1280px VERSION
   ========================================================= */

.dem-final-cta {
    width: 100%;
    padding: 80px 0;
    background: #f5f7fa;
    box-sizing: border-box;
}

.dem-final-cta *,
.dem-final-cta *::before,
.dem-final-cta *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN CTA
   ========================================================= */

.dem-final-cta-inner {
    position: relative;

    width: 100%;
    max-width: 1280px;
    min-height: 535px;

    margin: 0 auto;

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

    overflow: hidden;
    border-radius: 18px;

    background:
        linear-gradient(
            90deg,
            rgba(4, 25, 47, 0.98) 0%,
            rgba(5, 34, 62, 0.96) 34%,
            rgba(5, 38, 68, 0.82) 62%,
            rgba(5, 31, 55, 0.58) 100%
        ),
        url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2000&q=90")
        center center / cover no-repeat;

    box-shadow:
        0 20px 50px rgba(5, 30, 55, 0.13);
}


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

.dem-final-cta-inner::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            180deg,
            rgba(2, 22, 42, 0.08),
            rgba(2, 22, 42, 0.16)
        );

    pointer-events: none;
}


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

.dem-cta-content {
    position: relative;
    z-index: 5;

    width: 100%;
    max-width: 980px;

    margin: 0 auto;
    padding: 0 30px;

    text-align: center;
}


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

.dem-cta-label {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 18px;
    margin-bottom: 22px;

    color: #f47b20;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 3.5px;
    line-height: 1;

    text-transform: uppercase;
}

.dem-cta-label span {
    display: block;

    width: 42px;
    height: 2px;

    background: #f47b20;
}


/* =========================================================
   HEADING
   ========================================================= */

.dem-cta-title {
    max-width: 950px;

    margin: 0 auto 20px;

    color: #ffffff;

    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(40px, 4.5vw, 62px);
    font-weight: 700;
    line-height: 1.08;

    letter-spacing: -2px;
}

.dem-cta-title strong {
    color: #f47b20;
    font-weight: 700;
}


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

.dem-cta-text {
    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.82);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.65;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.dem-cta-buttons {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    margin-top: 32px;
}

.dem-cta-btn {
    min-width: 200px;
    min-height: 58px;

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

    gap: 25px;

    padding: 0 20px;
    color: white !important;
    border-radius: 7px;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;

    transition:
        transform 0.25s ease,
        background-color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}


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

.dem-cta-btn-primary {
    color: #ffffff;

    background: #f47b20;
    border: 1px solid #f47b20;

    box-shadow:
        0 9px 24px rgba(244, 123, 32, 0.20);
}

.dem-cta-btn-primary:hover {
    color: #ffffff;

    background: #df6913;
    border-color: #df6913;

    transform: translateY(-3px);

    box-shadow:
        0 13px 28px rgba(244, 123, 32, 0.28);
}


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

.dem-cta-btn-secondary {
    color: #ffffff;

    background: rgba(4, 25, 47, 0.30);

    border: 1px solid rgba(255, 255, 255, 0.70);
    
    width: 230px;
}

.dem-cta-btn-secondary:hover {
    color: #ffffff;

    background: rgba(255, 255, 255, 0.10);

    border-color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 8px 22px rgba(0, 0, 0, 0.10);
}


/* =========================================================
   ARROW
   ========================================================= */

.dem-cta-arrow {
    font-size: 21px;
    font-weight: 400;
    line-height: 1;

    transition: transform 0.25s ease;
}

.dem-cta-btn:hover .dem-cta-arrow {
    transform: translateX(5px);
}


/* =========================================================
   DECORATIVE CIRCLES
   ========================================================= */

.dem-cta-circle {
    position: absolute;
    z-index: 2;

    width: 380px;
    height: 380px;

    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50%;

    pointer-events: none;
}

.dem-cta-circle-top {
    top: -255px;
    left: -120px;
}

.dem-cta-circle-bottom {
    right: -180px;
    bottom: -285px;
}


/* =========================================================
   DOT PATTERN
   ========================================================= */

.dem-cta-dots {
    position: absolute;
    z-index: 3;

    left: 42px;
    bottom: 40px;

    display: grid;

    grid-template-columns: repeat(4, 5px);

    gap: 9px;

    opacity: 0.60;
}

.dem-cta-dots span {
    width: 4px;
    height: 4px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.75);
}


/* =========================================================
   LARGE DESKTOP
   EXACT 1280px
   ========================================================= */

@media (min-width: 1281px) {

    .dem-final-cta-inner {
        width: 1280px;
        max-width: 1280px;
    }

}


/* =========================================================
   LAPTOP
   ========================================================= */

@media (max-width: 1280px) {

    .dem-final-cta-inner {
        width: calc(100% - 60px);
    }

}


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

@media (max-width: 991px) {

    .dem-final-cta {
        padding: 35px 0;
    }

    .dem-final-cta-inner {
        width: calc(100% - 40px);
        min-height: 500px;

        border-radius: 16px;
    }

    .dem-cta-content {
        max-width: 850px;
        padding: 0 25px;
    }

    .dem-cta-title {
        font-size: 46px;
        line-height: 1.10;
    }

    .dem-cta-text {
        font-size: 17px;
    }

    .dem-cta-buttons {
        margin-top: 29px;
    }

    .dem-cta-btn {
        min-width: 225px;
    }

    .dem-cta-dots {
        left: 30px;
        bottom: 30px;
    }

}


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

@media (max-width: 767px) {

    .dem-final-cta {
        padding: 20px 0;
    }

    .dem-final-cta-inner {
        width: calc(100% - 24px);
        min-height: 500px;

        border-radius: 15px;

        background:
            linear-gradient(
                180deg,
                rgba(4, 27, 50, 0.93) 0%,
                rgba(4, 27, 50, 0.96) 100%
            ),
            url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1200&q=85")
            center center / cover no-repeat;
    }

    .dem-cta-content {
        width: 100%;
        max-width: 520px;

        padding: 0 18px;
    }

    .dem-cta-label {
        gap: 11px;

        margin-bottom: 18px;

        font-size: 10px;
        letter-spacing: 2.8px;
    }

    .dem-cta-label span {
        width: 27px;
    }

    .dem-cta-title {
        margin-bottom: 17px;

        font-size: 34px;
        line-height: 1.12;

        letter-spacing: -0.8px;
    }

    .dem-cta-text {
        font-size: 15.5px;
        line-height: 1.6;
    }

    .dem-desktop-break {
        display: none;
    }

    .dem-cta-buttons {
        flex-direction: column;

        width: 100%;

        gap: 11px;

        margin-top: 27px;
    }

    .dem-cta-btn {
        width: 100%;

        min-width: 0;
        min-height: 56px;

        padding: 0 18px;

        font-size: 14px;
    }

    .dem-cta-arrow {
        font-size: 21px;
    }

    .dem-cta-circle {
        width: 260px;
        height: 260px;
    }

    .dem-cta-circle-top {
        top: -190px;
        left: -135px;
    }

    .dem-cta-circle-bottom {
        right: -155px;
        bottom: -195px;
    }

    .dem-cta-dots {
        left: 20px;
        bottom: 18px;

        grid-template-columns: repeat(4, 4px);
        gap: 7px;
    }

    .dem-cta-dots span {
        width: 3px;
        height: 3px;
    }

}


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

@media (max-width: 420px) {

    .dem-final-cta {
        padding: 16px 0;
    }

    .dem-final-cta-inner {
        width: calc(100% - 20px);
        min-height: 505px;
    }

    .dem-cta-content {
        padding: 0 15px;
    }

    .dem-cta-title {
        font-size: 30px;
        letter-spacing: -0.6px;
    }

    .dem-cta-text {
        font-size: 14.5px;
    }

    .dem-cta-btn {
        min-height: 54px;
        font-size: 13.5px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0eb25fc *//* =========================================================
   DUA ESTATE & MARKETING
   PREMIUM FAQ — RESPONSIVE
   ========================================================= */

.dem-faq {
    --dem-navy: #071D35;
    --dem-blue: #0B5EA8;
    --dem-orange: #F47B20;

    --dem-text: #1C3046;
    --dem-muted: #6F8194;
    --dem-line: #E4E8EC;
    --dem-soft: #F8F9FA;
    --dem-cream: #FCF9F5;

    width: 100%;
    min-width: 0;
    max-width: 100%;

    position: relative;
    overflow: hidden;

    padding: 80px 0;

    background: #F9FAFB;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    box-sizing: border-box;
}

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


/* =========================================================
   DECORATIVE ELEMENTS
   ========================================================= */

.dem-faq::before {
    content: "";

    position: absolute;

    width: 520px;
    height: 520px;

    border: 1px solid rgba(11, 94, 168, 0.045);

    border-radius: 50%;

    right: -300px;
    top: -300px;

    pointer-events: none;
}

.dem-faq::after {
    content: "";

    position: absolute;

    width: 360px;
    height: 360px;

    border: 1px solid rgba(244, 123, 32, 0.035);

    border-radius: 50%;

    left: -250px;
    bottom: -260px;

    pointer-events: none;
}


/* =========================================================
   MAIN WRAPPER
   ========================================================= */

.dem-faq-container {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;

    display: grid;

    grid-template-columns:
        minmax(280px, 0.72fr)
        minmax(0, 1.28fr);

    gap: 80px;

    align-items: start;
}


/* =========================================================
   LEFT SIDE
   ========================================================= */

.dem-faq-left {
    padding-top: 8px;

    width: 100%;
    min-width: 0;
}


.dem-faq-eyebrow {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 21px;

    color: var(--dem-orange);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 2.7px;

    text-transform: uppercase;
}


.dem-faq-eyebrow::before {
    content: "";

    width: 31px;
    height: 2px;

    background: var(--dem-orange);

    flex-shrink: 0;
}


.dem-faq-heading {
    margin: 0;

    color: var(--dem-navy);

    font-size: 48px;

    line-height: 1.08;

    font-weight: 600;

    letter-spacing: -1.8px;
}


.dem-faq-intro {
    max-width: 420px;

    margin: 24px 0 0;

    color: var(--dem-muted);

    font-size: 15px;

    line-height: 1.8;
}


/* =========================================================
   LEFT PREMIUM CONTACT PANEL
   ========================================================= */

.dem-faq-contact {
    position: relative;

    width: 100%;
    max-width: 420px;

    margin-top: 48px;

    padding: 28px 30px;

    background: var(--dem-navy);

    border-radius: 10px;

    overflow: hidden;

    box-shadow:
        0 20px 45px rgba(7, 29, 53, 0.10);
}


.dem-faq-contact::after {
    content: "";

    position: absolute;

    width: 150px;
    height: 150px;

    right: -80px;
    bottom: -85px;

    border: 1px solid rgba(244, 123, 32, 0.20);

    border-radius: 50%;
}


.dem-faq-contact-label {
    position: relative;
    z-index: 2;

    margin-bottom: 10px;

    color: var(--dem-orange);

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}


.dem-faq-contact-title {
    position: relative;
    z-index: 2;

    margin: 0 0 10px;

    color: #FFFFFF;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 600;
}


.dem-faq-contact-text {
    position: relative;
    z-index: 2;

    margin: 0;

    color: rgba(255,255,255,0.70);

    font-size: 13px;

    line-height: 1.75;
}


.dem-faq-contact-line {
    position: relative;
    z-index: 2;

    width: 34px;
    height: 2px;

    margin-top: 20px;

    background: var(--dem-orange);
}


/* =========================================================
   RIGHT FAQ LIST
   ========================================================= */

.dem-faq-list {
    width: 100%;
    min-width: 0;

    display: flex;

    flex-direction: column;

    gap: 12px;
}


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

.dem-faq-item {
    width: 100%;
    min-width: 0;

    background: #FFFFFF;

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

    border-radius: 10px;

    overflow: hidden;

    box-sizing: border-box;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.dem-faq-item.active {
    border-color: #D9E1E8;

    box-shadow:
        0 14px 35px rgba(7, 29, 53, 0.065);
}


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

.dem-faq-question {
    width: 100%;

    min-height: 76px;

    padding: 0 22px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;

    border: 0 !important;

    outline: none !important;

    background: #FFFFFF !important;

    color: var(--dem-navy) !important;

    font-family: inherit;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.45;

    text-align: left;

    cursor: pointer;

    appearance: none;

    -webkit-appearance: none;

    box-shadow: none !important;

    transition:
        color 0.25s ease,
        background 0.25s ease;
}


.dem-faq-question:hover,
.dem-faq-question:focus,
.dem-faq-question:active {
    background: #FFFFFF !important;

    color: var(--dem-navy) !important;

    outline: none !important;

    box-shadow: none !important;
}


/* =========================================================
   QUESTION LEFT
   ========================================================= */

.dem-faq-question-left {
    display: flex;

    align-items: center;

    gap: 17px;

    min-width: 0;

    flex: 1 1 auto;
}


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

.dem-faq-number {
    width: 35px;
    height: 35px;

    flex: 0 0 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: var(--dem-cream);

    color: var(--dem-orange);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 0.3px;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


.dem-faq-item.active .dem-faq-number {
    background: var(--dem-orange);

    color: #FFFFFF;
}


/* =========================================================
   ICON
   ========================================================= */

.dem-faq-toggle {
    position: relative;

    width: 34px;
    height: 34px;

    flex: 0 0 34px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #DCE3E9;

    border-radius: 50%;

    background: #FFFFFF;

    transition:
        border-color 0.3s ease,
        background 0.3s ease;
}


.dem-faq-toggle::before,
.dem-faq-toggle::after {
    content: "";

    position: absolute;

    width: 10px;
    height: 1.5px;

    background: var(--dem-blue);

    left: 50%;
    top: 50%;

    transform:
        translate(-50%, -50%);

    transition:
        transform 0.35s ease,
        background 0.3s ease;
}


.dem-faq-toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(90deg);
}


.dem-faq-item.active .dem-faq-toggle {
    background: var(--dem-navy);

    border-color: var(--dem-navy);
}


.dem-faq-item.active .dem-faq-toggle::before,
.dem-faq-item.active .dem-faq-toggle::after {
    background: #FFFFFF;
}


.dem-faq-item.active .dem-faq-toggle::after {
    transform:
        translate(-50%, -50%)
        rotate(0deg);
}


/* =========================================================
   ANSWER
   ========================================================= */

.dem-faq-answer {
    height: 0;

    overflow: hidden;

    background: #FFFFFF;

    border: 0 !important;

    box-shadow: none !important;

    transition:
        height 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}


.dem-faq-answer-inner {
    padding:
        0
        72px
        25px
        74px;

    background: #FFFFFF;

    border: 0 !important;

    box-shadow: none !important;
}


.dem-faq-answer-text {
    position: relative;

    margin: 0;

    padding-left: 18px;

    color: var(--dem-muted);

    font-size: 14px;

    line-height: 1.8;

    border: 0 !important;
}


.dem-faq-answer-text::before {
    content: "";

    position: absolute;

    left: 0;

    top: 5px;

    width: 2px;

    height: 28px;

    background: var(--dem-orange);

    border-radius: 2px;
}


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

@media (max-width: 1100px) {

    .dem-faq {
        padding: 75px 24px;
    }


    .dem-faq-container {
        width: 100%;
        max-width: 900px;

        grid-template-columns: 1fr;

        gap: 50px;
    }


    .dem-faq-left {
        max-width: 760px;
    }


    .dem-faq-intro {
        max-width: 650px;
    }


    .dem-faq-contact {
        max-width: 600px;
    }

}


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

@media (max-width: 600px) {

    .dem-faq {
        width: 100%;
        min-width: 0;
        max-width: 100%;

        padding: 55px 15px;

        overflow: hidden;
    }


    /* Decorative elements stay inside mobile visual area */

    .dem-faq::before {
        width: 300px;
        height: 300px;

        right: -190px;
        top: -160px;
    }


    .dem-faq::after {
        width: 240px;
        height: 240px;

        left: -170px;
        bottom: -170px;
    }


    /* Main wrapper */

    .dem-faq-container {
        width: 100%;
        max-width: 100%;

        display: grid;

        grid-template-columns: 1fr;

        gap: 38px;
    }


    /* Left */

    .dem-faq-left {
        width: 100%;
        max-width: 100%;

        padding-top: 0;
    }


    .dem-faq-eyebrow {
        gap: 10px;

        margin-bottom: 17px;

        font-size: 10px;

        letter-spacing: 2.2px;
    }


    .dem-faq-eyebrow::before {
        width: 26px;
    }


    .dem-faq-heading {
        width: 100%;
        max-width: 100%;

        font-size: 34px;

        line-height: 1.1;

        letter-spacing: -1px;

        overflow-wrap: normal;
    }


    .dem-faq-intro {
        width: 100%;
        max-width: 100%;

        margin-top: 18px;

        font-size: 14px;

        line-height: 1.75;
    }


    /* Contact panel */

    .dem-faq-contact {
        width: 100%;
        max-width: 100%;

        margin-top: 30px;

        padding: 24px 22px;

        border-radius: 10px;
    }


    .dem-faq-contact-title {
        font-size: 19px;
    }


    .dem-faq-contact-text {
        font-size: 13px;

        line-height: 1.7;
    }


    /* FAQ list */

    .dem-faq-list {
        width: 100%;
        max-width: 100%;

        gap: 10px;
    }


    /* FAQ card */

    .dem-faq-item {
        width: 100%;
        max-width: 100%;

        border-radius: 10px;
    }


    /* Question */

    .dem-faq-question {
        width: 100%;
        max-width: 100%;

        min-height: 70px;

        padding: 14px 14px;

        gap: 10px;

        font-size: 14px;

        line-height: 1.45;
    }


    .dem-faq-question-left {
        width: auto;
        max-width: 100%;

        flex: 1 1 auto;

        gap: 11px;

        min-width: 0;

        align-items: center;
    }


    /* Question text */

    .dem-faq-question-left > span:last-child {
        min-width: 0;

        max-width: 100%;

        overflow-wrap: anywhere;

        word-break: normal;
    }


    /* Number */

    .dem-faq-number {
        width: 31px;
        height: 31px;

        flex: 0 0 31px;

        font-size: 9px;
    }


    /* Toggle */

    .dem-faq-toggle {
        width: 31px;
        height: 31px;

        flex: 0 0 31px;
    }


    .dem-faq-toggle::before,
    .dem-faq-toggle::after {
        width: 9px;
    }


    /* Answer */

    .dem-faq-answer-inner {
        width: 100%;

        padding:
            0
            18px
            22px
            56px;
    }


    .dem-faq-answer-text {
        width: 100%;
        max-width: 100%;

        padding-left: 16px;

        font-size: 13px;

        line-height: 1.75;

        overflow-wrap: anywhere;
    }


    .dem-faq-answer-text::before {
        top: 5px;

        height: 25px;
    }

}


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

@media (max-width: 390px) {

    .dem-faq {
        padding-left: 13px;
        padding-right: 13px;
    }


    .dem-faq-heading {
        font-size: 30px;
    }


    .dem-faq-question {
        min-height: 68px;

        padding-left: 12px;
        padding-right: 12px;

        font-size: 13px;

        gap: 8px;
    }


    .dem-faq-question-left {
        gap: 9px;
    }


    .dem-faq-number {
        width: 29px;
        height: 29px;

        flex-basis: 29px;
    }


    .dem-faq-toggle {
        width: 29px;
        height: 29px;

        flex-basis: 29px;
    }


    .dem-faq-answer-inner {
        padding-left: 51px;
        padding-right: 15px;
    }


    .dem-faq-answer-text {
        font-size: 13px;
    }

}/* End custom CSS */