.elementor-3053 .elementor-element.elementor-element-7c9e3fc{--display:flex;--min-height:900px;--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;--justify-content:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3053 .elementor-element.elementor-element-7c9e3fc:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-7c9e3fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://logody.m4trading.com/wp-content/uploads/2025/08/Pricing-Plan-Logody-Services-scaled.jpg");background-position:center center;background-size:cover;}.elementor-3053 .elementor-element.elementor-element-514f2c8{--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;--justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3053 .elementor-element.elementor-element-7fe9caa.elementor-element{--align-self:center;}.elementor-3053 .elementor-element.elementor-element-7fe9caa{text-align:center;}.elementor-3053 .elementor-element.elementor-element-7fe9caa .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-96d071f );}.elementor-3053 .elementor-element.elementor-element-8b16914{text-align:center;}.elementor-3053 .elementor-element.elementor-element-8b16914 .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:85px;font-weight:400;line-height:1.2em;color:var( --e-global-color-96d071f );}.elementor-3053 .elementor-element.elementor-element-f2632c7{--display:flex;--min-height:0px;--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;--justify-content:space-between;--padding-top:100px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-3053 .elementor-element.elementor-element-f2632c7:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-f2632c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-96d071f );}.elementor-3053 .elementor-element.elementor-element-2112eef{text-align:center;}.elementor-3053 .elementor-element.elementor-element-2112eef .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:48px;font-weight:400;line-height:75px;color:var( --e-global-color-180b647 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button{background-color:#FFFFFF00;font-family:"Inter Tight", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-180b647 );color:var( --e-global-color-180b647 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-180b647 );border-radius:50px 50px 50px 50px;padding:20px 20px 20px 30px;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button:hover, .elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button:focus{background-color:var( --e-global-color-180b647 );color:#FFFFFF;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button:hover svg, .elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-3053 .elementor-element.elementor-element-e7d71bf{--display:flex;--min-height:0px;--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:20px;--padding-left:100px;--padding-right:100px;}.elementor-3053 .elementor-element.elementor-element-e7d71bf:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-e7d71bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-96d071f );}.elementor-3053 .elementor-element.elementor-element-6c9158f{--display:flex;--min-height:400px;--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;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;}.elementor-3053 .elementor-element.elementor-element-6c9158f:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-6c9158f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://logody.m4trading.com/wp-content/uploads/2025/07/Project-2thumbnail.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3053 .elementor-element.elementor-element-2383ad4{--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;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;}.elementor-3053 .elementor-element.elementor-element-2383ad4:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-2383ad4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://logody.m4trading.com/wp-content/uploads/2025/07/Project-6thumbnail-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3053 .elementor-element.elementor-element-5fb4ef6{--display:flex;--min-height:0px;--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-3053 .elementor-element.elementor-element-5fb4ef6:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-5fb4ef6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-96d071f );}.elementor-3053 .elementor-element.elementor-element-a87f04a{--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;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;}.elementor-3053 .elementor-element.elementor-element-a87f04a:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-a87f04a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://logody.m4trading.com/wp-content/uploads/2025/07/Project-8thumbnail.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3053 .elementor-element.elementor-element-0cf579b{--display:flex;--min-height:400px;--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;--justify-content:flex-end;--border-radius:20px 20px 20px 20px;}.elementor-3053 .elementor-element.elementor-element-0cf579b:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-0cf579b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://logody.m4trading.com/wp-content/uploads/2025/07/Project-9thumbnail.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3053 .elementor-element.elementor-element-6c9158f{--width:40%;}.elementor-3053 .elementor-element.elementor-element-2383ad4{--width:60%;}.elementor-3053 .elementor-element.elementor-element-a87f04a{--width:60%;}.elementor-3053 .elementor-element.elementor-element-0cf579b{--width:40%;}}@media(max-width:1366px){.elementor-3053 .elementor-element.elementor-element-7c9e3fc{--min-height:600px;}.elementor-3053 .elementor-element.elementor-element-7c9e3fc:not(.elementor-motion-effects-element-type-background), .elementor-3053 .elementor-element.elementor-element-7c9e3fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;background-size:cover;}.elementor-3053 .elementor-element.elementor-element-7fe9caa .elementor-heading-title{font-size:16px;}.elementor-3053 .elementor-element.elementor-element-8b16914 .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-3053 .elementor-element.elementor-element-8b16914 .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-3053 .elementor-element.elementor-element-f2632c7{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3053 .elementor-element.elementor-element-2112eef{width:100%;max-width:100%;}.elementor-3053 .elementor-element.elementor-element-2112eef .elementor-heading-title{font-size:40px;line-height:1.1em;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3053 .elementor-element.elementor-element-d6c9a40 .elementor-button{font-size:10px;padding:10px 10px 10px 15px;}.elementor-3053 .elementor-element.elementor-element-e7d71bf{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3053 .elementor-element.elementor-element-6c9158f{--min-height:300px;}.elementor-3053 .elementor-element.elementor-element-2383ad4{--min-height:300px;}.elementor-3053 .elementor-element.elementor-element-5fb4ef6{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3053 .elementor-element.elementor-element-a87f04a{--min-height:300px;}.elementor-3053 .elementor-element.elementor-element-0cf579b{--min-height:300px;}}/* Start custom CSS for container, class: .elementor-element-6c9158f *//* Position card container over image */
.hover-card {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(20, 20, 20, 0.6);
  padding: 18px 24px;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
  color: white;
}

/* Reveal card on hover of column/image container */
.elementor-3053 .elementor-element.elementor-element-6c9158f:hover .hover-card {
  opacity: 1;
  transform: translateY(0);
}

/* Left side text */
.hover-left h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.hover-left p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #ccc;
}

