﻿
.solutions img {
    height: 200px;
    max-width: 100%;
}

.solutions p {
    text-align: center;
    font-size:1.1rem;
}

.solutions h2 {
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
}

.solutions-desktop {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin: 4rem 0 3rem;
}

    .solutions-desktop .solution-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
    .solutions-desktop .solution-col {
        display: flex;
        justify-content: center;
    }

.solutions-mobile {
    display: none;
}

@media (max-width: 768px) {
    .solutions-desktop {
        display: none;
    }

    .solutions-mobile {
        display:block;
        margin: 2rem 1rem;
    }

        .solutions-mobile .solution-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            align-content: center;
            margin-bottom:3rem;
        }
        .solutions-mobile .solution-block p{
            margin-bottom:1rem;
        }
}

.solutions h2{
    font-weight:bold;
}
.our-solutions{
    margin-bottom:3rem;
}

.our-solutions h2{
    font-weight:bold;
    margin-bottom:1rem;
}
    .our-solutions p {
        font-size: 1.1rem;
    }

.our-solutions .center{
    display:flex;
    flex-direction:column;
    align-items:center;
    margin-bottom:2rem;
}

.accordion-content div {
    flex: 1 1 60%;
}
.mobile-solution-img {
    display:none;
}

@media (max-width: 768px) {
    .header-left {
        align-items: center;
        flex-wrap:wrap;
    }

    .header-text {
        white-space: nowrap;
        margin-right: 5px;
        padding-bottom:2px;
    }

    .mobile-solution-img {
        display:block;
        width: 40px;
    }
    .solution-img{
        display:none;
    }
}

@media (max-width: 400px) {
    .header-text {
        white-space: initial;
    }
}

.accordion-content p {
    font-size:1.2rem;
}

.accordion-content img {
    width:100px;
}