.elementor-5768 .elementor-element.elementor-element-fa96997{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:64px;--padding-left:0px;--padding-right:0px;}.elementor-5768 .elementor-element.elementor-element-993ae2b{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-bd23626 */.hero {
    background: linear-gradient(135deg,#0b1b3f,#16346f);
    color: #fff;
    position: relative;
    overflow: hidden;
}
.hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
    background-size: 36px 36px;
    mask-image: linear-gradient(90deg,transparent,#000 70%);
}
.hero div {
    position: relative;
    max-width: 1210px;
    margin: 0 auto;
    padding: 64px 0px;
    text-align: left;
}
.hero h1 {
    font: 700 clamp(36px,6vw,64px)/1.05 var(--head);
    font-size:64px;
    font-weight:700;
    margin: 0 0 12px;
    letter-spacing: -.02em;
    margin-bottom:30px;
    color:#fff;
}
.hero p {
    margin: 0;
    font: 500 16px var(--head);
    opacity: .8;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f16b648 */.wrap {
    max-width: 1210px;
    margin: 0 auto;
    padding: 40px 24px 80px;
    display: grid;
    grid-template-columns: 260px minmax(0,1fr);
    gap: 40px;
}
.wrap nav {
    position: sticky;
    top: calc(env(safe-area-inset-top,0px) + 24px);
    align-self: start;
    background: #fff;
    border: 1px solid #dde4f0;
    border-radius: 12px;
    padding: 12px;
}
.wrap nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.wrap li {
    margin-bottom: 6px;
}
.wrap nav a.on {
    color: #1a6dff;
    border-left-color: #1a6dff;
    background: color-mix(in srgb,#1a6dff 10%,transparent);
}
.wrap nav a {
    display: block;
    padding: 8px 12px;
    border-radius: 8px;
    color: #33415c;
    text-decoration: none;
    line-height:1.3;
    font-size:14px;
    font-weight:500;
    border-left: 3px solid transparent;
}
.wrap article {
    background: #fff;
    border: 1px solid #dde4f0;
    border-radius: 12px;
    padding: 40px;
    max-width: 100%;
}
.wrap .lead {
    padding-bottom: 8px;
    border-bottom: 1px solid #dde4f0;
    margin-bottom: 8px;
}
.wrap .lead p {
    font-size: 19px;
    color:#33415c;
    margin: 0 0 14px;
}
.wrap h2 {
    
    font-size:26px;
    font-weight:700;
    line-height:1.2;
    color: #0b1b3f;
    margin: 36px 0 8px;
    letter-spacing: -.01em;
}
.wrap p{
        margin: 0 0 14px;
}
.wrap h3 {
    font-size:18px;
    font-weight:700;
    color: #1a6dff;
    margin: 20px 0 4px;
}
.wrap ul {
    padding-left: 22px;
    margin: 0 0 14px;
}
.wrap li::marker {
    color: #1a6dff;
}
.wrap .top {
    display: inline-block;
    margin-top: 32px;
    font-size:14px;
    font-weight:500;
    color: #1a6dff;
    text-decoration:underline;
}/* End custom CSS */