.elementor-17 .elementor-element.elementor-element-bfd33ca{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-d21856f{--display:flex;}.elementor-17 .elementor-element.elementor-element-4a60b11{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-48c9e87{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7a4679d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-78970d8{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-22af1f3 );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-73f077e */:root{
  --primary:#D05B37;
  --dark:#060517;
  --bg:#F3F0EA;
  --white:#FFFFFF;
  --text-body:#3F3D4A;
  --border:#DDD6C9;
}

/* =========================
   GLOBAL
========================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-style:normal;
}

html{
  scroll-behavior:auto;
}

body{
  margin:0;
  background:var(--bg);
  font-family:'DM Sans',sans-serif;
  font-size:16px;
  color:var(--text-body);
}

h1,
h2,
h3,
h4,
p{
  margin:0;
  padding:0;
}

h1,
h2,
h3,
h4{
  font-family:'Cormorant Garamond',serif;
  font-style:normal;
  color:var(--dark);
}

i{
  font-style:normal;
}


/* =========================
   ABOUT HERO
========================= */

.about-hero{
  position:relative;
  width:100%;
  min-height:520px;

  padding:80px 50px 0px 50px;

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

  overflow:hidden;

  background:var(--bg);
}


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

.about-hero-image{
  position:absolute;
  inset:0;

  width:100%;
  height:100%;

  background-image:url('https://images.unsplash.com/photo-1653161653870-a9ad1678463b?fm=jpg&q=80&w=1920&auto=format&fit=crop');

  /*
    Cover keeps the complete hero area filled
    while maintaining the image's natural proportions.
  */
  background-size:cover;

  /*
    Center keeps the important architectural
    portion of the image positioned naturally.
  */
  background-position:center center;

  background-repeat:no-repeat;
}


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

.about-hero-overlay{
  position:absolute;
  inset:0;

  background:rgba(6,5,23,0.58);

  pointer-events:none;
}


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

.about-hero-content{
  position:relative;
  z-index:2;

  width:100%;
  max-width:900px;

  margin:0 auto;
  padding:40px 20px 80px;

  text-align:center;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}


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

.about-eyebrow{
  display:inline-block;

  margin-bottom:18px;

  font-family:'DM Sans',sans-serif;
  font-size:16px;
  font-weight:700;

  line-height:1.5;
  letter-spacing:1.5px;

  color:var(--primary);

  text-transform:uppercase;
}


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

.about-hero h1{
  max-width:800px;

  margin-bottom:20px;

  font-family:'Cormorant Garamond',serif;
  font-size:68px;
  font-weight:600;

  line-height:1.05;

  color:var(--white);
}


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

.about-hero p{
  max-width:650px;

  font-family:'DM Sans',sans-serif;
  font-size:18px;
  font-weight:400;

  line-height:1.7;

  color:var(--white);
}


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

@media (max-width:1024px){

  .about-hero{
    min-height:460px;

    padding:50px 30px 0px 30px;
  }

  .about-hero-image{
    background-position:center center;
  }

  .about-hero-content{
    max-width:760px;

    padding:35px 20px 65px;
  }

  .about-eyebrow{
    font-size:16px;
    margin-bottom:16px;
  }

  .about-hero h1{
    max-width:650px;

    font-size:52px;
    line-height:1.08;

    margin-bottom:18px;
  }

  .about-hero p{
    max-width:580px;

    font-size:17px;
    line-height:1.65;
  }
}


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

@media (max-width:767px){

  .about-hero{
    min-height:390px;

    padding:30px 10px 0px 10px;
  }

  .about-hero-image{
    /*
      Keeps the image centered and neat
      on narrow screens.
    */
    background-position:center center;
    background-size:cover;
  }

  .about-hero-overlay{
    background:rgba(6,5,23,0.60);
  }

  .about-hero-content{
    max-width:100%;

    padding:30px 15px 50px;
  }

  .about-eyebrow{
    font-size:16px;

    line-height:1.4;
    letter-spacing:1.2px;

    margin-bottom:14px;
  }

  .about-hero h1{
    max-width:100%;

    font-size:42px;
    line-height:1.08;

    margin-bottom:16px;
  }

  .about-hero p{
    max-width:100%;

    font-size:16px;
    line-height:1.6;
  }
}/* End custom CSS */