/* ---------------------------------------------------------
   About page only
--------------------------------------------------------- */

/* "What Do We Offer Our Clients" equal height cards */
.elementor-element-8de3533 .elementor-widget-rs-service-grid .elementor-widget-container,
.elementor-element-8de3533 .rs-addon-services,
.elementor-element-8de3533 .services-inner {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}
.elementor-element-8de3533 .content_part {
    flex: 1 0 auto !important;
}

/* Icon-box cards — base look for Values / Team / Why-us / Sectors sections */
.rs-iconbox-area {
    height: 100% !important;
}
.rs-iconbox-area .box-inner {
    height: 100% !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
    padding: 28px !important;
    box-shadow: 0 8px 24px rgba(18, 25, 51, 0.08) !important;
}
.rs-iconbox-area .box-inner:hover {
    box-shadow: 0 12px 32px rgba(18, 25, 51, 0.14) !important;
    transform: translateY(-4px) !important;
}
.rs-iconbox-area .box-inner .icon-area {
    width: 62px !important;
    height: 62px !important;
    border-radius: 50% !important;
    background-color: #EEF3FA !important;
    color: #296199 !important;
    font-size: 20px !important;
}
.rs-iconbox-area .box-inner .icon-area svg {
    width: 22px !important;
    height: 22px !important;
}
.rs-iconbox-area .box-inner .text-area .title {
    font-size: 22px !important;
    margin-bottom: 6px !important;
}
.rs-iconbox-area .box-inner .text-area p {
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* mv-image — "Our Mission and Vision" images */
.mv-image .rs-image img {
    height: 420px !important;
    width: 100% !important;
    object-fit: cover !important;
}

/* mv-text — "Our Mission and Vision" text column */
.mv-text {
    padding: 30px !important;
}

/* ---------------------------------------------------------
   Per-section card classes.
   Add the class name below to each card widget's
   Advanced > CSS Classes field in Elementor.
--------------------------------------------------------- */

/* card-values — "The Values We Work By" */
.card-values .rs-iconbox-area {
    position: relative !important;
}
.card-values .rs-iconbox-area .box-inner {
    position: relative !important;
    z-index: 2 !important;
    align-items: center !important;
    gap: 20px !important;
    background-color: #ffffff !important;
    border-radius: 25px !important;
    box-shadow: 0 2px 10px rgba(18, 25, 51, 0.05) !important;
    padding: 16px !important;
}
.card-values .rs-iconbox-area .box-inner .icon-area {
    width: 35% !important;
    height: 100% !important;
    flex-shrink: 0 !important;
}
.card-values .rs-iconbox-area .box-inner .icon-area img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 14px !important;
}
.card-values .rs-iconbox-area .box-inner .text-area {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: left !important;
}

.rtl .card-values .rs-iconbox-area .box-inner {
    justify-content: start !important;
}
.card-values .rs-iconbox-area .box-inner .text-area .title {
    font-size: 20px !important;
    margin-bottom: 0 !important;
}

/* card-team — "Our Specialized Team" */
.card-team .rs-iconbox-area .box-inner {
    background-color: #F7F9FF !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}
.card-team .rs-iconbox-area .box-inner .icon-area {
    background-color: #ffffff !important;
    border: 2px solid #296199 !important;
    color: #296199 !important;
}

/* card-offer — "What Do We Offer Our Clients" */
.card-offer .rs-addon-services {
    height: 100% !important;
}
.card-offer .rs-addon-services .services-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    height: 100% !important;
    min-height: 340px !important;
    background-color: #ffffff !important;
    border: 1px solid #E7ECF5 !important;
    border: 1px solid #296199 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(18, 25, 51, 0.05) !important;
    padding: 36px 30px !important;
    text-align: center !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}
