#solutions {
    position: relative;
}
.solutions-wrapper {
    position: relative;
    padding: 6rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}
.solutions-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(40% 50% at 55% 50%, rgba(28, 51, 85, 0.8) 0%, rgb(28, 51, 85) 100%);
}
.solutions-wrapper .container {
    position: relative;
    z-index: 3;
}
.solutions-wrapper .title h2 {
    color: #FFF;
}
.solutions-wrapper .items {
    margin: 2.5rem 0;
}
.solutions-wrapper .item {
    text-align: center;
    color: #FFF;
}
.solutions-wrapper .item .title {
    display: flex;
    justify-content: center;
}
.solutions-wrapper .item .title::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.3238 5.36191C15.5657 5.12721 15.8877 4.99746 16.2217 5.00004C16.5557 5.00261 16.8757 5.13731 17.1141 5.37571C17.3525 5.61411 17.4907 5.93756 17.4995 6.27781C17.5084 6.61806 17.3871 6.9485 17.1614 7.19941L10.309 15.9319C10.1912 16.0612 10.049 16.165 9.89086 16.237C9.73277 16.3091 9.56205 16.3479 9.3889 16.3512C9.21575 16.3544 9.04373 16.3221 8.88313 16.2561C8.72253 16.19 8.57665 16.0917 8.4542 15.9669L3.90996 11.3364C3.78341 11.2162 3.68191 11.0713 3.61151 10.9103C3.54111 10.7493 3.50325 10.5756 3.5002 10.3993C3.49715 10.2231 3.52896 10.048 3.59375 9.88461C3.65853 9.72118 3.75495 9.57272 3.87726 9.44809C3.99957 9.32346 4.14527 9.2252 4.30565 9.15919C4.46604 9.09318 4.63783 9.06076 4.81077 9.06387C4.98372 9.06698 5.15428 9.10555 5.31228 9.17729C5.47028 9.24902 5.61248 9.35245 5.7304 9.48141L9.32664 13.1442L15.2912 5.40041C15.3019 5.38693 15.3117 5.37408 15.3238 5.36191Z' fill='%23F1BB1C'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: .5rem;
}
.solutions-wrapper .item .h5,
.solutions-wrapper .item a {
    color: inherit;
}
.solutions-wrapper .button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.solutions-wrapper .button .btn.btn-hyperlink {
    color: #FFF !important;
}

@media (max-width: 575px) {
    .solutions-wrapper {
        padding: 5rem 0;
    }
    .solutions-wrapper .item {
        margin-bottom: 1rem;
    }
    .solutions-wrapper .button {
        flex-direction: column;
        gap: 1rem;
    }
    .solutions-wrapper .button .btn-wrap .btn {
        width: 100%;
    }
}