.elementor-212 .elementor-element.elementor-element-7f04876{--display:flex;--min-height:72px;--flex-direction:column-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--flex-wrap:nowrap;--border-radius:0px 0px 0px 0px;--margin-top:55px;--margin-bottom:0px;--margin-left:-0px;--margin-right:-0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:20;}.elementor-212 .elementor-element.elementor-element-7f04876:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-7f04876 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-212 .elementor-element.elementor-element-7f04876.e-con{--e-con-transform-translateX:0px;--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-7f04876 > .elementor-shape-top .elementor-shape-fill, .elementor-212 .elementor-element.elementor-element-7f04876 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#2c2c74;}.elementor-212 .elementor-element.elementor-element-7f04876 > .elementor-shape-top svg, .elementor-212 .elementor-element.elementor-element-7f04876 > .e-con-inner > .elementor-shape-top svg{transform:translateX(-50%) rotateY(180deg);}.elementor-212 .elementor-element.elementor-element-7f04876 > .elementor-shape-top, .elementor-212 .elementor-element.elementor-element-7f04876 > .e-con-inner > .elementor-shape-top{z-index:2;pointer-events:none;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-212 .elementor-element.elementor-element-d1418c8 > .elementor-widget-container{margin:1px 1px 1px 1px;}.elementor-212 .elementor-element.elementor-element-d1418c8.elementor-element{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-d1418c8{z-index:40;}.elementor-212 .elementor-element.elementor-element-17855f7c{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}.elementor-212 .elementor-element.elementor-element-17855f7c:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-17855f7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-212 .elementor-element.elementor-element-17855f7c.e-con{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.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-212 .elementor-element.elementor-element-49c8deb > .elementor-widget-container{margin:60px 60px 35px 60px;}.elementor-212 .elementor-element.elementor-element-49c8deb.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-49c8deb{text-align:center;}.elementor-212 .elementor-element.elementor-element-49c8deb .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:45px;font-weight:300;color:#2c2c74;}.elementor-212 .elementor-element.elementor-element-86043ce > .elementor-widget-container{margin:0px 0px -20px 0px;padding:-23px -23px -23px -23px;}.elementor-212 .elementor-element.elementor-element-66528fc > .elementor-widget-container{margin:14px 0px 16px 0px;}.elementor-212 .elementor-element.elementor-element-66528fc.elementor-element{--align-self:center;}.elementor-212 .elementor-element.elementor-element-0745e73 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-0745e73{z-index:37;}.elementor-212 .elementor-element.elementor-element-1131720{--display:flex;--min-height:10em;--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;--gap:46px 46px;--row-gap:46px;--column-gap:46px;--margin-top:-24px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-34px;--padding-bottom:-34px;--padding-left:-34px;--padding-right:-34px;--z-index:1;}.elementor-212 .elementor-element.elementor-element-1131720:not(.elementor-motion-effects-element-type-background), .elementor-212 .elementor-element.elementor-element-1131720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2c2c74;}.elementor-212 .elementor-element.elementor-element-1131720 > .elementor-shape-top svg, .elementor-212 .elementor-element.elementor-element-1131720 > .e-con-inner > .elementor-shape-top svg{height:10.3em;transform:translateX(-50%) rotateY(180deg);}body.elementor-page-212:not(.elementor-motion-effects-element-type-background), body.elementor-page-212 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2c2c74;}@media(max-width:1024px){.elementor-212 .elementor-element.elementor-element-17855f7c.e-con{--flex-grow:0;--flex-shrink:1;}}@media(max-width:767px){.elementor-212 .elementor-element.elementor-element-17855f7c.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-86043ce > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-86043ce.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-86043ce{z-index:0;}.elementor-212 .elementor-element.elementor-element-66528fc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-66528fc.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-66528fc{z-index:0;}.elementor-212 .elementor-element.elementor-element-0745e73 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-212 .elementor-element.elementor-element-0745e73.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-212 .elementor-element.elementor-element-0745e73{z-index:0;}.elementor-212 .elementor-element.elementor-element-1131720{--margin-top:-17px;--margin-bottom:-13px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-212 .elementor-element.elementor-element-1131720.e-con{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}}/* Start custom CSS for heading, class: .elementor-element-49c8deb */.large-text {
  font-size: 80px;
  line-height: 35px;
  font-weight: 200;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86043ce */.refoeinu-text {
  font-size: 20px;
  line-height: 1.5;
  color: #2d2b71;
  text-align: center;
  margin: 0px 260px 0px 260px; /* Desktop: large horizontal margins */
  font-family: Arial, sans-serif;
}

.refoeinu-button {
  display: inline-block;
  padding: 5px 10px; /* Increased padding for a more button-like feel */
  background-color: #2d2b71;
  color: #6bc1be;
  font-weight: bold; /* Make text bolder to stand out */
  border: 2px solid #6bc1be; /* Subtle border to define the button's shape */
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin: 5px 20px 5px 20px;
  cursor: pointer; /* Change cursor to pointer to indicate clickability */
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2); /* Slight drop shadow for emphasis */
}

