section.testing .row {
    row-gap: 50px;
}

section.testing .testing__card {
    border: 1px solid #D6B448;
    height: 100%;
    will-change: box-shadow;
    transition: box-shadow 0.3s ease, border 0.3s ease;
    background-color: white;
}

section.testing .testing__card .testing__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.testing .testing__card .testing__text {
    padding: 20px;
    transition: .3s ease-in-out;
}

section.testing .testing__card .testing__text p {
    margin-bottom: 10px;
    font-family: var(--font-inter-regular);
}

section.testing .testing__card .testing__text p strong {
    font-family: var(--font-inter-bold);
}

section.testing .testing__card .testing__text p:last-child {
    margin-bottom: 0;
}

section.testing .testing__card:hover {
    border: 1px solid #D6B448;
    box-shadow: 5px 5px 10px 0px rgba(33, 33, 33, 0.40) inset;
    background: #D6B448;
    cursor: pointer;
}

section.testing .testing__card:hover .testing__text p {
    color: white;
}

/* overlay */
section.testing .testing__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* optional: semi-transparent background */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* ensures it doesn't interfere with hover */
}

section.testing .testing__image {
    position: relative;
    overflow: hidden;
    height: 300px;
}

section.testing .testing__card:hover .testing__overlay {
    opacity: 1;
    pointer-events: auto;
}

.popover_testing_equipments {
    padding: 50px;
    border: none;
    background: transparent;
}

.popover_testing_equipments::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}

.popover_testing_equipments .close_me {
    cursor: pointer;
}

.popover_testing_equipments .close_me:hover svg path {
    fill: #D6B448;
}

.popover_testing_equipments .close_me:hover svg circle {
    fill: white;;
}