.section__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

img {
    border-radius: 24px;
}

/* hero section */
.hero {
    position: relative;
    margin-bottom: 40px;
}

.hero__img img {
    width: 100%;
}

.hero__content {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 50%;
    padding-left: 80px;
}

/* section Problem + solution */
.problem {
    padding-top: 40px;
    margin-bottom: 80px;
}

.problem__content_description {
    width: 90%;
    text-align: center;
}

.problem__content_img {
    width: 100%;
}
.problem__content_img img {
    width: 100%;
}

/* section Benefits */
.benefits {
    padding: 40px;
    border-radius: 24px;
    box-shadow: -4px 4px 22px 0 rgba(91, 98, 126, 0.1);
    margin-bottom: 80px;
}

.benefits__content_tittle,
.benefits__content_text,
.benefits__bottom,
.benefits__card_desc {
    text-align: center;
}

.benefits__content_text {
    margin-bottom: 40px;
    width: 70%;
}

.benefits__cards {
    display: flex;
    gap: 28px;
    margin-bottom: 40px;
}

.benefits__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.benefits__card img {
    width: 70%;
}

.benefits__card .benefits__card_title {
    margin-top: 0;
}

.benefits__bottom {
    width: 70%;
}

/* section Examples */
.examples {
    padding: 40px;
    border-radius: 24px;
    box-shadow: -4px 4px 22px 0 rgba(91, 98, 126, 0.1);
    margin-bottom: 80px;
}

.example__images {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 28px;
}

.example__images .example__image img {
    margin-bottom: 0;
}

.example__content_tittle,
.example__content_description,
.example__bottom {
    text-align: center;
}

.example__bottom {
    width: 70%;
}

/* section products */
.products {
    padding: 40px;
    border-radius: 24px;
    box-shadow: -4px 4px 22px 0 rgba(91, 98, 126, 0.1);
    margin-bottom: 80px;

}

.products__content__description {
    width: 80%;
    text-align: center;
}

.products__list {
    width: 100%;
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.products__item {
    width: 100%;
    height: 300px;
    background: rgba(235, 103, 79, 1);
    border-radius: 14px;
}

/* section work */
.works {
    padding: 40px;
    border-radius: 24px;
    box-shadow: -4px 4px 22px 0 rgba(91, 98, 126, 0.1);
    margin-bottom: 80px;

}

.works__content__description {
    width: 80%;
    text-align: center;
}

.works__list {
    width: 100%;
    gap: 32px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.work__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.work__item .work__item_tittle {
    margin-top: 0;
}

.work__item_desc {
    text-align: center;
}

/* section call  */
.call {
    padding: 40px 80px;
    border-radius: 24px;
    box-shadow: -4px 4px 22px 0 rgba(91, 98, 126, 0.1);
}

.call__content_description {
    width: 80%;
    text-align: center;
}

.btn__bg {
    padding: 7px;
    border-radius: 36px;
    background: conic-gradient(from 90deg at 50% 50%, #251B92 0deg, #234CA1 34.46deg, #2C85BE 58.56deg, #84BC89 90.64deg, #EDD145 125.58deg, #F8B72D 145.15deg, #F88634 180deg, #F42D72 216.63deg, #E8249C 238.57deg, #865BBD 270deg, #4C63C8 301.39deg, #342296 322.62deg, #261D94 360deg);
}

.call__button {
    padding: 20px;
    font-size: 18px;
    border-radius: 36px;
    background: #fff;
}