.product-service {
    background-color: var(--primary-color);
    position: relative;
    top: 8rem;
    width: auto;
}

.advise-container .btn-circle {
    transform: translateY(2vh);
}

.advise {
    width: 100%;
}

.advise h4 {
    line-height: 1.6;
    font-size: clamp(1.5rem, 2vw, 3rem);
    width: 20rem;
}

.advise p {
    line-height: 1.6;
    width: 20rem;
    font-size: clamp(0.8rem, 1.3vw, 2rem);
}

.advise-container .text-white {
    padding-left: 2.5rem;
}

.rec-solution {
    background-image: url('/WebRada360/module-assets/uploads/images/contents/rec-solution.png');
}

.rec-search {
    background-image: url('/WebRada360/module-assets/uploads/images/contents/rec-search.png');
}

.rec-machine {
    background-image: url('/WebRada360/module-assets/uploads/images/contents/rec-machine.png');
}

.rec-ai {
    background-image: url('/WebRada360/module-assets/uploads/images/contents/rec-ai.jpg');
}

.rectangle {
    background-size: 100%;
    width: 40vw;
    height: 6.25rem;
    border-radius: 3rem;
    margin: 1.25rem;
}

.product-service i {
    color: var(--primary-color);
}

.content {
    display: none;
    width: 20rem;
}

.overlay {
    width: 100%;
    height: auto;
    background-color: var(--no-expand-color);
    opacity: 0.71;
}

.bg-image {
    min-height: 0;
    background-image: none;
}
a {
    text-decoration: none;
}

.bd-pns {
    position: absolute;
    top: 5rem;
    left: 5rem;
}

@media (max-width: 575px) {
    .advise-container.expanded {
        height: 75vh !important;
    }
    .advise h4 {
        width: 16rem !important;
    }

    .advise p {
        width: 16rem !important;
    }

    .content {
        display: none;
        width: 18rem;
    }
    .bd-pns {
        left: 0 !important;
    }
}

@media (max-width: 767px) {
    .advise-container.expanded {
        height: 75vh !important;
    }

    .advise h4 {
        width: 100% !important;
    }

    .advise p {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .advise-container.expanded {
        height: 70vh !important;
    }
}

@media (min-width: 1600px) {
    .content {
        display: none;
        width: 40rem;
    }

    .advise h4 {
        width: 40rem !important;
    }

    .advise p {
        width: 40rem !important;
    }
}