/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/frontend/components/icon-blocks.css ***!
  \*************************************************************************************************************************************************************************************************/
.event-icons {
    --padding-top: 0;
    --padding-bottom: 0;
    background-color: var(--rb--color--main);
    padding-top: var(--padding-top);
    padding-bottom: var(--padding-bottom);
    position: relative;
    z-index: 100;
}
    
    .event-icons .main-title {
        background-color: rgba(0,0,0,0.15);
        display: grid;
        place-content: center;
        place-items: center;
        height: clamp(65px, 4.9vw, 94px);
        margin-bottom: 1px;
        padding-left: var(--rb--space--16);
        padding-right: var(--rb--space--16);
    }
    
    .event-icons .main-title span {
            text-align: center;
        }
    
    .event-icons .blocks {
        --row-gap: 1px;
        --col-gap: 1px;
        --child-span: span 1;
    }
    
    @media (min-width:768px) and (max-width:991px) {
    
    .event-icons .blocks {
            --cols: 1fr 1fr
    }
            
            .event-icons .blocks > *:last-child {
                --child-span: span 2;
            }
        }
    
    @media (min-width:992px) {
    
    .event-icons .blocks {
            --cols: var(--items)
    }
        }

.icon-block {
    --transform: none;
    --description-opacity: 0;

    aspect-ratio: 16/9;
    background-color: #1b272a;
    display: grid;
    place-items: center;
    text-align: center;
    grid-column: var(--child-span);
}

@media (min-width:992px) {

.icon-block {
        aspect-ratio: unset;
        padding-top: var(--rb--space--34);
        padding-bottom: var(--rb--space--34)
}
    }

@media (min-width:1200px) {

.icon-block {
        aspect-ratio: 355/281;
        padding: 0
}
            .icon-block:has(.description):hover {
                cursor: pointer;
                --description-opacity: 1;
                /* --transform: translateY( calc( clamp(21px, 1.56vw, 30px) * -1 ) ); */
                --transform: translateY(-30px);
            }

        
    }

.icon-block .main {
        position: relative;
        width: 100%;
        -webkit-transform: var(--transform);
            -ms-transform: var(--transform);
                transform: var(--transform);
        -webkit-transition: var(--rb--transition--2);
        transition: var(--rb--transition--2);
    }

.icon-block .img-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

.icon-block picture {
        width: 60px;
    }

.icon-block picture img {
            -o-object-fit: scale-down;
               object-fit: scale-down;
        }

.icon-block .block-title {
        max-width: 80%;
        line-height: 1.34;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
    }

.icon-block .description {
        max-width: 80%;
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
    }

@media (min-width:1200px) {

.icon-block .description {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            
            opacity: var(--description-opacity);
            -webkit-user-select: none;
               -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            -webkit-transition: var(--rb--transition--2);
            transition: var(--rb--transition--2)
    }
        }

.icon-block .description p,.icon-block .description li {
            font-size: var(--rb--font--16);
        }

.icon-block .description a {
            text-decoration: underline;
            font-weight: 700;
        }
/*!******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/frontend/components/reviews-partners.css ***!
  \******************************************************************************************************************************************************************************************************/
.reviews-and-partners {
    gap: var(--space, 2px);
    margin-top: var(--space, 2px);
    position: relative;
}
    
    @media (min-width:992px) {.reviews-and-partners {
        --cols: 1fr 1fr
}
    }
    
    .reviews-and-partners .reviews,
    .reviews-and-partners .partners {
        background-color: var(--bg, #182124);
        --row-gap: var(--rb--space--10);
        padding-top: clamp(21px, 1.56vw, 30px);
        padding-bottom: clamp(28px, 2.08vw, 40px);
        padding-left: clamp(30px, 5.1vw, 98px);
        padding-right: clamp(30px, 5.1vw, 98px);
    }
    
    .reviews-and-partners .reviews h3, .reviews-and-partners .partners h3 {
            text-align: center;
        }
    
    .reviews-and-partners .reviews .data, .reviews-and-partners .partners .data {
            --col-gap: clamp(8px, 0.63vw, 12px);
        }
    
    .reviews-and-partners .reviews .logo, .reviews-and-partners .partners .logo {
            padding-right: var(--col-gap);
            border-right: 1px solid currentColor;
        }
    
    .reviews-and-partners .reviews .logo img, .reviews-and-partners .partners .logo img {
                height: clamp(18px, 1.41vw, 27px);
                width: auto;
                pointer-events: none;
            }
    
    .reviews-and-partners .reviews .stars img, .reviews-and-partners .partners .stars img {
                height: clamp(15px, 1.15vw, 22px);
                width: auto;
                pointer-events: none;
            }
    
    .reviews-and-partners .reviews .rating, .reviews-and-partners .partners .rating {
            font-size: var(--rb--font--17);
            -webkit-transform: translateY(2px);
                -ms-transform: translateY(2px);
                    transform: translateY(2px);
        }
    
    .reviews-and-partners .reviews .rating span, .reviews-and-partners .partners .rating span {
                opacity: .6;
            }
    
    .reviews-and-partners .reviews .partner-logo, .reviews-and-partners .partners .partner-logo {
            -ms-flex-negative: 1;
                flex-shrink: 1;
            min-width: 0;
        }
    
    .reviews-and-partners .reviews .partner-logo.square, .reviews-and-partners .partners .partner-logo.square {
                aspect-ratio: 1;
                -o-object-fit: cover;
                   object-fit: cover;
            }
    
    .reviews-and-partners .link {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin-top: 5px;
        text-decoration: underline;
        font-size: var(--rb--font--17);
    }
    
    .reviews-and-partners .link.no-margin {
            margin-top: 0;
        }
    
    .reviews-and-partners .logos {
        --col-gap: var(--rb--space--14);
    }
    
    .reviews-and-partners + .btn-wrapper {
        margin-top: var(--rb--space--34);
    }
    
    @media (min-width:768px) {
    
    .reviews-and-partners + .btn-wrapper.homepage {
                display: none
        }
            }
/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/css/frontend/components/acf-flexible-content/icon_blocks.css ***!
  \**********************************************************************************************************************************************************************************************************************/
.icon-blocks .main-title {
        height: auto;
        padding-top: var(--rb--space--43);
        padding-bottom: var(--rb--space--43);
    }

.icon-blocks .main-title .content {
            text-align: center;
        }

@media (min-width:768px) {

.icon-blocks .main-title .content {
                width: clamp(640px, 47.81vw, 918px)
        }
            }

.reviews-and-partners {
    --bg: #1d2a2d;
}