.elementor-1941 .elementor-element.elementor-element-6d43e0a{--display:flex;}@media(min-width:768px){.elementor-1941 .elementor-element.elementor-element-6d43e0a{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-03fd98f */* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    font: 15px/1.7 Inter, Arial, sans-serif;
    color: #4A5568
}

.wrap {
    width: min(calc(100% - 48px), 1280px);
    margin: auto
}





h1,
h2,
h3 {
    color: #1A1D20;
    line-height: 1.15
}

h1 {
    font-size: clamp(44px, 6vw, 68px);
    letter-spacing: -.045em;
    margin: 12px 0 22px
}

h2 {
    font-size: 32px;
    letter-spacing: -.03em
}

h3 {
    font-size: 19px
}

.hero {
    padding: 90px 0;
    border-bottom: 1px solid #E2E8F0
}

.hero-grid {
    display: grid;
    grid-template-columns: 1.2fr .65fr;
    gap: 100px;
    align-items: end
}

.hero h3 {
    font-size: 20px;
    font-weight: 500
}

.hero small,
.legal small {
    color: #1B4D8E;
    font-weight: 700;
    letter-spacing: .15em
}

.hero aside {
    border-left: 2px solid #1B4D8E;
    padding-left: 25px;
    font-size: 13px
}

.hero aside>b {
    color: #1B4D8E;
    font-size: 10px
}

.cards {
    padding: 70px 0;
    background: #F8FAFC
}

.grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.grid4 a {
    padding: 27px;
    border: 1px solid #E2E8F0;
    margin: -1px 0 0 -1px;
    background: white;
    text-decoration: none;
    color: inherit
}

.grid4 i {
    font-style: normal;
    color: #94A3B8;
    font-size: 10px
}

.grid4 h2 {
    font-size: 19px
}

.grid4 p {
    font-size: 13px
}

.grid4 b {
    color: #1B4D8E;
    font-size: 11px
}

.legal {
    padding: 90px 0;
    border-top: 1px solid #E2E8F0;
    scroll-margin-top: 75px
}

.alt {
    background: #F8FAFC
}

.layout {
    display: grid;
    grid-template-columns: 290px minmax(0, 700px);
    gap: 90px;
    justify-content: space-between
}

.layout>aside {
    align-self: start;
    position: sticky;
    top: 105px
}

.layout>aside h2 {
    margin-top: 12px
}

.layout article>p:first-of-type {
    font-size: 17px;
    color: #1A1D20
}

.sub {
    border-top: 1px solid #E2E8F0;
    margin-top: 30px;
    padding-top: 27px
}

.sub li {
    margin: 7px 0
}

.risk {
    padding: 18px 20px;
    margin: 24px 0;
    background: #FFF7F7;
    border-left: 3px solid #EF4444;
    color: #7F1D1D
}

.review {
    padding: 16px 19px;
    margin-bottom: 27px;
    background: #FFFBEB;
    border-left: 3px solid #B7791F;
    color: #744210;
    font-size: 13px
}

.note {
    padding: 18px 20px;
    margin-top: 30px;
    background: #EEF5FC;
    border-left: 3px solid #1B4D8E;
    color: #263D59;
    font-size: 13px
}

.placeholder {
    padding: 12px 14px;
    border: 1px dashed #CBD5E1;
    background: #fff;
    color: #718096
}


@media(max-width:800px) {
    .nav nav {
        display: none
    }

    .hero-grid,
    .layout {
        grid-template-columns: 1fr;
        gap: 35px
    }

    .grid4 {
        grid-template-columns: 1fr 1fr
    }

    .layout>aside {
        position: static
    }
}

@media(max-width:520px) {
    .wrap {
        width: calc(100% - 28px)
    }

    .grid4 {
        grid-template-columns: 1fr
    }

    .hero,
    .legal {
        padding: 65px 0
    }
}/* End custom CSS */