.elementor-1715 .elementor-element.elementor-element-75ac680f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;--z-index:4;}.elementor-1715 .elementor-element.elementor-element-363ef4bb{--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-1715 .elementor-element.elementor-element-412f5cba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-1715 .elementor-element.elementor-element-5b8170a9.elementor-element{--flex-grow:1;--flex-shrink:0;}@media(max-width:1024px){.elementor-1715 .elementor-element.elementor-element-75ac680f{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-1715 .elementor-element.elementor-element-75ac680f{--content-width:1400px;}.elementor-1715 .elementor-element.elementor-element-363ef4bb{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-1709fa60 */.lodeslogo {
    display: flex;
    align-items: center;
    gap: 15px;
    width: fit-content;
    height: 40px;
}

.lodesstarlogo {
    display: flex;
}

.starlogo1 {
    z-index: 2;
}

.starlogo1 svg {
    width: 30px;
    height: auto;
}


.squarelogo1 {
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    transition: 0.5s;
}

.logoletters {
    display: flex;
    gap: 2px;
    align-items: inherit;
    width: 80px;
    transform: skewX(0deg) translateY(-3px);
    transition: 0.5s;
}

.logoletters :nth-child(2) {

    transform: translateY(3px);

}

.logoletters :nth-child(3) {

    transform: translateY(0.5px);

}

.logoletters :nth-child(4) {

    transform: translateY(3.5px);

}

.logoletters :nth-child(5) {

    transform: translateY(3.5px);

}

/* animations */

.lodeslogo:hover .squarelogo1 {
    width: 50px;
    background-image: url(https://lodes.studio/wp-content/uploads/2025/09/giflogo.gif);
    background-size: cover;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.lodeslogo:hover .logoletters {
    transform: skewX(-15deg) translateY(-3px);
    transition: 0.5s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-363ef4bb */.elementor-1715 .elementor-element.elementor-element-363ef4bb {
    width: fit-content;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b8170a9 */#btnlodes {
  color: black;
  font-family: Lora;
  width: 100%;
  height: 60px;
  overflow: hidden;
  font-size: 16px;
  cursor: pointer;
}


#btnlodesintern {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  height: 60px;
  border-radius: 100px;
  width: 100%;
  font-weight: medium;
  transform: scale(1);
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}

#btnlodesinterntwo {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  height: 60px;
  border-radius: 100px;
  width: 100%;
  font-weight: medium;
  transform: scale(0.5);
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}

#btnintern {
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}

#btnlodes:hover #btnintern {
  transform: translateY(-60px);
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}

#btnlodes:hover #btnintern  #btnlodesintern {
  transform: scale(0.5);
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}

#btnlodes:hover #btnintern  #btnlodesinterntwo {
  transform: scale(1);
  transition: 0.8s cubic-bezier(0.905, 0.000, 0.295, 1.005);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-412f5cba */.elementor-1715 .elementor-element.elementor-element-412f5cba {
    width: 127px;
}/* End custom CSS */