body {
    padding-top: 8rem;
    background-color: #fffceb;
}
.about-us-base-row-container {
    display: flex; flex-direction: row;
    max-width: 1536px; width: 100%;
    justify-content: center;
    margin: 0 auto; gap: var(--space-xxl);
    padding-top: 3rem;
}
.about-us-base {
    display: flex;
    flex-direction: column;
    max-width: 1536px; width: 100%;
    background: linear-gradient(-30deg, #f5c127, #fffceb);
    border-radius: 1rem;
    margin: 0;
    margin-bottom: 5rem;
    padding: 5rem 20rem 10rem 20rem;
    gap: .5rem;
}
.ceo-base {
    display: flex; flex-direction: column;
    max-width: 1024px; width: 100%;
    margin: 0; padding: 5rem;
}
.ceo-base-row {
    display: flex;
    max-width: 1024px; width: 100%;
    margin: 1rem 0; padding: 0;
    gap: 1rem;

}
.ceo-img {
    width: 135px;
    height: 168.75px; /* 4:5 aspect ratio */
    object-fit: cover;
    border-radius: 8px;
}
  
.ceo-paragraphs-column {
    display: flex; flex-direction: column;
    max-width: 1024px; width: 100%;
    margin: 0; padding: 0;
}
  
.terms-of-use-base {
    display: flex;
    flex-direction: column;
    max-width: 1148px; width: 100%;
    background: linear-gradient(-30deg, #f5c127, #fffceb);
    border-radius: 1rem;
    margin: 0 auto;
    margin-bottom: 5rem;
    padding: 5rem;
    gap: .5rem;
}
.careers-base-container {
    display: flex;
    flex-direction: column;
    max-width: 1148px; width: 100%;
    background: linear-gradient(-30deg, #f5c127, #fffceb);
    border-radius: 1rem;
    margin: 0 auto;
    margin-bottom: 0;
    padding: 5rem;
    gap: .5rem;
}
.careers-base {
    display: flex;
    flex-direction: column;
    max-width: 1024px; width: 100%;
    border-radius: 1rem;
    margin: 0 auto;
    padding: 0 5rem;
    gap: .5rem;
}
.careers-banner {
    max-width: 1148px;
    height: 270px;
    margin: 1rem auto;
    border-radius: 1rem;
}
.inside-footer-main-title {
    font-family: 'Maven Pro', sans-serif;
    font-size: 2rem;
    font-weight: 100;
    color: #ffaa00;
}
.inside-footer-main-title-careers {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    color: #000a44;
    padding-top: 1rem;
}
.inside-footer-paragraph {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #242321;
    padding: 0;
    padding-top: 1rem;
}
.inside-footer-address-paragraph {
    font-family: 'Barlow', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #996600;
    padding: 0; padding-bottom: .5rem;
}
.inside-footer-sub-paragraph {
    display: flex;
    align-items: center; /* aligns icon with text baseline */
    gap: 0.3rem; /* optional: space between icon & text */
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #242321;
    padding: 0;
    padding-top: 0;
}
.inside-footer-sub-paragraph-margin-zero {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #242321;
    padding: 0;
    padding-top: 0;
    margin-bottom: 0;
}
.inside-footer-sub-title {
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    color: #242321;
    padding-bottom: 0;
}
.about-us-paragraph {
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    font-weight: 300;
    color: #242321;
    padding: 0;
}
.inside-footer-list-in-paragraph {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #242321;
    padding-bottom: 0;
    margin-bottom: 1rem;
}
.inside-footer-list-in-paragraph-margined {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem;
    font-weight: 300;
    color: #242321;
    padding-bottom: 0;
    margin-bottom: 1rem;
    margin-top: 0;
}
.apply-btn-container {
    display: flex;
    margin: 0 auto;
    max-width: 135px; width: 100%;
    
}
.apply-btn {
    max-width: 135px; width: 100%;
    background-color: #ffaa00;
    color: #242321;
    border: none;
    border-radius: 1rem;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}
.apply-btn:hover {
    background-color: #fff3ad;
    transform: translateY(-2px);
}
.testimonials-container {
    display: flex; flex-direction: column;
    max-width: 540px; width: 100%;
    border-radius: 1rem; background: linear-gradient(-30deg, #fff3ad, #ffaa00);
    margin: 0 auto;
    padding: 2rem;
}
.address-family-container {
    display: flex; flex-direction: column;
    max-width: 540px; width: 100%;
    margin: 0 auto;
    padding: 0;
}
.inside-footer-testimonials-title {
    font-family: 'Barlow', sans-serif;
    font-size: 1.3rem; font-weight: 400; color: #242321;
}
.inside-footer-testimonials-title-2 {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem; font-weight: 500; color: #242321;
    margin-top: .5rem;
}
.testimonial-input {
    max-width: 480px; width: 100%;
    border-radius: 1rem; background-color: #fffceb;
    padding: 1rem 2rem;
    border: 1px solid #e0d7b0; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-top: 1rem;
}
.testimonial-submit {
    max-width: 135px; width: 100%;
    margin-top: 1rem;
    background-color: #ffaa00;
    color: #242321;
    border: none;
    border-radius: 1rem;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    transform: translateY(-2px) scale(1.02);
}
.testimonial-submit:hover {
    background-color: #fff3ad;
    transform: translateY(-2px);
}
.contact-info-family {
    display: flex; flex-direction: row;
    margin: 1rem 0 .5rem 0; align-items: center; gap: 1rem;
    align-items: center;
}
.contact-info {
    font-family: 'Barlow', sans-serif;
    font-size: 1.1rem; font-weight: 400; color: #242321;
    white-space: nowrap; margin: 0;
}
.contact-info-input {
    max-width: 2700px; width: 100%;
    border-radius: 1rem; background-color: #fffceb;
    padding: 0.5rem 1rem;
    border: 1px solid #e0d7b0; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    margin-top: 0;
    font-family: 'Barlow', sans-serif;
    font-size: 0.9rem;
    height: 2rem; /* fixed height for a normal input line */
}
.inside-footer-featured-jobs {
    max-width: 1024px; width: 100%;
    display: flex; flex-direction: column;
    background: linear-gradient(30deg, #224676, #000a44);
    border-radius: 1rem; padding: 3rem;
}
.inside-footer-featured-jobs-card {
    max-width: 270px; width: 100%;
    min-height: 135px;
    background: linear-gradient(180deg, #000a44, #224676);
    border-radius: 4rem; padding: 2rem;
}
.inside-footer-featured-jobs-card-title {
    font-family: 'Barlow', sans-serif;
    font-size: 1rem; font-weight: 600;
    color: #fffceb; text-align: center;
    padding-bottom: 1rem;
}
.inside-footer-featured-jobs-card-title-2 {
    font-family: 'Barlow', sans-serif;
    font-size: 1rem; font-weight: 300;
    color: #fffceb; text-align: center;
    padding-bottom: 1rem;
}
.inside-footer-hiring-process {
    max-width: 1024px; width: 100%;
    display: flex; flex-direction: column;
    background: linear-gradient(180deg, #fff3ad, #ffaa00);  
    border-radius: 1rem; padding: 3rem;
}
.inside-footer-hiring-process-card-container {
    max-width: 960px; width: 100%;
    display: flex; flex-direction: row;
    gap: 1rem; justify-content: center;
}
.inside-footer-hiring-process-card {
    max-width: 270px; width: 100%;
    min-height: 270px;
    background: linear-gradient(-45deg, #fff3ad,  #fffceb);
    border-radius: 4rem; padding: 2rem;
}
.inside-footer-hiring-process-card-title {
    font-family: 'Maven Pro', sans-serif;
    font-size: 1.1rem; font-weight: 600;
    color: #ffaa00; text-align: center;
}
.inside-footer-hiring-process-main-title {
    font-family: 'Barlow', sans-serif;
    font-size: 2rem; font-weight: 700;
    color: #ffaa00;
    text-align: center;
    padding-bottom: 2rem;
}
.inside-footer-hiring-process-card-text {
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-size: 1.2rem;
    font-weight: 300; color: #996600;
    margin: 0; padding: 1rem .5rem 0 .5rem;
}