.refoeinu-button:hover {
  background-color: #6bc1be; 
  color: #2d2b71; /* Change text color on hover to contrast the new background */
  box-shadow: 0px 4px 8px rgba(0,0,0,0.3); /* Slightly deeper shadow on hover */
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
  .refoeinu-text {
    font-size: 18px;
    margin: 5px 20px 0px; /* Reduced horizontal margins for smaller screens */
  }
  .refoeinu-button {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 5px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66528fc *//* Container to center the button */
.button-container {
  text-align: center;
  margin: 10px 0;
}

.refoeinu-button {
  display: inline-block;            /* Make the button behave like a block element for centering */
  padding: 5px 10px;                /* Padding for a button-like feel */
  background-color: #2d2f6c;        /* Background color */
  color: #6bc1be;                   /* Text color */
  font-weight: bold;                /* Bold text */
  border: 2px solid #6bc1be;         /* Subtle border */
  border-radius: 4px;               /* Rounded corners */
  text-decoration: none;            /* Remove underline */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin: 5px auto;                 /* Auto horizontal margins to help centering */
  cursor: pointer;                  /* Pointer cursor on hover */
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2); /* Drop shadow */
  text-align: center;               /* Center text inside */
}

.refoeinu-button:hover {
  background-color: #6bc1be;
  color: #2d2f6c;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.3);
}

/* Motion effect on the button */
.my-motion-effect {
  --translateX: 0px;
  --translateY: 0px;
  --rotateX: 0deg;
  --rotateY: 0deg;
  transform: translateX(var(--translateX)) translateY(var(--translateY)) rotateX(var(--rotateX)) rotateY(var(--rotateY));
  transition: transform 0.5s ease;
}

.my-motion-effect:hover {
  /* Adjust these values to get the effect you want */
  --translateX: 0px;
  --translateY: 5px;
  /* Uncomment and adjust if you want rotation:
  --rotateX: 5deg;
  --rotateY: 5deg;
  */
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
  .refoeinu-text {
    font-size: 18px;
    margin: 5px 20px 0px;
  }
  .refoeinu-button {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 5px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0745e73 */.refoeinu-text {
  font-size: 20px;
  line-height: 1.5;
  color: #2d2b71;
  text-align: center;
  margin: 0px 260px 0px 260px; /* Desktop: large horizontal margins */
  font-family: Arial, sans-serif;
}

.refoeinu-button {
  display: inline-block;
  padding: 5px 10px; /* Increased padding for a more button-like feel */
  background-color: #2d2b71;
  color: #6bc1be;
  font-weight: bold; /* Make text bolder to stand out */
  border: 2px solid #6bc1be; /* Subtle border to define the button's shape */
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  margin: 5px 20px 5px 20px;
  cursor: pointer; /* Change cursor to pointer to indicate clickability */
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2); /* Slight drop shadow for emphasis */
}

.refoeinu-button:hover {
  background-color: #6bc1be; 
  color: #2d2b71; /* Change text color on hover to contrast the new background */
  box-shadow: 0px 4px 8px rgba(0,0,0,0.3); /* Slightly deeper shadow on hover */
}

/* Mobile Styles */
@media screen and (max-width: 768px) {
  .refoeinu-text {
    font-size: 18px;
    margin: 5px 20px 0px; /* Reduced horizontal margins for smaller screens */
  }
  .refoeinu-button {
    padding: 5px 10px;
    font-size: 14px;
    margin: 0 5px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17855f7c */.container {
  display: flex;
  flex-direction: column;
  justify-content: center; /* centers vertically */
  align-items: center;     /* centers horizontally */
  text-align: center;      /* centers inline text elements */
  width: 100%;
  height: 100%;
}/* End custom CSS */