.elementor-204 .elementor-element.elementor-element-8bbd345{--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;}.breadcrumb-wrap .breadcrumb-overlay, .elementor-page-33 .breadcrumb-wrap .breadcrumb-overlay{opacity:0.5;}/* Start custom CSS for html, class: .elementor-element-ca52fcb *//* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Poppins',sans-serif;
}

/* FOOTER */
.jogo-footer{
  background:#040835;
  color:#cfd4ff;
  padding:70px 8%;
}

/* GRID */
/* FOOTER GRID */
.footer-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr 1fr;
  gap:60px;
  align-items:start;
}

/* ALL FOOTER COLUMNS */
.footer-col{
  display:flex;
  flex-direction:column;
  align-items:flex-start;   /* keeps heading + links on same left line */
  text-align:left;
}

/* ================= LOGO ================= */
.footer-logo{
  width:80px;
  height:80px;
  background:linear-gradient(135deg,#2a6df5,#1a2cff);
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
}

.footer-logo img{
  width:45px;
}

/* ================= TEXT ================= */
.footer-about p{
  font-size:14px;
  line-height:1.6;
  margin-bottom:20px;
}

/* ================= SOCIAL ================= */
.footer-social{
  display:flex;
  gap:12px;
}

.footer-social a{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e5e5e5;
  border-radius:8px;
  color:#333;
  font-size:16px;
  transition:0.3s;
}

.footer-social a:hover{
  background:#2a6df5;
  color:#fff;
  transform:translateY(-4px);
}

/* ================= HEADINGS ================= */
.footer-col h4{
  color:#fff;
  font-size:14px;
  margin:0 0 18px 0;
  letter-spacing:1px;
  text-align:left;
  width:100%;
}

/* ================= LINKS ================= */
.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
}

.footer-col ul li{
  margin-bottom:12px;
  width:100%;
}

.footer-col ul li a{
  display:block;
  width:100%;
  text-decoration:none;
  color:#cfd4ff;
  font-size:14px;
  line-height:1.6;
  text-align:left;
  transition:0.3s ease;
}
.footer-col ul li a:hover{
  color:#2a6df5;
  padding-left:4px;
}
/* ================= DIVIDER ================= */
.footer-divider{
  margin:40px 0;
  border-top:1px solid rgba(255,255,255,0.1);
}

/* ================= COPYRIGHT ================= */
.footer-bottom{
  text-align:center;
  font-size:13px;
  color:#9aa3d6;
}

/* ================= RESPONSIVE ================= */

/* TABLET */
@media(max-width:992px){
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:40px;
  }

  .footer-col{
    align-items:flex-start;
    text-align:left;
  }

  .footer-col h4,
  .footer-col ul li,
  .footer-col ul li a{
    text-align:left;
  }
}

/* MOBILE */
@media(max-width:576px){

  /* GRID */
  .footer-grid{
    grid-template-columns:1fr;
    gap:25px;
    text-align:center;
  }

  /* ABOUT CENTER */
  .footer-about{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .footer-social{
    justify-content:center;
  }

  /* PERFECT CARD */
  .footer-col{
    width:100%;
    max-width:260px;   /* 🔥 fixed width */
    margin:0 auto;     /* 🔥 center card */
    
    border:1px solid rgba(255,255,255,0.25);
    border-radius:14px;
    padding:22px 15px;

    text-align:center;
  }

  /* HEADING CENTER */
  .footer-col h4{
    text-align:center;
    margin-bottom:15px;
  }

  /* LIST RESET */
  .footer-col ul{
    padding:0;
    margin:0;
  }

  /* EACH LINK CENTER */
  .footer-col ul li{
    list-style:none;
    margin-bottom:10px;
    text-align:center;
  }

  .footer-col ul li a{
    display:block;
    text-align:center;
    width:100%;
  }
.footer-logo{
    width:100px;
    height:100px;
  }

  .footer-logo img{
    width:65px;   /* increase logo size */
  }
}/* End custom CSS */