.carrer-step {
    width: 300px;
    min-width: 300px;
    flex-direction: column;
    margin-right: 1.5rem;
    height: 360px;
    position: relative;
    display: flex;
    transition: color 0.4s;
}

.carrer-step__desc {
    margin: 0;
}

.carrer-step--1 .carrer-step__title {
    color: #1d1727 !important;
}

.carrer-step--2 .carrer-step__title {
    color: #005d80 !important;
}

.carrer-step--3 .carrer-step__title {
    color: #2db1e4 !important;
}

.carrer-step--4 .carrer-step__title {
    color: #e9787e !important;
}

.carrer-step--4 .carrer-step__curtain h2 {
    display: none;
}

.carrer-step--4 .carrer-step__curtain img {
    max-width: 50%;
    padding: 0;
    margin: 0;
}

.carrer-step__text .image-wrapper {
    display: flex;
    justify-content: center;
}

.carrer-step__text .image-wrapper img {
    width: 50%;
}

.carrer-step__title {
    font-weight: 700 !important;
    text-transform: uppercase;
    font-size: 30px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.carrer-step::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="506" height="3" viewBox="0 0 506 3"%3E%3Cdefs%3E%3CclipPath id="clip-path"%3E%3Cpath id="Path_1686" data-name="Path 1686" d="M0,0H506V3H0Z" transform="translate(499.883 297)" fill="%23fff" stroke="%23707070" stroke-width="1"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id="Mask_Group_63" data-name="Mask Group 63" transform="translate(-499.883 -297)" clip-path="url(%23clip-path)"%3E%3Cg id="Group_744" data-name="Group 744" transform="translate(989.605 693.78) rotate(-172)"%3E%3Cpath id="Path_1657" data-name="Path 1657" d="M0,0,85.5,9.928l52.635,536.831-85.5-9.928Z" transform="translate(85.563 8.998)" fill="%23006f92"/%3E%3Cpath id="Path_1658" data-name="Path 1658" d="M7.976-.012,85.563,9,138.2,545.829l-77.588-9.01c-5.181-.6-10.018-7.584-10.8-15.595L.016,13.4C-.769,5.393,2.794-.614,7.976-.012Z" transform="translate(0 0)" fill="%231d1727"/%3E%3Cpath id="Path_1659" data-name="Path 1659" d="M0,0,86.969,10.1,139.6,546.93l-86.969-10.1Z" transform="translate(171.059 18.926)" fill="%2331c0f6"/%3E%3Cpath id="Path_1660" data-name="Path 1660" d="M0,0,86.969,10.1,139.6,546.93l-86.969-10.1Z" transform="translate(258.028 29.025)" fill="%23ff9191"/%3E%3Cpath id="Path_1661" data-name="Path 1661" d="M0,0,85.5,9.928l52.635,536.831-85.5-9.928Z" transform="translate(344.998 39.124)" fill="%23f56476"/%3E%3Cpath id="Path_1662" data-name="Path 1662" d="M0,0,77.588,9.01c5.181.6,10.018,7.584,10.8,15.6l49.791,507.82c.785,8.011-2.778,14.018-7.959,13.416l-77.588-9.01Z" transform="translate(430.493 49.052)" fill="%23e43f6f"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    background-size: 100%;
}

.carrer-step__header::after {
    content: "";
    display: block;
    width: 3px;
    height: 3rem;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="2.262" height="217.526" viewBox="0 0 2.262 217.526"%3E%3Cdefs%3E%3CclipPath id="clip-path"%3E%3Cpath id="Path_2210" data-name="Path 2210" d="M0,0H217.526V2.262H0Z" transform="translate(470.536 306.25)" fill="%23fff" stroke="%23707070" stroke-width="1"/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id="Mask_Group_943" data-name="Mask Group 943" transform="translate(308.512 -470.536) rotate(90)" clip-path="url(%23clip-path)"%3E%3Cg id="Group_1164" data-name="Group 1164" transform="translate(571.819 496.725) rotate(-172)"%3E%3Cpath id="Path_2204" data-name="Path 2204" d="M0,0,151.535,7.015,429.1,221.768l-151.535-7.015Z" transform="translate(-240.453 65.673)" fill="%23006f92"/%3E%3Cpath id="Path_2205" data-name="Path 2205" d="M10.839.077,148.678,6.439,426.891,221.067,289.052,214.7c-9.2-.425-20.033-3.366-24.185-6.569L1.69,5.107C-2.462,1.9,1.634-.348,10.839.077Z" transform="translate(-292.807 62.358)" fill="%231d1727"/%3E%3Cpath id="Path_2206" data-name="Path 2206" d="M0,0,153.751,7.14,430.6,222.035l-153.751-7.14Z" transform="translate(-187.818 69.717)" fill="%2331c0f6"/%3E%3Cpath id="Path_2207" data-name="Path 2207" d="M0,0,153.751,7.14,430.6,222.035l-153.751-7.14Z" transform="translate(-135.342 73.98)" fill="%23ff9191"/%3E%3Cpath id="Path_2208" data-name="Path 2208" d="M0,0,151.535,7.015,429.1,221.768l-151.535-7.015Z" transform="translate(-83.915 78.391)" fill="%23f56476"/%3E%3Cpath id="Path_2209" data-name="Path 2209" d="M0,0,137.839,6.362c9.2.425,20.033,3.366,24.185,6.569L425.2,215.96c4.152,3.2.056,5.455-9.149,5.03l-137.839-6.362Z" transform="translate(-34.001 82.818)" fill="%23e43f6f"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    background-size: 1px 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 2rem;
}

