/* Experts Hero Block Styles */

.experts-hero {
    background: url(../../img/postmaster-hero.png) bottom right no-repeat;
    box-shadow: 0 -70px 52.417px -14.167px #faf4e7 inset;
    color: #0f172a
}

.experts-hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(192deg, rgba(245, 56, 56, .1) -4.84%, rgba(253, 183, 89, .1) 28.16%, rgba(255, 212, 96, .1) 35.61%, rgba(250, 244, 231, .1) 92.22%), #faf4e7;
    pointer-events: none;
    z-index: -1
}

.experts-hero__badges {
    display: flex;
    gap: 9px;
    margin-bottom: 16px
}

.experts-hero__badges .experts-hero__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 3.36px;
    box-shadow: 0 6px 16px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .08)
}

.experts-hero__btn--outline:active,
.experts-hero__btn--outline:hover,
.experts-hero__btn--primary:active,
.experts-hero__btn--primary:hover,
.experts-hero__btn:active,
.experts-hero__btn:hover {
    box-shadow: 0 0 12px 0 var(--blue-btn-bg-50)
}

.experts-hero__badges .experts-hero__badge img {
    width: 100%;
    height: 100%;
    display: block
}

.experts-hero__title,
.experts-hero__title * {
    text-wrap: balance;
    color: #2d4059;
    font-family: "GT Flexa", sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 47px;
    letter-spacing: -.8px;
    text-transform: capitalize;
    margin: 0;
}
.experts-hero__title {
    margin-bottom: 24px;
}
.experts-hero__title strong {
    background: var(--font-gradient, linear-gradient(180deg, #FF1005 0%, #FF4815 47.92%, #FDA22F 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "GT Flexa";
}

.experts-hero span,
.experts-hero__title-highlight {
    background: linear-gradient(180deg, #ff5a1f 0, #ff7a1f 50%, #ffb347 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.experts-hero__ratings {
    display: flex;
    gap: 1.75rem;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}

.experts-hero__desc,
.experts-hero__desc *,
.experts-hero__rich-content {
    color: var(--Gray-Hard, #505869);
    font-family: Nunito, sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px
}
.experts-hero__desc * {
    margin-bottom: 0;
}

.experts-hero__rich-content ol,
.experts-hero__rich-content ul {
    margin-left: 20px;
    margin-bottom: 15px
}

.experts-hero__rich-content a {
    color: #3978f2;
    text-decoration: underline
}

.experts-hero__rich-content a:hover {
    color: #1d4ed8
}

.experts-hero__actions {
    display: flex;
    gap: .75rem;
    margin-top: 48px;
    margin-bottom: 10px;
    justify-content: flex-start;
    align-items: center
}

@media (max-width:767px) {
    .experts-hero__actions {
        flex-direction: column
    }
}

.experts-hero__btn,
.experts-hero__btn--primary {
    align-items: center;
    border-radius: 8px;
    text-decoration: none;
    transition: .25s;
    max-width: 100%;
    margin-bottom: 12px;
    display: flex;
    min-width: 200px;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.experts-hero__btn {
    justify-content: center
}

.experts-hero__btn--primary {
    justify-content: center;
    color: #fff !important;
    background: #3978f2
}

.experts-hero__btn--primary:hover {
    background-color: rgb(33.0710900474, 103.6848341232, 240.4289099526)
}

.experts-hero__btn--outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    transition: .25s;
    width: 205px;
    max-width: 100%;
    font-style: normal;
    line-height: 18px;
    margin-bottom: 12px;
    color: #1d4ed8 !important;
    background: 0 0;
    border: 1.071px solid var(--blue-main, #3978f2)
}

.experts-hero__btn--outline:hover {
    color: #fff !important;
    background-color: #3978f2
}

.experts-hero__fineprint {
    color: var(--Main-Black, #2d4059);
    font-family: "GT Flexa";
    font-size: 17.129px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-transform: capitalize
}

.experts-hero {
    margin: 96px 0 0;
    background-position: 100% 25%;
    background-size: clamp(500px, 50vw, 45%);
    padding: 0 0 96px;
    box-shadow: 0 -50px 52.417px -14.167px #faf4e7 inset
}

.experts-hero__badges .experts-hero__badge {
    background: unset;
    box-shadow: unset
}

.experts-hero__right {
    position: relative
}

.experts-hero__rich-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 10px 10px;
    position: absolute;
    left: 150px;
    top: 0;
    max-width: 180px;
    border-radius: 9.678px;
    border: 1px solid rgba(177, 177, 177, .2);
    background: rgba(255, 255, 255, .34);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .05);
    backdrop-filter: blur(5.650000095367432px);
    color: #2d4059;
    font-family: Nunito;
    font-size: 18px;
    font-weight: 500;
    line-height: 114.7%;
    letter-spacing: -.54px;
    text-transform: capitalize
}

.experts-hero__rich-content p {
    margin: 0
}

.experts-hero__rich-content strong {
    color: #2d4059;
    text-align: center;
    font-family: Nunito;
    font-size: 53.183px;
    font-weight: 900;
    line-height: normal;
    letter-spacing: -1.595px;
    background-image: linear-gradient(to right, #fda22f 0, rgba(255, 0, 0, .55) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent
}

@media (max-width:991.98px) {
    .experts-hero {
        background-size: 70%
    }
    .experts-hero__actions {
        flex-wrap: wrap
    }
    .experts-hero .container {
        max-width: calc(100% - 72px);
        margin: 0 36px
    }
    .experts-hero__badges {
        margin-bottom: 10px
    }
    .experts-hero__badges .experts-hero__badge {
        width: 30px;
        height: 30px
    }
    .experts-hero__title {
        font-size: 28px;
        line-height: 32.665px;
        letter-spacing: -1.112px
    }
    .experts-hero__desc {
        max-width: none;
        font-size: 14px
    }
    .experts-hero__rich-content {
        max-width: 124px;
        left: 30px;
        font-size: 12px;
        letter-spacing: -.375px;
        gap: 6px
    }
    .experts-hero__rich-content strong {
        font-size: 37px;
        letter-spacing: -1.109px
    }
}

@media (max-width:767px) {
    .experts-hero {
        margin: 40px 0 0;
        background-size: 60%;
        background-position: right bottom;
        padding: 0 0 40px;
    }
    .experts-hero__fineprint {
        text-align: center
    }
    .experts-hero__left {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        text-wrap: balance
    }
    .experts-hero__title {
        margin: 0 0 24px;
    }
    .experts-hero__title, .experts-hero__title * {
        font-size: 32px;
        line-height: 36px;
    }
    .experts-hero__desc, .experts-hero__desc * {
        font-size: 17px;
        line-height: 24px;
    }
    .experts-hero__actions {
        margin-top: 20px;
    }
    .experts-hero__right {
        min-height: 200px
    }
    .experts-hero__rich-content {
        max-width: 150px;
        left: 30%;
        top: 50%;
        transform: translate(0, -50%)
    }
}

@media (max-width:500px) {
    .experts-hero {
        background-size: 100%;
        background-position: right bottom
    }
    .experts-hero .container {
        max-width: calc(100% - 16px);
        margin: 0 8px
    }
    .experts-hero__fineprint {
        font-size: 12px
    }
    .experts-hero__title {
        text-align: center;
        font-size: 27.8px;
        line-height: 32.665px;
        letter-spacing: -.556px;
        margin-bottom: 20px
    }
    .experts-hero__desc {
        text-align: center;
        font-size: 14px;
        line-height: normal
    }
    .experts-hero__rich-content {
        font-size: 16px
    }
}

@media(min-width: 1800px) {
    .experts-hero__rich-content {
        left: 50%;
    }
}

@media(min-width: 1024px) {
    .experts-hero__rich-content {
        left: 40%;
    }
}

/*# sourceMappingURL=../maps/blocks/experts-hero.css.map */

/* ── Image position modes: right / left ── */

.experts-hero--img-right,
.experts-hero--img-left {
    background-image: none !important;
    background-size: unset;
    box-shadow: none;
}

.experts-hero--img-right::before,
.experts-hero--img-left::before {
    content: none;
}

.experts-hero__img-col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.experts-hero__img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
}

/* Background mode keeps all existing styles via .experts-hero--img-background */

@media (max-width: 767px) {
    .experts-hero--img-right .row,
    .experts-hero--img-left .row {
        flex-direction: column;
    }
    .experts-hero--img-left .experts-hero__img-col {
        order: -1;
    }
}