.page-detail-solution {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1000px;
    width: 100%;
    position: relative;
    padding: 0 20px;
}

.page-detail-solution h1 {
    margin-bottom: 30px;
}

.page-detail-solution h3,
.page-detail-solution h4 {
    margin-bottom: 30px;
}

.page-detail-solution p {
    margin: 0 0 15px 0;
}

.page-detail-solution ul {
    margin: 15px 0;
}

.page-detail-solution ul + p:only-of-type,
.page-detail-solution ol + p:only-of-type {
    margin: 0;
}

.page-detail-solution .section-uppertitle .svg use {
    stroke: none;
    fill: var(--color-green);
}

.page-detail-solution .sp-image {
    display: flex;
    width: 100%;
    height: auto;
    
    border-radius: var(--border-lg-radius);
    overflow: hidden;
}

.page-detail-solution .sp-image img {
    width: 100%;
    height: 100%;
    min-height: 365px;
    object-fit: cover;
}

.page-detail-solution__prev > .item-card,
.page-detail-solution__wrap > .item-card {
    border-radius: var(--border-lg-radius);
}

.page-detail-solution__prev h4 {
    margin-bottom: 20px;
}

.page-detail-solution__prev .item-card .btn {
    flex-shrink: 0;
    margin-top: auto;
}

.page-detail-solution__wrap > .item-card {
    gap: 60px;
}

/* List */
.page-detail-solution-list-title {
    margin-bottom: 15px;
    font-weight: 400;
}

.page-detail-solution__list-result {
    margin-top: 30px;
    min-height: 40px;
    padding-left: 50px;
    position: relative;
}

.page-detail-solution__list-result p {
    margin: 0;
}

.page-detail-solution__list-result span {
    font-weight: 700;
}

.page-detail-solution__list-result_down:before,
.page-detail-solution__list-result_up:before {
    content: '';
    width: 40px;
    height: 40px;

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;

    transform: translateY(-50%);
}

.page-detail-solution__list-result_down:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' rx='10' fill='%23F6F7FC'/%3e%3cpath d='M23.6665 25.6111H29.9998V19.2778' stroke='%23FF3838' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 13.9998L15.6899 19.5127C16.0177 19.898 16.1817 20.0907 16.3848 20.1878C16.5638 20.2733 16.7634 20.3066 16.9605 20.2839C17.1842 20.2582 17.4018 20.1293 17.8371 19.8714L20.8194 18.1045C21.2262 17.8635 21.4296 17.743 21.6408 17.714C21.8272 17.6885 22.017 17.7132 22.1906 17.7856C22.3874 17.8677 22.5531 18.0363 22.8846 18.3735L30 25.6109' stroke='%23FF3838' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}

.page-detail-solution__list-result_up:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='40' height='40' rx='10' fill='%23F6F7FC'/%3e%3cpath d='M24 13H30V20' stroke='%2366DE20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M11 25L15.6899 19.3025C16.0177 18.9042 16.1817 18.705 16.3848 18.6047C16.5638 18.5163 16.7634 18.4819 16.9605 18.5053C17.1842 18.5319 17.4018 18.6652 17.8371 18.9317L20.8194 20.7578C21.2262 21.0069 21.4296 21.1314 21.6408 21.1613C21.8272 21.1877 22.017 21.1622 22.1906 21.0873C22.3874 21.0025 22.5531 20.8282 22.8846 20.4798L30 13' stroke='%2366DE20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}


/* Custom list num */
.page-detail-solution__custom-list-num h4 {
    margin-bottom: 0;
}

.page-detail-solution__custom-list-num ol {
    margin: 60px 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 60px;
    row-gap: 30px;

    list-style: none;
    counter-reset: custom-counter;
}

.page-detail-solution__custom-list-num ol li {
    counter-increment: custom-counter;
    width: calc((100% - (60px * 2)) / 3);
    padding-top: 50px;

    text-align: center;
    position: relative;
}

.page-detail-solution__custom-list-num ol li:before {
    content: counter(custom-counter); 
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;

    background: var(--color-gray);
    border-radius: var(--border-radius);
    
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;

    transform: translateX(-50%);
}

