.elementor-30493 .elementor-element.elementor-element-fcff37a{--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;}.elementor-30493 .elementor-element.elementor-element-08daab9{--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;}.elementor-30493 .elementor-element.elementor-element-fec9003{--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;}.elementor-30493 .elementor-element.elementor-element-846ffaf{--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;}.elementor-30493 .elementor-element.elementor-element-770cdb9{--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;}.elementor-30493 .elementor-element.elementor-element-7c39697{--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;}.elementor-30493 .elementor-element.elementor-element-7c39697.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30493 .elementor-element.elementor-element-ae031e1{--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;}.elementor-30493 .elementor-element.elementor-element-afa809d{--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;}.elementor-30493 .elementor-element.elementor-element-afa809d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30493 .elementor-element.elementor-element-81e8535{--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;}.elementor-30493 .elementor-element.elementor-element-81e8535.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30493 .elementor-element.elementor-element-a257801{--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;}.elementor-30493 .elementor-element.elementor-element-a257801.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30493 .elementor-element.elementor-element-e7af70c{--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;}.elementor-30493 .elementor-element.elementor-element-e7af70c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-30493 .elementor-element.elementor-element-900c5fd{--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;}.elementor-30493 .elementor-element.elementor-element-900c5fd.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-30493 .elementor-element.elementor-element-7c39697{--width:100%;}.elementor-30493 .elementor-element.elementor-element-afa809d{--width:100%;}.elementor-30493 .elementor-element.elementor-element-81e8535{--width:100%;}.elementor-30493 .elementor-element.elementor-element-a257801{--width:100%;}.elementor-30493 .elementor-element.elementor-element-e7af70c{--width:100%;}.elementor-30493 .elementor-element.elementor-element-900c5fd{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-cba93d8 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 01 — HERO */

/* =========================================================
   SECTION FOUNDATION
   ========================================================= */

.ip-wd-hero {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;
    --ip-border: #dce6f4;

    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #ffffff !important;
    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-hero,
.ip-wd-hero * {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-hero .ip-wd-hero__inner {
    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
    padding-top: 100px;
    padding-bottom: 100px;

    min-height: 650px;

    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
    align-items: center;
    gap: clamp(35px, 5vw, 90px);
}

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

.ip-wd-hero .ip-wd-hero__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

/* Eyebrow */

.ip-wd-hero .ip-wd-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 26px;
    color: var(--ip-blue);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 750;
    letter-spacing: 1.65px;
    text-transform: uppercase;
}

.ip-wd-hero .ip-wd-hero__eyebrow-line {
    display: block;
    flex: 0 0 30px;
    width: 30px;
    height: 3px;
    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   HEADLINE
   ========================================================= */

.ip-wd-hero .ip-wd-hero__title {
    margin: 0 0 25px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;
    font-size: clamp(40px, 3.25vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.ip-wd-hero .ip-wd-hero__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.ip-wd-hero .ip-wd-hero__description {
    max-width: 625px;
    margin: 0 0 34px;

    font-size: clamp(16px, 1.13vw, 18px);
    font-weight: 400;
    line-height: 1.8;
    color: var(--ip-text);
}

/* =========================================================
   BUTTONS — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-hero .ip-wd-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-bottom: 26px;
}

.ip-wd-hero a.ip-wd-hero__button,
.ip-wd-hero a.ip-wd-hero__button:hover,
.ip-wd-hero a.ip-wd-hero__button:focus,
.ip-wd-hero a.ip-wd-hero__button:visited,
.ip-wd-hero a.ip-wd-hero__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 24px;

    border: 1.5px solid transparent;
    border-radius: 7px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   PRIMARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-hero a.ip-wd-hero__button--primary,
.ip-wd-hero a.ip-wd-hero__button--primary:visited {
    color: #ffffff !important;
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
}

/* Primary button — hover */

.ip-wd-hero a.ip-wd-hero__button--primary:hover {
    color: #ffffff !important;
    background: #68a719 !important;
    border-color: var(--ip-green);
    font-weight: 750 !important;
}

/* =========================================================
   SECONDARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-hero a.ip-wd-hero__button--secondary,
.ip-wd-hero a.ip-wd-hero__button--secondary:visited {
    color: var(--ip-blue) !important;
    background: #ffffff !important;
    border-color: var(--ip-blue);
}

/* Secondary button — hover */

.ip-wd-hero a.ip-wd-hero__button--secondary:hover {
    color: var(--ip-blue) !important;
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    font-weight: 750 !important;
}

/* Keyboard accessibility */

.ip-wd-hero a.ip-wd-hero__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   EXPERIENCE STATEMENT
   ========================================================= */

.ip-wd-hero .ip-wd-hero__experience {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: 34px;

    color: var(--ip-blue);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
}

.ip-wd-hero .ip-wd-hero__experience svg {
    flex: 0 0 auto;
}

/* =========================================================
   TRUST INDICATORS
   ========================================================= */

.ip-wd-hero .ip-wd-hero__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 22px;

    margin: 0;
    padding: 25px 0 0;

    list-style: none;
    border-top: 1px solid var(--ip-border);
}

.ip-wd-hero .ip-wd-hero__trust li {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    color: var(--ip-heading);
    font-size: 13px;
    line-height: 1.45;
    font-weight: 600;
}

/* Blue circular checkmarks */

.ip-wd-hero .ip-wd-hero__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;

    width: 27px;
    height: 27px;

    border-radius: 50%;
    color: #ffffff;
    background: var(--ip-blue);
}

.ip-wd-hero .ip-wd-hero__check svg {
    display: block;
    width: 19px;
    height: 19px;
}

/* =========================================================
   HERO IMAGE — ORIGINAL IMAGE, NO CROPPING
   ========================================================= */

.ip-wd-hero .ip-wd-hero__visual {
    position: relative;
    z-index: 1;

    min-width: 0;
    width: 100%;

    overflow: hidden;
    border-radius: 30px !important;
    background: #ffffff;
}

.ip-wd-hero .ip-wd-hero__visual img {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;
    object-position: center center;
    aspect-ratio: auto !important;

    border: 0;
    border-radius: 30px !important;
    box-shadow: none;
}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-hero .ip-wd-hero__inner {
        min-height: 0;

        padding-top: 75px;
        padding-bottom: 75px;

        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 30px;
    }

    .ip-wd-hero .ip-wd-hero__title {
        font-size: clamp(36px, 4.1vw, 48px) !important;
        letter-spacing: -1px;
    }

    .ip-wd-hero .ip-wd-hero__description {
        font-size: 16px;
    }

    .ip-wd-hero a.ip-wd-hero__button {
        min-height: 49px;
        padding: 12px 18px;
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-hero .ip-wd-hero__inner {
        padding-top: 60px;
        padding-bottom: 50px;

        grid-template-columns: minmax(0, 1fr);
        gap: 35px;
    }

    .ip-wd-hero .ip-wd-hero__eyebrow {
        margin-bottom: 20px;
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .ip-wd-hero .ip-wd-hero__title {
        margin-bottom: 22px;
        font-size: clamp(34px, 8.5vw, 46px) !important;
        line-height: 1.13;
        letter-spacing: -1px;
    }

    .ip-wd-hero .ip-wd-hero__description {
        margin-bottom: 27px;
        font-size: 16px;
        line-height: 1.75;
    }

    .ip-wd-hero .ip-wd-hero__actions {
        align-items: stretch;
        margin-bottom: 25px;
    }

    .ip-wd-hero a.ip-wd-hero__button {
        min-height: 52px;
    }

    .ip-wd-hero .ip-wd-hero__experience {
        align-items: flex-start;
        margin-bottom: 25px;
        font-size: 13px;
    }

    .ip-wd-hero .ip-wd-hero__trust {
        gap: 15px;
        padding-top: 22px;
    }

    .ip-wd-hero .ip-wd-hero__trust li {
        width: 100%;
    }

    .ip-wd-hero .ip-wd-hero__visual {
        width: 100%;
        max-width: 540px;
        margin-inline: auto;
        border-radius: 30px !important;
    }

    .ip-wd-hero .ip-wd-hero__visual img {
        border-radius: 30px !important;
    }

}

/* =========================================================
   SMALL MOBILE — 420px AND BELOW
   ========================================================= */

@media (max-width: 420px) {

    .ip-wd-hero .ip-wd-hero__actions {
        flex-direction: column;
    }

    .ip-wd-hero a.ip-wd-hero__button {
        width: 100%;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-hero a.ip-wd-hero__button,
    .ip-wd-hero a.ip-wd-hero__button:hover {
        transition: none !important;
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 01 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81a9d8c *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 02 — BUSINESS BENEFITS */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-benefits {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;
    --ip-border: #d8e8fa;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 0% 43%,
            rgba(211, 232, 255, 0.65),
            transparent 38%
        ),
        radial-gradient(
            ellipse at 100% 62%,
            rgba(215, 234, 255, 0.70),
            transparent 38%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f2f8ff 55%,
            #f7fbff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-benefits,
.ip-wd-benefits * {
    box-sizing: border-box;
}

/* =========================================================
   DECORATIVE BACKGROUND CURVES — PRESERVED
   ========================================================= */

.ip-wd-benefits::before,
.ip-wd-benefits::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    border-radius: 50%;
    border: 2px solid rgba(194, 219, 247, 0.28);
}

.ip-wd-benefits::before {
    width: 570px;
    height: 570px;

    top: -310px;
    left: -330px;

    background: rgba(220, 237, 255, 0.16);
}

.ip-wd-benefits::after {
    width: 650px;
    height: 650px;

    right: -390px;
    bottom: -330px;

    background: rgba(219, 235, 255, 0.15);
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-benefits .ip-wd-benefits__inner {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.ip-wd-benefits .ip-wd-benefits__header {
    max-width: 850px;
    margin: 0 auto 64px;
    text-align: center;
}

/* Eyebrow */

.ip-wd-benefits .ip-wd-benefits__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin-bottom: 23px;

    color: var(--ip-blue);
    font-size: 12px;
    line-height: 1.5;
    font-weight: 750;
    letter-spacing: 1.65px;
    text-transform: uppercase;
}

.ip-wd-benefits .ip-wd-benefits__eyebrow-line {
    display: block;
    flex: 0 0 30px;

    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-benefits .ip-wd-benefits__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(34px, 3.3vw, 52px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: -1.5px;
}

.ip-wd-benefits .ip-wd-benefits__title span {
    display: block;
    color: var(--ip-blue);
}

/* Introductory paragraph */

.ip-wd-benefits .ip-wd-benefits__intro {
    max-width: 790px;
    margin: 0 auto;

    color: var(--ip-text);
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
}

/* =========================================================
   BENEFITS GRID — THREE COLUMNS
   ========================================================= */

.ip-wd-benefits .ip-wd-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 24px;
    align-items: stretch;
}

/* =========================================================
   INDIVIDUAL BENEFIT CARDS
   ========================================================= */

.ip-wd-benefits .ip-wd-benefits__card {
    display: flex;
    align-items: flex-start;
    gap: 22px;

    min-width: 0;
    min-height: 240px;

    margin: 0;
    padding: 35px 30px;

    background: rgba(255, 255, 255, 0.97);
    border: 1px solid var(--ip-border);
    border-radius: 20px;

    box-shadow: 0 7px 26px rgba(14, 43, 141, 0.035);

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

.ip-wd-benefits .ip-wd-benefits__card:hover {
    transform: translateY(-4px);
    border-color: #bfd5f2;
    box-shadow: 0 15px 38px rgba(14, 43, 141, 0.09);
}

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

.ip-wd-benefits .ip-wd-benefits__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 72px;

    width: 72px;
    height: 72px;

    border-radius: 50%;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-benefits .ip-wd-benefits__icon svg {
    display: block;
    width: 43px;
    height: 43px;
}

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

.ip-wd-benefits .ip-wd-benefits__card-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;
    flex: 1;
    align-self: stretch;
}

.ip-wd-benefits .ip-wd-benefits__card h3 {
    margin: 9px 0 16px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 20px !important;
    font-weight: 750 !important;
    line-height: 1.28;
    letter-spacing: -0.4px;
}

.ip-wd-benefits .ip-wd-benefits__card p {
    margin: 0 0 23px;

    color: var(--ip-text);
    font-size: 15px;
    line-height: 1.75;
    font-weight: 400;
}

/* Green accent line */

.ip-wd-benefits .ip-wd-benefits__accent {
    display: block;

    width: 44px;
    height: 4px;

    margin-top: auto;

    border-radius: 4px;
    background: var(--ip-green);
}

/* =========================================================
   TABLET — TWO COLUMNS
   ========================================================= */

@media (max-width: 1100px) {

    .ip-wd-benefits {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-benefits .ip-wd-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .ip-wd-benefits .ip-wd-benefits__card {
        min-height: 230px;
        padding: 30px 26px;
    }

    .ip-wd-benefits .ip-wd-benefits__header {
        margin-bottom: 50px;
    }

}

/* =========================================================
   MOBILE — SINGLE COLUMN
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-benefits {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-benefits .ip-wd-benefits__header {
        margin-bottom: 42px;
    }

    .ip-wd-benefits .ip-wd-benefits__eyebrow {
        font-size: 11px;
        letter-spacing: 1.1px;
    }

    .ip-wd-benefits .ip-wd-benefits__title {
        font-size: clamp(32px, 7.5vw, 42px) !important;
        letter-spacing: -0.9px;
    }

    .ip-wd-benefits .ip-wd-benefits__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    .ip-wd-benefits .ip-wd-benefits__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .ip-wd-benefits .ip-wd-benefits__card {
        min-height: 0;
        padding: 28px 23px;
        gap: 18px;
    }

    .ip-wd-benefits .ip-wd-benefits__icon {
        flex-basis: 60px;
        width: 60px;
        height: 60px;
    }

    .ip-wd-benefits .ip-wd-benefits__icon svg {
        width: 36px;
        height: 36px;
    }

    .ip-wd-benefits .ip-wd-benefits__card h3 {
        font-size: 19px !important;
        margin-top: 5px;
        margin-bottom: 12px;
    }

    .ip-wd-benefits .ip-wd-benefits__card p {
        font-size: 15px;
        margin-bottom: 20px;
    }

}

/* =========================================================
   SMALL MOBILE — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-benefits .ip-wd-benefits__card {
        flex-direction: column;
        gap: 17px;
    }

    .ip-wd-benefits .ip-wd-benefits__card h3 {
        margin-top: 0;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-benefits .ip-wd-benefits__card {
        transition: none;
    }

    .ip-wd-benefits .ip-wd-benefits__card:hover {
        transform: none;
    }

}

/* END — WEBSITE DESIGN SECTION 02 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-786dff3 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 03 — INDUSTRIES */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND
   ========================================================= */

.ip-wd-industries {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    padding: 110px 0;

    background: #ffffff;
    box-sizing: border-box;
}

.ip-wd-industries,
.ip-wd-industries * {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-industries .ip-wd-industries__inner {
    display: grid;

    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
    align-items: center;
    gap: 44px;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

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

.ip-wd-industries .ip-wd-industries__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-industries .ip-wd-industries__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 24px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-industries .ip-wd-industries__eyebrow-line {
    flex: 0 0 30px;

    width: 30px;
    height: 3px;

    background: var(--ip-green);
    border-radius: 3px;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-industries .ip-wd-industries__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(38px, 3.3vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.12;
    letter-spacing: -1.4px;
}

.ip-wd-industries .ip-wd-industries__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   DESCRIPTION
   ========================================================= */

.ip-wd-industries .ip-wd-industries__intro {
    max-width: 790px;
    margin: 0 0 34px;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   INDUSTRY GRID
   ========================================================= */

.ip-wd-industries .ip-wd-industries__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 16px;
    margin-bottom: 30px;
}

/* =========================================================
   INDIVIDUAL INDUSTRY CARDS
   ========================================================= */

.ip-wd-industries .ip-wd-industries__card {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    min-width: 0;
    min-height: 174px;

    padding: 23px 19px;

    background: #ffffff;
    border: 1px solid #e1eaf5;
    border-radius: 20px;

    box-shadow: 0 6px 22px rgba(14, 43, 141, 0.045);
}

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

.ip-wd-industries .ip-wd-industries__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    border-radius: 50%;
    color: var(--ip-blue);
    background: #eaf3ff;
}

.ip-wd-industries .ip-wd-industries__icon svg {
    display: block;
    width: 26px;
    height: 26px;
}

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

.ip-wd-industries .ip-wd-industries__card-copy {
    flex: 1;
    min-width: 0;
}

.ip-wd-industries .ip-wd-industries__card h3 {
    margin: 2px 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.35;
}

.ip-wd-industries .ip-wd-industries__card p {
    margin: 0;

    color: var(--ip-text);
    font-size: 13px;
    line-height: 1.65;
}

/* =========================================================
   CALL-TO-ACTION BUTTONS — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-industries .ip-wd-industries__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.ip-wd-industries a.ip-wd-industries__button,
.ip-wd-industries a.ip-wd-industries__button:hover,
.ip-wd-industries a.ip-wd-industries__button:focus,
.ip-wd-industries a.ip-wd-industries__button:visited,
.ip-wd-industries a.ip-wd-industries__button:active {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 24px;

    border: 1.5px solid transparent;
    border-radius: 8px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   PRIMARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-industries a.ip-wd-industries__button--primary,
.ip-wd-industries a.ip-wd-industries__button--primary:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* Primary button — hover */

.ip-wd-industries a.ip-wd-industries__button--primary:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* =========================================================
   SECONDARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-industries a.ip-wd-industries__button--secondary,
.ip-wd-industries a.ip-wd-industries__button--secondary:visited {
    background: #ffffff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
}

/* Secondary button — hover */

.ip-wd-industries a.ip-wd-industries__button--secondary:hover {
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
    font-weight: 750 !important;
}

/* Keyboard accessibility */

.ip-wd-industries a.ip-wd-industries__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   MAIN IMAGE CONTAINER
   ========================================================= */

.ip-wd-industries .ip-wd-industries__visual {
    position: relative;

    min-width: 0;
    width: 100%;

    padding: 36px 22px;
    border-radius: 30px;
}

/* =========================================================
   MAIN IMAGE — ORIGINAL IMAGE, NO CROPPING
   ========================================================= */

.ip-wd-industries .ip-wd-industries__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;

    border: 0;
    border-radius: 30px !important;

    object-fit: contain !important;

    box-shadow: 0 17px 40px rgba(14, 43, 141, 0.09);
}

/* =========================================================
   FLOATING INFORMATION PANELS
   ========================================================= */

.ip-wd-industries .ip-wd-industries__float {
    position: absolute;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    width: max-content;
    max-width: 75%;

    padding: 14px 17px;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1eaf5;
    border-radius: 17px;

    box-shadow: 0 12px 28px rgba(14, 43, 141, 0.13);
}

/* Top floating panel */

.ip-wd-industries .ip-wd-industries__float--top {
    top: 8px;
    left: 0;
}

/* Bottom floating panel */

.ip-wd-industries .ip-wd-industries__float--bottom {
    right: 0;
    bottom: 8px;
}

/* =========================================================
   FLOATING PANEL ICONS
   ========================================================= */

.ip-wd-industries .ip-wd-industries__float-icon {
    display: flex;
    justify-content: center;
    align-items: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-industries .ip-wd-industries__float-icon svg {
    display: block;
    width: 27px;
    height: 27px;
}

/* =========================================================
   FLOATING PANEL TEXT
   ========================================================= */

.ip-wd-industries .ip-wd-industries__float-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.ip-wd-industries .ip-wd-industries__float-copy strong {
    color: var(--ip-heading);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.ip-wd-industries .ip-wd-industries__float-copy small {
    color: #64748b;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
}

/* =========================================================
   COMPACT DESKTOP — 1450px AND BELOW
   ========================================================= */

@media (max-width: 1450px) {

    .ip-wd-industries .ip-wd-industries__inner {
        gap: 34px;
    }

    .ip-wd-industries .ip-wd-industries__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ip-wd-industries .ip-wd-industries__card {
        min-height: 145px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-industries {
        padding: 85px 0;
    }

    .ip-wd-industries .ip-wd-industries__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 45px;
    }

    .ip-wd-industries .ip-wd-industries__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ip-wd-industries .ip-wd-industries__visual {
        width: 100%;
        max-width: 750px;
        margin-inline: auto;
    }

}

/* =========================================================
   SMALL TABLET — 800px AND BELOW
   ========================================================= */

@media (max-width: 800px) {

    .ip-wd-industries .ip-wd-industries__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-industries {
        padding: 70px 0 80px;
    }

    .ip-wd-industries .ip-wd-industries__inner {
        gap: 36px;
    }

    .ip-wd-industries .ip-wd-industries__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-industries .ip-wd-industries__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    .ip-wd-industries .ip-wd-industries__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-industries .ip-wd-industries__card {
        min-height: 0;
        padding: 22px;
    }

    .ip-wd-industries .ip-wd-industries__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-wd-industries a.ip-wd-industries__button {
        width: 100%;
    }

    .ip-wd-industries .ip-wd-industries__visual {
        padding: 12px 0 0;
    }

    .ip-wd-industries .ip-wd-industries__float {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;
        max-width: none;

        margin-top: 12px;
    }

}

/* =========================================================
   SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-industries .ip-wd-industries__card {
        flex-direction: column;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-industries a.ip-wd-industries__button,
    .ip-wd-industries a.ip-wd-industries__button:hover {
        transition: none !important;
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 03 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50c3ed8 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 04 — CAPABILITIES */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-capabilities {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 10% 45%,
            rgba(214, 234, 255, 0.48),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f3f9ff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-capabilities,
.ip-wd-capabilities * {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__inner {
    display: grid;

    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: clamp(40px, 5vw, 90px);

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   LEFT — IMAGE AND FLOATING PANELS
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__visual {
    position: relative;

    min-width: 0;
    width: 100%;

    padding: 45px 22px;
}

/* =========================================================
   IMAGE FRAME — ROUNDED CORNERS AND CLIPPING
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__image-frame {
    overflow: hidden;

    border-radius: 30px !important;
    background: #ffffff;

    box-shadow: 0 18px 42px rgba(14, 43, 141, 0.09);
}

/* =========================================================
   MAIN IMAGE — NO CSS CROPPING
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;

    border: 0 !important;
    border-radius: 30px !important;
}

/* =========================================================
   FLOATING INFORMATION PANELS
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__float {
    position: absolute;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    width: max-content;
    max-width: 76%;

    padding: 14px 18px;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1eaf5;
    border-radius: 17px;

    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.12);
}

/* Top floating panel */

.ip-wd-capabilities .ip-wd-capabilities__float--top {
    top: 15px;
    left: 0;
}

/* Bottom floating panel */

.ip-wd-capabilities .ip-wd-capabilities__float--bottom {
    right: 0;
    bottom: 15px;
}

/* =========================================================
   FLOATING PANEL ICONS
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__float-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;

    color: var(--ip-blue);
    background: #eaf3ff;
}

.ip-wd-capabilities .ip-wd-capabilities__float-icon svg {
    display: block;
    width: 26px;
    height: 26px;
}

/* =========================================================
   FLOATING PANEL TEXT
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__float-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
}

.ip-wd-capabilities .ip-wd-capabilities__float-copy strong {
    color: var(--ip-heading);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.ip-wd-capabilities .ip-wd-capabilities__float-copy small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.4;
}

/* =========================================================
   RIGHT — CONTENT
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 23px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-capabilities .ip-wd-capabilities__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(36px, 3.25vw, 52px) !important;
    font-weight: 600 !important;
    line-height: 1.13;
    letter-spacing: -1.4px;
}

.ip-wd-capabilities .ip-wd-capabilities__title span {
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__intro {
    max-width: 820px;
    margin: 0 0 35px;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   SIX CAPABILITY CARDS — TWO-COLUMN GRID
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
}

/* =========================================================
   INDIVIDUAL CARDS
   ========================================================= */

.ip-wd-capabilities .ip-wd-capabilities__card {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-width: 0;
    min-height: 142px;

    margin: 0;
    padding: 25px 21px;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e2ecf7;
    border-radius: 20px;

    box-shadow: 0 7px 24px rgba(14, 43, 141, 0.04);

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

/* Card hover */

.ip-wd-capabilities .ip-wd-capabilities__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.08);
}

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

.ip-wd-capabilities .ip-wd-capabilities__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 56px;

    width: 56px;
    height: 56px;

    border-radius: 50%;

    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-capabilities .ip-wd-capabilities__icon svg {
    display: block;
    width: 31px;
    height: 31px;
}

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

.ip-wd-capabilities .ip-wd-capabilities__card-copy {
    flex: 1;
    min-width: 0;
}

.ip-wd-capabilities .ip-wd-capabilities__card h3 {
    margin: 3px 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.32;
    letter-spacing: -0.2px;
}

.ip-wd-capabilities .ip-wd-capabilities__card p {
    margin: 0;

    color: var(--ip-text);
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   COMPACT DESKTOP — 1300px AND BELOW
   ========================================================= */

@media (max-width: 1300px) {

    .ip-wd-capabilities .ip-wd-capabilities__inner {
        gap: 36px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__card {
        gap: 12px;
        padding: 22px 17px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__icon svg {
        width: 28px;
        height: 28px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-capabilities {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__visual {
        width: 100%;
        max-width: 740px;
        margin-inline: auto;
    }

    .ip-wd-capabilities .ip-wd-capabilities__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-capabilities {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__inner {
        gap: 32px;
    }

    /* Image layout */

    .ip-wd-capabilities .ip-wd-capabilities__visual {
        padding: 10px 0 0;
    }

    /* Floating panels stack below the image */

    .ip-wd-capabilities .ip-wd-capabilities__float {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;
        max-width: none;

        margin-top: 12px;
    }

    /* Heading and introduction */

    .ip-wd-capabilities .ip-wd-capabilities__eyebrow {
        font-size: 11px;
        letter-spacing: 1.1px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-capabilities .ip-wd-capabilities__intro {
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 28px;
    }

    /* Single-column capability cards */

    .ip-wd-capabilities .ip-wd-capabilities__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-capabilities .ip-wd-capabilities__card {
        min-height: 0;
        padding: 23px 20px;
    }

}

/* =========================================================
   SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-capabilities .ip-wd-capabilities__card {
        flex-direction: column;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-capabilities .ip-wd-capabilities__card {
        transition: none;
    }

    .ip-wd-capabilities .ip-wd-capabilities__card:hover {
        transform: none;
    }

}

/* END — WEBSITE DESIGN SECTION 04 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0edb370 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 05 — PROCESS */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-process {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background: #ffffff;
}

.ip-wd-process,
.ip-wd-process * {
    box-sizing: border-box;
}

/* =========================================================
   DECORATIVE BACKGROUND — PRESERVED
   ========================================================= */

.ip-wd-process::before {
    content: "";
    position: absolute;

    top: 80px;
    right: -120px;

    width: 520px;
    height: 520px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(218, 233, 251, 0.60) 0%,
        rgba(218, 233, 251, 0.20) 48%,
        rgba(218, 233, 251, 0) 72%
    );

    z-index: 0;
    pointer-events: none;
}

.ip-wd-process::after {
    content: "";
    position: absolute;

    right: 34px;
    top: 170px;

    width: 138px;
    height: 138px;

    background-image: radial-gradient(
        rgba(14, 43, 141, 0.14) 1.5px,
        transparent 1.5px
    );

    background-size: 18px 18px;
    opacity: 0.45;

    z-index: 0;
    pointer-events: none;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-process .ip-wd-process__inner {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 46px;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   LEFT — CONTENT
   ========================================================= */

.ip-wd-process .ip-wd-process__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-process .ip-wd-process__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 24px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-process .ip-wd-process__eyebrow-line {
    flex: 0 0 30px;

    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-process .ip-wd-process__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(38px, 3.25vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.12;
    letter-spacing: -1.4px;
}

.ip-wd-process .ip-wd-process__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-process .ip-wd-process__intro {
    max-width: 860px;
    margin: 0 0 34px;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   PROCESS GRID — SIX STEPS, TWO COLUMNS
   ========================================================= */

.ip-wd-process .ip-wd-process__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
    margin-bottom: 30px;
}

/* =========================================================
   PROCESS CARDS
   ========================================================= */

.ip-wd-process .ip-wd-process__card {
    position: relative;

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

    min-width: 0;
    min-height: 162px;

    padding: 23px 20px 22px 20px;

    background: #ffffff;
    border: 1px solid #e1eaf5;
    border-radius: 20px;

    box-shadow: 0 6px 22px rgba(14, 43, 141, 0.045);
}

/* =========================================================
   NUMBERED STEP BADGES
   ========================================================= */

.ip-wd-process .ip-wd-process__step {
    position: absolute;

    top: 14px;
    left: 14px;

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

    width: 34px;
    height: 34px;

    border-radius: 50%;
    background: var(--ip-green);
    color: #ffffff;

    font-size: 16px;
    font-weight: 750;
    line-height: 1;
}

/* =========================================================
   PROCESS CARD ICONS
   ========================================================= */

.ip-wd-process .ip-wd-process__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 60px;

    width: 60px;
    height: 60px;

    margin-top: 26px;

    border-radius: 50%;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-process .ip-wd-process__icon svg {
    display: block;
    width: 32px;
    height: 32px;
}

/* =========================================================
   PROCESS CARD CONTENT
   ========================================================= */

.ip-wd-process .ip-wd-process__card-copy {
    flex: 1;
    min-width: 0;
    margin-top: 26px;
}

.ip-wd-process .ip-wd-process__card h3 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 18px !important;
    font-weight: 750 !important;
    line-height: 1.32;
}

.ip-wd-process .ip-wd-process__card p {
    margin: 0;

    color: var(--ip-text);
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   CALL-TO-ACTION BUTTONS — STANDARDIZED HOVER
   Stable font weight, no movement, background transition only
   ========================================================= */

.ip-wd-process .ip-wd-process__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.ip-wd-process a.ip-wd-process__button,
.ip-wd-process a.ip-wd-process__button:hover,
.ip-wd-process a.ip-wd-process__button:focus,
.ip-wd-process a.ip-wd-process__button:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 24px;

    border: 1.5px solid transparent;
    border-radius: 8px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* Primary button — normal */

.ip-wd-process a.ip-wd-process__button--primary,
.ip-wd-process a.ip-wd-process__button--primary:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* Primary button — hover */

.ip-wd-process a.ip-wd-process__button--primary:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* Secondary button — normal */

.ip-wd-process a.ip-wd-process__button--secondary,
.ip-wd-process a.ip-wd-process__button--secondary:visited {
    background: #ffffff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
}

/* Secondary button — hover */

.ip-wd-process a.ip-wd-process__button--secondary:hover {
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
    font-weight: 750 !important;
}

/* Keyboard accessibility */

.ip-wd-process a.ip-wd-process__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   RIGHT — IMAGE AND FLOATING PANELS
   ========================================================= */

.ip-wd-process .ip-wd-process__visual {
    position: relative;

    min-width: 0;
    width: 100%;

    padding: 36px 16px;
}

/* =========================================================
   IMAGE FRAME — ROUNDED CORNERS
   ========================================================= */

.ip-wd-process .ip-wd-process__image-frame {
    overflow: hidden;

    border-radius: 30px !important;
    background: #ffffff;

    box-shadow: 0 18px 42px rgba(14, 43, 141, 0.09);
}

/* =========================================================
   MAIN IMAGE — NO CROPPING
   ========================================================= */

.ip-wd-process .ip-wd-process__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;

    border: 0 !important;
    object-fit: contain !important;
    border-radius: 30px !important;
}

/* =========================================================
   FLOATING INFORMATION PANELS
   ========================================================= */

.ip-wd-process .ip-wd-process__float {
    position: absolute;
    z-index: 2;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1eaf5;
    border-radius: 18px;

    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.12);
}

/* Top checklist panel */

.ip-wd-process .ip-wd-process__float--top {
    top: 0;
    left: 0;

    padding: 16px 18px;
    min-width: 180px;
}

/* Bottom launch panel */

.ip-wd-process .ip-wd-process__float--bottom {
    right: -6px;
    bottom: 0;

    display: flex;
    align-items: center;
    gap: 14px;

    padding: 16px 18px;
    max-width: 290px;
}

/* =========================================================
   FLOATING CHECKLIST
   ========================================================= */

.ip-wd-process .ip-wd-process__checklist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip-wd-process .ip-wd-process__checklist li {
    display: flex;
    align-items: center;
    gap: 10px;

    color: var(--ip-heading);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.45;
}

.ip-wd-process .ip-wd-process__checklist li + li {
    margin-top: 10px;
}

.ip-wd-process .ip-wd-process__checklist li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;

    border-radius: 50%;
    background: var(--ip-green);
    color: #ffffff;

    font-size: 14px;
    font-weight: 800;
    line-height: 1;
}

/* =========================================================
   LAUNCH PANEL ICON
   ========================================================= */

.ip-wd-process .ip-wd-process__launch-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 46px;

    width: 46px;
    height: 46px;

    border-radius: 12px;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-process .ip-wd-process__launch-icon svg {
    display: block;
    width: 28px;
    height: 28px;
}

/* =========================================================
   LAUNCH PANEL TEXT
   ========================================================= */

.ip-wd-process .ip-wd-process__launch-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
}

.ip-wd-process .ip-wd-process__launch-copy strong {
    color: var(--ip-heading);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.ip-wd-process .ip-wd-process__launch-copy small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

/* =========================================================
   COMPACT DESKTOP — 1400px AND BELOW
   ========================================================= */

@media (max-width: 1400px) {

    .ip-wd-process .ip-wd-process__inner {
        gap: 34px;
    }

    .ip-wd-process .ip-wd-process__card {
        min-height: 150px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-process {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-process .ip-wd-process__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;
    }

    .ip-wd-process .ip-wd-process__visual {
        width: 100%;
        max-width: 760px;
        margin-inline: auto;
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-process {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-process .ip-wd-process__inner {
        gap: 34px;
    }

    .ip-wd-process .ip-wd-process__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-process .ip-wd-process__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column process cards */

    .ip-wd-process .ip-wd-process__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-process .ip-wd-process__card {
        min-height: 0;
    }

    /* Full-width CTA buttons */

    .ip-wd-process .ip-wd-process__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-wd-process a.ip-wd-process__button {
        width: 100%;
    }

    /* Image layout */

    .ip-wd-process .ip-wd-process__visual {
        padding: 10px 0 0;
    }

    /* Floating panels stack below the image */

    .ip-wd-process .ip-wd-process__float {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;
        max-width: none;

        margin-top: 12px;
    }

    .ip-wd-process .ip-wd-process__float--bottom {
        max-width: none;
    }

}

/* =========================================================
   SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-process .ip-wd-process__card {
        flex-direction: column;
        gap: 12px;
    }

    .ip-wd-process .ip-wd-process__icon,
    .ip-wd-process .ip-wd-process__card-copy {
        margin-top: 24px;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-process a.ip-wd-process__button {
        transition: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 05 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37b539c *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 06 — ADVANTAGE */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-advantage {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    padding: 110px 0 120px;

    background: #ffffff;
    color: var(--ip-text);
    font-family: inherit;
    box-sizing: border-box;
}

.ip-wd-advantage,
.ip-wd-advantage * {
    box-sizing: border-box;
}

/* =========================================================
   DECORATIVE BACKGROUND — PRESERVED
   ========================================================= */

.ip-wd-advantage::before {
    content: "";
    position: absolute;

    top: 45px;
    right: -150px;

    width: 610px;
    height: 610px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(216, 234, 255, 0.55),
        rgba(216, 234, 255, 0) 70%
    );

    pointer-events: none;
    z-index: -1;
}

.ip-wd-advantage::after {
    content: "";
    position: absolute;

    top: 140px;
    right: 25px;

    width: 130px;
    height: 130px;

    background-image: radial-gradient(
        rgba(14, 43, 141, 0.14) 1.5px,
        transparent 1.5px
    );

    background-size: 18px 18px;
    opacity: 0.5;

    pointer-events: none;
    z-index: -1;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__inner {
    display: grid;

    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
    align-items: center;
    gap: 44px;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

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

.ip-wd-advantage .ip-wd-advantage__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 24px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-advantage .ip-wd-advantage__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(38px, 3.25vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.12;
    letter-spacing: -1.4px;
}

.ip-wd-advantage .ip-wd-advantage__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__intro {
    max-width: 830px;
    margin: 0 0 34px;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   SIX ADVANTAGE CARDS — TWO-COLUMN GRID
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
    margin-bottom: 30px;
}

/* =========================================================
   INDIVIDUAL CARDS
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__card {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-width: 0;
    min-height: 143px;

    margin: 0;
    padding: 25px 21px;

    background: #ffffff;
    border: 1px solid #e1eaf5;
    border-radius: 20px;

    box-shadow: 0 7px 24px rgba(14, 43, 141, 0.045);

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

/* Card hover — original effect preserved */

.ip-wd-advantage .ip-wd-advantage__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.085);
}

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

.ip-wd-advantage .ip-wd-advantage__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 56px;

    width: 56px;
    height: 56px;

    border-radius: 50%;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-advantage .ip-wd-advantage__icon svg {
    display: block;
    width: 32px;
    height: 32px;
}

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

.ip-wd-advantage .ip-wd-advantage__card-copy {
    flex: 1;
    min-width: 0;
}

.ip-wd-advantage .ip-wd-advantage__card h3 {
    margin: 2px 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.35;
}

.ip-wd-advantage .ip-wd-advantage__card p {
    margin: 0;

    color: var(--ip-text);
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   CALL-TO-ACTION BUTTONS — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.ip-wd-advantage a.ip-wd-advantage__button,
.ip-wd-advantage a.ip-wd-advantage__button:hover,
.ip-wd-advantage a.ip-wd-advantage__button:focus,
.ip-wd-advantage a.ip-wd-advantage__button:visited,
.ip-wd-advantage a.ip-wd-advantage__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 24px;

    border: 1.5px solid transparent;
    border-radius: 8px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   PRIMARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-advantage a.ip-wd-advantage__button--primary,
.ip-wd-advantage a.ip-wd-advantage__button--primary:visited {
    color: #ffffff !important;
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
}

/* Primary button — hover */

.ip-wd-advantage a.ip-wd-advantage__button--primary:hover {
    color: #ffffff !important;
    background: #68a719 !important;
    border-color: var(--ip-green);
    font-weight: 750 !important;
}

/* =========================================================
   SECONDARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-advantage a.ip-wd-advantage__button--secondary,
.ip-wd-advantage a.ip-wd-advantage__button--secondary:visited {
    color: var(--ip-blue) !important;
    background: #ffffff !important;
    border-color: var(--ip-blue);
}

/* Secondary button — hover */

.ip-wd-advantage a.ip-wd-advantage__button--secondary:hover {
    color: var(--ip-blue) !important;
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    font-weight: 750 !important;
}

/* Keyboard accessibility */

.ip-wd-advantage a.ip-wd-advantage__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   RIGHT — IMAGE AREA
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__visual {
    position: relative;

    min-width: 0;
    width: 100%;

    padding: 38px 20px;
}

/* =========================================================
   IMAGE FRAME — ROUNDED CORNERS
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__image-frame {
    position: relative;
    overflow: hidden;

    border-radius: 30px !important;
    background: #f5f9ff;

    box-shadow: 0 18px 42px rgba(14, 43, 141, 0.085);
}

/* =========================================================
   MAIN IMAGE — NO CSS CROPPING
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;
    max-height: none !important;

    object-fit: contain !important;

    border: 0 !important;
    border-radius: 30px !important;
}

/* =========================================================
   FLOATING INFORMATION PANELS
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__float {
    position: absolute;
    z-index: 2;

    display: flex;
    align-items: center;
    gap: 12px;

    width: max-content;
    max-width: 72%;

    padding: 14px 17px;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1eaf5;
    border-radius: 17px;

    box-shadow: 0 12px 28px rgba(14, 43, 141, 0.12);
}

/* Top floating panel */

.ip-wd-advantage .ip-wd-advantage__float--top {
    top: 8px;
    left: 0;
}

/* Middle floating panel */

.ip-wd-advantage .ip-wd-advantage__float--middle {
    top: 43%;
    right: 0;
}

/* Bottom floating panel */

.ip-wd-advantage .ip-wd-advantage__float--bottom {
    bottom: 8px;
    right: 5%;
}

/* =========================================================
   FLOATING PANEL ICONS
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__float-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    border-radius: 12px;

    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-advantage .ip-wd-advantage__float-icon svg {
    display: block;
    width: 27px;
    height: 27px;
}

/* =========================================================
   FLOATING PANEL TEXT
   ========================================================= */

.ip-wd-advantage .ip-wd-advantage__float-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
}

.ip-wd-advantage .ip-wd-advantage__float-copy strong {
    color: var(--ip-heading);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.ip-wd-advantage .ip-wd-advantage__float-copy small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.4;
}

/* =========================================================
   COMPACT DESKTOP — 1300px AND BELOW
   ========================================================= */

@media (max-width: 1300px) {

    .ip-wd-advantage .ip-wd-advantage__inner {
        gap: 32px;
    }

    .ip-wd-advantage .ip-wd-advantage__card {
        padding: 21px 17px;
        gap: 12px;
    }

    .ip-wd-advantage .ip-wd-advantage__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .ip-wd-advantage .ip-wd-advantage__icon svg {
        width: 27px;
        height: 27px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-advantage {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-advantage .ip-wd-advantage__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .ip-wd-advantage .ip-wd-advantage__visual {
        max-width: 760px;
        margin-inline: auto;
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-advantage {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-advantage .ip-wd-advantage__inner {
        gap: 32px;
    }

    .ip-wd-advantage .ip-wd-advantage__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-advantage .ip-wd-advantage__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-advantage .ip-wd-advantage__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column cards */

    .ip-wd-advantage .ip-wd-advantage__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-advantage .ip-wd-advantage__card {
        min-height: 0;
        padding: 22px 20px;
    }

    /* Full-width CTA buttons */

    .ip-wd-advantage .ip-wd-advantage__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-wd-advantage a.ip-wd-advantage__button {
        width: 100%;
    }

    /* Image layout */

    .ip-wd-advantage .ip-wd-advantage__visual {
        padding: 10px 0 0;
    }

    /* Floating panels stack below image */

    .ip-wd-advantage .ip-wd-advantage__float {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;
        max-width: none;

        margin-top: 12px;
    }

}

/* =========================================================
   SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-advantage .ip-wd-advantage__card {
        flex-direction: column;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-advantage .ip-wd-advantage__card,
    .ip-wd-advantage a.ip-wd-advantage__button {
        transition: none !important;
    }

    .ip-wd-advantage .ip-wd-advantage__card:hover,
    .ip-wd-advantage a.ip-wd-advantage__button:hover {
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 06 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-eddbb36 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 07 — WEBSITE REDESIGN */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-redesign {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background: #ffffff;
}

.ip-wd-redesign,
.ip-wd-redesign * {
    box-sizing: border-box;
}

/* =========================================================
   DECORATIVE BACKGROUND — PRESERVED
   ========================================================= */

.ip-wd-redesign::before {
    content: "";
    position: absolute;

    top: 55px;
    right: -130px;

    width: 560px;
    height: 560px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(216, 234, 255, 0.55) 0%,
        rgba(216, 234, 255, 0.16) 48%,
        rgba(216, 234, 255, 0) 74%
    );

    pointer-events: none;
    z-index: 0;
}

.ip-wd-redesign::after {
    content: "";
    position: absolute;

    top: 110px;
    right: 28px;

    width: 160px;
    height: 160px;

    background-image: radial-gradient(
        rgba(14, 43, 141, 0.14) 1.5px,
        transparent 1.5px
    );

    background-size: 18px 18px;
    opacity: 0.5;

    pointer-events: none;
    z-index: 0;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__inner {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
    align-items: center;
    gap: 44px;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   LEFT — CONTENT
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 24px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-redesign .ip-wd-redesign__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(38px, 3.25vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.12;
    letter-spacing: -1.4px;
}

.ip-wd-redesign .ip-wd-redesign__title span {
    display: block;
    color: #2563eb;
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__intro {
    max-width: 840px;
    margin: 0 0 34px;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   REDESIGN GRID — SIX CARDS, TWO COLUMNS
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 16px;
    margin-bottom: 30px;
}

/* =========================================================
   INDIVIDUAL REDESIGN CARDS
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__card {
    display: flex;
    align-items: flex-start;
    gap: 15px;

    min-width: 0;
    min-height: 148px;

    padding: 24px 20px;

    background: #ffffff;
    border: 1px solid #e1eaf5;
    border-radius: 20px;

    box-shadow: 0 7px 24px rgba(14, 43, 141, 0.045);

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

/* Original card hover effect preserved */

.ip-wd-redesign .ip-wd-redesign__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.08);
}

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

.ip-wd-redesign .ip-wd-redesign__icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 56px;

    width: 56px;
    height: 56px;

    border-radius: 50%;

    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-redesign .ip-wd-redesign__icon svg {
    display: block;
    width: 31px;
    height: 31px;
}

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

.ip-wd-redesign .ip-wd-redesign__card-copy {
    flex: 1;
    min-width: 0;
}

.ip-wd-redesign .ip-wd-redesign__card h3 {
    margin: 2px 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 17px !important;
    font-weight: 750 !important;
    line-height: 1.35;
}

.ip-wd-redesign .ip-wd-redesign__card p {
    margin: 0;

    color: var(--ip-text);
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   CTA BUTTONS — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.ip-wd-redesign a.ip-wd-redesign__button,
.ip-wd-redesign a.ip-wd-redesign__button:hover,
.ip-wd-redesign a.ip-wd-redesign__button:focus,
.ip-wd-redesign a.ip-wd-redesign__button:visited,
.ip-wd-redesign a.ip-wd-redesign__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 24px;

    border: 1.5px solid transparent;
    border-radius: 8px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   PRIMARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-redesign a.ip-wd-redesign__button--primary,
.ip-wd-redesign a.ip-wd-redesign__button--primary:visited {
    color: #ffffff !important;
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
}

/* Primary button — hover */

.ip-wd-redesign a.ip-wd-redesign__button--primary:hover {
    color: #ffffff !important;
    background: #68a719 !important;
    border-color: var(--ip-green);
    font-weight: 750 !important;
}

/* =========================================================
   SECONDARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-redesign a.ip-wd-redesign__button--secondary,
.ip-wd-redesign a.ip-wd-redesign__button--secondary:visited {
    color: var(--ip-blue) !important;
    background: #ffffff !important;
    border-color: var(--ip-blue);
}

/* Secondary button — hover */

.ip-wd-redesign a.ip-wd-redesign__button--secondary:hover {
    color: var(--ip-blue) !important;
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    font-weight: 750 !important;
}

/* Keyboard accessibility */

.ip-wd-redesign a.ip-wd-redesign__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   RIGHT — IMAGE AREA
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__visual {
    position: relative;

    min-width: 0;
    width: 100%;

    padding: 38px 20px;
}

/* =========================================================
   IMAGE FRAME — ROUNDED CORNERS
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__image-frame {
    overflow: hidden;

    border-radius: 30px !important;
    background: #f5f9ff;

    box-shadow: 0 18px 42px rgba(14, 43, 141, 0.085);
}

/* =========================================================
   MAIN IMAGE — NO CSS CROPPING
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;

    border: 0 !important;
    object-fit: contain !important;
    border-radius: 30px !important;
}

/* =========================================================
   FLOATING INFORMATION PANELS
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__float {
    position: absolute;
    z-index: 2;

    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #e1eaf5;
    border-radius: 18px;

    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.12);
}

/* Top checklist panel */

.ip-wd-redesign .ip-wd-redesign__float--top {
    top: 20px;
    right: -6px;

    width: min(88%, 320px);
    padding: 20px 22px;
}

/* Bottom informational panel */

.ip-wd-redesign .ip-wd-redesign__float--bottom {
    left: 54%;
    bottom: 10px;

    transform: translateX(-20%);

    display: flex;
    align-items: center;
    gap: 14px;

    max-width: 370px;
    padding: 16px 18px;
}

/* =========================================================
   FLOATING PANEL TITLE
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__float-title {
    margin-bottom: 14px;

    color: var(--ip-heading);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
}

/* =========================================================
   FLOATING CHECKLIST
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__checklist {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ip-wd-redesign .ip-wd-redesign__checklist li {
    display: flex;
    align-items: center;
    gap: 11px;

    color: var(--ip-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.ip-wd-redesign .ip-wd-redesign__checklist li + li {
    margin-top: 12px;
}

/* Blue checklist checkmarks */

.ip-wd-redesign .ip-wd-redesign__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 26px;

    width: 26px;
    height: 26px;

    border-radius: 50%;
    color: #ffffff;
    background: var(--ip-blue);
}

.ip-wd-redesign .ip-wd-redesign__check svg {
    display: block;
    width: 18px;
    height: 18px;
}

/* =========================================================
   BOTTOM PANEL ICON
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__float-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 46px;

    width: 46px;
    height: 46px;

    border-radius: 12px;
    background: #eaf3ff;
    color: var(--ip-blue);
}

.ip-wd-redesign .ip-wd-redesign__float-icon svg {
    display: block;
    width: 28px;
    height: 28px;
}

/* =========================================================
   BOTTOM PANEL TEXT
   ========================================================= */

.ip-wd-redesign .ip-wd-redesign__float-copy {
    display: flex;
    flex-direction: column;
    gap: 4px;

    min-width: 0;
}

.ip-wd-redesign .ip-wd-redesign__float-copy strong {
    color: var(--ip-heading);
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
}

.ip-wd-redesign .ip-wd-redesign__float-copy small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

/* =========================================================
   COMPACT DESKTOP — 1300px AND BELOW
   ========================================================= */

@media (max-width: 1300px) {

    .ip-wd-redesign .ip-wd-redesign__inner {
        gap: 32px;
    }

    .ip-wd-redesign .ip-wd-redesign__card {
        padding: 21px 17px;
        gap: 12px;
    }

    .ip-wd-redesign .ip-wd-redesign__icon {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }

    .ip-wd-redesign .ip-wd-redesign__icon svg {
        width: 27px;
        height: 27px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-redesign {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-redesign .ip-wd-redesign__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 40px;
    }

    .ip-wd-redesign .ip-wd-redesign__visual {
        max-width: 760px;
        margin-inline: auto;
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-redesign {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-redesign .ip-wd-redesign__inner {
        gap: 32px;
    }

    .ip-wd-redesign .ip-wd-redesign__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-redesign .ip-wd-redesign__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-redesign .ip-wd-redesign__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column cards */

    .ip-wd-redesign .ip-wd-redesign__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-redesign .ip-wd-redesign__card {
        min-height: 0;
        padding: 22px 20px;
    }

    /* Full-width CTA buttons */

    .ip-wd-redesign .ip-wd-redesign__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-wd-redesign a.ip-wd-redesign__button {
        width: 100%;
    }

    /* Image layout */

    .ip-wd-redesign .ip-wd-redesign__visual {
        padding: 10px 0 0;
    }

    /* Floating panels stack below the image */

    .ip-wd-redesign .ip-wd-redesign__float {
        position: relative;

        top: auto;
        right: auto;
        bottom: auto;
        left: auto;

        width: 100%;
        max-width: none;

        margin-top: 12px;
        transform: none;
    }

    .ip-wd-redesign .ip-wd-redesign__float--bottom {
        display: flex;
    }

}

/* =========================================================
   SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-redesign .ip-wd-redesign__card {
        flex-direction: column;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-redesign .ip-wd-redesign__card,
    .ip-wd-redesign a.ip-wd-redesign__button {
        transition: none !important;
    }

    .ip-wd-redesign .ip-wd-redesign__card:hover,
    .ip-wd-redesign a.ip-wd-redesign__button:hover {
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 07 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3fc91d0 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 08 — DIGITAL MARKETING ECOSYSTEM */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-ecosystem {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 92% 12%,
            rgba(215, 234, 255, 0.65),
            transparent 43%
        ),
        radial-gradient(
            ellipse at 8% 87%,
            rgba(220, 237, 255, 0.40),
            transparent 43%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f2f8ff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-ecosystem,
.ip-wd-ecosystem * {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__inner {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__header {
    width: 100%;
    max-width: 1040px;

    margin: 0 auto 55px;
    text-align: center;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;

    margin: 0 0 22px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ip-wd-ecosystem .ip-wd-ecosystem__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    background: var(--ip-green);
    border-radius: 3px;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__title {
    margin: 0 0 23px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(36px, 3.3vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.17;
    letter-spacing: -1.3px;
    text-transform: none;
}

.ip-wd-ecosystem .ip-wd-ecosystem__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__intro {
    max-width: 860px;
    margin: 0 auto;

    color: var(--ip-text);
    font-size: 17px;
    font-weight: 400;
    line-height: 1.8;
}

/* =========================================================
   MAIN ECOSYSTEM DIAGRAM
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__diagram {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;
    max-width: 100%;
    margin: 0 auto;

    padding: 48px 44px 42px;

    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #e2ecf7;
    border-radius: 28px;

    box-shadow: 0 16px 48px rgba(14, 43, 141, 0.045);
}

/* =========================================================
   WEBSITE DESIGN FOUNDATION
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__foundation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: min(100%, 510px);
    min-height: 210px;

    padding: 30px 32px;

    color: #ffffff;

    background: linear-gradient(
        140deg,
        #0e2b8d 0%,
        #1742b6 100%
    );

    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 22px;

    box-shadow: 0 15px 37px rgba(14, 43, 141, 0.17);
    text-align: center;
}

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

.ip-wd-ecosystem .ip-wd-ecosystem__foundation-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;
    flex: 0 0 58px;

    margin-bottom: 14px;

    color: #ffffff;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
}

.ip-wd-ecosystem .ip-wd-ecosystem__foundation-icon svg {
    display: block;
    width: 33px;
    height: 33px;
}

/* =========================================================
   FOUNDATION HEADING
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__foundation-title {
    margin: 0 0 6px;
    padding: 0;

    color: #ffffff !important;
    font-family: inherit;

    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-transform: none;
}

/* =========================================================
   FOUNDATION SUBTITLE
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__foundation-subtitle {
    display: block;

    margin-bottom: 13px;

    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

/* =========================================================
   FOUNDATION DESCRIPTION
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__foundation-description {
    max-width: 370px;
    margin: 0;

    color: rgba(255, 255, 255, 0.88);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.65;
}

/* =========================================================
   CONNECTOR LINES
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__connector {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    width: 100%;
    height: 65px;
    flex: 0 0 65px;
}

.ip-wd-ecosystem .ip-wd-ecosystem__connector span {
    display: block;

    width: 2px;
    height: 45px;

    background: #aac6eb;
}

/* Downward arrow */

.ip-wd-ecosystem .ip-wd-ecosystem__connector::after {
    content: "";
    position: absolute;

    top: 39px;
    left: 50%;

    width: 10px;
    height: 10px;

    border-right: 2px solid var(--ip-blue);
    border-bottom: 2px solid var(--ip-blue);

    transform: translateX(-50%) rotate(45deg);
}

/* =========================================================
   FOUR MARKETING SERVICE CARDS
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__services {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;

    width: 100%;
    gap: 20px;
}

/* =========================================================
   CLICKABLE SERVICE CARDS — ORIGINAL EFFECTS PRESERVED
   ========================================================= */

.ip-wd-ecosystem a.ip-wd-ecosystem__service {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;

    width: 100%;
    min-width: 0;
    height: 100%;

    padding: 30px 22px 28px;

    background: #ffffff;
    border: 1px solid #dfeaf6;
    border-radius: 20px;

    box-shadow: 0 7px 22px rgba(14, 43, 141, 0.045);

    color: var(--ip-text) !important;
    text-align: center;
    text-decoration: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.ip-wd-ecosystem a.ip-wd-ecosystem__service:hover {
    transform: translateY(-4px);

    border-color: #b6d1ef;
    background: #ffffff;

    box-shadow: 0 13px 29px rgba(14, 43, 141, 0.10);
    text-decoration: none !important;
}

/* Keyboard accessibility */

.ip-wd-ecosystem a.ip-wd-ecosystem__service:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   SERVICE ICONS
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__service-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 64px;
    height: 64px;
    flex: 0 0 64px;

    margin-bottom: 20px;

    color: var(--ip-blue);
    background: #eaf3ff;
    border-radius: 50%;
}

.ip-wd-ecosystem .ip-wd-ecosystem__service-icon svg {
    display: block;
    width: 33px;
    height: 33px;
}

/* =========================================================
   SERVICE HEADINGS — SEO, PPC, GEO, AIO
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__service h3 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--ip-heading) !important;
    font-family: inherit;

    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    text-transform: none;
}

/* =========================================================
   SERVICE SUBTITLES
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__service-subtitle {
    display: block;

    min-height: 43px;
    margin-bottom: 12px;

    color: var(--ip-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
}

/* =========================================================
   SERVICE DESCRIPTIONS
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__service p {
    margin: 0 0 22px;

    color: var(--ip-text) !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
}

/* =========================================================
   EXPLORE SERVICE LINK LABEL
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__learn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    margin-top: auto;

    color: var(--ip-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.ip-wd-ecosystem .ip-wd-ecosystem__learn svg {
    display: block;

    flex: 0 0 17px;
    width: 17px;
    height: 17px;

    transition: transform 0.2s ease;
}

/* Original service card arrow animation */

.ip-wd-ecosystem .ip-wd-ecosystem__service:hover
.ip-wd-ecosystem__learn svg {
    transform: translateX(3px);
}

/* =========================================================
   BUSINESS OUTCOME PANEL
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__outcome {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;

    width: min(100%, 900px);
    min-height: 128px;

    margin: 0 auto;
    padding: 28px 34px;

    background: linear-gradient(
        110deg,
        #f0f9e9 0%,
        #f8fdf4 100%
    );

    border: 1px solid #c8e2aa;
    border-radius: 22px;
}

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

.ip-wd-ecosystem .ip-wd-ecosystem__outcome-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 66px;
    height: 66px;
    flex: 0 0 66px;

    color: var(--ip-blue);
    background: #e3f2d8;
    border-radius: 50%;
}

.ip-wd-ecosystem .ip-wd-ecosystem__outcome-icon svg {
    display: block;
    width: 36px;
    height: 36px;
}

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

.ip-wd-ecosystem .ip-wd-ecosystem__outcome-copy {
    min-width: 0;
}

.ip-wd-ecosystem .ip-wd-ecosystem__outcome h3 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--ip-heading) !important;
    font-family: inherit;

    font-size: clamp(20px, 1.8vw, 26px) !important;
    font-weight: 600 !important;
    line-height: 1.35;
    text-transform: none;
}

.ip-wd-ecosystem .ip-wd-ecosystem__outcome p {
    margin: 0;

    color: var(--ip-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7;
}

/* =========================================================
   BOTTOM CALL TO ACTION
   ========================================================= */

.ip-wd-ecosystem .ip-wd-ecosystem__actions {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    margin-top: 38px;
    text-align: center;
}

/* =========================================================
   CTA BUTTON — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-ecosystem a.ip-wd-ecosystem__button,
.ip-wd-ecosystem a.ip-wd-ecosystem__button:hover,
.ip-wd-ecosystem a.ip-wd-ecosystem__button:focus,
.ip-wd-ecosystem a.ip-wd-ecosystem__button:visited,
.ip-wd-ecosystem a.ip-wd-ecosystem__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 56px;
    padding: 16px 28px;

    border: 1.5px solid var(--ip-green);
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;
    text-align: center;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* Normal state */

.ip-wd-ecosystem a.ip-wd-ecosystem__button,
.ip-wd-ecosystem a.ip-wd-ecosystem__button:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* Hover state — background color only */

.ip-wd-ecosystem a.ip-wd-ecosystem__button:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Keyboard accessibility */

.ip-wd-ecosystem a.ip-wd-ecosystem__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* Button arrow */

.ip-wd-ecosystem .ip-wd-ecosystem__button svg {
    display: block;

    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

/* =========================================================
   LARGE DESKTOP — 1800px AND ABOVE
   ========================================================= */

@media (min-width: 1800px) {

    .ip-wd-ecosystem .ip-wd-ecosystem__diagram {
        padding-left: 55px;
        padding-right: 55px;
    }

}

/* =========================================================
   SMALLER DESKTOP — 1250px AND BELOW
   ========================================================= */

@media (max-width: 1250px) {

    .ip-wd-ecosystem .ip-wd-ecosystem__diagram {
        padding: 42px 30px 38px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__services {
        gap: 15px;
    }

    .ip-wd-ecosystem a.ip-wd-ecosystem__service {
        padding: 26px 17px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__service-subtitle {
        font-size: 13px;
    }

}

/* =========================================================
   TABLET — 1024px AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-ecosystem {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__header {
        margin-bottom: 45px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__services {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 17px;
    }

    .ip-wd-ecosystem a.ip-wd-ecosystem__service {
        padding: 30px 22px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__service-subtitle {
        min-height: 0;
        font-size: 14px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__diagram {
        padding: 34px 26px;
    }

}

/* =========================================================
   MOBILE — 767px AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-ecosystem {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__header {
        margin-bottom: 35px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__title {
        font-size: clamp(32px, 8vw, 43px) !important;
        font-weight: 600 !important;
        letter-spacing: -0.8px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Diagram */

    .ip-wd-ecosystem .ip-wd-ecosystem__diagram {
        padding: 28px 16px 30px;
        border-radius: 22px;
    }

    /* Foundation */

    .ip-wd-ecosystem .ip-wd-ecosystem__foundation {
        width: 100%;
        min-height: 0;

        padding: 28px 18px;
        border-radius: 18px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__foundation-title {
        font-size: 23px !important;
    }

    /* Shorter connector lines */

    .ip-wd-ecosystem .ip-wd-ecosystem__connector {
        height: 52px;
        flex-basis: 52px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__connector span {
        height: 34px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__connector::after {
        top: 28px;
    }

    /* Single-column service cards */

    .ip-wd-ecosystem .ip-wd-ecosystem__services {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-ecosystem a.ip-wd-ecosystem__service {
        padding: 26px 22px;
        border-radius: 18px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__service-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    /* Outcome panel */

    .ip-wd-ecosystem .ip-wd-ecosystem__outcome {
        flex-direction: column;
        align-items: center;
        gap: 16px;

        padding: 26px 20px;
        border-radius: 18px;
        text-align: center;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__outcome-icon {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
    }

    .ip-wd-ecosystem .ip-wd-ecosystem__outcome h3 {
        font-size: 21px !important;
    }

    /* CTA */

    .ip-wd-ecosystem .ip-wd-ecosystem__actions {
        margin-top: 30px;
    }

    .ip-wd-ecosystem a.ip-wd-ecosystem__button {
        width: 100%;
        padding: 16px 18px;
    }

}

/* =========================================================
   VERY SMALL PHONES — 390px AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-ecosystem .ip-wd-ecosystem__diagram {
        padding-left: 13px;
        padding-right: 13px;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-ecosystem a.ip-wd-ecosystem__service,
    .ip-wd-ecosystem a.ip-wd-ecosystem__button,
    .ip-wd-ecosystem .ip-wd-ecosystem__learn svg {
        transition: none !important;
    }

    .ip-wd-ecosystem a.ip-wd-ecosystem__service:hover,
    .ip-wd-ecosystem a.ip-wd-ecosystem__button:hover,
    .ip-wd-ecosystem .ip-wd-ecosystem__service:hover
    .ip-wd-ecosystem__learn svg {
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 08 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b1eef9 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 09 — FEATURED WORK */
/* ORIGINAL DESKTOP AND MOBILE MOCKUP IMAGES — NO DUPLICATE DEVICE FRAMES */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH GRADIENT
   ========================================================= */

.ip-wd-portfolio {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 100% 15%,
            rgba(214, 234, 255, 0.60),
            transparent 40%
        ),
        radial-gradient(
            ellipse at 0% 85%,
            rgba(219, 237, 255, 0.40),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f2f8ff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-portfolio,
.ip-wd-portfolio *,
.ip-wd-portfolio *::before,
.ip-wd-portfolio *::after {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__inner {
    position: relative;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__header {
    width: 100%;
    max-width: 1100px;

    margin: 0 auto 38px;
    text-align: center;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin-bottom: 23px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-portfolio .ip-wd-portfolio__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    border-radius: 3px;
    background: var(--ip-green);
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(36px, 3.3vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: -1.4px;
}

.ip-wd-portfolio .ip-wd-portfolio__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTION
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__intro {
    max-width: 860px;
    margin: 0 auto;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   CAROUSEL NAVIGATION
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    width: 100%;
    margin-top: 34px;
}

.ip-wd-portfolio .ip-wd-portfolio__count {
    color: #62738b;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.9px;
}

.ip-wd-portfolio .ip-wd-portfolio__controls {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* =========================================================
   CAROUSEL ARROW BUTTONS
   ========================================================= */

.ip-wd-portfolio button.ip-wd-portfolio__control {
    appearance: none;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 45px;

    width: 45px;
    height: 45px;
    min-width: 45px;
    min-height: 45px;

    padding: 0 !important;
    margin: 0 !important;

    border: 1px solid #cbd8e9;
    border-radius: 50%;

    color: var(--ip-blue);
    background: #ffffff;

    box-shadow: none !important;
    transform: none !important;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.ip-wd-portfolio button.ip-wd-portfolio__control:hover:not(:disabled) {
    color: #ffffff;
    background: var(--ip-blue);

    border-color: #cbd8e9;
    box-shadow: none !important;
    transform: none !important;
}

.ip-wd-portfolio button.ip-wd-portfolio__control:disabled {
    opacity: 0.38;
    cursor: default;
}

.ip-wd-portfolio button.ip-wd-portfolio__control svg {
    display: block !important;

    flex: 0 0 19px !important;

    width: 19px !important;
    height: 19px !important;

    min-width: 19px !important;
    min-height: 19px !important;

    max-width: 19px !important;
    max-height: 19px !important;
}

/* =========================================================
   HORIZONTAL PORTFOLIO SLIDER
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__rail {
    display: flex;
    align-items: stretch;

    gap: 20px;

    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 6px 2px 20px;

    overflow-x: auto;
    overflow-y: hidden;

    overscroll-behavior-inline: contain;

    scroll-snap-type: x mandatory;
    scroll-padding-inline: 2px;

    scrollbar-width: thin;
    scrollbar-color: #b7c9df transparent;

    -webkit-overflow-scrolling: touch;
}

.ip-wd-portfolio .ip-wd-portfolio__rail::-webkit-scrollbar {
    height: 5px;
}

.ip-wd-portfolio .ip-wd-portfolio__rail::-webkit-scrollbar-thumb {
    background: #b7c9df;
    border-radius: 20px;
}

.ip-wd-portfolio .ip-wd-portfolio__rail::-webkit-scrollbar-track {
    background: transparent;
}

/* =========================================================
   PORTFOLIO CARDS — THREE VISIBLE ON DESKTOP
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__card {
    display: flex;
    flex-direction: column;

    flex: 0 0 calc((100% - 40px) / 3);

    min-width: 0;
    height: auto;

    margin: 0;
    padding: 14px;

    background: #ffffff;
    border: 1px solid #e0eaf6;
    border-radius: 24px;

    box-shadow: 0 9px 30px rgba(14, 43, 141, 0.055);

    scroll-snap-align: start;
    scroll-snap-stop: normal;

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

.ip-wd-portfolio .ip-wd-portfolio__card:hover {
    transform: translateY(-3px);
    border-color: #bcd5f0;

    box-shadow: 0 17px 42px rgba(14, 43, 141, 0.11);
}

/* =========================================================
   CLICKABLE IMAGE AREA — 3:2 PRESENTATION
   ========================================================= */

.ip-wd-portfolio a.ip-wd-portfolio__media {
    display: block;

    width: 100%;
    aspect-ratio: 3 / 2;

    overflow: hidden;

    border-radius: 30px !important;
    background: #edf3fb;

    text-decoration: none !important;
}

/* =========================================================
   ORIGINAL SCREENSHOT PRESENTATION
   Both images already contain device mockups
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__device-scene {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;
    border-radius: 30px !important;

    background: linear-gradient(
        145deg,
        #f8fbff 0%,
        #eaf2fc 100%
    );
}

/* =========================================================
   DESKTOP IMAGE — NO EXTRA MONITOR FRAME
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__desktop-frame {
    position: absolute;

    top: 4%;
    left: 1%;

    display: block;

    width: 85%;
    height: 90%;

    padding: 0;
    overflow: visible;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* Remove additional browser bar */

.ip-wd-portfolio .ip-wd-portfolio__desktop-bar {
    display: none !important;
}

/* =========================================================
   DESKTOP IMAGE CONTAINER
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__desktop-display {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    overflow: visible;
    background: transparent !important;
}

/* =========================================================
   ORIGINAL DESKTOP SCREENSHOT
   No frames, cropping, or additional decorations
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__desktop-display > img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    min-height: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* Remove additional desktop monitor stand */

.ip-wd-portfolio .ip-wd-portfolio__desktop-base {
    display: none !important;
}

/* =========================================================
   MOBILE IMAGE — NO EXTRA PHONE FRAME
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__phone-frame {
    position: absolute;

    right: 1%;
    bottom: 3%;

    width: 25%;
    height: 88%;

    overflow: visible;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* Remove additional phone notch */

.ip-wd-portfolio .ip-wd-portfolio__phone-notch {
    display: none !important;
}

/* =========================================================
   MOBILE IMAGE CONTAINER
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__phone-display {
    width: 100%;
    height: 100%;

    overflow: visible;
    background: transparent !important;
}

/* =========================================================
   ORIGINAL MOBILE SCREENSHOT
   No frames, cropping, or additional decorations
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__phone-display > img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    background: transparent !important;
    box-shadow: none !important;
}

/* =========================================================
   CARD TEXT CONTENT
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;

    flex: 1;
    min-width: 0;

    padding: 25px 12px 13px;
}

/* =========================================================
   CATEGORY LABELS
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__category {
    display: inline-flex;
    align-items: center;

    margin-bottom: 13px;
    padding: 7px 12px;

    background: #ecf4ff;
    border-radius: 7px;

    color: var(--ip-blue);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.7px;
    line-height: 1.3;
    text-transform: uppercase;
}

/* =========================================================
   PROJECT HEADINGS
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__card h3 {
    margin: 0 0 8px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 23px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    letter-spacing: 0.3px;
}

/* =========================================================
   WEBSITE DOMAINS
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__domain {
    margin: 0 0 16px;

    color: #69788e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;

    overflow-wrap: anywhere;
}

/* =========================================================
   PROJECT DESCRIPTIONS
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__description {
    margin: 0 0 22px;

    color: var(--ip-text);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
}

/* =========================================================
   VISIT WEBSITE LINKS — STABLE FONT WEIGHT
   ========================================================= */

.ip-wd-portfolio a.ip-wd-portfolio__project-link,
.ip-wd-portfolio a.ip-wd-portfolio__project-link:visited,
.ip-wd-portfolio a.ip-wd-portfolio__project-link:hover,
.ip-wd-portfolio a.ip-wd-portfolio__project-link:focus {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    width: 100%;
    margin-top: auto;
    padding-top: 15px;

    border-top: 1px solid #e3eaf4;

    color: var(--ip-blue) !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-decoration: none !important;
    transform: none !important;
}

.ip-wd-portfolio a.ip-wd-portfolio__project-link:hover {
    color: #164ad0 !important;
}

.ip-wd-portfolio .ip-wd-portfolio__project-link span {
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
}

/* =========================================================
   SLIDER INSTRUCTIONS
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__scroll-note {
    margin: 14px 0 0;

    color: #7a879a;
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
}

/* =========================================================
   BOTTOM CTA CONTAINER
   ========================================================= */

.ip-wd-portfolio .ip-wd-portfolio__actions {
    display: flex;
    justify-content: center;
    align-items: center;

    margin-top: 42px;
}

/* =========================================================
   CTA BUTTON — APPROVED SMOOTH HOVER
   ========================================================= */

.ip-wd-portfolio a.ip-wd-portfolio__button,
.ip-wd-portfolio a.ip-wd-portfolio__button:hover,
.ip-wd-portfolio a.ip-wd-portfolio__button:focus,
.ip-wd-portfolio a.ip-wd-portfolio__button:visited,
.ip-wd-portfolio a.ip-wd-portfolio__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 28px;

    border: 1.5px solid var(--ip-green);
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;

    text-decoration: none !important;
    text-align: center;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

.ip-wd-portfolio a.ip-wd-portfolio__button,
.ip-wd-portfolio a.ip-wd-portfolio__button:visited {
    background: var(--ip-green) !important;
    color: #ffffff !important;
}

.ip-wd-portfolio a.ip-wd-portfolio__button:hover {
    background: #68a719 !important;
    color: #ffffff !important;
    font-weight: 750 !important;
}

.ip-wd-portfolio .ip-wd-portfolio__button svg {
    display: block;

    flex: 0 0 18px;

    width: 18px;
    height: 18px;
}

/* =========================================================
   KEYBOARD ACCESSIBILITY
   ========================================================= */

.ip-wd-portfolio a:focus-visible,
.ip-wd-portfolio button:focus-visible,
.ip-wd-portfolio .ip-wd-portfolio__rail:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   COMPACT DESKTOP — 1200PX AND BELOW
   ========================================================= */

@media (max-width: 1200px) {

    .ip-wd-portfolio .ip-wd-portfolio__card {
        padding: 12px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card-body {
        padding: 22px 10px 12px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card h3 {
        font-size: 20px !important;
    }

}

/* =========================================================
   MEDIUM DESKTOP — 1180PX AND BELOW
   TWO CARDS VISIBLE
   ========================================================= */

@media (max-width: 1180px) {

    .ip-wd-portfolio .ip-wd-portfolio__card {
        flex-basis: calc((100% - 20px) / 2);
    }

}

/* =========================================================
   TABLET — 1024PX AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-portfolio {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__header {
        margin-bottom: 35px;
    }

}

/* =========================================================
   MOBILE — 767PX AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-portfolio {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__header {
        margin-bottom: 30px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__title {
        font-size: clamp(32px, 8vw, 43px) !important;
        letter-spacing: -0.8px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    .ip-wd-portfolio .ip-wd-portfolio__navigation {
        margin-top: 27px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__actions {
        margin-top: 32px;
    }

    .ip-wd-portfolio a.ip-wd-portfolio__button {
        width: 100%;
    }

}

/* =========================================================
   SMALL MOBILE — 600PX AND BELOW
   ONE MAIN CARD WITH SLIDER PEEK
   ========================================================= */

@media (max-width: 600px) {

    .ip-wd-portfolio .ip-wd-portfolio__rail {
        gap: 14px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card {
        flex-basis: calc(100% - 22px);
        padding: 12px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card-body {
        padding: 22px 12px 13px;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card h3 {
        font-size: 21px !important;
    }

    .ip-wd-portfolio .ip-wd-portfolio__description {
        font-size: 14px;
    }

}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-portfolio .ip-wd-portfolio__card,
    .ip-wd-portfolio button.ip-wd-portfolio__control,
    .ip-wd-portfolio a.ip-wd-portfolio__button {
        transition: none !important;
    }

    .ip-wd-portfolio .ip-wd-portfolio__card:hover,
    .ip-wd-portfolio a.ip-wd-portfolio__button:hover {
        transform: none !important;
    }

    .ip-wd-portfolio .ip-wd-portfolio__rail {
        scroll-behavior: auto;
    }

}

/* END — WEBSITE DESIGN SECTION 09 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c8a4bd *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 10 — RESOURCES */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH GRADIENT PRESERVED
   ========================================================= */

.ip-wd-resources {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 92% 15%,
            rgba(215, 234, 255, 0.60),
            transparent 40%
        ),
        radial-gradient(
            ellipse at 5% 90%,
            rgba(222, 238, 255, 0.40),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f3f9ff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-resources,
.ip-wd-resources *,
.ip-wd-resources *::before,
.ip-wd-resources *::after {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-resources .ip-wd-resources__inner {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.ip-wd-resources .ip-wd-resources__header {
    width: 100%;
    max-width: 1050px;

    margin: 0 auto 58px;
    text-align: center;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-resources .ip-wd-resources__eyebrow {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 13px;

    margin-bottom: 23px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ip-wd-resources .ip-wd-resources__eyebrow-line {
    flex: 0 0 30px;

    width: 30px;
    height: 3px;

    background: var(--ip-green);
    border-radius: 3px;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-resources .ip-wd-resources__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(36px, 3.3vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: -1.4px;
}

.ip-wd-resources .ip-wd-resources__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-resources .ip-wd-resources__intro {
    max-width: 850px;
    margin: 0 auto;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   ARTICLE GRID — THREE COLUMNS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;

    gap: 25px;
}

/* =========================================================
   ARTICLE CARDS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__card {
    display: flex;
    flex-direction: column;

    min-width: 0;

    margin: 0;
    padding: 16px;

    background: #ffffff;
    border: 1px solid #e0eaf6;
    border-radius: 24px;

    box-shadow: 0 8px 28px rgba(14, 43, 141, 0.045);

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

/* Original card hover preserved */

.ip-wd-resources .ip-wd-resources__card:hover {
    transform: translateY(-4px);
    border-color: #c0d7f2;

    box-shadow: 0 16px 38px rgba(14, 43, 141, 0.09);
}

/* =========================================================
   ARTICLE IMAGE LINKS
   ========================================================= */

.ip-wd-resources a.ip-wd-resources__image-link {
    display: block;

    width: 100%;

    border-radius: 30px;
    text-decoration: none !important;
}

/* =========================================================
   ARTICLE IMAGE FRAMES
   Optimized for a 740 × 416 presentation ratio
   ========================================================= */

.ip-wd-resources .ip-wd-resources__image-frame {
    position: relative;

    width: 100%;
    aspect-ratio: 740 / 416;

    overflow: hidden;

    background: #edf4fc;
    border: 1px solid #e5edf7;
    border-radius: 30px !important;
}

/* =========================================================
   ARTICLE IMAGES — 30PX RADIUS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__image-frame img {
    display: block;

    width: 100%;
    max-width: 100%;

    height: 100% !important;

    object-fit: cover !important;
    object-position: center center;

    border: 0 !important;
    border-radius: 30px !important;

    transition: transform 0.3s ease;
}

/* Original image zoom preserved */

.ip-wd-resources .ip-wd-resources__image-link:hover img {
    transform: scale(1.025);
}

/* =========================================================
   ARTICLE CARD BODY
   ========================================================= */

.ip-wd-resources .ip-wd-resources__card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;

    min-width: 0;

    padding: 25px 11px 13px;
}

/* =========================================================
   ARTICLE CATEGORY LABELS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__category {
    display: inline-flex;

    margin-bottom: 15px;
    padding: 7px 12px;

    color: var(--ip-blue);
    background: #eaf3ff;
    border-radius: 7px;

    font-size: 11px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

/* =========================================================
   ARTICLE HEADINGS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__card h3 {
    margin: 0 0 14px;
    padding: 0;

    font-family: inherit;

    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.3;
    letter-spacing: -0.4px;
}

/* =========================================================
   ARTICLE HEADING LINKS
   Typography remains stationary on hover
   ========================================================= */

.ip-wd-resources .ip-wd-resources__card h3 a,
.ip-wd-resources .ip-wd-resources__card h3 a:visited,
.ip-wd-resources .ip-wd-resources__card h3 a:hover,
.ip-wd-resources .ip-wd-resources__card h3 a:focus {
    color: var(--ip-heading) !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: 800 !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;

    text-decoration: none !important;
}

.ip-wd-resources .ip-wd-resources__card h3 a:hover {
    color: var(--ip-blue) !important;
}

/* =========================================================
   ARTICLE DESCRIPTIONS
   ========================================================= */

.ip-wd-resources .ip-wd-resources__card p {
    margin: 0 0 23px;

    color: var(--ip-text);
    font-size: 15px;
    line-height: 1.75;
}

/* =========================================================
   READ ARTICLE LINKS
   Original styling and spacing preserved
   ========================================================= */

.ip-wd-resources a.ip-wd-resources__read,
.ip-wd-resources a.ip-wd-resources__read:visited,
.ip-wd-resources a.ip-wd-resources__read:hover,
.ip-wd-resources a.ip-wd-resources__read:focus {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    margin-top: auto;

    color: var(--ip-blue) !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.45 !important;
    letter-spacing: normal !important;

    text-decoration: none !important;

    transition: gap 0.2s ease;
}

/* Original Read Article hover preserved */

.ip-wd-resources a.ip-wd-resources__read:hover {
    gap: 14px;
}

.ip-wd-resources .ip-wd-resources__read svg {
    display: block;
    flex: 0 0 auto;
}

/* =========================================================
   KEYBOARD ACCESSIBILITY
   ========================================================= */

.ip-wd-resources a:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   BOTTOM CALL-TO-ACTION CONTAINER
   ========================================================= */

.ip-wd-resources .ip-wd-resources__actions {
    display: flex;
    justify-content: center;

    margin-top: 42px;
}

/* =========================================================
   CTA BUTTON — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-resources a.ip-wd-resources__button,
.ip-wd-resources a.ip-wd-resources__button:hover,
.ip-wd-resources a.ip-wd-resources__button:focus,
.ip-wd-resources a.ip-wd-resources__button:visited,
.ip-wd-resources a.ip-wd-resources__button:active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 28px;

    border: 1.5px solid var(--ip-green);
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;

    text-align: center;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   CTA BUTTON — NORMAL
   ========================================================= */

.ip-wd-resources a.ip-wd-resources__button,
.ip-wd-resources a.ip-wd-resources__button:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* =========================================================
   CTA BUTTON — HOVER
   Background color only; no font or position changes
   ========================================================= */

.ip-wd-resources a.ip-wd-resources__button:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* =========================================================
   CTA BUTTON ICON
   ========================================================= */

.ip-wd-resources .ip-wd-resources__button svg {
    display: block;

    flex: 0 0 18px;

    width: 18px;
    height: 18px;
}

/* =========================================================
   COMPACT DESKTOP — 1200PX AND BELOW
   ========================================================= */

@media (max-width: 1200px) {

    .ip-wd-resources .ip-wd-resources__grid {
        gap: 18px;
    }

    .ip-wd-resources .ip-wd-resources__card {
        padding: 12px;
    }

    .ip-wd-resources .ip-wd-resources__card h3 {
        font-size: 20px !important;
    }

}

/* =========================================================
   TABLET — 1024PX AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-resources {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-resources .ip-wd-resources__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }

    .ip-wd-resources .ip-wd-resources__header {
        margin-bottom: 45px;
    }

}

/* =========================================================
   MOBILE — 767PX AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-resources {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    .ip-wd-resources .ip-wd-resources__header {
        margin-bottom: 37px;
    }

    .ip-wd-resources .ip-wd-resources__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-resources .ip-wd-resources__title {
        font-size: clamp(32px, 8vw, 43px) !important;
    }

    .ip-wd-resources .ip-wd-resources__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column article layout */

    .ip-wd-resources .ip-wd-resources__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    .ip-wd-resources .ip-wd-resources__card {
        padding: 14px;
    }

    .ip-wd-resources .ip-wd-resources__card-body {
        padding: 22px 10px 12px;
    }

    /* Full-width CTA */

    .ip-wd-resources .ip-wd-resources__actions {
        margin-top: 32px;
    }

    .ip-wd-resources a.ip-wd-resources__button {
        width: 100%;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-resources .ip-wd-resources__card,
    .ip-wd-resources .ip-wd-resources__image-frame img,
    .ip-wd-resources a.ip-wd-resources__button,
    .ip-wd-resources a.ip-wd-resources__read {
        transition: none !important;
    }

    .ip-wd-resources .ip-wd-resources__card:hover,
    .ip-wd-resources .ip-wd-resources__image-link:hover img,
    .ip-wd-resources a.ip-wd-resources__button:hover {
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 10 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b9da3d3 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 11 — FAQ */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH GRADIENT PRESERVED
   ========================================================= */

.ip-wd-faq {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 110px 0 120px;

    background:
        radial-gradient(
            ellipse at 90% 18%,
            rgba(215, 234, 255, 0.60),
            transparent 42%
        ),
        radial-gradient(
            ellipse at 5% 85%,
            rgba(220, 237, 255, 0.42),
            transparent 42%
        ),
        linear-gradient(
            180deg,
            #fafdff 0%,
            #f2f8ff 100%
        );

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-faq,
.ip-wd-faq *,
.ip-wd-faq *::before,
.ip-wd-faq *::after {
    box-sizing: border-box;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-faq .ip-wd-faq__inner {
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   SECTION HEADER
   ========================================================= */

.ip-wd-faq .ip-wd-faq__header {
    max-width: 1000px;

    margin: 0 auto 62px;
    text-align: center;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-faq .ip-wd-faq__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;

    margin-bottom: 23px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    line-height: 1.5;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ip-wd-faq .ip-wd-faq__eyebrow-line {
    display: block;

    flex: 0 0 30px;
    width: 30px;
    height: 3px;

    background: var(--ip-green);
    border-radius: 3px;
}

/* =========================================================
   SECTION HEADING
   ========================================================= */

.ip-wd-faq .ip-wd-faq__title {
    margin: 0 0 24px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(36px, 3.3vw, 54px) !important;
    font-weight: 600 !important;
    line-height: 1.15;
    letter-spacing: -1.4px;
}

.ip-wd-faq .ip-wd-faq__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-faq .ip-wd-faq__intro {
    max-width: 800px;
    margin: 0 auto;

    color: var(--ip-text);
    font-size: 17px;
    line-height: 1.75;
}

/* =========================================================
   FAQ GRID — TWO COLUMNS
   ========================================================= */

.ip-wd-faq .ip-wd-faq__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;

    gap: 24px;
}

/* =========================================================
   FAQ COLUMNS
   ========================================================= */

.ip-wd-faq .ip-wd-faq__column {
    display: flex;
    flex-direction: column;

    gap: 16px;
    min-width: 0;
}

/* =========================================================
   INDIVIDUAL FAQ ACCORDION ITEMS
   ========================================================= */

.ip-wd-faq .ip-wd-faq__item {
    width: 100%;

    margin: 0;
    padding: 0;

    background: #ffffff;
    border: 1px solid #dfeaf6;
    border-radius: 19px;

    overflow: hidden;

    box-shadow: 0 6px 24px rgba(14, 43, 141, 0.045);

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

/* Open accordion appearance */

.ip-wd-faq .ip-wd-faq__item[open] {
    border-color: #b9d3f0;

    box-shadow: 0 12px 30px rgba(14, 43, 141, 0.07);
}

/* =========================================================
   CLICKABLE FAQ QUESTIONS
   ========================================================= */

.ip-wd-faq .ip-wd-faq__question {
    display: flex;
    align-items: center;
    gap: 18px;

    width: 100%;
    min-height: 92px;

    padding: 22px 25px;

    color: var(--ip-heading);
    cursor: pointer;
    list-style: none;

    font-family: inherit;
    font-size: 18px;
    font-weight: 750;
    line-height: 1.4;
}

/* =========================================================
   REMOVE DEFAULT DISCLOSURE TRIANGLE
   ========================================================= */

.ip-wd-faq .ip-wd-faq__question::-webkit-details-marker {
    display: none;
}

.ip-wd-faq .ip-wd-faq__question::marker {
    content: "";
}

/* =========================================================
   QUESTION HOVER
   ========================================================= */

.ip-wd-faq .ip-wd-faq__question:hover {
    background: #fcfdff;
}

/* =========================================================
   KEYBOARD ACCESSIBILITY
   ========================================================= */

.ip-wd-faq .ip-wd-faq__question:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: -5px;
    border-radius: 16px;
}

/* =========================================================
   FAQ NUMBER CIRCLES
   ========================================================= */

.ip-wd-faq .ip-wd-faq__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 44px;

    width: 44px;
    height: 44px;

    background: #e7f2ff;
    border-radius: 50%;

    color: var(--ip-blue);
    font-size: 17px;
    font-weight: 800;
    line-height: 1;
}

/* =========================================================
   QUESTION TEXT
   ========================================================= */

.ip-wd-faq .ip-wd-faq__question-text {
    flex: 1;
    min-width: 0;

    color: var(--ip-heading);

    font-size: 18px;
    font-weight: 750;
    line-height: 1.4;
}

/* =========================================================
   PLUS/MINUS TOGGLE ICON
   ========================================================= */

.ip-wd-faq .ip-wd-faq__toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 30px;

    width: 30px;
    height: 30px;

    color: var(--ip-blue);
}

.ip-wd-faq .ip-wd-faq__toggle svg {
    display: block;
    width: 25px;
    height: 25px;
}

/* =========================================================
   PLUS/MINUS ANIMATION
   ========================================================= */

.ip-wd-faq .ip-wd-faq__vertical {
    transform-origin: 12px 12px;

    transition: transform 0.2s ease;
}

/* Rotate vertical line to create minus sign */

.ip-wd-faq .ip-wd-faq__item[open] .ip-wd-faq__vertical {
    transform: rotate(90deg);
}

/* =========================================================
   FAQ ANSWERS
   ========================================================= */

.ip-wd-faq .ip-wd-faq__answer {
    padding: 0 28px 26px 87px;

    color: var(--ip-text);
}

.ip-wd-faq .ip-wd-faq__answer p {
    margin: 0;

    color: var(--ip-text);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
}

.ip-wd-faq .ip-wd-faq__answer p + p {
    margin-top: 14px;
}

/* =========================================================
   BOTTOM CTA PANEL — ORIGINAL GREEN GRADIENT
   ========================================================= */

.ip-wd-faq .ip-wd-faq__cta {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;

    gap: 28px;
    margin-top: 48px;
    padding: 35px 42px;

    background: linear-gradient(
        105deg,
        #f2f9ec 0%,
        #f8fdf5 55%,
        #f2f9ec 100%
    );

    border: 1px solid #b9da8e;
    border-radius: 24px;
}

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

.ip-wd-faq .ip-wd-faq__cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 78px;

    width: 78px;
    height: 78px;

    color: var(--ip-blue);
    background: #e7f2dc;
    border-radius: 50%;
}

.ip-wd-faq .ip-wd-faq__cta-icon svg {
    display: block;
    width: 44px;
    height: 44px;
}

/* =========================================================
   CTA TEXT
   ========================================================= */

.ip-wd-faq .ip-wd-faq__cta-copy {
    min-width: 0;
}

.ip-wd-faq .ip-wd-faq__cta-copy h3 {
    margin: 0 0 10px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(21px, 1.8vw, 27px) !important;
    font-weight: 800 !important;
    line-height: 1.3;
}

.ip-wd-faq .ip-wd-faq__cta-copy p {
    margin: 0;

    color: var(--ip-text);
    font-size: 15px;
    line-height: 1.7;
}

/* =========================================================
   CTA BUTTON — APPROVED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-faq a.ip-wd-faq__cta-button,
.ip-wd-faq a.ip-wd-faq__cta-button:hover,
.ip-wd-faq a.ip-wd-faq__cta-button:focus,
.ip-wd-faq a.ip-wd-faq__cta-button:visited,
.ip-wd-faq a.ip-wd-faq__cta-button:active {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;

    min-height: 54px;
    padding: 15px 27px;

    border: 1.5px solid var(--ip-green);
    border-radius: 8px;

    color: #ffffff !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    letter-spacing: normal !important;

    text-align: center;
    white-space: nowrap;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   CTA BUTTON — NORMAL STATE
   ========================================================= */

.ip-wd-faq a.ip-wd-faq__cta-button,
.ip-wd-faq a.ip-wd-faq__cta-button:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* =========================================================
   CTA BUTTON — HOVER
   Background only, no changes to text weight or positioning
   ========================================================= */

.ip-wd-faq a.ip-wd-faq__cta-button:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* =========================================================
   CTA BUTTON — KEYBOARD FOCUS
   ========================================================= */

.ip-wd-faq a.ip-wd-faq__cta-button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   CTA BUTTON SVG
   ========================================================= */

.ip-wd-faq .ip-wd-faq__cta-button svg {
    display: block;

    flex: 0 0 18px;

    width: 18px;
    height: 18px;
}

/* =========================================================
   TABLET — 1024PX AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-faq {
        padding-top: 85px;
        padding-bottom: 95px;
    }

    .ip-wd-faq .ip-wd-faq__grid {
        gap: 18px;
    }

    .ip-wd-faq .ip-wd-faq__question {
        padding: 19px 18px;
        gap: 12px;
    }

    .ip-wd-faq .ip-wd-faq__question-text {
        font-size: 16px;
    }

    .ip-wd-faq .ip-wd-faq__answer {
        padding: 0 20px 23px 74px;
    }

    /* CTA becomes two columns */

    .ip-wd-faq .ip-wd-faq__cta {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 30px;
    }

    .ip-wd-faq a.ip-wd-faq__cta-button {
        grid-column: 2;
        justify-self: start;
    }

}

/* =========================================================
   MOBILE — 767PX AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-faq {
        padding-top: 70px;
        padding-bottom: 80px;
    }

    /* Header */

    .ip-wd-faq .ip-wd-faq__header {
        margin-bottom: 38px;
    }

    .ip-wd-faq .ip-wd-faq__eyebrow {
        font-size: 11px;
        letter-spacing: 1px;
    }

    .ip-wd-faq .ip-wd-faq__title {
        font-size: clamp(32px, 8vw, 43px) !important;
        letter-spacing: -0.8px;
    }

    .ip-wd-faq .ip-wd-faq__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column accordion */

    .ip-wd-faq .ip-wd-faq__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .ip-wd-faq .ip-wd-faq__column {
        gap: 14px;
    }

    /* FAQ questions */

    .ip-wd-faq .ip-wd-faq__question {
        min-height: 77px;
        padding: 17px 16px;
        gap: 12px;
    }

    .ip-wd-faq .ip-wd-faq__number {
        flex-basis: 38px;

        width: 38px;
        height: 38px;

        font-size: 15px;
    }

    .ip-wd-faq .ip-wd-faq__question-text {
        font-size: 16px;
        line-height: 1.45;
    }

    .ip-wd-faq .ip-wd-faq__toggle {
        flex-basis: 24px;

        width: 24px;
        height: 24px;
    }

    .ip-wd-faq .ip-wd-faq__toggle svg {
        width: 21px;
        height: 21px;
    }

    /* FAQ answers */

    .ip-wd-faq .ip-wd-faq__answer {
        padding: 0 18px 22px 66px;
    }

    .ip-wd-faq .ip-wd-faq__answer p {
        font-size: 14px;
        line-height: 1.75;
    }

    /* CTA panel stacks vertically */

    .ip-wd-faq .ip-wd-faq__cta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        gap: 18px;
        margin-top: 35px;
        padding: 28px 24px;
    }

    .ip-wd-faq .ip-wd-faq__cta-icon {
        flex-basis: 65px;

        width: 65px;
        height: 65px;
    }

    .ip-wd-faq .ip-wd-faq__cta-icon svg {
        width: 36px;
        height: 36px;
    }

    /* Full-width CTA button */

    .ip-wd-faq a.ip-wd-faq__cta-button {
        width: 100%;
        white-space: normal;
    }

}

/* =========================================================
   SMALL PHONES — 390PX AND BELOW
   ========================================================= */

@media (max-width: 390px) {

    .ip-wd-faq .ip-wd-faq__question {
        gap: 9px;
        padding: 16px 12px;
    }

    .ip-wd-faq .ip-wd-faq__question-text {
        font-size: 15px;
    }

    .ip-wd-faq .ip-wd-faq__answer {
        padding-left: 20px;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-faq .ip-wd-faq__item,
    .ip-wd-faq .ip-wd-faq__vertical,
    .ip-wd-faq a.ip-wd-faq__cta-button {
        transition: none !important;
    }

    .ip-wd-faq a.ip-wd-faq__cta-button:hover {
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 11 *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-352b045 *//* INTELLIPLANS 2026 — WEBSITE DESIGN — SECTION 12 — FINAL CONSULTATION CTA */

/* =========================================================
   SECTION FOUNDATION — FULL-WIDTH BACKGROUND PRESERVED
   ========================================================= */

.ip-wd-finalcta {
    --ip-blue: #0e2b8d;
    --ip-green: #7fc31b;
    --ip-heading: #0b2058;
    --ip-text: #41506a;

    position: relative;
    isolation: isolate;

    width: 100%;
    max-width: 100%;
    overflow: hidden;

    box-sizing: border-box;
    padding: 115px 0 125px;

    background:
        radial-gradient(
            ellipse at 85% 38%,
            rgba(220, 237, 255, 0.38),
            transparent 43%
        ),
        #ffffff;

    color: var(--ip-text);
    font-family: inherit;
}

.ip-wd-finalcta,
.ip-wd-finalcta *,
.ip-wd-finalcta *::before,
.ip-wd-finalcta *::after {
    box-sizing: border-box;
}

/* =========================================================
   DECORATIVE BLUE BACKGROUND CIRCLE — PRESERVED
   ========================================================= */

.ip-wd-finalcta::before {
    content: "";

    position: absolute;
    z-index: 0;

    top: 3%;
    right: -180px;

    width: 560px;
    height: 560px;

    border-radius: 50%;

    background: radial-gradient(
        circle,
        rgba(215, 233, 255, 0.40),
        transparent 70%
    );

    pointer-events: none;
}

/* =========================================================
   MASTER CONTAINER — HOMEPAGE ALIGNMENT
   Maximum width: 1510px including horizontal padding
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__inner {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: clamp(42px, 4vw, 80px);

    width: 100%;
    max-width: 1510px;
    margin-inline: auto;

    padding-left: clamp(25px, 5.1vw, 85px);
    padding-right: clamp(25px, 5.1vw, 85px);
}

/* =========================================================
   LEFT — CONTENT
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__content {
    min-width: 0;
}

/* =========================================================
   EYEBROW
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;

    margin-bottom: 31px;

    color: var(--ip-blue);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
}

.ip-wd-finalcta .ip-wd-finalcta__eyebrow-line {
    display: block;

    flex: 0 0 30px;

    width: 30px;
    height: 3px;

    background: var(--ip-green);
    border-radius: 3px;
}

/* =========================================================
   MAIN HEADING
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__title {
    margin: 0 0 26px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: clamp(39px, 3.45vw, 60px) !important;
    font-weight: 600 !important;
    line-height: 1.12;
    letter-spacing: -1.6px;
}

.ip-wd-finalcta .ip-wd-finalcta__title span {
    display: block;
    color: var(--ip-blue);
}

/* =========================================================
   INTRODUCTORY PARAGRAPH
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__intro {
    max-width: 780px;
    margin: 0 0 40px;

    color: var(--ip-text);

    font-size: 18px;
    font-weight: 400;
    line-height: 1.8;
}

/* =========================================================
   THREE SERVICE HIGHLIGHTS
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 22px;
    margin-bottom: 42px;
}

/* =========================================================
   INDIVIDUAL HIGHLIGHTS
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__highlight {
    display: flex;
    align-items: flex-start;
    gap: 13px;

    min-width: 0;
}

/* =========================================================
   HIGHLIGHT ICONS
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__icon {
    display: flex;
    justify-content: center;
    align-items: center;

    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    background: #eaf3ff;
    color: var(--ip-blue);
    border-radius: 50%;
}

.ip-wd-finalcta .ip-wd-finalcta__icon svg {
    display: block;

    width: 29px;
    height: 29px;
}

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

.ip-wd-finalcta .ip-wd-finalcta__highlight-copy {
    flex: 1;
    min-width: 0;
}

/* Highlight headings */

.ip-wd-finalcta .ip-wd-finalcta__highlight h3 {
    margin: 3px 0 9px;
    padding: 0;

    color: var(--ip-heading);
    font-family: inherit;

    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.35;
}

/* Highlight descriptions */

.ip-wd-finalcta .ip-wd-finalcta__highlight p {
    margin: 0;

    color: var(--ip-text);
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   CALL-TO-ACTION BUTTON CONTAINER
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 15px;
}

/* =========================================================
   CTA BUTTONS — STANDARDIZED SMOOTH HOVER
   Stable typography, no movement, background transition only
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button,
.ip-wd-finalcta a.ip-wd-finalcta__button:hover,
.ip-wd-finalcta a.ip-wd-finalcta__button:focus,
.ip-wd-finalcta a.ip-wd-finalcta__button:visited,
.ip-wd-finalcta a.ip-wd-finalcta__button:active {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 13px;

    min-height: 58px;
    padding: 17px 27px;

    border: 1.5px solid transparent;
    border-radius: 8px;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
    letter-spacing: normal !important;

    text-align: center;
    text-decoration: none !important;

    transform: none !important;
    box-shadow: none !important;

    transition: background-color 0.2s ease !important;
}

/* =========================================================
   PRIMARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button--primary,
.ip-wd-finalcta a.ip-wd-finalcta__button--primary:visited {
    background: var(--ip-green) !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
}

/* =========================================================
   PRIMARY BUTTON — HOVER
   Background color only
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button--primary:hover {
    background: #68a719 !important;
    border-color: var(--ip-green);
    color: #ffffff !important;
    font-weight: 750 !important;
}

/* =========================================================
   SECONDARY BUTTON — NORMAL
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button--secondary,
.ip-wd-finalcta a.ip-wd-finalcta__button--secondary:visited {
    background: #ffffff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
}

/* =========================================================
   SECONDARY BUTTON — HOVER
   Light blue background, stable blue text
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button--secondary:hover {
    background: #eaf3ff !important;
    border-color: var(--ip-blue);
    color: var(--ip-blue) !important;
    font-weight: 750 !important;
}

/* =========================================================
   BUTTON SVG ICONS
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__button svg {
    display: block;

    flex: 0 0 18px;

    width: 18px;
    height: 18px;
}

/* =========================================================
   KEYBOARD ACCESSIBILITY
   ========================================================= */

.ip-wd-finalcta a.ip-wd-finalcta__button:focus-visible {
    outline: 3px solid var(--ip-blue);
    outline-offset: 4px;
}

/* =========================================================
   CLOSING NOTE
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__note {
    margin: 17px 0 0;

    color: #66758e;
    font-size: 14px;
    line-height: 1.65;
}

/* =========================================================
   RIGHT — IMAGE COLUMN
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__visual {
    position: relative;

    min-width: 0;
    width: 100%;
}

/* =========================================================
   IMAGE CLIPPING WRAPPER — 30PX ROUNDED CORNERS
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__image-frame {
    width: 100%;
    overflow: hidden;

    border-radius: 30px !important;
    background: #ffffff;

    box-shadow: 0 18px 45px rgba(14, 43, 141, 0.08);
}

/* =========================================================
   ORIGINAL IMAGE — NO CROPPING
   ========================================================= */

.ip-wd-finalcta .ip-wd-finalcta__image {
    display: block;

    width: 100%;
    max-width: 100%;

    height: auto !important;

    border: 0 !important;
    border-radius: 30px !important;

    object-fit: contain !important;
}

/* =========================================================
   MEDIUM DESKTOP — 1400PX AND BELOW
   ========================================================= */

@media (max-width: 1400px) {

    .ip-wd-finalcta .ip-wd-finalcta__inner {
        gap: 36px;
    }

    /* Stack highlights within the left column */

    .ip-wd-finalcta .ip-wd-finalcta__highlights {
        grid-template-columns: minmax(0, 1fr);

        gap: 18px;
        margin-bottom: 32px;
    }

    .ip-wd-finalcta .ip-wd-finalcta__intro {
        margin-bottom: 32px;
    }

}

/* =========================================================
   TABLET — 1024PX AND BELOW
   ========================================================= */

@media (max-width: 1024px) {

    .ip-wd-finalcta {
        padding-top: 90px;
        padding-bottom: 100px;
    }

    .ip-wd-finalcta .ip-wd-finalcta__inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 44px;
    }

    /* Three highlights across the full-width content area */

    .ip-wd-finalcta .ip-wd-finalcta__highlights {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ip-wd-finalcta .ip-wd-finalcta__visual {
        width: 100%;
        max-width: 790px;
        margin-inline: auto;
    }

}

/* =========================================================
   MOBILE — 767PX AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    .ip-wd-finalcta {
        padding-top: 72px;
        padding-bottom: 82px;
    }

    .ip-wd-finalcta .ip-wd-finalcta__inner {
        gap: 35px;
    }

    /* Eyebrow */

    .ip-wd-finalcta .ip-wd-finalcta__eyebrow {
        margin-bottom: 23px;

        font-size: 11px;
        letter-spacing: 1px;
    }

    /* Heading */

    .ip-wd-finalcta .ip-wd-finalcta__title {
        font-size: clamp(32px, 8vw, 44px) !important;
        letter-spacing: -0.9px;
    }

    /* Introduction */

    .ip-wd-finalcta .ip-wd-finalcta__intro {
        font-size: 16px;
        line-height: 1.75;
    }

    /* Single-column highlights */

    .ip-wd-finalcta .ip-wd-finalcta__highlights {
        grid-template-columns: minmax(0, 1fr);

        gap: 19px;
        margin-bottom: 30px;
    }

    /* Stack CTA buttons */

    .ip-wd-finalcta .ip-wd-finalcta__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ip-wd-finalcta a.ip-wd-finalcta__button {
        width: 100%;
    }

    /* Closing note */

    .ip-wd-finalcta .ip-wd-finalcta__note {
        font-size: 13px;
    }

}

/* =========================================================
   ACCESSIBILITY — REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .ip-wd-finalcta a.ip-wd-finalcta__button,
    .ip-wd-finalcta a.ip-wd-finalcta__button:hover {
        transition: none !important;
        transform: none !important;
    }

}

/* END — WEBSITE DESIGN SECTION 12 *//* End custom CSS */