.elementor-643 .elementor-element.elementor-element-7688fd7{--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;}/* Start custom CSS for html, class: .elementor-element-2cc0081 */:root{
  --yellow:#F4E300;
  --black:#111111;
}

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

.premium-footer{
  background:var(--yellow);
  color:var(--black);
  padding-top:75px;
  overflow:hidden;
}

/* CONTAINER */
.footer-container{
  max-width:1250px;
  margin:auto;
  padding:0 20px 60px;

  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr;
  gap:50px;
}

/* LOGO */
.footer-logo{
  width:180px;
  margin-bottom:18px;
}

/* TEXT */
.footer-text{
  color:#222;
  line-height:1.8;
  font-size:15px;
  margin-bottom:25px;
}

/* HEADINGS */
.footer-col h3{
  color:#111;
  font-size:22px;
  margin-bottom:22px;
  position:relative;
}

/* UNDERLINE */
.footer-col h3::after{
  content:"";
  width:45px;
  height:3px;
  background:#111;
  position:absolute;
  left:0;
  bottom:-8px;
  border-radius:20px;
}

/* LIST */
.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-col ul li{
  margin-bottom:14px;
}

/* LINKS */
.footer-col ul li a{
  color:#111;
  text-decoration:none;
  transition:0.3s ease;
  position:relative;
  font-weight:500;
}

/* LINK UNDERLINE */
.footer-col ul li a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-3px;
  width:0%;
  height:2px;
  background:#111;
  transition:0.3s ease;
}

.footer-col ul li a:hover{
  opacity:0.8;
}

.footer-col ul li a:hover::after{
  width:100%;
}

/* SOCIAL */
.social-icons{
  display:flex;
  gap:14px;
}

.social-icons a{
  width:44px;
  height:44px;

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

  border:2px solid #111;
  border-radius:50%;

  color:#111;
  text-decoration:none;

  transition:0.35s ease;
}

/* HOVER */
.social-icons a:hover{
  background:#111;
  color:var(--yellow);
  transform:translateY(-4px);
}

/* BUTTON */
.footer-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin-top:18px;

  padding:14px 26px;

  border:2px solid #111;
  border-radius:50px;

  text-decoration:none;
  color:#111;
  font-weight:600;

  transition:0.35s ease;
}

/* BUTTON HOVER */
.footer-btn:hover{
  background:#111;
  color:var(--yellow);

  transform:translateY(-3px);

  box-shadow:0 12px 25px rgba(0,0,0,0.18);
}

/* BOTTOM */
.footer-bottom{
  border-top:1px solid rgba(0,0,0,0.15);
  padding:22px 20px;
  text-align:center;
}

.footer-bottom p{
  color:#222;
  font-size:14px;
  margin:0;
}

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

@media(max-width:992px){

  .footer-container{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

}

@media(max-width:768px){

  .premium-footer{
    padding-top:60px;
  }

  .footer-container{
    grid-template-columns:1fr;
    gap:45px;
  }

  .footer-logo{
    width:160px;
  }

  .footer-col h3{
    font-size:20px;
  }

  .footer-text{
    font-size:14px;
  }

  .footer-btn{
    width:100%;
  }

}

@media(max-width:480px){

  .footer-bottom p{
    font-size:13px;
    line-height:1.6;
  }

}/* End custom CSS */