.page-detail-solution__custom-list-num ol li:after {
    content: '';
    width: 40px;
    height: 40px;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M26.896 20.6915H11.6583C11.4714 20.6915 11.3147 20.6262 11.1883 20.4955C11.0619 20.3647 10.9991 20.2016 11 20.006C11.0009 19.8104 11.0636 19.6472 11.1883 19.5165C11.3129 19.3858 11.4696 19.3205 11.6583 19.3205H26.896L21.9783 14.2011C21.8501 14.0667 21.7834 13.909 21.7781 13.728C21.7729 13.5471 21.8396 13.3812 21.9783 13.2304C22.124 13.0786 22.2807 13.0019 22.4483 13C22.616 12.9982 22.7727 13.0722 22.9184 13.2221L28.6893 19.2314C28.8034 19.3502 28.8837 19.4722 28.9302 19.5974C28.9767 19.7226 29 19.8588 29 20.006C29 20.1531 28.9767 20.2893 28.9302 20.4146C28.8837 20.5398 28.8034 20.6623 28.6893 20.782L22.9184 26.7898C22.7902 26.9233 22.6379 26.9932 22.4615 26.9996C22.2851 27.006 22.124 26.9333 21.9783 26.7816C21.8378 26.6308 21.7667 26.469 21.765 26.2963C21.7632 26.1235 21.8343 25.9617 21.9783 25.8109L26.896 20.6915Z' fill='%23B0B3C0'/%3e%3c/svg%3e ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    position: absolute;
    top: 0;
    right: -50px;
    z-index: 1;
}

.page-detail-solution__custom-list-num ol li:nth-child(3n+3):after {
    display: none;
}

/* Custom list check */
.page-detail-solution__custom-list-check ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-detail-solution__custom-list-check ul li {
    padding-left: 36px;
    position: relative;
}

.page-detail-solution__custom-list-check ul li:not(:last-child) {
    margin-bottom: 20px;
}

.page-detail-solution__custom-list-check ul li:before {
    content: '';
    width: 26px;
    height: 26px;

    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3.09176 13.7674C2.99443 13.6701 2.94343 13.5551 2.93876 13.4224C2.93409 13.2897 2.98709 13.1687 3.09776 13.0594C3.20776 12.9527 3.32576 12.8987 3.45176 12.8974C3.57776 12.896 3.69576 12.9501 3.80576 13.0594L7.70176 16.9554L8.20176 16.4554C8.27976 16.4314 8.36743 16.4294 8.46476 16.4494C8.56209 16.4694 8.65643 16.5254 8.74776 16.6174C8.85776 16.7274 8.91209 16.8454 8.91076 16.9714C8.90809 17.0967 8.85176 17.2144 8.74176 17.3244L8.26176 17.8054C8.09976 17.9634 7.91109 18.0434 7.69576 18.0454C7.48043 18.0467 7.29176 17.9667 7.12976 17.8054L3.09176 13.7674ZM13.3458 16.9504L22.1918 8.10438C22.2891 8.00638 22.4041 7.95538 22.5368 7.95138C22.6694 7.94738 22.7904 8.00005 22.8998 8.10938C23.0064 8.22005 23.0604 8.33805 23.0618 8.46338C23.0638 8.58938 23.0098 8.70738 22.8998 8.81738L13.9118 17.8054C13.7498 17.9674 13.5611 18.0484 13.3458 18.0484C13.1304 18.0484 12.9421 17.9674 12.7808 17.8054L8.74176 13.7674C8.64843 13.6741 8.59843 13.5601 8.59176 13.4254C8.58509 13.2921 8.63509 13.1701 8.74176 13.0594C8.85243 12.9494 8.97143 12.8944 9.09876 12.8944C9.22609 12.8944 9.34509 12.9494 9.45576 13.0594L13.3458 16.9504ZM17.2438 8.82338L13.0068 13.0594C12.9134 13.1527 12.8001 13.2027 12.6668 13.2094C12.5321 13.2161 12.4098 13.1661 12.2998 13.0594C12.1891 12.9494 12.1338 12.8307 12.1338 12.7034C12.1338 12.5754 12.1891 12.4564 12.2998 12.3464L16.5358 8.10938C16.6291 8.01605 16.7431 7.96605 16.8778 7.95938C17.0111 7.95272 17.1331 8.00272 17.2438 8.10938C17.3538 8.22005 17.4088 8.33905 17.4088 8.46638C17.4088 8.59372 17.3538 8.71272 17.2438 8.82338Z' fill='%2366DE20'/%3e%3c/svg%3e ");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.page-detail-solution__custom-list-check ul li span {
    font-weight: 700;
}

