.elementor-9415 .elementor-element.elementor-element-213a454{--display:flex;--min-height:150px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;box-shadow:0px -10px 15px -5px rgba(0, 0, 0, 0.10196078431372549);--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}.elementor-9415 .elementor-element.elementor-element-213a454:not(.elementor-motion-effects-element-type-background), .elementor-9415 .elementor-element.elementor-element-213a454 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://test.salutbutik.com/wp-content/uploads/2024/11/bg-title.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );}.elementor-9415 .elementor-element.elementor-element-919aba2 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:400;text-transform:uppercase;line-height:36px;}.elementor-9415 .elementor-element.elementor-element-02850dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:5%;--padding-left:2%;--padding-right:2%;}@media(max-width:1440px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:1023px){.elementor-9415 .elementor-element.elementor-element-213a454{--min-height:150px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-9415 .elementor-element.elementor-element-213a454{--min-height:100px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-9415 .elementor-element.elementor-element-919aba2 .elementor-heading-title{font-size:28px;}}/* Start custom CSS for shortcode, class: .elementor-element-2fc49ca */.brand-logos {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}

.brand-logo {
    position: relative;
    max-width: 150px;
    margin: 10px;
    transition: transform 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e0e0e0; /* Додає рамку для зображень */
    padding: 10px; /* Відступи навколо зображення */
}

.brand-logo a {
    display: block;
    text-align: center;
    color: inherit;
    text-decoration: none;
}

.brand-logo img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    display: block;
    margin: 0 auto; /* Центрує зображення по горизонталі */
}

.brand-logo:hover {
    transform: scale(1.05);
}

/* Стилізація для підказки */
.brand-name {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s;
}

.brand-logo:hover .brand-name {
    display: block;
    opacity: 1;
    
}

/* Додаткові стилі для підказки */
.brand-name.custom-tooltip {
    background: rgba(255, 255, 255, 0.9); /* Біла підказка */
    color: var(--e-global-color-accent); /* Темний текст */
    border: 1px solid var(--e-global-color-accent); /* Сірий бордер */
    font-size: 14px; /* Розмір тексту */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Тінь */
}

@media (max-width: 480px) {
    .brand-logos {
        gap: 5px;
    }

    .brand-logo {
        max-width: 80px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02850dd */.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    flex-direction: column;
    border: 1px solid #c2a268;
    padding: 25px 0;
    
}

.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 img:hover {
    transform: scale(1.1);
    transition: 0.3s all;
}

@media (max-width: 998px) {
 .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: 23% !important;
         padding: 0;
    }
}


@media (max-width: 767px) {
 .pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
        width: 30% !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://test.salutbutik.com/wp-content/uploads/2024/04/montserrat-regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://test.salutbutik.com/wp-content/uploads/2024/04/montserrat-semibold.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://test.salutbutik.com/wp-content/uploads/2024/04/montserrat-medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */