.elementor-7542 .elementor-element.elementor-element-6844bf2{grid-column:span 10;font-family:"Tahoma", Sans-serif;text-transform:none;font-style:normal;line-height:17px;letter-spacing:1px;}.elementor-7542 .elementor-element.elementor-element-6844bf2:hover .elementor-widget-container{border-style:dotted;}.elementor-7542 .elementor-element.elementor-element-f10a3e2 > .elementor-background-overlay{background-image:url("https://staging.nairobiwatersacco.co.ke/wp-content/uploads/2026/09/NWASNWDT-BANNER.png");opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7542 .elementor-element.elementor-element-f10a3e2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-7542 .elementor-element.elementor-element-c90e15b > .elementor-widget-container{background-image:url("https://staging.nairobiwatersacco.co.ke/wp-content/uploads/2026/08/cropped-WhatsApp-Image-2026-07-22-at-10.08.40-AM.jpeg");transition:background 1.4s;}.elementor-7542 .elementor-element.elementor-element-514c65b{width:var( --container-widget-width, 101.087% );max-width:101.087%;--container-widget-width:101.087%;--container-widget-flex-grow:0;}/* Start custom CSS for text-editor, class: .elementor-element-6844bf2 *//* =========================================================
   NWDT BOARD OF DIRECTORS - INTRODUCTION
   ========================================================= */

.nwdt-board-intro {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 55px 70px !important;
    background: #ffffff !important;
    border-radius: 0 0 20px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    position: relative !important;
}


/* Small blue accent at the top */

.nwdt-board-intro::before {
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    background: #00AEEF;
    margin: 0 auto 28px auto;
    border-radius: 10px;
}


/* Paragraph text */

.nwdt-board-intro p {
    max-width: 1050px !important;
    margin: 0 auto !important;
    color: #40566f !important;
    font-size: 18px !important;
    line-height: 1.85 !important;
    font-weight: 400 !important;
}


/* First paragraph */

.nwdt-board-intro p:first-child {
    margin-bottom: 20px !important;
}


/* Mobile */

@media (max-width: 767px) {

    .nwdt-board-intro {
        padding: 35px 22px !important;
    }

    .nwdt-board-intro p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c90e15b *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9d9e7d5 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3706b43 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2d8f393 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-89d4c25 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-001a193 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5bc6306 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b8de485 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bca2716 *//* =========================================================
   NWDT BOARD MEMBER CARD
   ========================================================= */

.nwdt-board-card {
    position: relative !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 25px 22px 30px !important;

    margin: 15px !important;

    border: 1px solid #E7EEF5 !important;

    box-shadow:
        0 8px 30px rgba(0,59,112,0.08) !important;

    overflow: hidden !important;

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        border-color 0.35s ease !important;
}


/* Blue line at the top of each card */

.nwdt-board-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: linear-gradient(
        90deg,
        #003B70,
        #00AEEF
    );

}


/* Card hover */

.nwdt-board-card:hover {

    transform: translateY(-8px) !important;

    border-color: rgba(0,174,239,0.35) !important;

    box-shadow:
        0 18px 45px rgba(0,59,112,0.16) !important;

}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-f10a3e2 *//* =========================================================
   NWDT BOARD MEMBERS AREA
   ========================================================= */

.nwdt-board-members {
    position: relative !important;
    padding: 80px 35px 100px !important;
    background:
        linear-gradient(
            135deg,
            rgba(243,248,252,0.98),
            rgba(255,255,255,0.98)
        ) !important;
    overflow: hidden !important;
}


/* Decorative background circle */

.nwdt-board-members::before {
    content: "";
    position: absolute;

    width: 520px;
    height: 520px;

    right: -220px;
    top: -180px;

    border: 1px solid rgba(0,174,239,0.12);
    border-radius: 50%;

    pointer-events: none;

    animation: nwdtBoardCircle 18s ease-in-out infinite;
}


/* Second decorative circle */

.nwdt-board-members::after {
    content: "";
    position: absolute;

    width: 760px;
    height: 760px;

    left: -430px;
    bottom: -420px;

    border: 1px solid rgba(0,59,112,0.07);
    border-radius: 50%;

    pointer-events: none;

    animation: nwdtBoardCircle2 22s ease-in-out infinite;
}


@keyframes nwdtBoardCircle {

    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(-20px,25px);
    }

    100% {
        transform: translate(0,0);
    }

}


@keyframes nwdtBoardCircle2 {

    0% {
        transform: translate(0,0);
    }

    50% {
        transform: translate(20px,-20px);
    }

    100% {
        transform: translate(0,0);
    }

}/* End custom CSS */