/* Contact Form CSS */
#form_submit_btn {
    cursor: pointer;

}

.iec_single_office_contact_us {
    padding-top: 2.740541rem;
    padding-bottom: 2.740541rem;
    position: relative;
    background-color: #f1f2f7;
    box-shadow: 0px -4px 25.5px -4px rgb(0 0 0 / 25%) inset;
}

.iec_single_office_contact_us h3 {
    font-family: "Myriad Pro";
    font-weight: 700;
    font-size: 1.566024rem;
    line-height: 120%;
    letter-spacing: 0.012528rem;
    margin-bottom: 1.291969rem;
    color: #1b204c;
    text-transform: uppercase;
}

.iec_form_warpper form {
    display: flex;
    flex-wrap: wrap;
    row-gap: 1.761776rem;
    column-gap: 1.174518rem;
}

.iec_form_warpper form .bf_form_group {
    width: calc(33.3333% - 0.783012rem);
}

.iec_form_warpper form .bf_form_group .iec_form_control,
.iec_form_warpper form .bf_form_group .iec_form_control:focus {
    width: 100%;
    height: 1.840078rem;
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #758592;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.017915rem;
    letter-spacing: 0;
    color: #758592;
    box-shadow: none;
    outline: none;
}

::placeholder,
select::placeholder {
    color: #758592;
}

.iec_form_warpper form .bf_form_group p.error {
    font-size: 0.626409rem;
    padding-top: 0.2rem;
}

.iec_form_warpper form .bf_form_group .hear,
.iec_form_warpper form .bf_form_group .country,
.iec_form_warpper form .bf_form_group .interest {
    position: relative;
    width: 100%;
    height: 1.840078rem;
    border-bottom: 1px solid #758592 !important;
}

.iec_form_warpper form .bf_form_group .select2-container {
    width: 100% !important;
    height: 100%;
    max-height: 15.660236rem;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.017915rem;
    letter-spacing: 0;
    border: none !important;
    color: #758592 !important;
    background: transparent !important;
    position: relative;
}

