/*Banner**/
.b2b-top {
    display: flex;
}
.b2b-top__left {
    max-width: 800px;
}
.b2b-top__right {
position: relative;
right: -10%;
}
.b2b-top .b2b-top__right img {
    max-width: none;
    max-height: 500px;
}
@media (max-width: 870px) {
    .b2b-top .b2b-top__right img {
       display: none;
    }
}
img.infinity-symbol {
    max-width: 90px;
}
@media (min-width: 767px) {
.function-top__right {
    min-width: 600px;
    text-align: center;
    left: 8%;
     position: relative;
}
    .function-top {
        display: flex;
        align-items: center;
        gap: 0px;
    }
    .function-top img {
        max-width: 120%;
    }
}
/** B2b infinity **/

.b2b-top .b2b-infinity {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    max-width: 240px;
    flex-direction: column;
    text-align: center;
    /** border-radius: 10px;
    box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, .1), 0px 25px 20px -20px rgba(0, 0, 0, .1);
    background-color: #fff; **/
    height: 100%;
    padding: 30px 15px 5px 15px;
    margin: 0px;
    min-width: 130px;
}
@media (max-width: 767px) {
ul.cards-infinity {
    display: flex;
    flex-wrap: wrap;
    padding: 5px 15px 5px 15px;
}
    .b2b-top .b2b-infinity {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
        padding: 20px 15px 5px 15px;
        margin: 5px;
        width: 100%;
        max-width: 100%;
    }
    .cards-infinity li {
        padding: 8px;
        width: calc(100% / 2);


    }
}
ul.cards-infinity {
    display: flex;
    padding: 20px 0px 0px 0;
}


/**Cards **/
.feature-icon {
    font-size: 25px;
    background-color: #f8fafb;
    border-radius: 5px;
    padding: 8px;
}
.icon-list-card {
    border-radius: 10px;
    box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, .1), 0px 25px 20px -20px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 20px 10px 10px 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
    margin: 10px;
}


@media (min-width: 767px) and (max-width: 1200px) {
.icon-list-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.icon-list-card {
    border-radius: 10px;
    box-shadow: 0px 5px 35px -20px rgba(0, 0, 0, .1), 0px 25px 20px -20px rgba(0, 0, 0, .1);
    background-color: #fff;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 30px;
    flex-direction: column;
}
.feature-icon {
    font-size: 30px;
    background-color: #f8fafb;
    border-radius: 5px;
    padding: 8px;
}
.icon-list-card p {
    margin: 0 0 11px;
    font-size: clamp(16px, 2.5vw, 18px);
}
}
@media (min-width: 1200px) {
    /**Cards **/
    .icon-list-cards {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }
    .feature-icon {
        font-size: 50px;
        background-color: #f8fafb;
        border-radius: 5px;
        padding: 8px;
    }

    .icon-list-card p {
        margin: 0 0 11px;
        font-size: clamp(16px, 2.5vw, 20px);

    }
    .icon-list-card {
        padding: 20px 15px 15px 30px;
    }
}