/* Half of the original 2012 × 207 banner; photographs use bounded CSS windows. */
body.babolshora-refreshed .elementor-2064 .elementor-element.elementor-element-07e4bb6 {
    --bs-banner-height: 5.14413519vw;
    background: #f0f8fa;
    padding: 0;
    gap: 0;
    min-height: 0;
}
body.babolshora-refreshed .elementor-2064 .elementor-element-eafde44 {
    width: 100%;
    margin: 0;
    padding: 0;
}
body.babolshora-refreshed .elementor-2064 .bs-council-banner {
    height: var(--bs-banner-height);
    overflow: hidden;
    background:
        radial-gradient(ellipse at 75% 0, #fff 0, transparent 70%),
        linear-gradient(110deg, #cfedf2, #edf7f9 48%, #f8fbfc);
    box-shadow: inset 0 -1px #123e6615;
}
body.babolshora-refreshed .elementor-2064 .bs-council-banner__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    height: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 28px;
}
body.babolshora-refreshed .elementor-2064 a.bs-council-brand {
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 0 0 auto;
    color: #123e66;
    text-decoration: none;
    text-align: right;
}
body.babolshora-refreshed .elementor-2064 .elementor-element-eafde44 img.bs-council-brand__logo {
    display: block;
    width: calc(var(--bs-banner-height) - 16px);
    height: calc(var(--bs-banner-height) - 12px);
    max-width: none;
    object-fit: contain;
    flex: 0 0 auto;
}
body.babolshora-refreshed .elementor-2064 .bs-council-brand__name {
    font-size: clamp(18px, 1.65vw, 32px);
    line-height: 1.65;
    font-weight: 500;
    white-space: nowrap;
}
body.babolshora-refreshed .elementor-2064 .bs-council-brand__name strong {
    color: #126d77;
    font-weight: 800;
}
body.babolshora-refreshed .elementor-2064 .bs-council-photos {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
    flex: 0 0 55%;
}
body.babolshora-refreshed .elementor-2064 .bs-council-landmarks {
    --bs-photo-height: calc(var(--bs-banner-height) * .89);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 3px;
    height: var(--bs-photo-height);
}
body.babolshora-refreshed .elementor-2064 .bs-council-landmark {
    display: block;
    width: calc(var(--bs-photo-height) * .82);
    height: calc(var(--bs-photo-height) * .82);
    background-image: url('../../uploads/2024/02/HEDER-SHORA73-2.jpg');
    background-size: auto var(--bs-photo-height);
    background-position: calc(var(--bs-photo-height) * -5.37) calc(var(--bs-photo-height) * -.08);
    background-repeat: no-repeat;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
body.babolshora-refreshed .elementor-2064 .bs-council-landmark--bridge {
    background-position-x: calc(var(--bs-photo-height) * -6.20);
}
body.babolshora-refreshed .elementor-2064 .bs-council-landmark--tower {
    background-position-x: calc(var(--bs-photo-height) * -7.03);
}
body.babolshora-refreshed .elementor-2064 .bs-council-building {
    display: block;
    width: calc(var(--bs-banner-height) * 2.14);
    height: 100%;
    background: url('../../uploads/2024/02/HEDER-SHORA73-2.jpg') left center / auto 100% no-repeat;
    mix-blend-mode: multiply;
    clip-path: polygon(0 100%, 0 77%, 2% 64%, 12% 47%, 18% 32%, 23% 24%, 23% 19%, 28% 21%, 32% 17%, 38% 22%, 39% 15%, 52% 0, 64% 14%, 64% 24%, 70% 20%, 76% 24%, 83% 31%, 91% 31%, 97% 37%, 100% 36%, 100% 100%);
    mask-image: linear-gradient(to right, #000 80%, transparent);
}
@media (max-width: 1024px) {
    body.babolshora-refreshed .elementor-2064 .bs-council-banner__inner { padding: 0 20px; gap: 16px; }
    body.babolshora-refreshed .elementor-2064 a.bs-council-brand { gap: 10px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-brand__name { font-size: 18px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-photos { gap: 16px; }
    body.babolshora-refreshed .elementor-2064 .elementor-element-eafde44 img.bs-council-brand__logo {
        width: calc(var(--bs-banner-height) - 10px);
        height: calc(var(--bs-banner-height) - 8px);
    }
}
@media (max-width: 767px) {
    body.babolshora-refreshed .elementor-2064 .elementor-element.elementor-element-07e4bb6 { --bs-banner-height: 43px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-banner__inner { padding: 0 12px; gap: 8px; }
    body.babolshora-refreshed .elementor-2064 a.bs-council-brand { gap: 7px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-brand__name { font-size: 11px; line-height: 1.45; }
    body.babolshora-refreshed .elementor-2064 .bs-council-brand__name strong { display: block; font-size: 17px; line-height: 1.5; }
    body.babolshora-refreshed .elementor-2064 .bs-council-photos { flex: 0 0 auto; gap: 6px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-landmarks { --bs-photo-height: 36px; }
    body.babolshora-refreshed .elementor-2064 .bs-council-building { width: 72px; }
}
