/*
|--------------------------------------------------------------------------
| Section 1 (Hero section)
|--------------------------------------------------------------------------
*/

#section-1 {
    box-shadow: 0px 0px 0px 0px #00000040, inset 0 0 0 1000px rgba(0, 0, 0, 0.6);
}

img.with-filter-on-hover {
    filter: grayscale(100) brightness(100);
}

@media (min-width: 1024px) {
    #section-1 {
        box-shadow: 0px 0px 0px 0px #00000040,
            inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
    }

    #companies-list {
        border-bottom-right-radius: 5rem;
        border-top-right-radius: 5rem;
    }

    #companies-list img {
        filter: grayscale(100) brightness(100);
    }

    #companies-list img:not(.with-filter-on-hover):hover {
        filter: none !important;
    }
}

/*
|--------------------------------------------------------------------------
| Section 2
|--------------------------------------------------------------------------
*/

#section-2 {
    background-image: url("/wp-content/themes/astra-child/assets/img/sellings-systems/section-2/background.webp");
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.point-on-the-line {
    left: calc(7% - 1px);
}

@media (min-width: 640px) {
    .point-on-the-line {
        left: calc(7% + 1px);
    }
}

@media (min-width: 768px) {
    .point-on-the-line {
        left: calc(7% + 3px);
    }
}

@media (min-width: 900px) {
    .point-on-the-line {
        left: calc(7% + 5px);
    }
}

@media (min-width: 1024px) {
    .point-on-the-line {
        left: calc(7% + 1px);
    }
}

/*
|--------------------------------------------------------------------------
| Section 3
|--------------------------------------------------------------------------
*/

.animated-scroll-bar__circle,
.text-bullet-number {
    background: #c2c3cc;
    color: black;
}

.text-bullet-number {
    background: white;
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.animated-scroll-bar__circle-active,
.text-bullet-number-active {
    background: #0edc8d;
    color: white;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: translateZ(0);
    }
}

.fadeInLeft {
    animation: fadeInLeft 1s;
}

@keyframes fadeInLeftToDissapear {
    0% {
        opacity: 1;
        transform: translateZ(0);
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeInLeftToDissapear {
    animation: fadeInLeftToDissapear 1s;
}

/*
|--------------------------------------------------------------------------
| Section 4
|--------------------------------------------------------------------------
*/

#section-4 {
    background-image: url("/wp-content/themes/astra-child/assets/img/sellings-systems/section-4/background.jpg");
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*
|--------------------------------------------------------------------------
| Section 5
|--------------------------------------------------------------------------
*/

#section-5 {
    background-image: url("/wp-content/themes/astra-child/assets/img/sellings-systems/section-5/background.jpg");
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
|--------------------------------------------------------------------------
| Section 7
|--------------------------------------------------------------------------
*/

#section-7 {
    background-image: url("/wp-content/themes/astra-child/assets/img/sellings-systems/section-7/background.webp");
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}