.action-detail{
	/*display: grid;
	gap: 1rem;
	grid-template-columns: 1fr 500px;*/
    display: grid;
    grid-template-columns: 60% 36%;
    grid-template-areas: "content img";
    column-gap: 20px;
    padding: 25px 20px 25px 20px;
    background-color: #ffffff;
    border-radius: 28px;
}
.action-detail-image {
    grid-area: img;
    max-width: 555px;
    object-fit: cover;

}
.action-detail-image img{
	border-radius: 12px;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

.action-detail-text p {
    font-size: 18px;
}

.action-detail-both{
	clear: both;
}

@media (max-width: 767.97px) {
     .action-detail {
        grid-template-columns: 1fr;
        grid-template-areas:
        "content"
        "img";
        grid-template-rows: auto;
        gap: 25px;
        padding: 5px 20px 5px 20px;
        border-radius: 16px;
    }
.action-detail-image {
        max-width: 100%;
	}
}