.page-detail-solution__custom-list-check ul li p {
    margin: 4px 0 0;
}


/* List cards */
.page-detail-solution__wrap .page-detail-solution__title-sp-iblock-elements {
    margin-bottom: -30px;
}

.page-detail-solution__wrap .sp-iblock-elements {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.page-detail-solution__wrap .sp-iblock-elements__item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
    border-radius: var(--border-lg-radius);
}

.page-detail-solution__wrap .sp-iblock-elements__item-text {
    padding: 0 20px 20px;
    flex-grow: 1;
}

.page-detail-solution__wrap .sp-iblock-elements__item-img {
    max-height: 240px;
}

.page-detail-solution__wrap .sp-iblock-elements__item p {
    margin: 0;
}

.page-detail-solution__wrap .sp-iblock-elements__item .btn {
    margin-top: auto;
}
 
.page-detail-solution__wrap .sp-iblock-elements__item .btn .svg {
    width: 5px;
    height: 10px;
}

.page-detail-solution__wrap .sp-iblock-elements__item .btn .svg use{
    fill: var(--color-white);
}


/* LIST BENEFIT */
.page-detail-solution__list-benefit {
    padding: 20px; 
    background: var(--color-green-light);
    border-radius: var(--border-radius);
}


/* LIST PLATE */
.page-detail-solution__list-plate ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.page-detail-solution__list-plate ul >li:not(:last-child) {
    margin: 0;
}

.page-detail-solution__list-plate ul > li {
    margin: 0;
    padding: 7px 10px;

    background: var(--color-gray);
    border-radius: var(--border-radius);
}


/* Bottom block */
.page-detail-solution__bottom-block p:last-of-type {
    margin-bottom: 0;
}

.page-detail-solution__bottom-block .btn {
    margin-top: 15px;
}

@media (max-width: 991px) {
    .page-detail-solution__wrap .sp-iblock-elements {
        grid-template-columns: 1fr;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item {
        flex-direction: row;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-img {
        flex-shrink: 0;
        padding: 20px 0 20px 20px;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-img img {
        width: 150px;
        height: 150px;
        border-radius: var(--border-md-radius);
        overflow: hidden;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-text {
        padding-top: 20px;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .page-detail-solution__custom-list-num ol li {
        width: calc((100% - 60px) / 2);
    }

    .page-detail-solution__custom-list-num ol li:nth-child(3n+3):after {
        display: block;
    }

    .page-detail-solution__custom-list-num ol li:nth-child(2n):after {
        display: none;
    }
}

@media (max-width: 575px) {
    .page-detail-solution__prev > .item-card,
    .page-detail-solution__custom-list-num ol {
        flex-direction: column;
    }

    .page-detail-solution__custom-list-num ol li:after,
    .page-detail-solution__custom-list-num ol li:nth-child(3n+3):after {
        display: none;
    }

    .page-detail-solution__custom-list-num ol li {
        width: 100%;
    }

    .page-detail-solution__bottom-block .btn {
        max-width: 100%;
    }

    .page-detail-solution__wrap .sp-iblock-elements {
        grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    }

    .page-detail-solution__wrap .sp-iblock-elements__item {
        flex-direction: column;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-img {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
        padding: 0;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-img img {
        max-height: 100%;
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .page-detail-solution__wrap .sp-iblock-elements__item-text {
        padding-top: 0;
        padding-left: 20px;
    }
}