.carrer-step__header {
    text-align: center;
    display: flex;
    flex-direction: column;
    opacity: 1;
    transition: top 0.6s, transform 0.6s, opacity 0.6s;
    z-index: 10;
}

.carrer-step__text {
    margin-top: 2rem;
}
.carrer-steps {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
}

.carrer-steps::-webkit-scrollbar {
    display: none; /* Safari and Chrome */
}

.carrer-steps {
    overflow-x: scroll;
    overflow-y: hidden;
}

@media only screen and (min-width: 768px) {
    .services-section .avia_textblock p {
        min-height: auto;
    }

    .carrer-step__header::after,
    .carrer-step::after {
        content: none;
    }

    .carrer-steps {
        display: flex;
        flex-direction: row;
        overflow-x: hidden;
    }

    .carrer-step--4 .carrer-step__curtain {
        display: none;
    }

    .carrer-step:nth-child(odd) .carrer-step__title {
        margin-bottom: 1rem !important;
    }

    .carrer-step--4:hover .carrer-step__header {
        display: none;
    }

    .carrer-step--4:hover .carrer-step__curtain {
        display: block;
        z-index: 10;
        padding: 20px;
        margin-top: 30px;
    }

    .carrer-step--4:hover .carrer-step__curtain h2 {
        color: white !important;
        font-size: 32px !important;
        display: block;
    }

    .carrer-step::before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 0%;
        width: 100%;
        height: 1.5rem;
        z-index: -1;
        clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);
        border-radius: 0;
        transition: 0.6s clip-path, 0.6s height, 0.6s top, border-radius 0.6s;
        z-index: 1 !important;
    }

    .carrer-step--1::before {
        background-color: #000;
    }

    .carrer-step--2::before {
        background-color: #016f92;
    }

    .carrer-step--3::before {
        background-color: #30c0f5;
    }

    .carrer-step--4::before {
        background-color: #db2e63;
    }

    .carrer-step__header {
        text-align: center;
        display: flex;
        flex-direction: column;
        opacity: 1;
        transition: top 0.6s, transform 0.6s, opacity 0.6s;
    }

    .carrer-step:nth-child(odd) .carrer-step__header {
        position: absolute;
        top: calc(60% - 3rem);
        left: 50%;
        transform: translateX(-50%) translateY(100%);
    }

    .carrer-step:nth-child(even) .carrer-step__header {
        flex-direction: column-reverse;
        position: absolute;
        left: 50%;
        top: calc(50% - 2rem);
        transform: translateX(-50%) translateY(-100%);
    }

    .carrer-step__text {
        opacity: 0;
    }

    .carrer-step:hover {
        flex-direction: column;
        align-items: center;
    }

    .carrer-step:hover .carrer-step__title,
    .carrer-step:hover .carrer-step__desc {
        z-index: 10 !important;
        color: #fff !important;
    }

    .carrer-step:hover::before {
        height: 100%;
        top: 0;
        border-radius: 1.5rem;
        clip-path: polygon(0 0, 100% 0, 100% 50%, 100% 100%, 0 100%, 0 50%);
    }

    .carrer-step--2::before {
        background-color: #016f92;
    }

    .carrer-step::before {
        content: "";
        position: absolute;
        display: block;
        top: 50%;
        left: 0%;
        width: 100%;
        height: 2.5rem;
        z-index: -1;
        clip-path: polygon(0 0, 95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%);
        border-radius: 0;
        transition: 0.6s clip-path, 0.6s height, 0.6s top, border-radius 0.6s;
    }

    .carrer-step:hover:nth-child(odd) .carrer-step__header,
    .carrer-step:hover:nth-child(even) .carrer-step__header {
        top: 4rem;
        transform: translateX(-50%) translateY(0%);
    }

    .carrer-step:hover .carrer-step__text {
        opacity: 1;
        z-index: 10 !important;
    }

    .carrer-step:hover .carrer-step__text p {
        color: white !important;
        font-size: 16px;
        line-height: 26px;
    }

    .carrer-step__text {
        margin-top: 10rem;
        margin-left: 20px;
    }

    .carrer-step .image-wrapper {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .carrer-step__text img {
        max-width: 50%;
        height: auto;
    }
}