.elementor-12 .elementor-element.elementor-element-b5c1440{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-59f1929 *//* =========================
   GLOBAL
========================= */

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

:root{
  --ivory:#FAF8F5;
  --dark:#12080A;
  --dark2:#1C1012;
  --text:#2A1215;
  --text2:#6B5055;
  --border:rgba(42,18,21,0.1);
  --grad:linear-gradient(45deg,#D71A10 0%,#871F45 100%);
}

body{
  overflow-x:hidden;
  font-family:'Jost',sans-serif;
}

/* =========================
   TOPBAR
========================= */
/* LOGO SIZE */

.sp-logo-img{
  width:55%;
  height:auto;
  display:block;
}

/* MOBILE */

@media(max-width:991px){

  .sp-logo-img{
    width:50%;
  }

}


.sp-topbar{
  background:var(--dark);
  padding:8px 0;
}

.sp-topbar-inner{
  max-width:1280px;
  margin:auto;
  padding:0 20px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}

.sp-topbar-left,
.sp-topbar-social{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.sp-topbar a{
  color:rgba(255,255,255,0.55);
  text-decoration:none;
  font-size:11px;
  transition:.3s;
}

.sp-topbar a:hover{
  color:#fff;
}

/* =========================
   HEADER
========================= */
.sp-nav{
  max-width:1500px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:72px;
  padding:0 20px;
}
.sp-header{
  position:sticky;
  top:0;
  z-index:999;
  background:var(--ivory);
  border-bottom:1px solid var(--border);
}

.sp-nav{
  max-width:1280px;
  margin:auto;
  padding:0 20px;
  height:72px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.sp-logo{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.sp-logo-text{
  line-height:1;
}

.sp-logo-text h2{
  font-size:22px;
  color:var(--text);
  margin:0;
}

.sp-logo-text span{
  font-size:10px;
  letter-spacing:2px;
  color:#888;
  text-transform:uppercase;
}

/* MENU */

.sp-menu{
  display:flex;
  align-items:center;
  gap:24px;
}

.sp-menu a{
  text-decoration:none;
  color:var(--text2);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  transition:.3s;
}

.sp-menu a:hover{
  color:#000;
}

.sp-btn{
  background:var(--dark);
  color:#fff !important;
  padding:12px 22px;
  border-radius:3px;
}

/* MOBILE TOGGLE */
.sp-toggle{
  width:32px;
  height:24px;
  position:relative;
  cursor:pointer;
  display:none;
}

.sp-toggle span{
  position:absolute;
  width:100%;
  height:2px;
  background:#000;
  left:0;
  transition:.4s ease;
  border-radius:10px;
}

/* TOP */
.sp-toggle span:nth-child(1){
  top:0;
}

/* MIDDLE */
.sp-toggle span:nth-child(2){
  top:10px;
}

/* BOTTOM */
.sp-toggle span:nth-child(3){
  top:20px;
}

/* ACTIVE ANIMATION */

.sp-toggle.active span:nth-child(1){
  transform:rotate(45deg);
  top:10px;
}

.sp-toggle.active span:nth-child(2){
  opacity:0;
}

.sp-toggle.active span:nth-child(3){
  transform:rotate(-45deg);
  top:10px;
}

/* =========================
   MENU HOVER LINE
========================= */

.sp-menu a{
  position:relative;
}

/* UNDERLINE */

.sp-menu a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:linear-gradient(45deg,#D71A10,#871F45);
  transition:.35s ease;
}

/* HOVER EFFECT */

.sp-menu a:hover::after{
  width:100%;
}

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

@media(max-width:991px){

  .sp-topbar{
    display:none;
  }

  .sp-toggle{
    display:block;
  }

  .sp-menu{
    position:absolute;
    top:72px;
    left:0;
    width:100%;
    background:#fff;
    flex-direction:column;
    align-items:flex-start;
    padding:25px;
    display:none;
    border-top:1px solid #eee;
    box-shadow:0 10px 20px rgba(0,0,0,0.08);
  }

  .sp-menu.active{
    display:flex;
  }

  .sp-menu a{
    width:100%;
    padding:12px 0;
    border-bottom:1px solid #f2f2f2;
  }

  .sp-btn{
    width:100%;
    text-align:center;
    margin-top:10px;
  }
}
/* =========================
   DROPDOWN
========================= */

.sp-dropdown{
  position:relative;
}

.sp-dropbtn{
  cursor:pointer;
}

.sp-dropdown-content{
  position:absolute;
  top:100%;
  left:0;
  min-width:240px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  border:1px solid #eee;
  display:none;
  flex-direction:column;
  z-index:999;
}

.sp-dropdown-content a{
  padding:14px 18px;
  border-bottom:1px solid #f3f3f3;
  font-size:12px;
  color:#444;
  text-transform:uppercase;
  letter-spacing:1px;
}

.sp-dropdown-content a:hover{
  background:#fafafa;
  color:#000;
}

.sp-dropdown:hover .sp-dropdown-content{
  display:flex;
}

/* MOBILE DROPDOWN */

@media(max-width:991px){

  .sp-dropdown{
    width:100%;
  }

  .sp-dropdown-content{
    position:relative;
    box-shadow:none;
    border:none;
    display:none;
    width:100%;
    padding-left:10px;
  }

  .sp-dropdown.active .sp-dropdown-content{
    display:flex;
  }

  .sp-dropbtn{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
}/* End custom CSS */