/* .about-hiw {
    --About-HIW-Horizontal-Paddings: 280px;
    display: flex;
    padding: 80px var(--About-HIW-Horizontal-Paddings);
    flex-direction: column;
    align-items: flex-end;
    gap: 72px;
    align-self: stretch;
    background-color: var(--Colors-Violet-50);

    .about-hiw-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        text-align: center;
        color: var(--Colors-Main-Dark);

        .about-hiw-title {
            font-size: 40px;
            font-weight: 700;
            line-height: 56px;
        }

        .about-hiw-text {
            font-size: 20px;
            font-weight: 400;
            line-height: 28px;
        }
    }

    .about-hiw-items {
        display: flex;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;

        .about-hiw-item {
            display: flex;
            padding: 40px;
            flex-direction: column;
            justify-content: flex-start;
            align-items: start;
            align-self: stretch;
            background-color: var(--Colors-Text-Primary-Light);
            border-radius: 40px;
            text-align: start;
            flex: 1 0 0;
            gap: 16px;

            .about-hiw-item-icon {
                display: flex;
                padding: 20px;
                align-items: flex-end;
                border-radius: 24px;
                background-color: var(--Colors-Yellow-Main);
            }

            .about-hiw-item-title {
                font-size: 24px;
                font-weight: 700;
                line-height: 32px; 
                color: var(--Colors-Main-Dark);
            }

            .about-hiw-item-text {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                color: var(--Colors-Dark-2);
            }
        }
    }

    @media screen and (max-width: 1800px) {
        --About-HIW-Horizontal-Paddings: 230px;
    }

    @media screen and (max-width: 1680px) {
        --About-HIW-Horizontal-Paddings: 180px;
    }

    @media screen and (max-width: 1560px) {
        --About-HIW-Horizontal-Paddings: 130px;
    }

    @media screen and (max-width: 1440px) {
        --About-HIW-Horizontal-Paddings: 80px;
    }

    @media screen and (max-width: 1360px) {
        --About-HIW-Horizontal-Paddings: 60px;
    }
 
    @media screen and (max-width: 1280px) {
        --About-HIW-Horizontal-Paddings: 40px;
    }

    @media screen and (max-width: 1160px) {
        
        .about-hiw-items {
            flex-wrap: wrap;
            align-self: stretch;
            gap: 24px;
            justify-content: center;

            .about-hiw-item {
                width: 100%;
                max-width: 380px;
            }
        }
    }

    @media screen and (max-width: 1024px) {
        .about-hiw-items {
            .about-hiw-item {
                max-width: 252px;
            }
        }
    }

    @media screen and (max-width: 768px) {
        .about-hiw-items {
            flex-direction: column;
            
            .about-hiw-item {
                max-width: 380px;
                align-self: center;
            }
        }
    }

    @media screen and (max-width: 540px) {
        --About-HIW-Horizontal-Paddings: 24px;

        .about-hiw-header {
            .about-hiw-title {
                font-size: 32px;
                line-height: 44px;
            }
        }

        .about-hiw-items {
            .about-hiw-item {
                width: auto;
            }
        }
    }
} */

.about-hiw {
    --About-HIW-Horizontal-Paddings: 280px;
    display: flex;
    padding: 80px var(--About-HIW-Horizontal-Paddings);
    flex-direction: column;
    align-items: flex-end;
    gap: 72px;
    align-self: stretch;
    background-color: var(--Colors-Violet-50);
}
.about-hiw .about-hiw-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    text-align: center;
    color: var(--Colors-Main-Dark);
}
.about-hiw .about-hiw-header .about-hiw-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
}
.about-hiw .about-hiw-header .about-hiw-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}
.about-hiw .about-hiw-items {
    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.about-hiw .about-hiw-items .about-hiw-item {
    display: flex;
    padding: 40px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    align-self: stretch;
    background-color: var(--Colors-Text-Primary-Light);
    border-radius: 40px;
    text-align: start;
    flex: 1 0 0;
    gap: 16px;
}
.about-hiw .about-hiw-items .about-hiw-item .about-hiw-item-icon {
    display: flex;
    padding: 20px;
    align-items: flex-end;
    border-radius: 24px;
    background-color: var(--Colors-Yellow-Main);
}
.about-hiw .about-hiw-items .about-hiw-item .about-hiw-item-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--Colors-Main-Dark);
}
.about-hiw .about-hiw-items .about-hiw-item .about-hiw-item-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--Colors-Dark-2);
}
@media screen and (max-width: 1800px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 230px;
   }
}
@media screen and (max-width: 1680px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 180px;
   }
}
@media screen and (max-width: 1560px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 130px;
   }
}
@media screen and (max-width: 1440px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 80px;
   }
}
@media screen and (max-width: 1360px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 60px;
   }
}
@media screen and (max-width: 1280px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 40px;
   }
}
@media screen and (max-width: 1160px) {
    .about-hiw .about-hiw-items {
        flex-wrap: wrap;
        align-self: stretch;
        gap: 24px;
        justify-content: center;
   }
    .about-hiw .about-hiw-items .about-hiw-item {
        width: 100%;
        max-width: 380px;
   }
}
@media screen and (max-width: 1024px) {
    .about-hiw .about-hiw-items .about-hiw-item {
        max-width: 252px;
   }
}
@media screen and (max-width: 768px) {
    .about-hiw .about-hiw-items {
        flex-direction: column;
   }
    .about-hiw .about-hiw-items .about-hiw-item {
        max-width: 380px;
        align-self: center;
   }
}
@media screen and (max-width: 540px) {
    .about-hiw {
        --About-HIW-Horizontal-Paddings: 24px;
   }
    .about-hiw .about-hiw-header .about-hiw-title {
        font-size: 32px;
        line-height: 44px;
   }
    .about-hiw .about-hiw-items .about-hiw-item {
        width: auto;
   }
}