/*********************
START: ARCHIVE HERO INNER
*********************/
.archiveHeroInner {
    margin-block: 100px !important;
}

.archiveHeroInner h1 {
    margin-block-end: 2rem;
}

.archiveHeroInner p.text--middle {
    width: 100%;
    max-width: 700px;
    margin-inline: auto;
}

/*********************
END: ARCHIVE HERO INNER
*********************/

/*********************
START: SERVICES
*********************/
.services {
    position: relative;
    margin-block-start: 10rem;
}

.services::before {
    position: absolute;
    content: "";
    right: 0;
    top: -110px;
    width:170px;
    height: 272px;
    z-index: 0;
    background-repeat: no-repeat;
    background-image: url("../img/icons/quote.svg");
}

.services ul {
    position: relative;
}

.services ul li {
    display: flex;
    justify-content: space-between;
}

.services ul li:not(:last-child) {
    margin-block-end: 5rem;
}

.services ul li:nth-child(odd) {
    flex-direction: row-reverse;
    color: var(--baseDark-color);
}

.services ul li:nth-child(even) {
    flex-direction: row;
    color: var(--baseLight-color);
}

.services ul li .item--image {
    max-width: 420px;
    width: 100%;
}

.services ul li .item--image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 420 / 500;
    border-radius: var(--border-radius-15);
}

.services ul li .item--text {
    width: calc(100% - 445px);
    padding: 4rem;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
    border-radius: var(--border-radius-15);
}

.services ul li .item--text h4 {
    font-weight: 600;
}

.services ul li .item--text p {
    line-height: var(--line-height140);
    font-size: var(--text-lg);
    margin-block: 2rem 1.5rem;
    max-width: 650px;
}

.services ul li:nth-child(n) .item--text {
    background-image: url("../img/services-bg-1.png");
}

.services ul li:nth-child(2n) .item--text {
    background-image: url("../img/services-bg-6.png");
}

.services ul li:nth-child(3n) .item--text {
    background-image: url("../img/services-bg-7.png");
}

.services ul li:nth-child(4n) .item--text {
    background-image: url("../img/services-bg-8.png");
}

.services ul li:nth-child(5n) .item--text {
    background-image: url("../img/services-bg-9.png");
}

/*********************
END: SERVICES
*********************/

/*********************
START: MEDIA
*********************/
@media screen and (min-width: 1440px) {}

@media screen and (min-width: 1320px) and (max-width: 1439px) {}

@media screen and (max-width: 1319px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 992px) {
    .services {
        margin-block-start: 0;
    }

    .services::before {
        content: unset;
    }

    .services ul li {
        flex-direction: column !important;
    }

    .services ul li:not(:last-child) {
        margin-block-end: 4rem;
    }

    .services ul li .item--image {
        margin-inline: auto;
    }

    .services ul li .item--image img {
        aspect-ratio: 420 / 420;
    }

    .services ul li .item--text {
        width: 100%;
        margin-block-start: 1.5rem;
        min-height: 400px;
        padding: 3rem;
    }
}

@media screen and (max-width: 768px) {
		.archiveHeroInner {
		margin-block: 70px !important; 
	}
	
    .services ul li:not(:last-child) {
        margin-block-end: 4rem;
    }

    .services ul li .item--text {
        min-height: 300px;
        padding: 2rem;
    }
}


@media screen and (max-width: 576px) {
    .services ul li:not(:last-child) {
        margin-block-end: 2rem;
    }
}

@media screen and (max-width: 425px) {}

@media screen and (max-width: 375px) {}

/*********************
END: MEDIA
*********************/