/* Right side icon */
.hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease;
  color: white; /* ✅ Make icon white */
}

.hover-icon svg {
  stroke: white; /* ✅ Ensure the SVG icon is also white */
}

.hover-icon:hover {
  background: rgba(255, 255, 255, 0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2383ad4 *//* Position card container over image */
.hover-card {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(20, 20, 20, 0.6);
  padding: 18px 24px;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
  color: white;
}

/* Reveal card on hover of column/image container */
.elementor-3053 .elementor-element.elementor-element-2383ad4:hover .hover-card {
  opacity: 1;
  transform: translateY(0);
}

/* Left side text */
.hover-left h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.hover-left p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #ccc;
}

/* Right side icon */
.hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease;
  color: white; /* ✅ Make icon white */
}

.hover-icon svg {
  stroke: white; /* ✅ Ensure the SVG icon is also white */
}

.hover-icon:hover {
  background: rgba(255, 255, 255, 0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a87f04a *//* Position card container over image */
.hover-card {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(20, 20, 20, 0.6);
  padding: 18px 24px;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
  color: white;
}

/* Reveal card on hover of column/image container */
.elementor-3053 .elementor-element.elementor-element-a87f04a:hover .hover-card {
  opacity: 1;
  transform: translateY(0);
}

/* Left side text */
.hover-left h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.hover-left p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #ccc;
}

/* Right side icon */
.hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease;
  color: white; /* ✅ Make icon white */
}

.hover-icon svg {
  stroke: white; /* ✅ Ensure the SVG icon is also white */
}

.hover-icon:hover {
  background: rgba(255, 255, 255, 0.25);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cf579b *//* Position card container over image */
.hover-card {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(10px);
  background: rgba(20, 20, 20, 0.6);
  padding: 18px 24px;
  border-radius: 16px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.4s ease-in-out;
  color: white;
}

/* Reveal card on hover of column/image container */
.elementor-3053 .elementor-element.elementor-element-0cf579b:hover .hover-card {
  opacity: 1;
  transform: translateY(0);
}

/* Left side text */
.hover-left h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.hover-left p {
  margin: 4px 0 0;
  font-size: 14px;
  color: #ccc;
}

/* Right side icon */
.hover-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: background 0.3s ease;
  color: white; /* ✅ Make icon white */
}

.hover-icon svg {
  stroke: white; /* ✅ Ensure the SVG icon is also white */
}

.hover-icon:hover {
  background: rgba(255, 255, 255, 0.25);
}/* End custom CSS */