.about-head {
    --About-Page-Horizontal-Paddings: 321px;
    --About-Content-Shift: 108px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding: 80px var(--About-Page-Horizontal-Paddings) 0px;
    background-color: var(--Colors-Yellow-Light);
    margin-bottom: var(--About-Content-Shift);
    text-align: center;
}
.about-head .about-head-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    align-self: stretch;
}
.about-head .about-head-header .about-head-header-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.96px;
    color: var(--Colors-Violet-900);
}
.about-head .about-head-header .about-head-header-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: var(--Colors-Dark-2);
}
.about-head .about-head-content {
    position: relative;
    top: var(--About-Content-Shift);
    display: flex;
    width: 1278px;
    padding: 24px;
    flex-direction: column;
    align-items: center;
    border-radius: 32px;
    gap: 24px;
    background-color: var(--Colors-Text-Primary-Light);
    border: 1px solid var(--Local-Colors-Light-Grey);
}
.about-head .about-head-content .about-head-content-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.about-head .about-head-content .about-head-content-header .about-head-content-img {
    width: 100%;
    max-width: 274px;
}
.about-head .about-head-content .about-head-content-header .about-head-content-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--Colors-Dark-2);
    max-width: 776px;
}
.about-head .about-head-content .about-head-companies {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.about-head .about-head-content .about-head-companies .about-head-company {
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 20px;
    color: var(--Colors-Dark-2);
    text-align: center;
    align-self: stretch;
}
.about-head .about-head-content .about-head-companies .about-head-company.violet {
    background-color: #f5f3ff;
}
.about-head .about-head-content .about-head-companies .about-head-company.green {
    background-color: #f1fcf3;
}
.about-head .about-head-content .about-head-companies .about-head-company .about-head-company-image {
    height: 72px;
}
.about-head .about-head-content .about-head-companies .about-head-company .about-head-company-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}
.about-head .about-head-content .about-head-companies .about-head-company .about-head-company-description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
@media screen and (max-width: 1440px) {
    .about-head {
        --About-Page-Horizontal-Paddings: 81px;
   }
    .about-head .about-head-content {
        max-width: 1276px;
        width: 100%;
   }
}
@media screen and (max-width: 1280px) {
    .about-head {
        --About-Page-Horizontal-Paddings: 40px;
   }
    .about-head .about-head-content {
        max-width: 1120px;
   }
}
@media screen and (max-width: 1024px) {
    .about-head {
        --About-Page-Horizontal-Paddings: 32px;
   }
    .about-head .about-head-content {
        max-width: 912px;
   }
}
@media screen and (max-width: 768px) {
    .about-head {
        --About-Content-Shift: 80px;
        --About-Page-Horizontal-Paddings: 24px;
   }
    .about-head .about-head-content {
        max-width: 672px;
   }
}
@media screen and (max-width: 740px) {
    .about-head .about-head-content {
        padding: 16px;
        max-width: unset;
        width: auto;
        gap: 16px;
   }
    .about-head .about-head-content .about-head-companies {
        flex-direction: column;
   }
}