:root {
    /* Colors */
    --main-bg-color: #000;
    --color-white: #fff;
    --color-dark-blue: #002143;
    --color-red: #D71920;
    --color-blue: #006388;
    --color-green: #76B900;
    --color-gradient-blue: #016388;

    /* Fonts */
    --font-family-inter: "Inter", sans-serif;
    --font-family-inter-thin: "Inter-Thin", sans-serif;
    --font-family-inter-light: "Inter-Light", sans-serif;
    --font-family-inter-semibold: "Inter-SemiBold", sans-serif;
    --font-family-inter-opensans: "Open Sans", sans-serif;

    /* Border Radius */
    --border-radius-sm: 4px;
    --border-radius-md: 10px;
    --border-radius-lg: 20px;
    --border-radius-full: 100%;

    /* Spacing */
    --spacing-xs: 12px;
    --spacing-sm: 16px;
    --spacing-md: 20px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 72px;
    --spacing-4xl: 200px;

    /* Font Sizes */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-md: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 24px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;
    --font-size-4xl: 40px;
    --font-size-5xl: 48px;
    --font-size-6xl: 56px;

    /* Line Heights */
    --line-height-tight: 18px;
    --line-height-normal: 22px;
    --line-height-relaxed: 27px;
    --line-height-loose: 31px;
    --line-height-extra: 34px;
    --line-height-xl: 36px;
    --line-height-2xl: 38px;
    --line-height-3xl: 48px;
    --line-height-4xl: 67px;

    /* Breakpoints */
    --bp-tablet: 609px;
    --bp-desktop: 1024px;
    --bp-large: 1600px;

    /* Grid Gaps */
    --gap-sm: 40px;
    --gap-md: 87px;
    --gap-lg: 142px;

    /* Border Widths */
    --border-accent: 4px;

    /* Transitions */
    --transition-base: all 0.3s ease;
    --transition-sweep: left 0.5s ease;

    /* Shadows */
    --shadow-hover: 0 8px 16px white;

    /* Container Sizes */
    --container-max-width: 1368px;
    --container-content-width: 65%;
    --container-column-width: 540px;
}

/* Prevent any horizontal overflow while AOS is doing off-screen transforms */
html { overflow-x: clip; }               /* modern */
@supports not (overflow-x: clip) {
  html, body { overflow-x: hidden; }     /* fallback */
}

/* Prevent right-side overflow */
html {
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    overflow-x: hidden;
    max-width: 100%;
    position: relative;
}

