/**
 * 2022 Anvanto
 *
 * NOTICE OF LICENSE
 *
 * This file is not open source! Each license that you purchased is only available for 1 wesite only.
 * If you want to use this file on more websites (or projects), you need to purchase additional licenses.
 * You are not allowed to redistribute, resell, lease, license, sub-license or offer our resources to any third party.
 *
 *  @author Anvanto <anvantoco@gmail.com>
 *  @copyright  2022 Anvanto
 *  @license    Valid for 1 website (or project) for each purchase of license
 *  International Registered Trademark & Property of Anvanto
 */

.an_advantages {
    margin-top: 15px;
    margin-bottom: 71px;
}

.an_advantages-inner-wrap {
    overflow: hidden;
}

.an_advantages-head.an_advantages-head-hidden {
    display: none !important;
}

.an_advantages .an_advantages-head {
    margin-bottom: 50px;
    text-align: center;
}

.an_advantages-head .an_advantages-title {
    font-weight: 500;
    margin-bottom: 24px;
    text-transform: uppercase;
}

.an_advantages-head p:not(.an_advantages-title) {
    font-size: 13px;
    line-height: 24px;
    font-weight: 400;
    max-width: 980px;
    margin: 0 auto 15px;
}

.an_advantages .an_advantages-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    margin: 0;
    gap: 15px;
}

.an_advantages .an_advantages-item {
    z-index: 5;
    position: relative;
    flex: 1 1 0;
    min-width: 0;
}

.an_advantages .an_advantages-item-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    margin: 0;
    height: 74px;
    margin-right: 0;
    background-color: #f3f1f1;
    border: 0px solid #e1e1e1;
}


.an_advantages .an_advantages-item:nth-child(1),
.an_advantages .an_advantages-item:nth-child(5) {
    z-index: 5;
}

.an_advantages .an_advantages-item:nth-child(2),
.an_advantages .an_advantages-item:nth-child(4) {
    z-index: 4;
}

.an_advantages .an_advantages-item:nth-child(3) {
    z-index: 3;
}

/* Srodkowe elementy — ten sam flex co pozostale */

/* Usuwanie wspolnych borderow */
.an_advantages .an_advantages-item:nth-child(1) .an_advantages-item-inner {
    border-right: 0;
    padding-right: 0px;
}

.an_advantages .an_advantages-item:nth-child(2) .an_advantages-item-inner {
    border-left: 0;
    border-right: 0;
    padding-right: 0;
}

.an_advantages .an_advantages-item:nth-child(3) .an_advantages-item-inner {
    border-left: 0;
    border-right: 0;
}

.an_advantages .an_advantages-item:nth-child(4) .an_advantages-item-inner {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
}

.an_advantages .an_advantages-item:nth-child(5) .an_advantages-item-inner {
    border-left: 0;
    padding-left: 0;
}

.an_advantages .an_advantages-item-img {
    margin: -1px 18px 2px 0px;
    max-width: 37px;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.an_advantages .an_advantages-item-img img {
    max-width: 100%;
    height: 37px;
}

.an_advantages .an_advantages-item .an_advantages-item-title {
    margin-bottom: 0px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
    max-width: 110px;
}

.an_advantages .an_advantages-item:nth-child(3) .an_advantages-item-title {
    max-width: 82px;
}

.an_advantages .an_advantages-item p:not(.an_advantages-item-title) {
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 8px;
    font-weight: 500;
    font-size: 8px;
    letter-spacing: 2px;
    color: #88888a;
}

/* Strzalki chevron */
.an_advantages-angle-left,
.an_advantages-angle-right {
    display: none;
}

/* Element 1 - strzalka prawa */
.an_advantages .an_advantages-item:nth-child(1) .an_advantages-angle-right {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: -1;
}

.an_advantages .an_advantages-item:nth-child(1) .an_advantages-angle-right:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0px;
    background: #f3f1f1;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* Element 2 - lewa + prawa strzalka */
.an_advantages .an_advantages-item:nth-child(2) .an_advantages-angle-left {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: 1;
}

.an_advantages .an_advantages-item:nth-child(2) .an_advantages-angle-left:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    background: #fff;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.an_advantages .an_advantages-item:nth-child(2) .an_advantages-angle-right {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: -1;
}

.an_advantages .an_advantages-item:nth-child(2) .an_advantages-angle-right:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    background: #f3f1f1;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* Element 3 - lewa + prawa strzalka */
.an_advantages .an_advantages-item:nth-child(3) .an_advantages-angle-left {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: 1;
}

.an_advantages .an_advantages-item:nth-child(3) .an_advantages-angle-left:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    background: #fff;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);

}

.an_advantages .an_advantages-item:nth-child(3) .an_advantages-angle-right {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: 1;
}

.an_advantages .an_advantages-item:nth-child(3) .an_advantages-angle-right:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0px;
    background: #fff;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* Element 4 - lewa + prawa strzalka */
.an_advantages .an_advantages-item:nth-child(4) .an_advantages-angle-left {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: 1;
}

.an_advantages .an_advantages-item:nth-child(4) .an_advantages-angle-left:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    background: #f3f1f1;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.an_advantages .an_advantages-item:nth-child(4) .an_advantages-angle-right {
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: 1;
}

.an_advantages .an_advantages-item:nth-child(4) .an_advantages-angle-right:before {
    content: "";
    position: absolute;
    right: -30px;
    top: 0px;
    background: #fff;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* Element 5 - tylko lewa strzalka */
.an_advantages .an_advantages-item:nth-child(5) .an_advantages-angle-right {
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    transform: scaleX(1.15);
    z-index: -1;
}

.an_advantages .an_advantages-item:nth-child(5) .an_advantages-angle-right:before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0px;
    background: #f3f1f1;
    border: 0px solid #e1e1e1;
    width: 60px;
    height: 74px;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

@media (max-width: 991px) {
    .an_advantages .an_advantages-list {
        justify-content: center;
    }

    .an_advantages .an_advantages-item {
        max-width: 300px;
        flex-basis: 100% !important;
        margin: 0 15px 15px;
    }

    .an_advantages .an_advantages-item .an_advantages-angle-left,
    .an_advantages .an_advantages-item .an_advantages-angle-right {
        display: none !important;
    }

    .an_advantages .an_advantages-item .an_advantages-item-inner {
        border: 0px solid #e1e1e1 !important;
    }
}