.iec_form_warpper form .bf_form_group .select2-container .selection {
    height: 100%;
    display: block;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single {
    height: 100% !important;
    border: none !important;
    background: transparent !important;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single
.select2-selection__clear {
    float: right;
    height: 1.800927rem;
    font-family: "Myriad Pro";
    font-weight: 700;
    font-size: 0.861313rem;
    margin: 0 0.939614rem 0 0;
    padding-right: 0px;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single
.select2-selection__rendered {
    width: fit-content !important;
    padding: 0;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.800927rem;
    letter-spacing: 0;
    color: #758592;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single
.select2-selection__rendered
.select2-selection__placeholder {
    color: #758592;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single
.select2-selection__arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20682 0.500001L9.0954e-08 1.87275L6.75 9.5L13.5 1.86504L12.2932 0.500001L6.75 6.76992L1.20682 0.500001Z' fill='%231B204C'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 0.548108rem !important;
    background-position: center;
    width: 0.783012rem;
    height: 100%;
    border: none !important;
    transition: transform 0.2s ease;
    top: 0 !important;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--single
.select2-selection__arrow
b {
    display: none;
}

.iec_form_warpper
form
.bf_form_group
.select2-container.select2-container--open
.select2-selection--single
.select2-selection__arrow {
    transform: rotate(180deg);
}

.iec_form_warpper form .bf_form_group .select2-container .select2-dropdown {
    background-color: #f1f2f7;
    border: 1px solid #758592;
    border-top: 0;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-dropdown
.select2-results
.select2-results__options {
    max-height: 7.830118rem;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-dropdown
.select2-results
.select2-results__options
.select2-results__option {
    padding: 0.234903532949135555rem;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-results__option--highlighted {
    background-color: #1b204c;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-search.select2-search--dropdown
input,
.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-search.select2-search--dropdown
input:focus {
    height: 1.566024rem;
    padding: 0 0.587259rem;
    font-family: Myriad Pro,
    sans-serif;
    font-size: 0.939614rem;
    line-height: 1.017915rem;
    letter-spacing: 0;
    color: #1b204c;
    border: 1px solid #758592;
    background: transparent;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-search.select2-search--dropdown
input:focus-visible {
    outline: none;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple {
    position: relative;
    height: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.017915rem;
    color: #758592 !important;
    letter-spacing: 0;
    display: flex;
}

.iec_form_warpper
form
.bf_form_group
.select2-container.select2-container--open
.select2-selection--multiple {
    gap: 0.391506ren;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple:after {
    border: none !important;
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: 0.117452rem !important;
    transform: translateY(-50%) !important;
    width: 0.783012rem !important;
    height: 100% !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.20682 0.500001L9.0954e-08 1.87275L6.75 9.5L13.5 1.86504L12.2932 0.500001L6.75 6.76992L1.20682 0.500001Z' fill='%231B204C'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 0.548108rem !important;
    background-position: center;
    pointer-events: none !important;
    transition: transform 0.2s ease !important;
}

.iec_form_warpper
form
.bf_form_group
.select2-container--open
.select2-selection--multiple:after {
    transform: translateY(-50%) rotate(180deg) !important;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
button.select2-selection__clear {
    display: none;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
.select2-selection__rendered {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    gap: 0.313205rem;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
.select2-selection__rendered
.select2-selection__choice {
    background-color: #fff;
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
    height: 1.174518rem;
    margin: 0;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.548108rem;
    line-height: normal;
    letter-spacing: 0;
    display: flex;
    align-items: center;
    padding: 0;
    color: #1b204c;
    overflow: hidden;
    position: relative;
    border: 1px solid #758592;
    border-radius: 5px;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
.select2-selection__rendered
li
.select2-selection__choice__remove {
    position: relative;
    height: 100%;
    font-size: 0.548108rem;
    color: #1b204c;
    border: none;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
.select2-selection__rendered
li
.select2-selection__choice__display {
    padding: 0 0.195753rem 0 0;
    line-height: 1.057066rem;
}

.iec_form_warpper
form
.bf_form_group
.select2-container
.select2-selection--multiple
.select2-search__field {
    height: 100% !important;
    margin: 0 !important;
    font-family: "Myriad Pro";
    font-size: 0.704710598847406665rem;
    font-weight: 400;
    line-height: 1.800927rem;
    letter-spacing: 0;
    color: #758592 !important;
}

.iec_section_form .form-fields .form-field .iti__selected-flag,
.iec_form_warpper
form
.bf_form_group
.iti
.iti__flag-container
.iti__selected-flag {
    background-color: transparent !important;
    padding: 0 0.234903532949135555rem 0 0.313205rem;
}

.iec_section_form .form-fields .form-field .iti__flag-container,
.iec_form_warpper form .bf_form_group .iti .iti__flag-container {
    padding: 0.039151rem;
    position: relative !important;
}

.iec_section_form .form-fields .form-field .iti__selected-flag .iti__flag,
.iec_form_warpper
form
.bf_form_group
.iti
.iti__flag-container
.iti__selected-flag
.iti__flag,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list
li
.iti__flag-box
.iti__flag {
    width: 0.783012rem;
    min-height: 0.430656rem !important;
    /* height: 0.587259rem !important; */
    /* background-size: cover; */
}

.iec_section_form
.form-fields
.form-field
.iti__selected-flag
.iti__selected-dial-code,
.iec_form_warpper
form
.bf_form_group
.iti
.iti__flag-container
.iti__selected-flag
.iti__selected-dial-code {
    margin-left: 0.234903532949135555rem !important;
    font-size: 0.626409rem;
}

.iec_section_form .form-fields .form-field .iti__selected-flag .iti__arrow,
.iec_form_warpper
form
.bf_form_group
.iti
.iti__flag-container
.iti__selected-flag
.iti__arrow {
    margin-left: 0.234903532949135555rem !important;
    border-left: 0.117452rem solid #fff0;
    border-right: 0.117452rem solid #fff0;
    border-top: 0.156602rem solid #555;
}

.iec_form_warpper form .bf_form_group .iti__flag-container .iti__country-list,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list {
    font-size: 0.548108rem !important;
    min-width: 14.094212rem !important;
    max-height: 7.830118rem;
}

.iec_form_warpper
form
.bf_form_group
.iti__flag-container
.iti__country-list
li,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list
li {
    padding: 0.195753rem 0.391506rem;
}

.iec_form_warpper
form
.bf_form_group
.iti__flag-container
.iti__country-list
li
.iti__flag-box,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list
li
.iti__flag-box {
    width: 0.783012rem;
}

.iec_form_warpper
form
.bf_form_group
.iti__flag-container
.iti__country-list
li
.iti__flag-box,
.iec_form_warpper
form
.bf_form_group
.iti__flag-container
.iti__country-list
li
.iti__country-name,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list
li
.iti__flag-box,
.iec_section_form
.form-fields
.form-field
.iti__flag-container
.iti__country-list
li
.iti__country-name {
    font-size: 0.548108rem !important;
    margin-right: 0.234903532949135555rem !important;
}

.iec_form_warpper .right_text.solution_btn {
    display: flex;
    justify-content: end;
    align-items: center;
    /*margin-top: 1.370271rem;*/
    gap: 0.626409rem;
    width: 100%;
}

.iec_form_warpper .right_text.solution_btn .iec_button {
    margin-top: 0;
    height: 1.566024rem;
    padding: 0.195753rem 0.939614rem;
    font-family: "Myriad Pro";
    font-size: 0.704710598847406665rem;
    max-width: 7.047106rem;
    text-transform: uppercase;
}

.iec_form_warpper .right_text.solution_btn .captcha-wrapper {
    margin: 0;
}

.iec_form_warpper form .bf_form_group .iti {
    width: 100%;
    height: 1.840078rem;
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #758592;
    display: flex;
}

.iec_form_warpper form .bf_form_group .iti .iti__flag-container,
.iec_form_warpper
form
.bf_form_group
.iti
.iti__flag-container
.iti__selected-flag {
    background-color: transparent !important;
}

.iec_form_warpper form .bf_form_group .iti input,
.iec_form_warpper form .bf_form_group .iti input:focus {
    width: 100%;
    height: 100%;
    border: none;
    background: transparent;
    font-family: Myriad Pro,
    sans-serif;
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.017915rem;
    letter-spacing: 0;
    color: #758592;
    box-shadow: none;
    outline: none;
    padding: 0 !important;
}

#iti-0__country-listbox {
    font-size: 0.548108rem;
}

.iec_single_office_contact_us .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center !important;
    align-items: center !important;
    z-index: 1000;
}

.dots {
    width: 72px;
    height: 34.6px;
    background: radial-gradient(circle closest-side, #1b204c 90%, #0000) 0% 50%,
    radial-gradient(circle closest-side, #1b204c 90%, #0000) 50% 50%,
    radial-gradient(circle closest-side, #1b204c 90%, #0000) 100% 50%;
    background-size: calc(100% / 3) 17.3px;
    background-repeat: no-repeat;
    animation: dots-7ar3yq 1.2s infinite linear;
}

@keyframes dots-7ar3yq {
    20% {
        background-position: 0% 0%,
        50% 50%,
        100% 50%;
    }

    40% {
        background-position: 0% 100%,
        50% 0%,
        100% 50%;
    }

    60% {
        background-position: 0% 50%,
        50% 100%,
        100% 0%;
    }

    80% {
        background-position: 0% 50%,
        50% 50%,
        100% 100%;
    }
}

#header-v2.is_static.not_homepage.is_static.menu_open {
    background: #717ba2 !important;
}

p.error {
    color: red;
    text-align: left;
    display: none;
}

input.error-field,
select.error-field {
    border-bottom-color: red !important;
}

/* Hero Slider  */

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

.iec_single_office_banner_swiper_warpper .swiper {
    padding: 0 !important;
    height: 100% !important;

}

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

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

.sub_head {
    font-family: 'Myriad Pro';
    font-weight: 400;
    font-size: 1.096216rem;
    line-height: 172%;
    letter-spacing: .021924rem;
    text-transform: uppercase;
    max-width: 21.532824rem
}

.sub_head.text_blue p {
    color: #1b204c;
}

.sub_head.text_white p {
    color: #fff;
}

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

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

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

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

.iec_swiper_arrow_warpper {
    display: none;
    position: absolute;
    top: 0.222222rem;
    width: 4.111111rem;
    height: 1.777778rem;
    left: 50%;
    transform: translateX(-50%);
    align-items: center;
    gap: 0.555556rem;
    z-index: 99;
}

.iec_swiper_arrow_warpper > * {
    position: relative !important;
    width: 1.777778rem !important;
    height: 1.777778rem !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 1px solid #727DA3 !important;
    border-radius: 5px;
}

.iec_swiper_arrow_warpper > * svg {
    width: 0.444444rem !important;
}

.iec_swiper_arrow_warpper > *:after {
    content: none;
}

/* About, Partner, Contact hero and tabs  */
.bd_hero_banner {
    background-color: #4a5568;
    width: 100%;
    min-height: 400px;
    margin-top: -100px;
    padding-top: 170px;
    padding-bottom: 70px;
    background-image: var(--bgImage);
    z-index: -1;
}

.iec_hero_banner {
    width: 100%;
    min-height: 11.745177rem;
    padding: 6.655600rem 0 2.740541rem;
    background-color: #4a5568;
    background-image: var(--bgImage);
}

.iec_hero_content_banner {
    /* z-index: -1; */
    min-height: 14.681471rem;
    margin-top: -3.915059rem;
    padding: 6.65560rem 0 2.740541rem;
}

.iec_hero_content_box {
    min-height: 5.285329rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.iec_hero_content_box .iec_main_heading {
    color: #7a84a6;
    font-size: 1.566024rem;
    line-height: 120%;
    margin-bottom: 0;
    letter-spacing: 0;
    text-decoration: underline;
}

.overlay_title {
    font-family: Myriad Pro, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    color: #7a84a6;
    text-transform: uppercase;
    margin-top: 83px;
}

.iec_heading_section h2 {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
    font-size: 2.192433rem;
    line-height: 110%;
    margin-bottom: 0.391506rem;
    padding: 2.349035rem 0px;
    color: #202449;
    text-transform: uppercase;
}

.iec_pages_tabs {
    padding-bottom: 2.349035rem;
    z-index: 2;
}

.iec_pages_tab_button_list {
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    background-color: #fff;
}

.iec_pages_tab_button_list li {
    flex: 0 0 auto;
    max-width: 100%;
    width: 33.3333%;
}

.iec_tab_buton {
    width: 100%;
    height: 2.740541rem;
    display: block;
    padding: 0 0.587259rem;
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 600;
    font-size: 0.861313rem;
    line-height: 2.740541rem;
    text-align: center;
    color: #7a84a6;
}

.iec_pages_tab_button_list li:nth-child(odd) .iec_tab_buton {
    background-color: rgba(230, 232, 242, .9);
}

.iec_pages_tab_button_list li:nth-child(2n+2) .iec_tab_buton {
    background-color: rgba(230, 232, 242, .7);
}

.iec_pages_tab_button_list li .iec_tab_buton.iec_tab_buton_active {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 0 0 3px rgba(230, 232, 242, .9);
}

.iec_pages_tab_button_list li .iec_tab_buton:hover:not(.iec_tab_buton_active) {
    opacity: 0.6;
    color: #1b204c;
}

.bd_main_contact_section {
    position: relative;
    overflow: hidden;
}

/* .bd_bg_image_section,
.iec_background_image_section {
    padding-bottom: 13.702706rem;
} */

/* .bd_bg_image_section:before,
.iec_background_image_section:before {
    content: " ";
    width: 100%;
    min-height: 15.660236rem;
    display: block;
    background-image: url(https://iec-telecom.com/wp-content/uploads/2021/09/section3-v2-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
} */

.bd_button,
.iec_button {
    width: 100%;
    max-width: 7.047106rem;
    display: block;
    padding: 0.46980706589827111rem 0.939614rem;
    border-radius: 0.117452rem;
    font-weight: 700;
    margin-top: 1.174518rem;
    font-size: 0.783012rem;
    /*    line-height: 1.174518rem;*/
    line-height: normal;
    text-align: center;
    text-transform: capitalize;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.gray_btn {
    width: 100%;
    max-width: 8.025871rem;
    background: #727DA3;
    border-radius: 0.195753rem;
    /*    padding: 0.46980706589827111rem 0.783012rem 7.5px;*/
    padding: 0.46980706589827111rem 0.783012rem 0.293629rem;
    font-size: 0.704710598847406665rem;
    font-weight: 700;
    line-height: normal;
    gap: 0.391506rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.174518rem;
    color: #FFF;
    transition: 0.3s;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    text-transform: capitalize;
}

.iec_outline_buttton {
    width: 100%;
    max-width: 8.339075rem;
    height: 2.035831rem;
    display: block;
    padding: 0.508958rem 0.978765rem;
    border-radius: 0.195753rem;
    background-color: transparent;
    border: 0.117452rem solid #727da3;
    font-weight: 700;
    font-size: 0.783012rem;
    line-height: 100%;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
}

.iec_blue_gradient:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgb(255 255 255 / .2), transparent);
    transition: left 0.5s ease;
}

.gray_btn:hover {
    background: #fff;
    color: var(--color-text)
}

.iec_blue_gradient:hover:before {
    left: 100%;
}

.bd_blue_gradient,
.iec_blue_gradient {
    background: linear-gradient(270deg, #727da3, #1c214c);
    color: #fff;
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.iec_sign_in_button {
    color: #727da3;
    border-color: #727da3;
}

.iec_sign_in_button:hover {
    color: #fff;
    background-color: #727da3;
    transition: all 0.3s ease;
}

.bd_blue_gradient:hover,
.iec_blue_gradient:hover {
    background: linear-gradient(270deg, #1c214c, #1c214c);
    text-decoration: none;
    transition: 0.35s cubic-bezier(0.3, 0.7, 0.4, 1);
}

.iec_main_heading {
    color: #1B204C;
    font-family: 'Myriad Pro';
    font-size: 1.370271rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.012528rem;
    text-transform: uppercase;
    margin-bottom: 0.783012rem;
    margin-top: 0;
}

/* --- Products grid --- */
.iec_product_post_box_warpper {
    min-height: 11.197068rem;
    margin-bottom: 0.978765rem;
}

.iec-products-section {
    padding: 2.740541rem 0;
}

.iec_product_posts_margin {
    row-gap: 1.174518rem;
}

.iec_product_post_box_warpper {
    min-height: 10rem;
}

.iec_products_posts_sec {
    padding-top: 2.270734rem;
    padding-bottom: 2.466487rem;
}

.iec_product_post_box_warpper {
    min-height: 11.197068rem;
    margin-bottom: 0.978765rem;
}

.iec_product_post_box {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.iec_product_box_image {
    width: 100%;
    aspect-ratio: 1/0.60519;
    position: relative;
    background-color: #f9f9fa;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 0.274054rem;
}

.iec_product_box_image .cats {
    background-color: #fff;
    width: calc(61% - 0.075952rem);
    height: 0.704710598847406665rem;
    position: absolute;
    bottom: 0;
    left: 0.704710598847406665rem;
    text-align: center;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    display: flex;
}

.iec_product_box_image .cats {
    background-color: #fff;
    width: calc(61% - 0.075952rem);
    height: 0.704710598847406665rem;
    position: absolute;
    bottom: 0;
    left: 0.704710598847406665rem;
    text-align: center;
    transform: rotate(-90deg);
    transform-origin: left bottom;
    display: flex;
}

.iec_product_box_image .cats > * {
    width: 100%;
    height: 100%;
    position: relative;
}

.iec_product_box_image .cats > .land {
    color: #ddc9a3;
}

.iec_product_box_image .cats > * {
    width: 100%;
    height: 100%;
    position: relative;
}

.iec_product_box_image .cats > *:before {
    content: " ";
    width: 100%;
    height: 0.117452rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.2s ease;
}

.iec_product_box_image .cats > .land:before {
    background-color: #ddc9a3;
}

.iec_product_box_image .cats > .land {
    color: #ddc9a3;
}

.iec_product_box_image .cats > .maritime:before {
    background-color: #92c0e9;
}

.iec_product_box_image .cats > .maritime {
    color: #92c0e9;
}

.iec_product_box_image .cats > * div {
    font-family: 'Myriad Pro';
    font-weight: 600;
    font-size: 0.46980706589827111rem;
    line-height: 150%;
    letter-spacing: 0.012528rem;
    text-align: center;
    text-transform: uppercase;
    /* margin-top: 3px; */
    transition: all 0.2s ease;
}

.iec_product_post_title {
    font-family: 'Myriad Pro';
    font-weight: 400;
    font-size: 0.822162rem;
    letter-spacing: 0.012528rem;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0;
}

.iec_product_post_box:hover .iec_product_box_image .cats > *:before {
    height: 100%;
}

.iec_product_post_box:hover .iec_product_box_image .cats > * {
    color: #fff !important;
}

.iec_product_post_title {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 400;
    font-size: 0.783012rem;
    line-height: 130%;
    color: #1b204c;
}

/* --- Featured news --- */
/* .iec_single_office_featured_news_margin {
    width: 100%;
} */

.iec_news_post_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.iec_news_post_box_image {
    width: 100%;
    aspect-ratio: 1 / 0.61895;
    position: relative;
    overflow: hidden;
}

.iec_news_post_box_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all 0.5s ease-in-out;
}

.iec_news_post_box_meta {
    margin: 0.508958rem 0 0.430656rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.508958rem;
    border-bottom: 1px solid #727DA3;
}

.iec_news_post_box_meta span.category_pill {
    background: #727DA3;
    color: #fff;
    border-radius: 100vw;
    font-family: 'Myriad Pro';
    font-weight: 400;
    font-size: 0.430656rem;
    line-height: 175%;
    letter-spacing: 0.078301rem;
    text-align: center;
    text-transform: uppercase;
    padding: 0.195753rem 0.46980706589827111rem 0.078301rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.391506rem;
    height: 0.783012rem;
}

.iec_news_post_box_meta span.date {
    font-family: 'Myriad Pro';
    font-weight: 400;
    font-size: 0.430656rem;
    line-height: 146%;
    letter-spacing: 0.078301rem;
    margin-top: 0.156602rem;
    text-transform: uppercase;
}

.iec_news_post_title {
    font-family: 'Myriad Pro';
    font-weight: 700;
    font-size: 0.783012rem;
    line-height: 145%;
    margin-bottom: 0.46980706589827111rem;
    color: #1b204c;
}

.iec_news_post_read_more_link {
    gap: 0.195753rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.iec_news_post_read_more_link span {
    color: #727DA3;
    font-size: 0.587259rem;
    line-height: 140%;
    transition: all 0.5s ease-in-out;
}

.iec_news_post_read_more_link svg {
    width: 0.704710598847406665rem;
    height: auto;
}

.iec_news_post_read_more_link img {
    transition: all 0.5s ease-in-out;
}

.iec_news_post_box:hover {
    text-decoration: none;
}

.iec_news_post_box:hover .iec_news_post_box_image img {
    transform: scale(1.06);
}

.iec_news_post_box:hover .iec_news_post_read_more_link img {
    margin-left: 0.156602rem;
    transition: all 0.5s ease-in-out;
}

.iec_news_post_box:hover .iec_news_post_read_more_link span {
    margin-right: 0.391506rem;
    transition: all 0.5s ease-in-out;
}

.iec_single_office_featured_news_swiper {
    display: none;
}


.iec_single_office_featured_news_swiper .swiper {
    padding-top: 2.777778rem;
}

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

/* --- Expand accordion (IoT / generic) --- */
.iec_iot_main_accordian_warpper.need-accordions-widget {
    margin: 0;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item {
    padding: 0.626409rem 0.783012rem;
    margin-bottom: 0.313205rem;
    background-color: #f1f2f7;
    position: relative;
    cursor: pointer;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item .title {
    position: relative;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item .title h5 {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 700;
    font-size: 0.939614rem;
    line-height: 140%;
    padding-right: 0.939614rem;
    text-transform: uppercase;
    color: #27284a;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item .title:after {
    content: "";
    width: 0.939614rem;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/arrow_back_ios_24px.svg);
    background-size: 0.939614rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 250ms ease;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item.expand .title:after {
    transform: rotate(180deg);
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item .content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 250ms ease;
}

.iec_iot_main_accordian_warpper.need-accordions-widget .item.expand .content {
    max-height: 40rem;
}

.iec_iot_main_accordian_warpper.need-accordions-widget.maritime .item:nth-child(1) {
    background-color: #e9eaef;
}

.iec_iot_main_accordian_warpper.need-accordions-widget.maritime .item:nth-child(2) {
    background-color: #9394a5;
}

.iec_iot_main_accordian_warpper.need-accordions-widget.maritime .item:nth-child(3) {
    background-color: #5d5e77;
}

.iec_iot_main_accordian_warpper.need-accordions-widget.maritime .item:nth-child(4) {
    background-color: #27284a;
    color: #fff;
}

.iec_iot_main_accordian_warpper.need-accordions-widget.maritime .item:nth-child(4) .title h5 {
    color: #fff;
}

/* --- Toggle accordion (market detail) --- */
.iec_vertical_market_accordion_box_warpper {
    padding: 0.626409rem 1.409421rem;
    margin-bottom: 1.174518rem;
    border: 2px solid #f1f2f7;
    background-image: linear-gradient(90deg, #f1f2f7 0%, #ffffff 100%);
    cursor: pointer;
}

.iec_vertical_market_accordion_box_warpper .title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.114132rem;
}

.iec_vertical_market_accordion_box_warpper .title:after {
    content: "";
    background-image: url(../img/arrow_down_delta.svg);
    background-repeat: no-repeat;
    background-size: 0.626409rem;
    width: 0.626409rem;
    height: 0.313205rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: transform 250ms ease;
}

.iec_vertical_market_accordion_box_warpper.expand .title:after {
    transform: translateY(-50%) rotate(180deg);
}

.iec_vertical_market_accordion_box_warpper .content {
    display: none;
    margin-top: 1.252819rem;
}

.iec_vertical_market_accordion_box_warpper.expand .content {
    display: block;
}

/* --- Colored accordion (partners) --- */
.iec_partner_accordian_list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.274054rem;
    padding: 0;
}

.iec_partner_accordian_box_warpper {
    flex: 0 0 auto;
    width: 20%;
    max-width: 100%;
    margin-bottom: 0.783012rem;
    padding: 0 0.274054rem;
}

button.iec_partner_accordian_trigger {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    font: inherit;
    color: inherit;
    text-align: inherit;
    cursor: pointer;
    display: block;
}

.iec_partner_accordian_box {
    display: block;
    width: 100%;
    min-height: 5.990040rem;
    border-radius: 0.117452rem;
    padding: 0.313205rem 0.469807rem;
    background-color: #fff;
    border: 3px solid transparent;
    box-shadow: 0 1px 12px 0 hsla(0, 0%, 42.7%, 0.16);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.iec_partner_accordian_box_warpper.active .iec_partner_accordian_box {
    border-color: #727da3;
}

.iec_partner_accordian_image {
    width: 100%;
    aspect-ratio: 1 / 0.4554;
    display: flex;
    align-items: center;
    margin: 0 auto 0.313205rem;
    overflow: hidden;
}

.iec_partner_accordian_image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.iec_partner_accordian_content h6 {
    font-family: 'Myriad Pro', sans-serif;
    font-weight: 600;
    font-size: 0.626409rem;
    text-align: center;
    color: #27284a;
}

.iec_partner_accordian_below_content {
    display: none;
    margin-top: 1.174518rem;
}

.iec_partner_accordian_below_content.active {
    display: block;
}

.iec_exlore_section {
    /*    min-height: 25.056377rem; */
    padding-top: 3.132047rem;
    padding-bottom: 3.132047rem;
    position: relative;
    background-image: var(--desktopImage);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    align-items: center;
}

.iec_section_heading {
    font-family: 'Myriad Pro';
    font-weight: 700;
    font-size: 1.487722rem;
    line-height: 126.316%;
    letter-spacing: 0.029754rem;
    margin-bottom: 0.861313rem;
    text-transform: uppercase;
    color: #1b204c;
}

.iec_sec_sub_heading {
    font-family: 'Myriad Pro';
    font-weight: 300;
    font-size: 0.861313rem;
    line-height: 118.182%;
    margin-bottom: 1.566024rem;
    text-transform: none;
}

.iec_icon_list,
.iec_contact_list {
    margin: 0;
    list-style: none;
}

.iec_icon_list li {
    font-family: 'Myriad Pro';
    font-weight: 300;
    font-size: 0.783012rem;
    line-height: 130%;
    display: flex;
    align-items: center;
    gap: 0.46980706589827111rem;
}

.iec_icon_list li:not(:last-child),
.iec_contact_list li:not(:last-child) {
    margin-bottom: 0.46980706589827111rem;
}

.iec_icon_list li svg,
.iec_contact_list li svg {
    flex: 0 0 auto;
    width: 1.174518rem;
    height: auto;
}

.iec_icon_list li i {
    font-size: 1.017915rem;
    line-height: 1.174518rem;
}

.iec_exlore_section .gray_btn {
    max-width: 7.830118rem;
    margin: 1.566024rem 0;
    padding: 0.430656rem 0.783012rem 0.293629rem;
    text-transform: capitalize;
}

@media (min-width: 769px) {
    .iec_exlore_section:not(.ice_right_content_section) {
        min-height: 29.754448rem;
        background-position: center center;
    }
}

/*Use case Css*/
.directions.iec_optiview_directions {
    height: calc(100vh - 2.740541rem);
    min-height: 31.594525rem;
    width: 100%;
    position: relative;
    /*    zoom: 1.1;*/
}

.directions.iec_optiview_directions:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
    background: transparent;
    box-shadow: 0px 0px 21.2px 0px #000000ED inset;

    /*    height: calc(100% - 76px);
        @media screen and (max-width: 1024px) {
            height: calc(100% - 186px);
        }*/
}


.iec_optiview_directions .container {
    height: 100%;
}

.iec_optiview_directions .directions__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #1B204C;
}

.iec_optiview_directions .directions__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .directions__main {
    font-family: 'Segoe UI';
    font-weight: 700;
    font-size: 1.252819rem;
    line-height: 52.8px;
    top: -2.583939rem;
    right: 0;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: white;
}

.iec_optiview_directions .directions__bg .active-bg {
    opacity: 1;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .directions__wrapper {
    height: calc(100% - 2.349035rem);
    padding-top: 3.915059rem;
    padding-bottom: 2.740541rem;
    display: flex;
    align-items: center;
    position: relative;
}

.iec_optiview_directions .directions__container {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    height: fit-content;
    gap: 2.857993rem;
    align-items: center;
}

.iec_optiview_directions .directions__bot__container {
    display: flex;
    flex-direction: row;
    width: 100%;
    position: relative;
    height: fit-content;
    gap: 2.857993rem;
    align-items: center;
}

.iec_optiview_directions .swiper__directions-left {
    max-width: 10.766412rem;
}

.iec_optiview_directions .swiper__directions-left .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.313205rem;
}

.iec_optiview_directions .swiper__directions-left .swiper-wrapper .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0 !important;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .directions__title {

    font-weight: 700;
    font-size: 1.370271rem;
    line-height: 120%;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: white;
    text-transform: uppercase;
}

.iec_optiview_directions .directions__desc {
    font-weight: 400;
    font-size: 0.626409rem;
    line-height: 120%;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: white;
}

.iec_optiview_directions .swiper__directions-right {
    overflow: hidden;
    width: 39.894450rem;
    height: 19.575294rem;
    /*    margin-left: 10px;*/
}

.iec_optiview_directions .swiper__directions-right .swiper-wrapper {
    align-items: center;
}

.iec_optiview_directions .swiper__directions-right .swiper-wrapper .swiper-slide {
    width: 14.094212rem !important;
    height: 19.575294rem !important;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper__directions-right .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
    object-fit: cover;
    width: 11.745177rem !important;
    height: 16.443247rem !important;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper__directions-right .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper-pagination {
    width: fit-content !important;
    bottom: 1.566024rem !important;
    left: 14.094212rem !important;
    gap: 0.46980706589827111rem;
    display: flex;
    align-items: center;
}

.iec_optiview_directions .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    background: none;
    width: 0.665560rem;
    height: 0.665560rem;
    opacity: 1;
    border: 3px solid #727DA4;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper-pagination-bullet-active {
    background-color: #727DA4 !important;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper-button-prev:after,
.iec_optiview_directions .swiper-button-next:after,
.iec_optiview_directions .swiper-rtl .swiper-button-prev:after,
.iec_optiview_directions .swiper-rtl .swiper-button-next:after {
    content: none !important;
}

.iec_optiview_directions .swiper-button-prev,
.iec_optiview_directions .swiper-button-next {
    width: 1.252819rem !important;
    height: 1.252819rem !important;
    transition: all 0.4s ease-in-out;
}

.iec_optiview_directions .swiper-button-prev {
    left: 11.745177rem !important;
}

.iec_optiview_directions .swiper-button-next {
    right: -2.349035rem !important;
}

.iec_optiview_directions .swiper-button-prev:hover,
.iec_optiview_directions .swiper-button-next:hover {
    scale: 1.1;
}

.iec_starlink_portfolio_swiper_section {
    z-index: 1;
    padding: 2.388186rem 0 3.171198rem;
    background-color: #1B204C;
}

.iec_starlink_portfolio_swiper_section:after {
    content: " ";
    width: 100%;
    height: 6.655600rem;
    background: #F1F2F7;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}

.iec_starlink_portfolio_service_plan h3,
.iec_starlink_portfolio_swiper_content h2,
.iec_starlink_portfolio_swiper_content h3 {
    font-family: 'Myriad Pro';
    font-weight: 700;
    font-size: 1.487722rem;
    line-height: 126.316%; /* 48px */
    letter-spacing: 0.029754rem;
    margin-bottom: 0.54810824354rem;
    text-transform: uppercase;
    color: #fff;
}

.iec_starlink_portfolio_swiper_content h3 {
    margin: 1.840078rem 0rem 0.54810824354rem 0rem;
    font-size: 1.247722rem;
}

.iec_starlink_portfolio_swiper_content h2 br {
    display: none;
}

.iec_starlink_portfolio_swiper_content p {
    font-family: 'Myriad Pro';
    font-weight: 300;
    font-size: 0.861313rem;
    line-height: 145.455%; /* 32px */
    color: #e1dddd;
    font-feature-settings: 'liga' off, 'clig' off;
}

.iec_starlink_portfolio_swiper_section .iec_starlink_portfolio_swiper_content p:last-of-type {
    margin-bottom: 1.840078rem;
}

.iec_starlink_portfolio_swiper_content .gray_btn {
    max-width: 7.047106rem;
    padding: 0.391506rem 0.783012rem 0.274054rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

html[lang="tr"] .iec_starlink_portfolio_swiper_content .gray_btn,
html[lang="id-ID"] .iec_starlink_portfolio_swiper_content .gray_btn {
    max-width: 9.396141rem;
}

.iec_starlink_portfolio_swiper_warpper {
    width: 100%;
    position: relative;
    padding-top: 2.427337rem;
}

.iec_starlink_portfolio_swiper_warpper .swiper-pagination {
    width: max-content !important;
    left: auto !important;
    bottom: auto !important;
    right: 0 !important;
    top: -0.626409rem !important;
    gap: .46980706589827111rem;
    display: flex;
    align-items: center;
}

.iec_starlink_portfolio_swiper_warpper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 !important;
    width: 0.626409rem !important;
    height: 0.626409rem !important;
    opacity: 1 !important;
    border: 2px solid #727DA3;
    background-color: transparent;
}

.iec_starlink_portfolio_swiper_warpper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #727DA3;
}

.iec_starlink_portfolio_swiper_warpper .swiper-button-next,
.iec_starlink_portfolio_swiper_warpper .swiper-button-prev {
    width: 1.213668rem !important;
    height: 1.213668rem !important;
    margin-top: 0 !important;
    top: calc(50% + 0.626409rem) !important;
}

.iec_starlink_portfolio_swiper_warpper .swiper-button-next {
    right: -2.074981rem;
}

.iec_starlink_portfolio_swiper_warpper .swiper-button-prev {
    left: -1.918379rem;
}

.iec_starlink_portfolio_swiper_warpper .swiper-button-next .iec_starlink_portfolio_mobile_icon,
.iec_starlink_portfolio_swiper_warpper .swiper-button-prev .iec_starlink_portfolio_mobile_icon {
    display: none;
}

.iec_starlink_portfolio_swiper_warpper .swiper-button-next svg,
.iec_starlink_portfolio_swiper_warpper .swiper-button-prev svg,
.iec_starlink_portfolio_swiper_warpper .swiper-button-next:after,
.iec_starlink_portfolio_swiper_warpper .swiper-button-prev:after {
    content: none;
}

.iec_starlink_portfolio_swiper_warpper .swiper-slide {
    width: 100% !important;
    /*     max-width: 11.001315rem; */
    max-width: 11.510273rem;
    height: auto;
}

.iec_starlink_portfolio_swiper_box {
    width: 100%;
    min-height: 11.745177rem;
    display: block;
    position: relative;
}

.iec_starlink_portfolio_swiper_image {
    width: 100%;
    height: 100%;
    background-image: var(--boxImage);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.iec_starlink_portfolio_swiper_box_content {
    width: 100%;
    min-height: 11.745177rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #727DA3;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.iec_starlink_portfolio_swiper_box_content h4 {
    font-family: 'Myriad Pro';
    font-weight: 700;
    font-size: 0.939614rem;
    line-height: normal;
    text-transform: uppercase;
    color: #fff;
}

.iec_starlink_portfolio_swiper_box:hover {
}

.iec_starlink_portfolio_swiper_box:hover .iec_starlink_portfolio_swiper_image {
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.iec_starlink_portfolio_swiper_box:hover .iec_starlink_portfolio_swiper_box_content {
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.is-invalid.error-active p.error {
    display: block
}

.iec_solution_section .swiper-controls .swiper-pagination-bullet-active {
    background-color: #727da3 !important;
    transform: scale(1.2) !important;
}

.iec_swiper_arrow_warpper, .iec_single_office_featured_news_swiper {
    display: none;
}

@media (max-width: 768px) {
    .iec_single_office_featured_news_margin,
    .iec_single_office_banner_swiper_warpper .swiper-pagination {
        display: none !important
    }

    .iec_swiper_arrow_warpper, .iec_single_office_featured_news_swiper {
        display: flex;
    }

    .iec_single_office_banner_swiper_warpper .iec_swiper_arrow_warpper {
        top: 2.222222rem;
    }
}

/*Accordion Css*/
.iec_starlink_portfolio_accordion {
    padding: 3.171198rem 0 4.698071rem;
}

.iec_starlink_portfolio_accordion {
    background: #F1F2F7;
    box-shadow: 0px -4px 25.5px -4px rgb(0 0 0 / 25%) inset;
}

.iec_starlink_portfolio_accordion .iec_main_heading {
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 1.174518rem;
}

.iec_starlink_portfolio_accordion_warpper {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 0.626409rem 1.252819rem;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item {
    flex: 0 0 auto;
    max-width: 100%;
    width: calc(50% - 0.626409rem);
    border: none;
    border-radius: 0;
    background-color: #E7E6EE;
    border-left: 1px solid #1B204C;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-header {
}

.iec_starlink_portfolio_accordion_header_content {
    gap: 0.783012rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    min-height: 2.349035rem;
    padding: 0.46980706589827111rem 0.704710598847406665rem 0.46980706589827111rem 0.665560rem;
}

.iec_starlink_portfolio_accordion_header_content h4 {
    font-family: 'Myriad Pro';
    font-weight: 600;
    font-size: 0.783012rem;
    line-height: 120%; /* 24px */
    text-align: left;
    color: #1B204C;
    margin-bottom: 0;
}

.iec_starlink_portfolio_accordion_header_icon {
    display: flex;
    align-items: center;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-header svg {
    width: auto;
    height: 0.783012rem;
    transform: none;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-header.active svg {
    transform: rotate(180deg);
    transition: trnsform 0.4s ease-in-out;
}

.iec_starlink_portfolio_accordion_warpper .accordion-collapse.collapse:not(.show) {
    display: none;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-body {
    padding: 0.587259rem 0.704710598847406665rem 0.587259rem;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-body p {
    font-family: 'Myriad Pro';
    font-weight: 400;
    font-size: 0.626409rem;
    line-height: 120%;
    text-align: left;
    color: #1B204C;
    margin-bottom: 0.587259rem;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-body p a {
    color: #1B204C;
    text-decoration: underline;
}

.iec_starlink_portfolio_accordion_warpper .accordion-item .accordion-body p a:hover {
    text-decoration: none;
}

/*Popup*/


/* ── Modal Overlay ── */
.iec-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.iec-modal-overlay.is-open {
    display: flex;
}

/* ── Modal Content ── */
.iec-popup .iec-modal-content {
    display: inline-flex;
    padding: 1.25rem 2.5rem 2.5rem 2.5rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.25rem;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.25);
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    max-width: 500px;
    animation: iecModalFadeIn 0.3s ease;
}

@keyframes iecModalFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ── Close Button ── */
.iec-modal-close {
    position: sticky;
    top: 0;
    right: 0;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1;
    transition: opacity 0.2s ease;
}

.iec-modal-close:hover {
    opacity: 0.6;
}

/* ── Trigger Button ── */
.iec-popup .iec-modal-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: #727DA4;
    color: #fff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 500;
    transition: background 0.2s ease;
}

.iec-popup .iec-modal-trigger:hover {
    background: #5a6588;
}

/* ── Body lock when modal open ── */
body.iec-modal-locked {
    overflow: hidden;
}

.iec-popup .iec_form_warpper.iec_iot_form_warpper.iec-enquiry-root {
    width: 100%
}

.iec-popup .iec_form_warpper form {
    display: block;
}

.iec-popup .iec_form_warpper form .bf_form_group {
    width: 100%;
}

.iec-popup textarea#message {
    width: 100%;
    border: none;
    padding: 0;
    background: transparent;
    border: none;
    border-bottom: 1px solid #758592;
    font-family: "Myriad Pro";
    font-weight: 400;
    font-size: 0.704710598847406665rem;
    line-height: 1.017915rem;
    letter-spacing: 0;
    color: #758592;
    box-shadow: none;
    outline: none;
    padding: 0.626409rem 0.548108rem 0.548108rem;

}

.iec-popup h5 {
    font-size: 1.56602355299rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.8px

}

.iec-popup .iec-modal-content {
    display: inline-flex;
    padding: 0.78301177649rem 1.56602355299rem 1.56602355299rem 1.56602355299rem;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.78301177649rem;
    border-radius: 0.46980706589rem;
    background: #FFF;
    box-shadow: 0 4px 1.56602355299rem 0 rgba(0, 0, 0, 0.25);
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    width: 100%;
    max-width: 19.5752944124rem;
    animation: iecModalFadeIn 0.3s ease;
}

.iec-popup button#form_submit_btn {
    min-width: 100%;
}

.iec-popup p.content {
    color: #1B204C;
    text-align: center;
    font-size: 0.78301177649rem;
    margin-bottom: 0.78301177649rem;
    margin-top: 0.31320471059rem
}

.iec-popup button#iecEnquiryModalClose svg {
    width: 0.93961413179rem;
    height: 0.93961413179rem
}

.iec-tab-landing .iec_tab_dept_contact_btn:hover {
    background: #5a6588;
    cursor: pointer;
}

/* ============================================
   IEC Telecom — Success Popup Styles
   ============================================ */

/* Lity overlay tweak (optional - background dim) */
.lity-success-popup {
    background: rgba(27, 32, 76, 0.75) !important;
}

.message-popup {
    background: #ffffff;
    max-width: 480px;
    width: 90%;
    margin: 0 auto;
    border-radius: 16px;
    padding: 2.5rem 2rem;
    box-shadow: 0 20px 60px rgba(27, 32, 76, 0.25);
    border-top: 4px solid var(--color-primary, #1b204c);
    text-align: center;
    position: relative;
    font-family: inherit;
}

/* Success check icon (CSS-only, no extra HTML needed) */
.message-popup::before {
    content: '';
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--color-primary, #1b204c);
    margin: 0 auto 1.5rem;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'></polyline></svg>");
    background-repeat: no-repeat;
    background-position: center;
}

/* Heading */
.message-popup h5 {
    font-size: 22px;
    font-weight: 600;
    color: var(--color-primary, #1b204c);
    margin: 0 0 0.75rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: 1.3;
}

/* Intro paragraph */
.message-popup > p {
    font-size: 15px;
    color: var(--color-secondary, #727da3);
    line-height: 1.6;
    margin: 0 0 1.5rem;
}

/* Contact info block */
.message-popup .links {
    background: #f7f8fb;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin: 0 0 1.5rem;
    text-align: left;
    font-size: 14px;
    color: var(--color-primary, #1b204c);
    line-height: 2;
}

.message-popup .links a {
    color: var(--color-primary, #1b204c);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
    word-break: break-word;
}

.message-popup .links a:hover {
    color: var(--color-accent, #727da3);
    text-decoration: underline;
}

/* Credits */
.message-popup .credits {
    font-size: 13px;
    color: var(--color-secondary, #727da3);
    line-height: 1.6;
    margin: 0 0 1.5rem;
    font-style: italic;
}

.message-popup .credits br + br,
.message-popup .credits {
    /* First line (Sincerely) muted, name accent */
}

/* CTA button */
.message-popup .btn {
    display: inline-block;
    background: var(--color-primary, #1b204c);
    color: #ffffff !important;
    padding: 12px 36px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3px;
    border: 2px solid var(--color-primary, #1b204c);
    transition: all 0.25s ease;
    cursor: pointer;
}

.message-popup .btn:hover {
    background: #ffffff;
    color: var(--color-primary, #1b204c) !important;
}

/* Responsive */
@media (max-width: 540px) {
    .message-popup {
        padding: 2rem 1.25rem;
    }

    .message-popup h5 {
        font-size: 18px;
    }

    .message-popup .links {
        font-size: 13px;
        padding: 0.875rem 1rem;
    }
}

/* swiper-btn */

.swiper-button-prev:after,
.swiper-button-next:after {
    opacity: 0;
    display: none;
}

.iec_solution_swiper_warpper .custom-arrow {
    width: 0.978765rem !important;
    height: 1.213668rem !important;
    transition: all 0.5s ease-in-out;
}

.iec_solution_swiper_warpper .swiper-button-prev.custom-arrow {
    left: -1.174518rem;
}

.iec_solution_swiper_warpper .swiper-button-next.custom-arrow {
    right: -1.174518rem;
}

.iec_solution_swiper_warpper .custom-arrow:hover {
    transform: scale(1.1);
    transition: all 0.5s ease-in-out;
}

.iec_solution_section .swiper-controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.174518rem;
    gap: 0.783012rem;
}

.iec_solution_section .swiper-controls .swiper-pagination {
    position: static !important;
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 0.548108rem;
}

.iec_solution_section .swiper-controls .swiper-pagination-bullet {
    width: 0.548108rem !important;
    height: 0.548108rem !important;
    background: transparent !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    transition: all 0.3s ease !important;
    cursor: pointer;
    border: 1px solid;
    border-color: #727DA3 !important;
    margin: 0px !important;
}

.iec_solution_section .swiper-controls .swiper-pagination-bullet-active {
    background-color: #727DA3 !important;
    transform: scale(1.2) !important;
}

.iec_solution_mobile_posts {
    margin: 0;
    display: none;
    list-style: none;
}

/*===========================================================*/
/* New Style Hero */
/*===========================================================*/

h1.iec-primary-heading {
    color: #FFF;
    font-family: "Segoe UI";
    font-size: 1.9243297419rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.34903532949rem;
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 0.97876472062rem;
}

.iec-sub-heading {
    color: #FFF;
    font-family: "Segoe UI";
    font-size: 1.0962164871rem;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 0.97876472062rem;
	text-transform: capitalize;
}

.iec-sub-heading .highlight {
    color: #7a84a6;
}

.iec_hero_banner {
    padding: 2.655600rem 0;
}

@media screen and (max-width: 768px) {
    h1.iec-primary-heading {
        text-align: center;
    }

    h2.iec-sub-heading {
        text-align: center;
        font-size: 18px
    }

    .btn {
        margin: auto;
    }

    a.gray_btn {
        font-size: 15px !important;
    }
}

/* Button Class */
.btn-left .inner-btn {
	margin-left: auto !important;
}
.btn-right .inner-btn {
	margin-left: auto !important;
}
.btn-center .inner-btn {
	margin-left: auto !important;
}
.mx-auto{
	margin: auto;
}
.wyswig-content p{
	color: var(--Elements-dark-blue);
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 300;
}

/*===========================================================*/
/*						PRODUCT GRID						*/
/*===========================================================*/

.iec-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 16px;
}

.iec-product-solution-wrapper {
    width: 100%;
    max-width: 367px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.image {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}

.image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: lightgray;
    opacity: 0.5;
    z-index: -1;
}

.image img,
img.img-fluid {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    position: relative;
    z-index: 1;
    opacity: 1;
}

.category {
    display: flex;
    gap: 9px;
    align-items: center;
}

.category p {
    color: var(--Elements-white, #FFF);
    font-family: "Segoe UI", sans-serif;
    font-size: 10.979px;
    font-weight: 700;
    padding: 0px 12px;
    border-radius: 100vw;
    min-height: 18px;
    display: inline-flex;
    align-items: center;
}

.maritime {
    background-color: #92C0E9;
}

.land {
    background-color: #DDC9A3;
}

.wrapper-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrapper-content h2 {
    color: var(--Elements-dark-blue, #1B204C);
    font-family: "Segoe UI", sans-serif;
    font-size: 16.469px;
    font-weight: 600;
}

.wrapper-content a {
    color: var(--Elements-purple, #727DA3);
    font-family: "Segoe UI", sans-serif;
    font-size: 12.809px;
    font-weight: 400;

    /* Alignment setup */
    display: inline-flex;
    align-items: center;
    gap: 6px; /* Text aur icon ke beech me spacing */
    text-decoration: none;
}

/* Link ke aage SVG add karne ke liye */
.wrapper-content a::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    /* SVG Data URI */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path d="M9.99121 3.88806C10.042 3.88857 10.0934 3.90027 10.1426 3.92322C10.192 3.94625 10.239 3.9813 10.2803 4.02771L10.2861 4.03357L13.8154 7.86658C13.8779 7.93445 13.9242 8.0253 13.9434 8.12927C13.9625 8.2335 13.9526 8.3417 13.916 8.43787L13.915 8.43884C13.903 8.47051 13.8888 8.50034 13.8721 8.52771L13.8154 8.60291L10.2871 12.4349H10.2861L10.2812 12.4408C10.24 12.4871 10.1929 12.5222 10.1436 12.5453C10.0944 12.5682 10.0429 12.5799 9.99219 12.5804C9.94134 12.5809 9.88925 12.5702 9.83984 12.5482C9.7905 12.5262 9.74286 12.4929 9.70117 12.4476C9.65932 12.4022 9.62388 12.3459 9.59961 12.2816C9.57532 12.2171 9.5629 12.1461 9.56348 12.0746C9.56409 12.0031 9.5783 11.9333 9.60352 11.8695C9.62874 11.8058 9.66465 11.7509 9.70703 11.7064L9.71191 11.7006L11.7354 9.5033L12.4414 8.73572H2.94043C2.84067 8.73558 2.73632 8.69302 2.65332 8.60291C2.56901 8.51134 2.51562 8.37918 2.51562 8.23474C2.51566 8.09053 2.5692 7.95907 2.65332 7.86755C2.73633 7.7774 2.84065 7.7339 2.94043 7.73376H12.4414L11.7354 6.96716L9.71094 4.76892L9.70605 4.76306L9.64746 4.68787C9.63016 4.6606 9.6151 4.63076 9.60254 4.599C9.57732 4.53519 9.56307 4.46543 9.5625 4.39392C9.56193 4.32237 9.57533 4.25233 9.59961 4.18787C9.62385 4.12353 9.65837 4.06733 9.7002 4.02185C9.74194 3.97651 9.78944 3.9423 9.83887 3.92029C9.88828 3.89833 9.94036 3.88758 9.99121 3.88806Z" fill="%23727DA3" stroke="%23727DA3" stroke-width="0.914931"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

section.iec-product-solution-section {
    padding: 73px 0px;
}