.elementor-248 .elementor-element.elementor-element-e481685{--display:flex;}.elementor-248 .elementor-element.elementor-element-d2b3191{--display:flex;}.elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button{background-color:var( --e-global-color-870ef80 );font-family:var( --e-global-typography-dbc0204-font-family ), Sans-serif;font-size:var( --e-global-typography-dbc0204-font-size );font-weight:var( --e-global-typography-dbc0204-font-weight );text-transform:var( --e-global-typography-dbc0204-text-transform );fill:#FFFFFF;color:#FFFFFF;}.elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button:hover, .elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button:focus{background-color:var( --e-global-color-15e26ab );color:var( --e-global-color-primary );}.elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button:hover svg, .elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-248 .elementor-element.elementor-element-52a4ecb{--display:flex;}.elementor-248 .elementor-element.elementor-element-47f1395{padding:0px 0px 80px 0px;}@media(max-width:1024px){.elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}}@media(max-width:767px){.elementor-248 .elementor-element.elementor-element-caf8c73 .elementor-button{font-size:var( --e-global-typography-dbc0204-font-size );}}/* Start custom CSS for html, class: .elementor-element-d95a00f */.self-check-section {
    width: 100%;
    padding: 100px 20px;

    background: #f7faff;

    overflow: hidden;
}

.self-check-container {
    max-width: 1050px;
    margin: 0 auto;
}


/* =========================
   CONTENT
========================= */

.self-check-content {
    max-width: 850px;
    margin: 0 auto 0px;

    text-align: center;
}


/* LABEL */

.self-check-label {
    display: inline-block;

    margin-bottom: 20px;

    padding: 8px 18px;

    border-radius: 50px;

    background: rgba(32, 182, 115, 0.09);

    color: #20b673;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;
}


/* HEADING */

.self-check-content h2 {
    margin: 0 0 25px;

    color: #172333;

    font-family: "Playfair Display", serif;

    font-size: 46px;

    line-height: 1.25;

    font-weight: 700;
}


/* INTRO */

.self-check-intro {
    max-width: 750px;

    margin: 0 auto;

    color: #667085;

    font-size: 17px;

    line-height: 1.8;
}


/* =========================
   TOOL
========================= */

.self-check-tool {
    position: relative;

    width: 100%;

    min-height: 330px;

    padding: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #ffffff;

    border: 1px solid rgba(129, 167, 244, 0.25);

    border-radius: 28px;

    box-shadow:
        0 15px 45px rgba(23, 35, 51, 0.07);

    overflow: hidden;
}


/* BLUE TOP BORDER */

.self-check-tool::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #81a7f4;
}


/* DECORATIVE CIRCLE */

.self-check-tool::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    right: -100px;
    bottom: -110px;

    border-radius: 50%;

    background: rgba(32, 182, 115, 0.06);
}


/* PLACEHOLDER */

.tool-placeholder {
    position: relative;

    z-index: 2;

    max-width: 550px;

    text-align: center;
}


.tool-icon {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 auto 20px;

    border-radius: 18px;

    background: rgba(129, 167, 244, 0.11);

    color: #81a7f4;

    font-size: 24px;
}


.tool-placeholder p {
    margin: 0;

    color: #667085;

    font-size: 14px;

    line-height: 1.7;
}


/* =========================
   BOTTOM
========================= */

.self-check-bottom {
    max-width: 800px;

    margin: 40px auto 0;

    padding: 25px 30px;

    text-align: center;

    background: #ffffff;

    border-radius: 18px;

    border: 1px solid rgba(32, 182, 115, 0.15);
}


.self-check-bottom p {
    margin: 0;

    color: #172333;

    font-size: 15px;

    line-height: 1.7;

    font-weight: 600;
}


/* =========================
   TABLET
========================= */

@media (max-width: 800px) {

    .self-check-section {
        padding: 80px 20px;
    }

    .self-check-content h2 {
        font-size: 40px;
    }

    .self-check-intro {
        font-size: 16px;
    }

    .self-check-tool {
        min-height: 300px;
    }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 600px) {

    .self-check-section {
        padding: 60px 16px;
    }

    .self-check-content {
        margin-bottom: 35px;
    }

    .self-check-label {
        margin-bottom: 16px;

        padding: 7px 14px;

        font-size: 9px;
    }

    .self-check-content h2 {
        font-size: 32px;

        line-height: 1.25;

        margin-bottom: 18px;
    }

    .self-check-intro {
        font-size: 14px;

        line-height: 1.75;
    }

    .self-check-tool {
        min-height: 270px;

        padding: 25px 18px;

        border-radius: 21px;
    }

    .tool-icon {
        width: 52px;
        height: 52px;

        border-radius: 15px;

        font-size: 21px;
    }

    .tool-placeholder p {
        font-size: 13px;
    }

    .self-check-bottom {
        margin-top: 25px;

        padding: 20px 18px;

        border-radius: 16px;
    }

    .self-check-bottom p {
        font-size: 13px;

        line-height: 1.7;
    }

}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 400px) {

    .self-check-section {
        padding: 50px 14px;
    }

    .self-check-content h2 {
        font-size: 29px;
    }

    .self-check-intro {
        font-size: 13.5px;
    }

    .self-check-tool {
        min-height: 240px;
    }

}/* End custom CSS */