/*New card*/
.card-item-wrapper { position: relative; min-height: 330px; display: flex; align-items: stretch; justify-content: center; }
.card-item-wrapper > * {width:50%;}
.card-item-wrapper .card-item-text {z-index: 1; position: relative; text-align: center; color: #000; display: flex; flex-direction: column; justify-content: center; align-items: center; background:rgba(255,255,255,.95); padding:30px; margin-left: -20px; transform: translateY(40px); box-shadow: 0 0 5px rgba(0,0,0,.5); margin-bottom: 40px;}
.card-item-wrapper .card-item-text .card-item-title {font-size: 35px; font-weight: 500; line-height: 1.1em; color: #000; z-index: 2; position: relative; margin-bottom: 25px; padding: 0 19%;}
.card-item-wrapper .card-item-text .card-item-abstract {font-size: 20px; font-weight: 300; line-height: 1.2em; color: #000; z-index: 2; position: relative; margin: 0; text-transform: none;}
.card-item-wrapper .card-item-text .card-item-abstract .btn {border-radius: 0; text-transform: uppercase; color: #FFF; display: block; font-size: 0.8em; line-height: 1em; font-weight: 500; background-color: var(--quinary-color); padding: 14px 26px; transition: all 0.3s; width: fit-content; margin-inline:auto;}
.card-item-wrapper .card-item-image-wrapper {margin-right: -20px; box-shadow:inset 0 0 5px rgba(0,0,0,.5); margin-bottom: 40px;}
.card-item-wrapper .card-item-image-wrapper img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/9;}
/*
.card-item-wrapper .card-item-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: -1; }
.card-item-wrapper .card-item-image-wrapper img {filter: brightness(75%); width: 100%; height: 100%; object-fit: cover;}
*/

.card-box-wrapper .card-content:nth-child(even) .card-item-wrapper {flex-direction: row-reverse;}
.card-box-wrapper .card-content:nth-child(even) .card-item-wrapper .card-item-text {margin-left: 0; margin-right: -20px;}
.card-box-wrapper .card-content:nth-child(even) .card-item-wrapper .card-item-image-wrapper {margin-right: 0; margin-left: -20px;}
.card-box-wrapper .card-content:not(:last-child) {margin-bottom: 40px;}

@media (pointer:fine) {
    .card-item-wrapper .card-item-text .btn:hover {background-color: var(--secondary-color);}
}

@media (max-width:1500px) {
    .card-item-wrapper {min-height:unset;}
}

@media (max-width:767px) {
    .card-item-wrapper {padding: 5%;}
    .card-item-wrapper .card-item-text, .card-item-wrapper .card-item-image-wrapper {margin-inline:0 !important;}
    .card-item-wrapper .card-item-text .card-item-title {font-size: 23px; padding: 0 5%;}
    .card-item-wrapper .card-item-text .card-item-abstract {font-size: 16px;}
    .card-item-wrapper .card-item-image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: -1; margin: unset; }
    .card-item-wrapper .card-item-image-wrapper img {filter: brightness(75%); width: 100%; height: 100%; object-fit: cover; }
    .card-item-wrapper .card-item-text {margin: unset; box-shadow: unset; background: unset; transform: unset; width: 100%;}
    .card-item-wrapper .card-item-text .card-item-title,
    .card-item-wrapper .card-item-text .card-item-abstract {color: #fff;}
}

@media (max-width: 480px) {
    .card-item-wrapper .card-item-text .card-item-title {margin-bottom: 15px;}
    .card-item-wrapper .card-item-text .card-item-abstract .btn { font-size: 0.7em; }
}

@media (max-width: 376px) {
    .footer-banner-cnt .footer-banner .footer-banner-txt { font-size: 12px; font-weight: 400; line-height: 1.3em; color: #FFF; z-index: 2; position: relative; margin: 0; text-transform: uppercase; }
}