.elementor-136 .elementor-element.elementor-element-e9a8a39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--justify-content:space-between;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-136 .elementor-element.elementor-element-e9a8a39:not(.elementor-motion-effects-element-type-background), .elementor-136 .elementor-element.elementor-element-e9a8a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b58a747 );}.elementor-136 .elementor-element.elementor-element-e9a8a39, .elementor-136 .elementor-element.elementor-element-e9a8a39::before{--border-transition:0.3s;}.elementor-136 .elementor-element.elementor-element-22fedfb{--display:flex;--background-transition:0.3s;--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-136 .elementor-element.elementor-element-22fedfb.e-con{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-136 .elementor-element.elementor-element-e9a8a39{--margin-block-start:0px;--margin-block-end:0px;--margin-inline-start:0px;--margin-inline-end:0px;}.elementor-136 .elementor-element.elementor-element-22fedfb{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-136 .elementor-element.elementor-element-22fedfb{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:20px;--padding-inline-end:24px;}}@media(min-width:768px){.elementor-136 .elementor-element.elementor-element-e9a8a39{--content-width:1280px;}.elementor-136 .elementor-element.elementor-element-22fedfb{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-136 .elementor-element.elementor-element-22fedfb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-80a5c8e */.footer {
  font-family: 'DM Sans', sans-serif;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
}

.footer.top{
 padding: 48px 0;
 align-items: flex-start;
}

.footer.bottom{
  padding: 24px 0;
  border-top: 1px solid  #F4F6FFAD;
  display: flex;
  align-items: center;
 }

.socialMedia {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.socialMedia img{
  transition: all 0.3s ease-in-out;
}

.socialMedia img:hover{
  scale: .9;
}

.logoConnecta {
  width: 300px;
  height: 100%;
}

.connectaHover{
  transition: all 0.3s ease-in-out;
}
.connectaHover:hover{
  color: #F2C81F;
  font-weight: 600;
}

.footer-row {
  display: flex;
  flex-direction: row;
  gap: 3.5rem;

  transition: all 0.3s ease-in-out;
}

.footer-col li{  
  box-sizing: border-box;
}

.footer-col ul{
  list-style: none;
  margin: 0;
  padding: 0;

  display: flex;
  flex-direction: column;
  gap: 8px;

  width: auto;
  max-width: 240px;

}

.footer-col h4 {
  color: #f4f6ff;
  margin: 0 0 16px 0;
}

.footer-col a{
  text-decoration: none;
  color: inherit;
  color: #F4F6FFAD;
  font-size: 14px;

  transition: all 0.3s ease-in-out;
}

.footer.top .footer-col a:hover{
  color: rgba(244, 246, 255, 0.966);
  transition: all 0.3s;
}

.gabrielName {
  transition: all .3s ease-in-out;
}

.gabrielName:hover {
  background: linear-gradient(90deg, #12C2E9 0%, #c471ed 50%, #f64f59 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}


@media (max-width: 1000px){
  .top .footer-row{
    gap: 32px;
  }
}

@media (max-width: 940px){
  .logoConnecta{
    width: 240px;
    margin-right: 24px;
  }

  .footer-col ul{
    max-width: 200px;
  }
}

@media (max-width: 840px){
  .footer-col a {
    font-size: 12px;
  }

  .footer-col h4 {
    font-size: 14px;
  }

  .socialMedia svg {
    width: 24px;
  }
}
@media (max-width: 640px){
  .top {
    flex-direction: column;
    gap: 56px;
  }
  .top .footer-row {
    flex-direction: column;
  }
  .footer.bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}/* End custom CSS */