.elementor-3279 .elementor-element.elementor-element-d3c4882{--display:flex;--min-height:500px;--flex-direction:column;--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;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-d3c4882:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-d3c4882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;background-image:url("http://mialletpension.com/wp-content/uploads/2025/08/575A0480-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3279 .elementor-element.elementor-element-d3c4882 > .elementor-shape-top .elementor-shape-fill, .elementor-3279 .elementor-element.elementor-element-d3c4882 > .e-con-inner > .elementor-shape-top .elementor-shape-fill{fill:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-d3c4882 > .elementor-shape-top svg, .elementor-3279 .elementor-element.elementor-element-d3c4882 > .e-con-inner > .elementor-shape-top svg{width:calc(191% + 1.3px);height:39px;}.elementor-3279 .elementor-element.elementor-element-08d1d6d{--display:flex;--position:absolute;--flex-direction:column;--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:flex-start;--align-items:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:10;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-3279 .elementor-element.elementor-element-b9fbfc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:"Noto Sans KR", Sans-serif;font-size:14px;font-weight:400;line-height:21px;color:#FFFFFF;}.elementor-3279 .elementor-element.elementor-element-b9fbfc7 p{margin-block-end:6px;}@media(max-width:1024px){.elementor-3279 .elementor-element.elementor-element-d3c4882{--min-height:350px;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-08d1d6d{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-3279 .elementor-element.elementor-element-b9fbfc7{padding:0px 0px 0px 0px;font-size:12px;line-height:18px;}}@media(max-width:767px){.elementor-3279 .elementor-element.elementor-element-d3c4882{--min-height:300px;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3279 .elementor-element.elementor-element-d3c4882 > .elementor-shape-top svg, .elementor-3279 .elementor-element.elementor-element-d3c4882 > .e-con-inner > .elementor-shape-top svg{height:18px;}.elementor-3279 .elementor-element.elementor-element-08d1d6d{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-3279 .elementor-element.elementor-element-b9fbfc7{font-size:12px;line-height:18px;}}@media(min-width:768px){.elementor-3279 .elementor-element.elementor-element-08d1d6d{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3279 .elementor-element.elementor-element-08d1d6d{--width:100%;}}@media(min-width:1025px){.elementor-3279 .elementor-element.elementor-element-d3c4882:not(.elementor-motion-effects-element-type-background), .elementor-3279 .elementor-element.elementor-element-d3c4882 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-0044cea */.animated-arrow {
    font-family: 'Playfair Display', serif;
  font-size: 18px;
}
}
/* The Arrow */
.the-arrow {
  width: 64px; /* $shaft-width */
  transition: all 0.2s;
}

.the-arrow.-left {
  position: absolute;
  top: 60%;
  left: 0;
}

.the-arrow.-left > .shaft {
  width: 0;
  background-color: #fff; /* $gray */
}

.the-arrow.-left > .shaft:before,
.the-arrow.-left > .shaft:after {
  width: 0;
  background-color: #fff;
}

.the-arrow.-left > .shaft:before {
  transform: rotate(0);
}

.the-arrow.-left > .shaft:after {
  transform: rotate(0);
}

.the-arrow.-right {
  top: 3px;
}

.the-arrow.-right > .shaft {
  width: 64px;
  transition-delay: 0.2s;
}

.the-arrow.-right > .shaft:before,
.the-arrow.-right > .shaft:after {
  width: 8px; /* $arrow-head-width */
  transition-delay: 0.3s;
  transition: all 0.5s;
}

.the-arrow.-right > .shaft:before {
  transform: rotate(40deg);
}

.the-arrow.-right > .shaft:after {
  transform: rotate(-40deg);
}

.the-arrow > .shaft {
  background-color: #999; /* $gray */
  display: block;
  height: 1px; /* $shaft-thickness */
  position: relative;
  transition: all 0.2s;
  transition-delay: 0;
  will-change: transform;
}

.the-arrow > .shaft:before,
.the-arrow > .shaft:after {
  background-color: #fff; /* $gray */
  content: "";
  display: block;
  height: 1px; /* $arrow-head-thickness */
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.2s;
  transition-delay: 0;
}

.the-arrow > .shaft:before {
  transform-origin: top right;
}

.the-arrow > .shaft:after {
  transform-origin: bottom right;
}

/* Animated Arrow Button */
.animated-arrow {
  display: inline-block;
  color: #fff; /* $gray */
  font-size: 1.25em;
  font-style: italic;
  text-decoration: none;
  position: relative;
  transition: all 0.2s;
}

.animated-arrow:hover {
  color: #eaeaea; /* $white */
}

.animated-arrow:hover > .the-arrow.-left > .shaft {
  width: 64px;
  transition-delay: 0.1s;
  background-color: #eaeaea; /* $white */
}

.animated-arrow:hover > .the-arrow.-left > .shaft:before,
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  width: 8px;
  transition-delay: 0.1s;
  background-color: #eaeaea; /* $white */
}

.animated-arrow:hover > .the-arrow.-left > .shaft:before {
  transform: rotate(40deg);
}

.animated-arrow:hover > .the-arrow.-left > .shaft:after {
  transform: rotate(-40deg);
}

.animated-arrow:hover > .main {
  transform: translateX(calc(64px + 16px)); /* $shaft-width + $text-arrow-space */
}

.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
  width: 0;
  transform: translateX(200%);
  transition-delay: 0;
}

.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before,
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  width: 0;
  transition-delay: 0;
  transition: all 0.1s;
}

.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
  transform: rotate(0);
}

.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
  transform: rotate(0);
}

.animated-arrow > .main {
  display: flex;
  align-items: center;
  transition: all 0.2s;
}

.animated-arrow > .main > .text {
  margin: 0 16px 0 0; /* $text-arrow-space */
  line-height: 1;
}

.animated-arrow > .main > .the-arrow {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d3c4882 */.elementor-3279 .elementor-element.elementor-element-d3c4882::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(20, 20, 20, 0) 0%,
    rgba(20, 20, 20, 0.2) 60%,
    rgba(20, 20, 20, 0.6) 80%,
    rgba(20, 20, 20, 0.8) 90%,
    rgba(20, 20, 20, 1) 100%
  );
  pointer-events: none;
  z-index: 3;
}/* End custom CSS */