/* === Inner banner start === */
.inner__banner_content .custom-heading .cnt__wrap {
    letter-spacing: 0.4px;
}
/* === Inner banner end === */

/* === Our office start === */
.our__office_Section {
    width: 100%;
    overflow: hidden;
}

.our__offices_row {
    margin-top: min(max(2.5rem, 3.958vw), 4.75rem);
}

.our_office_box {
    width: 100%;
    border-radius: min(max(0.875rem, 0.833vw), 1rem);
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: var(--theme-off-white);
}

.our_office_box_left {
    width: 100%;
    max-width: min(max(16.25rem, 18.281vw), 21.9375rem);
}

.our_office_box_left .img__wrap {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

.our_office_box_left .img__wrap img {
    width: 100%;
    height: 100%;
}

.our_office-img-location {
    position: absolute;
    top: min(max(0.75rem, 0.833vw), 1rem);
    left: min(max(1rem, 1.042vw), 1.25rem);
    border-radius: min(max(1.125rem, 1.667vw), 2rem);
    background: rgba(255, 255, 255, 0.95);
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our_office-img-location > a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.our_office_box_right {
    padding: min(max(1.875rem, 1.042vw), 1.25rem) min(max(1.25rem, 1.563vw), 1.875rem) 
            min(max(1.875rem, 1.042vw), 1.25rem) min(max(2.125rem, 1.25vw), 1.5rem);
}

.location_btn {
    margin-top: min(max(1.25rem, 1.563vw), 1.875rem);
}

/* Arrows */
.our_office_prev_btn {
    position: absolute;
    top: 68%;
    left: min(max(2.5rem, 4.427vw), 5.3125rem);
    transform: translateY(-50%);
    z-index: 1;
}

.our_office_next_btn {
    position: absolute;
    top: 68%;
    right: min(max(2.5rem, 4.427vw), 5.3125rem);
    transform: translateY(-50%);
    z-index: 1;
}

/* Bg Image */
.our_office_bg-img {
    position: absolute;
    top: 62px;
    right: 0;
    width: 527px;
    z-index: -1;
}

.our_office_bg-img img {
    width: 100%;
}

@media screen and (max-width: 1500px) {
    .our_office_prev_btn {
        top: 66%;
        left: 28px;
    }

    .our_office_next_btn {
        top: 66%;
        right: 28px;
    }
}

@media screen and (max-width: 1400px) {
    .our_office_prev_btn {
        left: min(max(1.5rem, 1.427vw), 5.3125rem);
    }

    .our_office_next_btn {
        right: min(max(1.5rem, 1.427vw), 5.3125rem);
    }
}

@media screen and (max-width: 1199px) {
    .our__offices_row .arrow__wrap {
        justify-content: center;
        align-items: center;
        gap: 1rem;
        margin-top: 1.875rem;
    }

    .our_office_prev_btn, 
    .our_office_next_btn {
        position: static;
        transform: none;
    }
}

@media screen and (max-width: 767px) {
    .our_office_box {
        flex-direction: column;
    }
    
    .our_office_box_left {
        max-width: 100%;
    }
}
/* === Our office end === */