.discover-iran-family-label {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-lg);
    font-weight: 400;
    padding-left: .5rem;
    margin: 0;
    color: #224676;
    text-align: center;
}
.discover-iran-family-mini-label {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500;
    padding-left: .5rem;
    margin: 0;
    color: #224676;
}
.title-372 {
    font-family: 'Barlow', sans-serif;
    font-size: var(--space-lg);
    font-weight: 500;
    padding: .5rem;
    margin: 0;
}
.title-372-in-featured {
    font-family: 'Barlow', sans-serif;
    font-size: var(--space-lg);
    font-weight: 500;
    padding: .5rem;
    margin: 0; color: #f5c127;
}
.sum-372 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 0 .5rem;
    margin: 0;
}
.sum-372-in-featured {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    padding: 0 .5rem;
    margin: 0; color: #f5c127;
}
.container-372 {
    display: flex; flex-direction: column;
    max-width: 372px; width: 100%;
}
.family-primary-container-bg {
    width: 100%; margin: 0 auto;
    background: linear-gradient(30deg, white, #fffceb);
    padding-top: 1rem; padding-bottom: 2rem;
}
.family-primary-container {
    display: flex; flex-direction: column;
    max-width: 1536px; width: 100%;
    margin: 0 auto;
}
.family-primary-container-row {
    display: flex; gap: var(--space-md);
    max-width: 1536px; width: 100%;
    margin: 0 auto; justify-content: center;
}
.interviewer-372 {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500; color: gray;
    padding: .5rem; 
    margin: 0;
}
.interviewer-at-end {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500; color: gray;
    padding: .5rem; 
    margin: 0;
}
.interviewer-featured {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500; color: #f5c127;
    padding: .5rem; 
    margin: 0;
}
.interviewer-372-in-featured {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500; color: #f5c127;
    padding: .5rem; 
    margin: 0;
}
.interviewer-384 {
    font-family: 'Maven Pro', sans-serif;
    font-size: var(--space-md);
    font-weight: 500; color: gray;
    padding: .5rem; padding-left: 1rem;
    margin: 0;
}
.title-384 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 500;
    padding: .5rem; padding-left: 1rem;
    margin: 0;
}
.sum-384 {
    font-family: 'Barlow', sans-serif;
    font-size: var(--space-md);
    font-weight: 400;
    padding: .5rem; padding-left: 1rem;
    margin: 0;
}
.mini-column-384 {
    display: flex; flex-direction: column;
    max-width: 384px; width: 100%;
}
.family-mini-container {
    display: flex; 
    width: 100%;
    max-width: 768px;
}
.family-mini-container-column {
    display: flex; flex-direction: column;
    width: 100%; gap: var(--space-md);
    max-width: 768px;
}
.family-mini-container-column-no-gap {
    display: flex; flex-direction: column;
    width: 100%;
    max-width: 768px;
}
.interviewer-760 {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: gray;
    padding: .5rem;
}
.title-760 {
    font-family: 'Barlow', sans-serif;
    font-size: var(--space-xl);
    font-weight: 500;
    padding: .5rem;
}
.sum-760 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
    padding: .5rem; margin: 0;
}
.featured-in-family-container {
    display: flex; max-width: 1164px; width: 100%;
    flex-direction: column;
    margin: 0 auto; gap: var(--space-md);
    padding-top: var(--space-md);
}
.family-primary-container-3-columns {
    display: flex; flex-direction: column;
    max-width: 1164px; width: 100%;
    margin: 0 auto;
}
.family-primary-container-3-columns-row {
    display: flex; gap: var(--space-md);
    max-width: 1164px; width: 100%;
    margin: 0 auto; 

}
.inv-family-image-overlay-container {
    position: relative;
    margin: 1.5rem auto; width: 100%;
    max-width: 1536px;
}
.inv-family-image-overlay-text {
    position: absolute; 
    top: 50%; left: 30%; transform: translate(-50%, -50%);
    max-width: 760px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1.5rem;
    border-radius: 1rem;
}
.inv-family-text {
    font-family: 'Barlow', sans-serif;
    font-size: 3rem;
    color: #fffceb;
    padding: 0;
}
.inv-family-sum {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #fffceb;
    padding: 0; padding-top: 1rem;
}
.inv-family-author {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fffceb;
    padding: 0; padding-top: .5rem;
}
.inv-family-container-768 {
    display: flex; flex-direction: column;
    max-width: 768px; width: 100%;
    padding: .5rem;
}
.inv-family-twin-container {
    display: flex; max-width: 1536px; width: 100%;
    margin: 0 auto;
}
.inv-family-title-768 {
    font-family: 'Barlow', sans-serif;
    font-size: 2rem;
    font-weight: 500;
    padding: .5rem; margin: 0;
}
.inv-family-sum-768 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    padding: .5rem; margin: 0;
}
.inv-family-container-at-end {
    display: flex; max-width: 1536px; width: 100%; gap: 10rem;
    justify-content: center;
    margin: 0 auto;
}
.inv-family-container-at-end-left {
    display: flex; flex-direction: column;
    max-width: 768px; width: 100%;
    gap: var(--space-md);
}
.inv-family-most-pop-container {
    display: flex; flex-direction: column;
    max-width: 440px; width: 100%;
    padding: 1rem; height: max-content;
    background: linear-gradient(-30deg, #fff3ad, white);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.iran-first-container-flex {
    display: flex; gap: var(--space-md);
    max-width: 1536px; width: 100%; 
    margin-left: auto; margin-right: auto;
    align-items: flex-start; padding-top: 1.5rem;
    background: linear-gradient(30deg, white, #fffceb);
}
 .iran-first-column-372 {
    display: flex; flex-direction: column;
    max-width: 372px; width: 100%;
    flex-shrink: 0;
}
 .iran-first-column-372-container {
    display: flex; flex-direction: column;
    max-width: 372px; width: 100%;
    gap: var(--space-md);
}
 .column-760 {
    display: flex; flex-direction: column;
    max-width: 760px; width: 100%;
 }
 .iran-first-sub-tableau-container {
    padding: 0; margin-right: auto; margin-left: 1rem;
 }
 .in-pictures-family-container {
    display: flex; flex-direction: column;
    max-width: 1636px; width: 100%;
    margin: 0 auto;
 }
 .in-pictures-carousel-btns-container {
    display: flex; max-width: 1636px; width: 100%; margin: 0 auto;
    padding: 1rem 0; background-color: #fffceb; border-radius: 1rem;
}
.in-pictures-carousel-btns-container-no-bg {
    display: flex; max-width: 1636px; width: 100%; margin: 0 auto;
    padding: 1rem 0; 
}
 .in-pictures-family-row {
    display: flex;
    max-width: 1536px;
    width: 100%;
    margin: 0 auto;
    gap: var(--space-md);
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}
 .in-pictures-family-row::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
 .in-pictures-carousel-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .in-pictures-carousel-inner-wrapper {
    flex: 1;
    display: flex;
    justify-content: center;
 }
 .carousel-btn {
    background-color: white;
    color: #000a44;
    border: none;
    font-size: 24px;
    padding: 8px 12px;
    cursor: pointer;
    z-index: 1;
}
.carousel-btn.left {
    margin-right: 8px;
}
.carousel-btn.right {
    margin-left: 8px;
}
.in-pictures-card {
    flex-shrink: 0;
    max-width: 384px; width: 100%;
    display: flex; flex-direction: column;
    padding: 1rem; border-radius: 1rem;
    background-color: #fffceb;
}
.in-pictures-title {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    padding: .5rem; background-color: white; border-radius: 1rem;
}
.in-pictures-hero {
    display: flex; max-width: 1536px; width: 100%;
    margin: 0 auto; padding-top: 1.5rem;
}
.in-pictures-hero-column-1 {
    display: flex; flex-direction: column;
    justify-content: center;
    max-width: 768px; width: 100%;
    padding: 1rem; background: linear-gradient(30deg, #fffceb, white);
}
.in-pictures-hero-title {
    font-family: 'Barlow', sans-serif;
    font-size: 3rem;
    font-weight: 700;
    padding: 2rem; color: #ffaa00; 
}
.in-pictures-hero-sum {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 2rem; 
    color: #000a44;
}