/* ====== Single Office CSS start ====== */

/* ====== Hero banner ====== */

.iec_single_office_banner_swiper_warpper { width: 100%; height: 100%; }

.iec_single_office_banner_swiper_warpper .swiper { padding: 0; height: 100%; }

.iec_single_office_banner_swiper_warpper .swiper-slide { width: 100%; height: auto; }

.iec_single_office_banner_swiper_warpper .iec_single_office_banner_box {
    width: 100%;
    height: 100%;
    min-height: 22.839389rem;
    position: relative;
    overflow: hidden;
    padding-top: 2.523553rem;
    padding-bottom: 2.3278rem;
    background-image: var(--desktopImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.iec_single_office_banner_box .banner_content { display: flex; flex-direction: column; gap: 1rem; }

.iec_single_office_banner_box .sub_head { font-size: 0.93961413179rem; }

.iec_single_office_banner_box .banner_content img { display: block; width: 100%; max-width: 70%; height: auto; }

.iec_single_office_banner_box .banner_content .iec_single_office_logo { width: 100%; max-width: 20.710661rem; margin-top: 1.566024rem; }

.iec_single_office_banner_swiper_warpper .swiper-pagination {
    position: absolute;
    width: 100%;
    max-width: 52.54009rem;
    padding-right: 0.587259rem;
    padding-left: 0.587259rem;
    top: auto;
    left: 50%;
    bottom: 0.783012rem;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 0.783012rem;
}

.iec_single_office_banner_swiper_warpper .swiper-pagination span.swiper-pagination-bullet {
    width: 0.626409rem;
    height: 0.626409rem;
    background: transparent;
    border: 0.03915058882rem solid #fff;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
}

.iec_single_office_banner_swiper_warpper .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; transform: none; }

/* ====== Tabs ====== */

.iec_single_office_tab_section { position: relative; margin-top: -1.957529rem; }

.iec_office_tabs_swiper_wrap,
.iec_office_tabs_swiper { overflow: hidden; width: 100%; }

.iec_office_tabs_swiper .swiper-wrapper { align-items: flex-start; }

.iec_office_tabs_swiper .swiper-slide { height: auto; }

.iec_single_office_tab_section .custom-tab-buttons {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 31.320471rem;
    display: flex;
    align-items: center;
    border-radius: 0.274054rem 0.274054rem 0 0;
    overflow: hidden;
    z-index: 2;
}

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn,
.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:focus {
    flex: 1 1 0;
    width: auto;
    max-width: 100%;
    height: 1.957529rem;
    border: none;
    border-radius: 0 0.274054rem 0 0;
    box-shadow: 0.352353rem 0 0.469807rem 0 #0000001f;
    color: var(--color-primary);
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.3s ease;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 0.626409rem;
    line-height: 1.977105rem;
    text-align: center;
    margin-right: 0;
    outline: none;
}

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:first-child,
.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:nth-child(2) { background: #ced3e4; margin-right: -0.391506rem; }

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:first-child { z-index: 3; }

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:nth-child(2) { z-index: 2; }

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn:nth-child(3) { background: #bec4d5; z-index: 1; }

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn.active,
.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn.active:first-child { background: #e5e8f1; }

.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn.active:nth-child(2),
.iec_single_office_tab_section .custom-tab-buttons .custom-tab-btn.active:nth-child(3) { z-index: 4; box-shadow: 0 0 0.865242rem 0 #00000033; }

.iec-single-office-main .iec-section-heading { font-size: 1.370271rem; color: var(--color-primary); }

/* ====== About Us panel ====== */

.iec_single_office_about,
.iec_single_office_tab_contact_us { padding-top: 2.740541rem; padding-bottom: 2.740541rem; position: relative; overflow: hidden; }

.iec_single_office_about p,
.iec_single_office_about ul:not(.iec_icon_list) li { font-family: "Myriad Pro", sans-serif; line-height: 144.444%; color: #1b204c; margin: 0; }

.iec_single_office_about p { font-weight: 300; }

.iec_single_office_about p:not(:last-child) { margin-bottom: 0.783012rem; }

.iec_single_office_about p a { text-decoration: underline; transition: all 0.5s ease-in-out; }

.iec_single_office_about ul:not(.iec_icon_list) li { font-weight: 400; }

.iec_single_office_about ul:not(.iec_icon_list) li strong { font-family: "Myriad Pro", sans-serif; font-weight: 700; }

.iec_single_office_about .wysiwyg-content h2,
.iec_single_office_about .wysiwyg-content h3 {
    color: #1b204c;
    font-family: "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 1.370271rem;
    line-height: normal;
    letter-spacing: 0.012528rem;
    text-transform: uppercase;
    margin-bottom: 0.822162rem;
    margin-top: 0;
}

.iec_slide_about .iec_sec_sub_heading {
    font-family: "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 0.783012rem;
    line-height: 120%;
    margin-bottom: 0.783012rem;
    margin-top: 0.900464rem;
    color: #1b204c;
}

.iec_single_office_about .iec_icon_list li { align-items: start; color: #1b204c; }

.iec_single_office_about .iec_icon_list li i { color: #727da3; }

.iec_about_disclaimer { font-weight: 300; color: #1b204c; }

/* ====== Contact panel ====== */

.iec_single_office_tab_contact_us .iec_office_map { height: 19.575294rem; width: 100%; }

.iec_single_office_tab_contact_us .iec_office_map iframe { width: 100%; height: 100%; }

/* ====== Membership logos ====== */

.iec_about_logo_section { background: #f1f2f7; box-shadow: 0 0 0.724257rem 0 #00000040 inset; padding: 1.174518rem 0 2.349035rem; height: max-content; }

.iec_about_logo_section .iec_sec_sub_heading { margin-bottom: 0.783012rem; }

.iec_about_logo_section .row { gap: 1.174518rem; }

.iec_about_logo_boxes_grid { display: grid; grid-auto-rows: auto; grid-template-columns: repeat(5, 1fr); gap: 1.566024rem; }

.iec_about_logo_box {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 0.46980706589827111rem;
    background-color: #fff;
    transition: all 0.4s ease;
    padding: 1.409421rem 0.822162rem;
    box-shadow: 1.487745rem 6.068828rem 1.761804rem 0 rgba(0, 0, 0, 0),
    0.978855rem 3.876359rem 1.605199rem 0 rgba(0, 0, 0, 0.01),
    0.548118rem 2.192467rem 1.331141rem 0 rgba(0, 0, 0, 0.05),
    0.234908rem 0.978855rem 1.017992rem 0 rgba(0, 0, 0, 0.09),
    0.078303rem 0.234908rem 0.548118rem 0 rgba(0, 0, 0, 0.1);
}

.iec_about_logo_box img {
    width: 100%;
    max-width: 7.125407rem;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    z-index: 1;
    position: relative;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.iec_about_logo_box:hover {
    transform: scale(1.02);
    box-shadow: 1.487745rem 6.068828rem 1.761804rem 0 rgba(0, 0, 0, 0.05),
    0.978855rem 3.876359rem 1.605199rem 0 rgba(0, 0, 0, 0.08),
    0.548118rem 2.192467rem 1.331141rem 0 rgba(0, 0, 0, 0.12),
    0.234908rem 0.978855rem 1.017992rem 0 rgba(0, 0, 0, 0.15),
    0.078303rem 0.234908rem 0.548118rem 0 rgba(0, 0, 0, 0.2);
}

.iec_about_logo_box:hover img { transform: translateX(100%) scale(0.8); opacity: 0; }

.iec_logo_content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -100%;
    border-radius: 0.469807rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #727da3;
    padding: 1.409421rem 0.939614rem;
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.iec_logo_content p { font-family: "Myriad Pro", sans-serif; font-weight: 300; font-size: 0.704710598847406665rem; line-height: 144.444%; color: #fff; }

.iec_about_logo_box:hover .iec_logo_content { left: 0; }

/* ====== Tunisia — About panel ====== */

.iec_tab_about { background: #fff; padding: 1.526873rem 0 2.740541rem; }

.iec_tab_body_text {
    color: var(--color-primary);
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.743861rem;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 0.626409rem;
}

.iec_tab_body_text p:not(:last-child) { margin-bottom: 0.626409rem; }

.iec_tab_disclaimer {
    display: flex;
    align-items: center;
    gap: 0.704710598847406665rem;
    padding: 0.783012rem;
    background: #727da3;
    margin: 1.366024rem 0;
}

.iec_tab_disclaimer_icon { flex-shrink: 0; width: 2.349035rem; height: 2.349035rem; }

.iec_tab_disclaimer_label {
    flex-shrink: 0;
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.783012rem;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
}

.iec_tab_disclaimer_text {
    color: #fff;
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.783012rem;
    font-weight: 400;
    line-height: 120%;
    margin: 0 0 0 0.861313rem;
}

.iec_tab_role_heading { margin-top: 2.349035rem; }

.iec_tab_features { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.78301177649rem; }

.iec_tab_feature_item {
    flex: 1 0 0;
    display: flex;
    align-items: center;
    gap: 0.46980706589827111rem;
    padding: 0.704710598847406665rem 0.391506rem;
    border: 0.078303rem solid rgba(202, 209, 234, 0.6);
}

.iec_tab_feature_icon { flex-shrink: 0; width: 1.174518rem; height: auto; }

.iec_tab_feature_label { color: #727da3; font-family: "Segoe UI", sans-serif; font-size: 0.6904710598847406665rem; font-weight: 400; line-height: 130%; }

/* ====== Tunisia — Departments panel ====== */

.iec_tab_department { background: #fff; padding: 1.526873rem 0 4.071661rem; }

.iec_tab_dept_header { align-items: center; margin-bottom: 1.605174rem; }

.iec_tab_dept_intro {
    color: var(--color-primary);
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.783012rem;
    font-weight: 300;
    line-height: 130%;
    margin: 0;
}

.iec_tab_dept_cta_col { display: flex; justify-content: flex-end; align-items: flex-start; }

.iec_tab_dept_contact_btn {
    display: inline-block;
    color: #fff;
    text-align: center;
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.70471059884rem;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    transition: background 0.3s ease, color 0.3s ease;
    border-radius: 0.31320471059rem;
    background: #727da3;
    padding: 0.31320471059rem 1.56602355299rem;
}

.iec_tab_dept_contact_btn:hover { background: #5a6588; color: #fff; cursor: pointer; }

.iec_tab_dept_card { border: 0.078303rem solid rgba(202, 209, 234, 0.6); border-radius: 0.46980706589827111rem; background: transparent; padding: 1.135367rem 0.46980706589827111rem 1.096216rem 1.683835rem; }

.iec_tab_dept_card:not(:last-child) { margin-bottom: 1.566024rem; }

.iec_tab_dept_card--highlighted { background: rgba(202, 209, 234, 0.4); }

.iec_tab_dept_card_layout { display: flex; align-items: center; gap: 0.46980706589827111rem; }

.iec_tab_dept_card_text { flex: 1 1 0; }

.iec_tab_dept_card_title {
    color: var(--color-primary);
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.939614rem;
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0.195753rem;
}

.iec_tab_dept_card_body {
    color: var(--color-primary);
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.783012rem;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 0.978765rem;
}

.iec_tab_dept_card_body p:not(:last-child) { margin-bottom: 0.391506rem; }

.iec_tab_dept_features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.46980706589827111rem; }

.iec_tab_dept_features li {
    display: flex;
    align-items: center;
    gap: 0.587259rem;
    color: var(--color-primary);
    font-family: "Myriad Pro", sans-serif;
    font-size: 0.783012rem;
    font-weight: 300;
    line-height: 130%;
}

.iec_tab_dept_features li svg { flex: 0 0 auto; width: 1.174518rem; height: auto; }

.iec_tab_dept_card_media { flex: 0 0 auto; width: 19.379541rem; }

.iec_tab_dept_card_img { width: 100%; height: 13.0942119769rem; object-fit: contain; display: block; }

/* ====== Regional news — flexible content blocks ====== */

.iec_office_block .wysiwyg-content p,
.iec_office_block .wysiwyg-content li { font-family: "Myriad Pro", sans-serif; font-weight: 300; line-height: 144.444%; color: #1b204c; }

.iec_office_block .wysiwyg-content p:not(:last-child) { margin-bottom: 0.783012rem; }

.iec_office_block_list { margin-bottom: 1.096216rem; }

.iec_office_block_image img { width: 100%; height: auto; display: block; border-radius: 0.469807rem; }

.iec_office_block .btn { margin-top: 0.783012rem; }

/* ====== Single Office CSS end ====== */
