/* single-solution.css */
.back-navigation-wrapper {
    padding: 0 0 60px;
}

.content-single-solution {
    padding: 0px 0 126px;
}

.single-solution section.banner-general {
    padding-bottom: 109px;
}

.content-single-solution .container {
    display: flex;
    flex-wrap: wrap;
}

.content-single-solution__inner {
    width: 80%;
    margin-left: auto;
    max-width: 904px;
}

.content-single-solution__inner h3 {
    margin-bottom: 60px;
}

.content-single-solution__inner h4 {
    margin-bottom: 20px;
}

.content-single-solution__inner p {
    margin-bottom: 25px;
    color: #D0D0D0;
}

.content-bottom-section {
    background-color: #002340;
    padding: 128px 0 140px;
    overflow: hidden;
}

.content-bottom-header {
    margin-bottom: 13px;
    padding-bottom: 26px;
}

.content-bottom-header .section-title {
    margin: 0;
    color: var(--color-text);
    padding-bottom: 40px;
}

.solution-slider-wrapper {
    overflow: hidden;
}

.solution-slider-row {
    display: flex;
    justify-content: space-between;
    gap: 0;
}

.solution-text-column {
    width: calc(68% - 60px);
    display: flex;
    flex-wrap: wrap;
}

.solution-image-column {
    width: calc(32% - 20px);
}

.solution-text-swiper,
.solution-image-swiper {
    width: 100%;
    overflow: hidden;
}

.solution-slider-navigation {
    width: 100%;
}


.solution-slide-media-inner {
    position: relative;
    padding-bottom: calc(480/380 * 100%);
}

.solution-slide-media {
    width: 100%;
}

.solution-slide-media img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /* Adjusted for image slider context */
    object-fit: cover;
    max-width: 100% !important;
}

.solution-slide-title {
    margin-bottom: 40px;
    color: var(--color-text);
}

.solution-slide-text {
    padding: 40px 0 0;
}

.solution-slide-content .line-animation {
    position: relative;
}

.solution-slide-text p {
    margin-bottom: 25px;
}

.solution-slide-text p:last-child {
    margin-bottom: 0;
}

/* Navigation */
.solution-slider-navigation {
    display: flex;
    align-items: center;
    gap: 49px;
    margin-top: 81px;
}

.solution-slider-arrows {
    display: flex;
    align-items: center;
    gap: 16px;
}

.solution-arrow {
    cursor: pointer;
    width: 32px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--color-text);
    transition: color 0.3s ease, opacity 0.3s ease;
}

.solution-arrow:hover {
    color: var(--color-light-blue);
}

.solution-arrow.swiper-button-disabled {
    opacity: 0.3;
    cursor: default;
}

.solution-slide-text p {
    color: #D0D0D0;
}

.solution-slide-text h4 {
    margin-bottom: 20px;
}

.solution-pagination {
    font-family: var(--font-family-base);
    font-size: 16px;
    font-weight: 400;
    color: var(--color-text);
    letter-spacing: 0.05em;
    width: auto !important;
}

@media (max-width: 1023px) {
    .content-bottom-section {
        padding: 73px 0 117px;
    }

    .solution-slider-row {
        flex-direction: column;
        gap: 30px;
    }

    .solution-text-column,
    .solution-image-column {
        width: 100%;
    }

    .solution-slider-navigation {
        margin-top: 51px;
        margin-bottom: 19px;
    }
}

@media (max-width: 767px) {
    .content-bottom-header {
        margin-bottom: 25px;
    }

    .solution-slide-title {
        margin-bottom: 28px;
    }

    .back-navigation-wrapper {
        padding: 0 0 34px;
    }

    .single-solution-page .banner-general .banner-title {
        padding: 0 0 35px;
        margin: 0;
    }

    .single-solution section.banner-general {
        padding-bottom: 69px;
    }

    .content-single-solution {
        padding: 0px 0 45px;
    }

    .content-single-solution__inner {
        width: 100%;
        max-width: 100%;
        margin-top: 51px;
    }

    .content-single-solution__inner h3 {
        margin-bottom: 49px;
        font-size: var(--font-size-heading-4);
        line-height: var(--line-height-heading-4);
    }

    .content-single-solution__inner h4 {
        font-size: var(--font-size-lead-in);
        line-height: var(--line-height-lead-in);
    }


    .content-bottom-header .section-title {
        padding-bottom: 0;
    }

    .solution-slide-text {
        padding: 30px 0 0;
    }

    .solution-slide-text h4 {
        font-size: var(--font-size-lead-in);
        line-height: var(--line-height-lead-in);
        margin-bottom: 21px;
    }

    .solution-slide-text p {
        margin-bottom: 24px;
    }

    .content-single-solution__inner h3 *,
    .solution-slide-title * {
        font-family: var(--font-family-base) !important;
        font-weight: 500;
    }
}