.category-folda-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 40px;
    margin: 100px 0px 120px;
}

.page-template-case-studies-category-template .category-folda-wrapper {
    margin: 50px 0px 0px;
}

.category-folda-item {
    flex: 0 0 calc(50% - 20px);
    position: relative;
    display: flex;
}



.fold3b-header-title > p:last-child {
    margin: 0px;
}

.case-study-slider-c-splide-item:hover .case-study-slider-c-splide-item-background {
    transition: all 760ms ease;
}

.category-folda-item a {
    color: white;
}

.category-folda-item-content-header {
    padding: 64px 40px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.category-folda-item-background {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.category-folda-item-logo {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: #ffffff;
    padding: 20px;
    border-radius: 15px;
    transition: all 500ms ease;
}

.category-folda-item-background::before {
    content: '';
    background: #000000b8;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 500ms ease;
}

.category-folda {
    position: relative;
}

.case-study-slider-c-splide-item-content-readmore {
    margin: 40px 0px 0px;
}

.case-study-slider-c-splide-item-content-readmore {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

.case-study-slider-c-splide-item-content-readmore .readmore {
    width: 100%;
    text-align: left;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 20px 30px;
    background: var(--primary-color1);
    color: white;
    border: none;
}

.case-study-slider-c-splide-item-content-readmore::before,
.case-study-slider-c-splide-item-content-readmore::after {
    content: '';
    background-image: url('/wp-content/uploads/2026/03/whiteright-arrow.png');
    position: absolute;
    bottom: 18px;
    right: 20px;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    opacity:1;
    transition:all 500ms ease;
    z-index:3;
}

.case-study-slider-c-splide-item-content-readmore .readmore:hover {
    color: var(--primary-color1);
}

.case-study-slider-c-splide-item-content-readmore:hover::before{
    opacity:0;
}
.case-study-slider-c-splide-item-content-readmore::after {
    background-image:url('/wp-content/uploads/2026/03/greenarrowright.png');
    opacity:0;
}
.case-study-slider-c-splide-item-content-readmore:hover::after{
    opacity:1;
}

.category-folda::before {
    content: '';
    background-image: url(/wp-content/uploads/2026/01/refood-triangles.png);
    position: absolute;
    top: -100px;
    left: 0%;
    width: 100%;
    height: 100%;
    background-size: contain;
    mix-blend-mode: overlay;
    opacity: .25;
    background-repeat: no-repeat;
    pointer-events: none;
}

.category-folda-item-logo img {
    max-width: 180px;
    max-height: 60px;
}

.category-folda-item a {
    display: flex;
}

.category-folda-item-content {
    position: relative;
    transition: all 500ms ease;
    opacity: 0;
    display: flex;
    flex-direction: column;
}

.category-folda-item:hover .category-folda-item-content {
    opacity: 1;
}

.category-folda-item:hover .category-folda-item-logo {
    opacity: 0;
}

.category-folda-item:hover .category-folda-item-background::before {
    opacity: 1;
}

.category-folda-item-content-header .subtitle {
    margin: 0px 0px 32px;
    color: var(--primary-color1);
}

.category-folda-item-content-header p:nth-of-type(2) {
    flex: 1;
    margin: 0px 0px 20px;
}

.category-folda-item-content-header p:last-child {
    margin: 20px 0px 0px;
    color: var(--third-color1);
}

/*== == == Case Studies == == ==*/

.case-study-slider-c-splide-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin: 0px 10px;
}

.case-study-slider-c-splide-item-background {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 66%;
    height: 100%;
}

.case-study-slider-c-fold-header {
    padding: 0px 0px 60px;
}

form#country-filter-form > div {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.case-study-slider-c {
}

.case-study-slider-c-splide-item-background img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.case-study-slider-c-splide-item-content {
    position: relative;
    width: 100%;
    z-index: 5;
    display: flex;
}

.module-fold-bb-item:hover {
    box-shadow: 0px 0px 25px 10px #0000004f;
}

.module-fold-bb-item a {
    overflow: hidden;
    border-radius: 15px;
    display: block;
}

.module-fold-bb-item:hover .module-fold-bb-item-content::before {
    transform: scale(1);
}

.splide .case-study-slider-c-splide-item {
    transform: scale(1);
    margin: 0px 20px;
}



.case-study-slider-c-splide-item-content-img {
    position: relative;
    margin-top: 0px;
    box-shadow: 0px 0px 20px -10px #00000082;
    width: fit-content;
}

.case-study-slider-c-splide-item-content-img picture {
    display:flex;
    border-radius:0px 0px 15px 15px;
}

.case-study-slider-c-splide-item-content-padding {
    padding: 48px 32px 48px 100px;
    height: 22vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 20px;
}

.case-study-slider-c-splide-item-content-img img {
    max-width: 400px;
    max-height: 180px;
}

.case-study-slider-c-splide-item {
    width: calc(100% / 3 - 27px);
    margin: 0px;
    display: flex;
}

.case-study-slider-c-splide-item a {
    display:flex;
}

.case-study-flag {
    position: absolute;
    bottom: 30px;
    right: 30px;
    background: white;
    border-radius: 50%;
    padding: 5px;
}

.category-folda-wrapper .case-study-slider-c-splide-item-content::before {
    background: none;
}

.case-study-slider-c-splide-item-background {
    width: 100%;
    background-size: cover;
    transition: all 500ms ease;
}

.case-study-slider-c-splide-item-content-padding {
    padding: 0px 32px 40px 32px;
    height: auto;
    width: auto;
    flex: 1;
    justify-content: space-between;
}

.case-study-slider-c-splide-item-coontent-inner-container {padding: 210px 0px 0px;position: relative;}

.case-study-slider-c-splide-item-content-img img {
    padding: 12px;
    border-radius: 15px;
    max-width: 180px;
    height: 75px;
    object-fit: contain;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.case-study-slider-c-slider {
    margin: 120px 0px;
}

div#case-study-slider-c-splide-track {
    overflow: visible;
    width: calc(100% + 40px);
    left: -20px;
}

.butchers-food-for-pets .case-study-slider-c-splide-item-content::before {
    background: #1C2029;
}
.penguin-random-house .case-study-slider-c-splide-item-content::before {
    background: #FF7000;
}

form#country-filter-form {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

form#country-filter-form :is(select, label) {
    font-size: 18px;
}

form#country-filter-form select {
    padding: 15px;
    background: #ececec;
    border: none;
    border-radius: 15px;
    width: 200px;
}

form#country-filter-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: rem; /* room for the icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23333' d='M1.4.6 6 5.2 10.6.6 12 2 6 8 0 2z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center; /* first value = inset from the edge */
  background-size: 12px 8px;
}

.case-study-filter {
    margin-top: 80px;
}

.case-study-slider-c-splide-item-content-inner .subtitle {margin: 20px 0px 0px;flex: 1;}

.case-study-slider-c-splide-item-content-inner p:not(.subtitle) {
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}

.case-study-slider-c-splide-item-content-inner :is(p, h2) {
    color: white;
}

    /*== === == Case Studies END == == ==*/

@media(min-width:1024px) {

.category-folda-item.animate {
    transform: scale(0.5);
    opacity: 0;
    transition: all 1000ms ease;
}

.category-folda-item.animate.animate-complete {
    transform: scale(1);
    opacity: 1;
    transition: all 1000ms ease;
}
    
}