/* =============================================================================
   Block: sectoren_slider  (partial/content-sectoren_slider.php)
   Extracted from style.css. Enqueued only when this block is used on the page.
============================================================================= */

.card_grid_layout .card {position: relative;border-radius: 4px;overflow: hidden;width: 280px;display: block;}
.card_grid_layout .card img {display: block;object-fit: cover;width: 100%;aspect-ratio: 280/341;}
.card_grid_layout .card::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 56.73%, rgba(0, 0, 0, 0.52) 100%);}
.card_grid_layout .card .over_lap {position: absolute;left: 0;bottom: 0;padding: 30px 10px;z-index: 1;width: 100%;}
.card_grid_layout .card  h4 {display: flex;justify-content: center;gap: 2px;color: #fff;align-items: center;font-size: 18px;margin-bottom: 0;}
.card_grid_layout .card  h4 .arrow {position: static;transform: unset;}

@media only screen and (min-width:768px) {
    .card_grid_layout .card img {transform: scale(1);transition: 0.4s;}
    .card_grid_layout .card:hover img {transform: scale(1.04);}
}

@media only screen and (max-width:767px) {
    .card_grid_layout .card h4 {font-size: 16px;}
}

@media only screen and (max-width:600px) {
    .card_grid_layout .card {width: 219px;}
    .card_grid_layout .card h4 {font-size: 14px;}
}

.slider_section .card_grid_layout .card {border-radius:8px;}
.slider_section .card_grid_layout .card::after {background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.72) 100%);transition:opacity .4s ease;}
.slider_section .card_grid_layout .card .over_lap {padding:26px 20px;}
.slider_section .card_grid_layout .card h4 {justify-content:flex-start;gap:8px;font-size:17px;line-height:1.25;text-align:left;transition:gap .3s ease;}
.slider_section .card_grid_layout .card:hover h4 {gap:14px;}
.slider_section .card_grid_layout .card::before {content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;z-index:2;background:var(--backgrondColorRed);transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
.slider_section .card_grid_layout .card:hover::before {transform:scaleX(1);}

@media only screen and (max-width:1023px) {
    .slider_section .card_grid_layout .card h4 {font-size:15px;}
}

@media only screen and (max-width:600px) {
    .slider_section .card_grid_layout .card .over_lap {padding:20px 16px;}
}