.curve-banner-container{width:100%;animation:slideUpButton var(--animate-duration,1s) ease-out var(--animate-repeat,1) forwards;justify-content:center;display:flex}.curve-banner-container .image-container{background-color:#002d2a;padding:0;position:relative}.curve-banner-container .image-container .banner-image{clip-path:ellipse(120% 93% at 70% 120%);object-fit:cover;object-position:right;max-width:100%;height:488px;display:block}@media (min-width:768px){.curve-banner-container .image-container .banner-image{clip-path:ellipse(60% 135% at 100% 18%);height:418px}}.curve-banner-container .image-container .banner-video{clip-path:ellipse(140% 95% at 80% 120%);object-fit:cover;object-position:68% 80%;max-width:100%;height:510px;display:block}@media (min-width:768px){.curve-banner-container .image-container .banner-video{clip-path:ellipse(60% 135% at 100% 18%);height:420px}}@media (min-width:1280px){.curve-banner-container .image-container .banner-video{height:513px}}.curve-banner-container .image-container .banner-text{text-align:center;width:100%;padding-top:30px;position:absolute}@media (min-width:768px){.curve-banner-container .image-container .banner-text{text-align:left;width:auto;padding-top:0;top:50%;left:58.5px;transform:translateY(-50%)}}.curve-banner-container .image-container .banner-text h2{color:#fff;opacity:0;animation:slideUpTitle var(--animate-duration,1s) ease-out var(--animate-delay,1s) var(--animate-repeat,1) forwards;margin:0;font-family:LibreCaslon Condensed SemiBold,sans-serif;font-size:2rem;font-weight:400;line-height:120%;transform:translateY(100%)}@media (min-width:768px){.curve-banner-container .image-container .banner-text h2{padding-bottom:24px;font-size:2.75rem}}.curve-banner-container .image-container .banner-text h2 span{font-family:LibreCaslon Condensed Italic,sans-serif}.curve-banner-container .image-container .banner-text i{font-family:LibreCaslon Condensed SemiBold Italic,sans-serif}.curve-banner-container .image-container .banner-text .button-container{opacity:0;animation:slideUpButton var(--animate-duration,1s) ease-out var(--animate-delay,1.2s) var(--animate-repeat,1) forwards;display:none;transform:translateY(30px)}@media (min-width:768px){.curve-banner-container .image-container .banner-text .button-container{display:block}}.curve-banner-container .image-container .button2-container{text-align:center;opacity:0;width:100%;animation:slideUpButton var(--animate-duration,1s) ease-out var(--animate-delay,1.2s) var(--animate-repeat,1) forwards;display:block;position:absolute;bottom:27px;transform:translateY(30px)}@media (min-width:768px){.curve-banner-container .image-container .button2-container{display:none}}@keyframes slideUpTitle{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpButton{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}