/* Generated from page: join-us-card */
.themify_builder_content-5153 .tb_h94f250.module_row{background-image:linear-gradient(180deg,rgb(162, 192, 239) 0%,rgb(255, 255, 255) 100%); text-align:center; padding-top:7%; padding-bottom:6%; background-color:rgba(3, 71, 98, 1);}
.themify_builder_content-5153 .tb_c2ju540.module-text.module .tb_text_wrap h1{color:rgba(5, 5, 5, 1);-webkit-background-clip:border-box;background-clip:border-box;background-image:none;}
.themify_builder_content-5153 .tb_c2ju540.module-text.module h1{font-size:80px; line-height:60px;}
.themify_builder_content-5153 .tb_c2ju540.module-text.module .tb_text_wrap h3:not(.module-title){color:rgba(255, 255, 255, 1.00);-webkit-background-clip:border-box;background-clip:border-box;background-image:none;}
.themify_builder_content-5153 .tb_c2ju540.module-text.module h3{font-size:30px; line-height:70px;}
.themify_builder_content-5153 .tb_leh5307.module_row{background-color:rgba(241, 245, 249, 1.00); padding-top:3%; padding-bottom:3%;}

@media screen and (max-width: 680px) {
.themify_builder_content-5153 .tb_c2ju540.module-text.module h1{font-size:60px;}
.themify_builder_content-5153 .tb_c2ju540.module-text.module h3{font-size:23px;}
}/* Builder Custom CSS START */
/* ==================================================
   CMP EOI CARDS
   Isolated CSS - Does Not Disturb Website Theme
================================================== */

.cmp-eoi-wrapper,
.cmp-eoi-wrapper *,
.cmp-eoi-wrapper *::before,
.cmp-eoi-wrapper *::after {
    box-sizing: border-box;
}

/* MAIN WRAPPER */

.cmp-eoi-wrapper {
    width: 100%;
    max-width: 1180px;
    margin: 35px auto;
    padding: 0 20px;
    clear: both;
}


/* HEADING */

.cmp-eoi-heading {
    width: 100%;
    margin: 0 0 25px;
    padding: 0;
}

.cmp-eoi-heading h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 28px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #111111 !important;
}


/* ==================================================
   TWO CARDS HORIZONTAL
================================================== */

.cmp-eoi-grid {
    width: 100%;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 24px;

    margin: 0;
    padding: 0;
}


/* ==================================================
   CARD
================================================== */

.cmp-eoi-card {
    position: relative;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 28px 26px;

    display: flex;
    align-items: flex-start;
    gap: 18px;

    background: #ffffff;

    border: 1px solid #dbe3ec;
    border-top: 4px solid #1c5798;

    border-radius: 10px;

    box-shadow: 0 5px 18px rgba(20, 65, 110, 0.08);

    overflow: visible;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

.cmp-eoi-card:hover {
    transform: translateY(-4px);

    box-shadow:
        0 10px 25px rgba(20, 65, 110, 0.14);
}


/* FIRST CARD */

.cmp-eoi-featured {
    border-top-color: #dda328;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #ffffff 80%,
            #f5f9fd 100%
        );
}


/* ==================================================
   ICON
================================================== */

.cmp-eoi-icon {
    width: 60px;
    height: 60px;

    flex: 0 0 60px;

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

    margin: 2px 0 0;

    background: #195a9f;

    border-radius: 50%;

    color: #ffffff;

    font-size: 23px;
    line-height: 1;
}


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

.cmp-eoi-content {
    min-width: 0;
    flex: 1;

    display: flex;
    flex-direction: column;
}


.cmp-eoi-label {
    margin: 3px 0 10px;

    color: #a77913;

    font-size: 12px;
    line-height: 1.3;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.7px;
}


.cmp-eoi-content h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #124680 !important;

    font-size: 18px !important;
    line-height: 1.45 !important;

    font-weight: 700 !important;

    text-transform: none !important;
}


.cmp-eoi-content h4 {
    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #365f8b !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    font-weight: 600 !important;

    text-transform: none !important;
}


.cmp-eoi-content p {
    margin: 0 0 20px !important;
    padding: 0 !important;

    color: #616d7d !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}


/* ==================================================
   BUTTON
================================================== */

.cmp-eoi-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    align-self: flex-start;

    margin-top: auto;

    padding: 11px 18px;

    border-radius: 4px;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;

    text-decoration: none !important;

    transition: all 0.25s ease;
}


/* BLUE BUTTON */

.cmp-eoi-btn-blue {
    background: #1b5597;
    border: 1px solid #1b5597;

    color: #ffffff !important;
}

.cmp-eoi-btn-blue:hover {
    background: #123f75;

    border-color: #123f75;

    color: #ffffff !important;
}


/* OUTLINE BUTTON */

.cmp-eoi-btn-outline {
    background: #ffffff;

    border: 1px solid #1b5597;

    color: #1b5597 !important;
}

.cmp-eoi-btn-outline:hover {
    background: #1b5597;

    color: #ffffff !important;
}


/* ==================================================
   NEW BADGE
================================================== */

.cmp-eoi-new {
    position: absolute;

    top: -13px;
    right: 18px;

    z-index: 10;

    display: inline-block;

    padding: 7px 15px;

    background: #cf3440;

    border: 3px solid #ffffff;

    border-radius: 25px;

    color: #ffffff;

    font-size: 11px;
    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.5px;

    animation: cmpEoiBlink 1.2s ease-in-out infinite;
}


@keyframes cmpEoiBlink {

    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.55;
        transform: scale(1.07);
    }

}


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

@media only screen and (max-width: 900px) {

    .cmp-eoi-grid {
        grid-template-columns: 1fr;
    }

}


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

@media only screen and (max-width: 600px) {

    .cmp-eoi-wrapper {
        padding: 0 15px;
        margin: 25px auto;
    }

    .cmp-eoi-heading h2 {
        font-size: 23px !important;
    }

    .cmp-eoi-card {
        padding: 24px 20px;
        gap: 15px;
    }

    .cmp-eoi-icon {
        width: 50px;
        height: 50px;

        flex-basis: 50px;

        font-size: 20px;
    }

    .cmp-eoi-content h3 {
        font-size: 17px !important;
    }

}

/* FORCE FULL WIDTH CARD AREA */
.cmp-eoi-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    clear: both !important;
}

/* FORCE TWO HORIZONTAL COLUMNS */
.cmp-eoi-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 100% !important;

    gap: 24px !important;

    align-items: stretch !important;
    justify-content: space-between !important;

    float: none !important;
    clear: both !important;
}

/* EACH CARD EXACTLY HALF WIDTH */
.cmp-eoi-grid > .cmp-eoi-card {
    display: flex !important;

    width: calc(50% - 12px) !important;
    max-width: calc(50% - 12px) !important;
    min-width: 0 !important;

    flex: 0 0 calc(50% - 12px) !important;

    margin: 0 !important;
    float: none !important;

    box-sizing: border-box !important;
}

/* REMOVE POSSIBLE WORDPRESS COLUMN SETTINGS */
.cmp-eoi-grid::before,
.cmp-eoi-grid::after {
    display: none !important;
    content: none !important;
}

/* MOBILE */
@media screen and (max-width: 767px) {

    .cmp-eoi-grid {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    .cmp-eoi-grid > .cmp-eoi-card {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
}


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

@media only screen and (max-width: 480px) {

    .cmp-eoi-card {
        flex-direction: column;
    }

    .cmp-eoi-btn {
        width: 100%;
    }

}
/* Builder Custom CSS END */