.card-offer .rs-addon-services .services-inner:hover {
    border-color: #296199 !important;
    box-shadow: 0 18px 36px rgba(18, 25, 51, 0.12) !important;
}
.card-offer .rs-addon-services .content_part {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 1 1 auto !important;
}
.card-offer .rs-addon-services .media_wrap .icon_style {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 68px !important;
    height: 68px !important;
    border-radius: 50% !important;
    background-color: #EEF3FA !important;
    color: #296199 !important;
    margin-bottom: 20px !important;
    transition: background-color 0.25s ease, color 0.25s ease !important;
}
.card-offer .rs-addon-services .services-inner:hover .media_wrap .icon_style {
    background-color: #296199 !important;
    color: #ffffff !important;
}
.card-offer .rs-addon-services .media_wrap .icon_style svg {
    width: 28px !important;
    height: 28px !important;
    fill: currentColor !important;
}
.card-offer .rs-addon-services .media_wrap .icon_style svg path {
    fill: currentColor !important;
}
.card-offer .rs-addon-services .services-title .title {
    font-size: 19px !important;
    font-weight: 700 !important;
    margin-bottom: 10px !important;
}
.card-offer .rs-addon-services .desc-text {
    font-size: 15px !important;
    line-height: 1.65 !important;
    color: #5C6B85 !important;
    margin-top: auto !important;
}

@media (max-width: 767px) {
    .card-offer .rs-addon-services .services-inner {
        min-height: 0 !important;
        padding: 28px 24px !important;
    }
}

/* ---------------------------------------------------------
   "Why Do Clients Choose Us" — image-left / list-right layout
   wcu-wrap    → the outer row container (image column + content column)
   wcu-image   → the image column
   wcu-content → the text column (eyebrow + title + list)
   wcu-title   → the rs-heading widget (eyebrow + title)
   wcu-list    → the row container holding the 5 rs-iconbox items
--------------------------------------------------------- */
.wcu-wrap {
    background-color: #F7F9FF !important;
    border-radius: 30px !important;
    overflow: hidden !important;
}
.wcu-image {
    padding: 24px !important;
}
.wcu-image .rs-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 20px !important;
}
.wcu-content {
    padding: 50px 50px 50px 10px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}
.wcu-title .prelements-heading {
    text-align: left !important;
}
.wcu-title .sub-text {
    color: #296199 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}
.wcu-title .title {
    font-size: 34px !important;
    line-height: 1.25 !important;
}
.wcu-list {
    margin-top: 20px !important;
}
.wcu-list .rs-iconbox-area {
    height: auto !important;
}
.wcu-list .rs-iconbox-area .box-inner {
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 16px 0 !important;
    border-top: 1px solid #E3E8F2 !important;
    align-items: center !important;
}
.wcu-list .rs-iconbox-area .box-inner:hover {
    box-shadow: none !important;
    transform: none !important;
}
.wcu-list .rs-iconbox-area .box-inner .icon-area {
    width: 44px !important;
    height: 44px !important;
    background-color: #EAF3F1 !important;
    color: #296199 !important;
}
.wcu-list .rs-iconbox-area .box-inner .text-area .title {
    font-size: 17px !important;
    margin-bottom: 4px !important;
}
.wcu-list .rs-iconbox-area .box-inner .text-area p {
    font-size: 14px !important;
}

/* card-sector — "The Sectors We Serve" (image card) */
.card-sector .rs-iconbox-area {
    height: 100% !important;
}
.card-sector .rs-iconbox-area .box-inner {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    text-align: center !important;
    background-color: #F7F9FF !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 2px 10px rgba(18, 25, 51, 0.05) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    border: 1px solid #E8E9FF !important;
}
.card-sector .rs-iconbox-area .box-inner:hover {
    box-shadow: 0 8px 15px rgba(18, 25, 51, 0.12) !important;
    transform: translateY(-4px) !important;
}
.card-sector .rs-iconbox-area .box-inner .icon-area {
    width: 100% !important;
    height: 250px !important;
    border-radius: 0 !important;
    background-color: #EEF3FA !important;
    color: #296199 !important;
}
.card-sector .rs-iconbox-area .box-inner .icon-area img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 0 !important;
}
.card-sector .rs-iconbox-area .box-inner .text-area {
    padding: 16px !important;
}
.card-sector .rs-iconbox-area .box-inner .text-area .title {
    font-size: 16px !important;
    margin-bottom: 0 !important;
}
.card-sector .rs-iconbox-area .box-inner .text-area p {
    display: none !important;
}