/* Mobile = switch left/right to up/down */
@media (max-width: 1024px) {
    /* Minimal AOS transforms to prevent displacement */
    [data-aos="fade-right"],
    [data-aos="slide-right"],
    [data-aos="fade-left"],
    [data-aos="slide-left"] {
        transform: translate3d(0, 8px, 0) !important; /* Very small offset */
        transition: all 1s ease !important; /* Quick transition */
    }

    [data-aos="fade-right"].aos-animate,
    [data-aos="fade-left"].aos-animate,
    [data-aos="slide-right"].aos-animate,
    [data-aos="slide-left"].aos-animate {
        transform: translate3d(0, 0, 0) !important;
    }

    /* Ensure all AOS elements stay within bounds */
    [data-aos] {
        max-width: 100vw;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
}

.magnaAI {
    * {
        box-sizing: border-box;
    }

    margin: 0;

    figure {
        margin: 0;
    }

    img {
        max-width: 100%;
        object-fit: contain;
        border-radius: var(--border-radius-md);

        /* 1024px and up */
        @media (min-width: 1024px) {
            border-radius: var(--border-radius-lg);
        }

        &.logo {
            border-radius: 0;
        }
    }

    video {
        aspect-ratio: 16/9;
        position: relative;
        overflow:hidden;
        width: 100%;
    }

    a {
        text-decoration: none;
        -webkit-tap-highlight-color: transparent; /* Disable tap highlights */
    }

    a.header-cta,
    a.outline-btn {
        /* 1024px and up */
        @media (min-width: 1024px) {
            transition: transform .45s cubic-bezier(0.68, -0.55, 0.265, 1.55); /* 50% slower: .3s → .45s */
        }
    }

    a.header-cta:hover,
    a.outline-btn:hover {
        /* Disable tap highlights on touch devices */
        @media (hover: none) and (pointer: coarse) {
            -webkit-tap-highlight-color: transparent;
        }

        /* Only apply hover effects on desktop (1024px and up) */
        @media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
            background: linear-gradient(45deg, var(--main-bg-color), var(--color-gradient-blue));
            background-size: 200% 200%;
            animation: gradientShift 0.9s ease infinite; /* 50% slower: 0.6s → 0.9s */
            transform: scale(1.09); /* ~35% reduction: 1.15 → 1.09 */
            color: white;
        }
    }

    @media (min-width: 1024px) and (hover: hover) and (pointer: fine) {
        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
    }  

    a.white-btn {
        background: var(--color-white);
        color: var(--color-dark-blue);
        font-family: var(--font-family-inter);
        font-size: var(--font-size-sm);
        line-height: 100%;
        font-weight: 600;
        padding: 20px 30px;
        border-radius: var(--border-radius-sm);
        width: max-content;

        /* 1024px and up */
        @media (min-width: 1024px) {
            transition: transform 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }
    }

    a.white-btn:hover {
        /* 1024px and up */
        @media (min-width: 1024px) {
            background-size: 200% 200%;
            animation: gradientShift 0.9s ease infinite;
            transform: scale(1.09);
        }
    }

    h1, h3, p {
        color: var(--color-white);
    }

    h1 {
        font-family: var(--font-family-inter);
        color: var(--color-white);
        font-size: var(--font-size-3xl);
        line-height: var(--line-height-3xl);
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;

        /* 1024px and up */
        @media (min-width: 1024px) {
            font-size: var(--font-size-4xl);
            font-weight: 800;
            line-height: var(--line-height-4xl);
        }

        /* 1600px and up */
        @media (min-width: 1600px) {
            font-size: var(--font-size-6xl);
            line-height: var(--line-height-4xl);
            font-weight: 800;
        }
    }

    h3 {
        font-family: var(--font-family-inter-semibold);
        color: var(--color-white);
        font-size: var(--font-size-2xl);
        line-height: var(--line-height-2xl);
        font-weight: 600;
        margin-top: 0;
        margin-bottom: 0;

        /* 1600px and up */
        @media (min-width: 1600px) {
            font-size: var(--font-size-5xl);
            line-height: var(--line-height-4xl);
        }
    }

    p {
        font-family: var(--font-family-inter-opensans);
        color: var(--color-white);
        font-size: var(--font-size-lg);
        line-height: var(--line-height-loose);
        font-weight: 300;
        margin-bottom: 0;

        /* 1024px and up */
        @media (min-width: 1024px) {
            font-size: var(--font-size-xl);
            line-height: var(--line-height-extra);
        }

        /* 1600px and up */
        @media (min-width: 1600px) {
            font-size: var(--font-size-2xl);
            margin-top: var(--spacing-lg);
        }
    }

    p.quote {
        font-family: var(--font-family-inter-light);
        color: var(--color-white);
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;

        /* 1024px and up */
        @media (min-width: 1024px) {
            font-size: 24px;
            line-height: 36px;
        }

        strong {
            font-weight: 900;
        }
    }

    .author {
        display: flex;
        justify-content: flex-end;
        font-family: var(--font-family-inter);
        color: var(--color-white);
        font-size: 12px;
        line-height: 18px;
        font-weight: 600;
        
        /* 1024px and up */
        @media (min-width: 1024px) {
            font-size: 16px;
            line-height: 36px;
        }
    }

    .red-border {
        border-left: var(--border-accent) solid var(--color-red);
    }

    .blue-border {
        border-left: var(--border-accent) solid var(--color-blue);
    }

    .green-border {
        border-left: var(--border-accent) solid var(--color-green);
    }

    /* Header */
    header {
        background-color: var(--main-bg-color);

        .inline-wrapper   {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 16px 0;
            border-bottom: 1px solid var(--color-white);
            width: calc(100% - 48px); /* 100% - padding-horz*2 */
            margin: 0 auto;

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding: 32px 0;
                width: calc(100% - 96px); /* 100% - padding-horz*2 */
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                padding: 67px 0 40px 0;
            }

            figure {
                margin-bottom: 0;
                width: 150px;

                /* 609px and up */
                @media (min-width: 609px) {
                    width: 280px;
                }
                
                /* 1024px and up */
                @media (min-width: 1024px) {
                    width: auto;
                }
            }
        }

        a.header-cta {
            font-family: var(--font-family-inter);
            font-size: var(--font-size-xs);
            line-height: 100%;
            font-weight: 600;
            color: var(--color-white);
           
            /* 609px and up */
            @media (min-width: 609px) {
                padding: 11px 16px;
                border: solid 1px var(--color-white);
                border-radius: var(--border-radius-sm);
            }

            /* 1024px and up */
            @media (min-width: 1024px) {
                background: transparent;
                font-size: var(--font-size-sm);
                line-height: 100%;
                font-weight: 700;
                border: solid 1px var(--color-white);
                border-radius: var(--border-radius-sm);
                padding: var(--spacing-xs) var(--spacing-md);
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                padding: var(--spacing-md) 30px;
            }
        }

        .right-side-wrapper {
            display: flex;
            align-items: center;
        }
    }


    /* Main - Sections */
    .section {
        background: var(--main-bg-color);
        padding: 60px 32px;

        /* 1024px and up */
        @media (min-width: 1024px) {
            padding: 0 72px 200px 72px;
        }

        .content-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {
                /* 609px and up */
                @media (min-width: 609px) {
                    margin-bottom: 0;
                }
            }
        }
    }

    .section:first-child {
        padding: 52px 32px 0;

        /* 1024px and up */
        @media (min-width: 1024px) {
            padding: 120px 72px 0;
        }

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding: 120px 32px 0;
        }
    }


    /* Set Content Width */
    .inline-wrapper {
        @media (min-width: 609px) {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--gap-sm);
        }

        /* 1024px and up */
        @media (min-width: 1024px) {
            gap: var(--gap-md);
        }

        /* 1600px and up */
        @media (min-width: 1600px) {
            max-width: var(--container-max-width);
            grid-template-columns: var(--container-column-width) var(--container-column-width);
            gap: var(--gap-lg);
            margin: 0 auto;
            padding: 0 var(--spacing-3xl);
        }

        figure {
            margin-bottom: var(--gap-sm);

            /* 1024px and up */
            @media (min-width: 1024px) {
                margin-bottom: 0;
            }
        }
    }

    .locations {
        background: var(--main-bg-color);
    }

    
    /* Sections */
    .section-1 {
        .wrapper {
            display: flex;
            flex-direction: column;
            align-items: center;
    
            /* 1600px and up */
            @media (min-width: 1600px) {
                max-width: var(--container-max-width);
                margin: 0 auto;
                padding: 0 var(--spacing-3xl);
            }

            figure {
                margin-bottom: 32px;

                /* 1024px and up */
                @media (min-width: 1024px) {
                    margin-bottom: 64px;
                }
            }
        }
        
        p {
            font-family: var(--font-family-inter-light);
            color: var(--color-white);
            font-weight: 100;
            margin-top: 0;
            margin-bottom: 40px;
            text-align: center;

            /* 1024px and up */
            @media (min-width: 1024px) {
                font-family: var(--font-family-inter);
                font-size: 24px;
                line-height: 36px;
                margin-top: 56px;
                margin-bottom: 80px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                font-family: var(--font-family-inter-light);
            }
        }
    }

    .dawn-top-bg-image,
    .dawn-bottom-bg-image {
       img {
        border-radius: 0;
        object-fit: cover;
        height: auto;
        display: block;
        width: 100%;
       }
    }

    .section-2 {
        background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 33, 67, 1) 100%);
        
        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 200px;
        }

        h3:first-child {
            text-align: center;
            margin-bottom: 52px; /* Adds up to 60px upon measurement */

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-top: 65px;
                margin-bottom: 120px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                font-family: var(--font-family-inter);
                color: var(--color-white);
                font-size: 56px;
                line-height: 67px;
                font-weight: 600;
            }
        }
       
        .content {
            padding-right: 20px;

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-right: 48px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                width: 65%;
                margin: 0 auto;
                text-align: right;
            }

            img {
                display: flex;
                margin-left: auto; /* using margin, because justify-self: flex-end does not work in FF or Safari */
            }

            /* show only the right border */
            border-style: solid;
            border-width: 0 4px 0 0;

            /* 3 segments on the right edge */
            border-image: linear-gradient(
                to bottom,
                var(--color-red) 0 33.33%,
                var(--color-green) 33.33% 66.66%,
                var(--color-blue) 66.66% 100%
            ) 1;
        }

        p {
            font-family: var(--font-family-inter-thin);
            color: var(--color-white);
            font-size: 16px;
            line-height: 22px;
            font-weight: 300;
            text-align: right;
            padding-bottom: 21px;

            /* 1024px and up */
            @media (min-width: 1024px) {
                font-size: 24px;
                line-height: 36px;
                padding-bottom: 48px;
            }

            strong {
                /* 1600px and up */
                @media (min-width: 1600px) {
                    font-weight: 900;
                }
            }
        }
    }

    .section-3 {
        background: var(--color-dark-blue);

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 200px;
        }

        .inline-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-template-areas: "col1 col2";
            }

            figure {
                /* 609px and up */
                @media (min-width: 609px) {
                    display: flex;
                    justify-content: center;
                    grid-area: col1;
                }
            }
        }

        .content-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-area: col2;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {
                /* 1024px and up */
                @media (min-width: 1024px) {
                    text-align: left;
                    margin-bottom: 0;
                }
            }

            p {
                margin-bottom: 0;
            }
        }
    }

    .section-4 {
        background: linear-gradient(180deg, rgba(1, 32, 65, 1) 0%, rgba(0, 0, 0, 1) 100%);

        .inline-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-template-areas: "col1 col2";
            }

            figure {
                /* 609px and up */
                @media (min-width: 609px) {
                    display: flex;
                    justify-content: center;
                    grid-area: col2;
                }
            }
        }

        .content-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-area: col1;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {
                /* 609px and up */
                @media (min-width: 609px) {
                    margin-bottom: 0;
                }
            }
        }
    }

    .section-5 {
        background: var(--main-bg-color);

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 200px;
        }

        .content {
            border-left: var(--border-accent) solid var(--color-green);
            padding-left: 12px;

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-left: 48px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                width: 65%;
                margin: 0 auto;
            }
        }

        p {
            padding-bottom: 21px;

            /* 1600px and up */
            @media (min-width: 1600px) {
                padding-bottom: 47px;
            }
        }

        .author {
            justify-content: flex-start;
        }
    }

    .section-6 {
        background: var(--main-bg-color);

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 50px;
        }

        .inline-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-template-areas: "col1 col2";
            }

            figure {
                /* 609px and up */
                @media (min-width: 609px) {
                    display: flex;
                    justify-content: center;
                    grid-area: col2;
                }
            }
        }

        .content-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-area: col1;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {
                /* 609px and up */
                @media (min-width: 609px) {
                    margin-bottom: 0;
                }
            }
        }
    }

    .section-7 {
        background: var(--color-dark-blue);

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 200px;
        }

        .content {
            border-right: var(--border-accent) solid var(--color-blue);
            padding-right: 12px;

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-right: 48px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                width: 65%;
                margin: 0 auto;
                text-align: right;
            }

            img {
                display: flex;
                margin-left: auto;
            }
        }

        p {
            text-align: right;
            padding-bottom: 21px;
            margin-top: 0;

            /* 1600px and up */
            @media (min-width: 1600px) {
                padding-bottom: 47px;
            }
        }

        .author {
            text-align: right; 
        }
    }

    .section-8 {
        background: var(--main-bg-color);

        .inline-wrapper {
            /* 1024px and up */
            @media (min-width: 1024px) {
                grid-template-areas: "col1 col2";
            }

            figure {
                /* 1024px and up */
                @media (min-width: 1024px) {
                    display: flex;
                    justify-content: center;
                    grid-area: col1;
                }
            }
        }

        .content-wrapper {
            /* 1024px and up */
            @media (min-width: 1024px) {
                grid-area: col2;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {        
                /* 1024px and up */
                @media (min-width: 1024px) {
                    margin-bottom: 0;
                }
            }
        }
    }

    .section-9 {
        .content {
            border-right: var(--border-accent) solid var(--color-red);
            padding-right: 12px;
            text-align: right;

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-right: 48px;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                width: 65%;
                margin: 0 auto;
            }
        }

        p {
            padding-bottom: 21px;

            /* 1600px and up */
            @media (min-width: 1600px) {
                padding-bottom: 47px;
            }
        }

        .author {
            justify-content: flex-end; 
        }
    }

    .section-10 {
        background: var(--color-dark-blue);

        .inline-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-template-areas: "col1 col2";
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                grid-template-columns: var(--container-column-width) var(--container-column-width);
            }

            figure {
                /* 609px and up */
                @media (min-width: 609px) {
                    grid-area: col1;
                }

                /* 1024px and up */
                @media (min-width: 1024px) {
                    display: flex;
                    justify-content: flex-end;
                    grid-area: col1;
                }
            }
        }

        .content-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                grid-area: col2;
            }

            /* 1024px and up */
            @media (min-width: 1024px) {
                grid-area: col2;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }

            h3 {
                /* 1024px and up */
                @media (min-width: 1024px) {
                    margin-bottom: 0;
                }
            }
        }
    }

    .section-10-1 {
        background: linear-gradient(180deg, rgba(1, 32, 65, 1) 0%, rgba(0, 0, 0, 1) 100%);
        display: flex;
        justify-content: center;

        /* 1600px and up */
        @media (min-width: 1600px) {
            padding-bottom: 162px;
        }
    }

    .section-11 {
        background: var(--main-bg-color);

        &.section {
            padding-top: 25px;
        }

        p {
            margin-top: 0;
        }

        iframe {
            border-radius: var(--border-radius-md);

            /* 1024px and up */
            @media (min-width: 1024px) {
                border-radius: var(--border-radius-lg);
            }
        }
    }

    .locations {
        padding-top: 0;
        padding-bottom: 34px;

        .location-wrapper {
            /* 609px and up */
            @media (min-width: 609px) {
                display: flex;
                justify-content: flex-start;
            }

            /* 1024px and up */
            @media (min-width: 1024px) {
                padding-bottom: 160px;
            }
            
            /* 1600px and up */
            @media (min-width: 1600px) {
                padding: 0 0 130px 0;
            }
        }

        .location:not(:last-child) {
            margin-bottom: 36px;
            
            /* 1024px and up */
            @media (min-width: 1024px) {
                margin-bottom: 0;
            }
        }

        .location { 
             /* 1024px and up */
             @media (min-width: 1024px) {
                align-items: flex-start;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
                display: flex;
                align-items: flex-start;
                justify-content: center;
                height: 140px;
            }

            address {
                padding-left: 24px;

                /* 609px and up */
                @media (min-width: 609px) {
                    padding-left: 12px;
                }

                /* 1024px and up */
                @media (min-width: 1024px) {
                    padding-left: 22px;
                }

                /* 1600px and up */
                @media (min-width: 1600px) {
                    padding-left: 32px;
                }

                p {
                    font-style: normal;
                    margin: 0;
                    padding: 0;
                    font-family: "Open Sans", sans-serif;
                    color: var(--color-white);
                    font-size: 16px;
                    line-height: 27px;
                    font-weight: 400;
                }

                p.company-name {
                    font-family: var(--font-family-inter);
                    color: var(--color-white);

                    /* 1024px and up */
                    @media (min-width: 1024px) {
                        font-size: 20px;
                        line-height: 36px;
                        font-weight: 600;
                        padding-bottom: 11px;
                    }

                    /* 1600px and up */
                    @media (min-width: 1600px) {
                        font-size: 24px;
                    }
                }

                p.remove-ios-data-detection {
                    /*  Disable data detection on ios for specific elements */
                    -webkit-touch-callout: none;
                    color: var(--color-white) !important;
                }
            }
        }

        .location:last-child {
            margin-bottom: 66px;

            /* 1024px and up */
            @media (min-width: 1024px) {
                margin-bottom: 0;
            }
        }

        .contact {
            /* 1024px and up */
            @media (min-width: 1024px) {
                display: flex;
                align-items: center;
            }

            /* 1600px and up */
            @media (min-width: 1600px) {
               padding: 0;
            }

            figure {
                text-align: center;

                /* 609px and up */
                @media (min-width: 609px) {
                    display: flex;
                    margin-bottom: 0;
                    align-items: center;
                    text-align: revert;
                }

                /* 1024px and up */
                @media (min-width: 1024px) {
                    width: 445px;
                }
            }

            .btn-socials-wrapper {
                /* 609px and up */
                @media (min-width: 609px) {
                    display: flex;
                    margin-bottom: 0;
                    align-items: center;
                    justify-content: flex-end;
                }

                /* 1024px and up */
                @media (min-width: 1024px) {
                    display: flex;
                    align-items: center;
                    justify-content: flex-end;
                    width: 100%;
                }
            }

            .btn-wrapper {
                display: flex;
                justify-content: center;


                a {
                    padding: 21px 38px;
                    font-family: var(--font-family-inter);
                    font-size: var(--font-size-sm);
                    line-height: 100%;
                    font-weight: 600;
                    color: var(--color-white);
                    border: solid 1px var(--color-white);
                    border-radius: var(--border-radius-sm);
                }
            }
        }

        .hr {
            height: 1px;
            background: var(--color-white);
            margin-top: 42px;
        }

        .copyright-wrapper {
            padding: 0;
        }

        .copyright {
            margin-top: 30px;
            font-family: "Open Sans", sans-serif;
            color: var(--color-white);
            font-size: 16px;
            line-height: 27px;
            font-weight: 400;
            margin-bottom: 23px;
            padding: 0;

            &.inline-wrapper {
                grid-template-columns: 1fr;
            }
        }
    }

    .socials {
        display: flex;
        justify-content: center;
        margin-top: 20px;

        /* 1600px and up */
        @media (min-width: 1600px) {
            margin-top: 0;
        }
    }

    .container {
        display: flex;
        justify-content: center;

        .wrapper {
            background: var(--color-white);
            width: 40px;
            height: 40px;
            border-radius: var(--border-radius-full);
            align-items: center;
            display: flex;
            justify-content: center;
        }
    }

    .container:not(:first-child) {
        margin-left: 10px;
    }

    .powr-form-builder.powrLoaded {
        width: 100%;
        margin: 0 auto;

         /* 1600px and up */
         @media (min-width: 1600px) {
            width: 75%;
        }
    }
}