/* "Get Started" CTA, ported from the Fragment Webflow template (ui-kit/ctas, .cta-5 variant).
   All classes are prefixed fcta- to avoid collisions with this template's own
   .section/.container/.cover-image etc. The original sizes everything in em off a
   body{font-size:.75vw} base, replicated here on the section wrapper. */

.fcta-section{position:relative;z-index:1;background-color:#1f1e26;color:#c2c1dd;font-family:Manrope,"Manrope Variable",sans-serif;font-size:.75vw;font-weight:400;line-height:1.2em}
.fcta-container{z-index:20;width:90%;max-width:1440px;margin-left:auto;margin-right:auto;position:relative}
.fcta-padding{z-index:10;width:100%;padding-top:10em;padding-bottom:10em;position:relative}
.fcta-cta-5{grid-row-gap:1.75em;gap:1.75em;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:80em;margin-left:auto;margin-right:auto;display:flex}
.fcta-heading{z-index:10;font-family:Manrope,"Manrope Variable",sans-serif;text-transform:none;letter-spacing:-.0225em;margin:0;color:#c2c1dd;font-size:5em;font-weight:700;line-height:1.2em;position:relative}
.fcta-max-width-45{z-index:10;width:100%;max-width:45em;position:relative}
.fcta-opacity-70{opacity:.7}
.fcta-paragraph{z-index:10;font-family:Manrope,"Manrope Variable",sans-serif;letter-spacing:normal;margin:0;font-size:1.5em;font-weight:500;line-height:1.6em;position:relative}

/* button */
.fcta-button{grid-column-gap:8.53px;gap:8.53px;text-align:left;justify-content:center;align-items:center;display:flex;text-decoration:none;color:inherit;max-width:100%}
.fcta-button-content{z-index:10;border:1px solid #a82c20;background-color:#e9695d33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:3.5em;color:#f0b9b4;text-align:center;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;flex:none;justify-content:center;align-items:center;padding:.5em 1.8em;font-weight:700;line-height:1.1em;transition:padding .5s cubic-bezier(.075,.82,.165,1),color .2s,background-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:14px 14px 25px -10px #1f1e2680}
.fcta-button-content:hover{background-color:#e9695d4d;color:#fff;padding-left:2.2em;padding-right:2.2em}
.fcta-button-text{z-index:10;line-height:1.1em;position:relative}
.fcta-button-circle{border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;width:3.5em;height:3.5em;display:flex;position:relative;box-shadow:14px 14px 25px -10px #1f1e2680}
.fcta-button-circle-border{border:1px solid #a82c20;background-color:#e9695d33;border-radius:50%;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;display:flex;position:absolute;inset:0%}
.fcta-button-icon{z-index:10;object-fit:contain;flex:none;width:1em;height:1em;font-size:1.5em;display:block;position:relative}

/* background image block */
.fcta-image-3d-parallax{z-index:5;position:absolute;inset:0%}
.fcta-image-overlay{z-index:20;background-color:#474659;mix-blend-mode:multiply;position:absolute;inset:0%}
.fcta-3d-block{z-index:1;perspective:10000px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0%;overflow:hidden}
.fcta-3d-trigger{flex-direction:column;justify-content:center;align-items:center;width:110%;height:108%;display:flex;position:absolute;inset:auto}
.fcta-image-animation-trigger{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;overflow:hidden}
.fcta-parallax-animation{z-index:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0%}
.fcta-animation-color-bg{z-index:15;background-color:#292833;width:100%;height:100%;display:block;position:absolute}
.fcta-cover-image{z-index:1;object-fit:cover;width:100%;height:120%;top:auto;bottom:auto;position:absolute;display:none}

@media screen and (min-width:1440px){
.fcta-section{font-size:11px}
}
@media screen and (min-width:1920px){
.fcta-section{font-size:13px}
}
@media screen and (max-width:991px){
.fcta-section{font-size:11px}
.fcta-heading{font-size:4.5em;line-height:1.4em}
.fcta-padding{padding-top:8em;padding-bottom:8em}
.fcta-3d-trigger{width:100%;height:100%}
}
@media screen and (max-width:767px){
.fcta-heading{font-size:3.5em}
.fcta-paragraph{font-size:1.4em}
.fcta-padding{padding-top:6em;padding-bottom:6em}
}
@media screen and (max-width:479px){
.fcta-heading{font-size:3em}
}
