/*
Theme Name: HubVision Child
Template: hubvision
Version: 1.1.0
*/

@import url("../hubvision/style.css"); /* Це необов'язково, якщо ви правильно підключаєте стилі через functions.php */

/* Додайте свої стилі нижче */


header .vsh-header__desktop{
	background-color: #8361d8;
}

.vsh-header--nav li a {
    color:  #ecfb57!important;
}

 ul.sub-menu.vsh-show {
    background-color: #6C4AC2;
}
li.menu-item-has-children.vsh-has-dropdown a{
    border-bottom: 2px solid #ecfb57;
}

a.vsh-btn.vsh-btn-border {
    border: 2px solid #ecfb57;
    box-shadow: 0px 1px 6px 0px #ecfb57;
    color: #ecfb57;
}

a.vsh-btn.vsh-btn-default {
    color: #000000;
    background-color: #ecfb57;
}

p a {
    color: #AA89FF!important;
}

table {
    -webkit-box-shadow: 0 0 0 2px #ecfb57!important;
    overflow-x: auto;
}
table a {
    color:  #ecfb57!important;
}
table tr td {
    border: 2px solid #ecfb57!important; 
}


blockquote .icon-after .icon-before {
    color: #AA89FF!important;
}

a.vsh-btn.vsh-btn-gradient {
    border-radius: 1px;
    border: 2px solid var(--beton_yellow, #ecfb57);
    background: var(--beton_blue, #6C4AC2);
}

.sch-get-coupon-icon i {
    background: linear-gradient(1turn, #aa89ff, #f7ce4f 107.35%)!important;
}
.swiper-container {
    width: 100%; /* Зробити ширину адаптивною */
    max-width: 100%; /* Запобігти виходу за межі батьківського контейнера */
    overflow: hidden; /* Запобігти переповненню з боку */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    /* Може бути потрібно, щоб дизейн був адаптивним */
    width: 100%; /* Гарантуємо, що кожен слайд займає всю ширину контейнера */
}
.parent-container {
    width: 100%;
    max-width: 1200px; /* або інша ширина, яка підходить для вашого вебсайту */
    margin: 0 auto; /* центрировать контейнер */
    overflow: hidden;
}
.swiper-pagination {
    position: relative!important;}

    a.bonus-button-slider {
        z-index: 2;
        position: relative;
        border-radius: 1px;
border: 2px solid var(--beton_yellow, #6C4AC2);
background: var(--beton_yellow, #6C4AC2);
color: #AA89FF;
    }

    .slider-button {
        position: absolute;
        bottom: 30px;
        left: 70px;
        margin: 0 0 30px 80px;
        padding: 10px 40px;
        text-decoration: none;
        transition: background-color 0.3s ease;

        border-radius: 1px;
border: 2px solid var(--beton_black, #070707);
background: var(--white, #FFF);
    }

    a.slider-button {
        color: #000!important;
        font-family: "Alumni Sans";
        font-size: 20px;
        font-style: italic;
        font-weight: 700;
        line-height: 100%; /* 20px */
        letter-spacing: 0.5px;
    }
    
    .slider-button:hover {
       border: 2px solid #6C4AC2;
    }

    .swiper-container {
        margin-top: 15px;
    }

    #Heading_1 {
        color: #ecfb57;
    }

    #Heading_2 {
        color: #ecfb57;
    }

    #Heading_3 {
        color: #ecfb57;
    }

    .vsh-menu .vsh-has-dropdown>a .dropdown-icon {
        position: static;
        text-align: end;
        margin-left: 5px;
    }

    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
        margin-bottom: 10px;
    }
    .vsh-pls-min {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .vsh-pls-min--items {
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* Вирівнює контент зверху */
        width: 48%; /* Адаптуйте ширину блоків на свій розсуд */
    }
    
    .vsh-pls-min--items__label {
        display: flex;
        align-items: center; /* Для вирівнювання іконки та тексту по центру */
    }
    
    .vsh-pls-min--items__icon {
        margin-right: 10px; /* Додає відступ між іконкою та текстом */
    }
    
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .vsh-pls-min--items.minus {
        align-self: flex-start; /* Вирівнює блок по верхньому краю */
    }
    
    
    @media only screen and (max-width: 1080px) {
        .slider-button {
            position: absolute;
            bottom: 30px;
            left: 70px;
            margin: 0 0 25px 50px;
            padding: 10px 40px;
            text-decoration: none;
        transition: background-color 0.3s ease;

        border-radius: 1px;
border: 2px solid var(--beton_black, #070707);
background: var(--white, #FFF);
        }

        .vsh-header__mobile {
            background-color: #6C4AC2;
        }
    
    }

    @media only screen and (max-width: 1050px) {
        .slider-button {
            position: absolute;
            bottom: 30px;
            left: 50px;
            margin: 0 0 0px 50px;
            padding: 10px 40px;
            text-decoration: none;
        transition: background-color 0.3s ease;

        border-radius: 1px;
border: 2px solid var(--beton_black, #070707);
background: var(--white, #FFF);
        }
    
    }
    @media only screen and (max-width: 850px) {
        .slider-button {
            position: absolute;
            bottom: 25px;
            left: 25px;
            margin: 0px 0 -10px 17px;
           padding: 5px 20px;
           text-decoration: none;
        transition: background-color 0.3s ease;

        border-radius: 1px;
border: 2px solid var(--beton_black, #070707);
background: var(--white, #FFF);
        }
    
    }
    @media only screen and (max-width: 450px) {
        .slider-button {
            position: absolute;
            bottom: 30px;
            left: 50px;
            margin: 0 0 -22px -10px;
            padding: 5px 20px;
            text-decoration: none;
        transition: background-color 0.3s ease;

        border-radius: 1px;
border: 2px solid var(--beton_black, #070707);
background: var(--white, #FFF);
        }
    
        a.slider-button {
            color: #070707!important;
            font-family: "Alumni Sans";
            font-size: 15px;
            font-style: italic;
            font-weight: 700;
            line-height: 100%; /* 20px */
            letter-spacing: 0.5px;
        }
    
    }

    body .vsh-banner.banner {
        box-shadow: 0px 0px 18px 7px rgba(129, 104, 193, 1);
    }
    body .vsh-btn-border:hover {
        background-color: transparent;
    }

    @media only screen and (max-width: 320px) {
        .slider-button {
            position: absolute;
            bottom: 30px;
            left: 50px;
            margin: 0px 0 -23px -35px;
            padding: 1px 3px;
            text-decoration: none;
            transition: background-color 0.3s ease;
    
            border-radius: 1px;
    border: 2px solid var(--beton_black, #070707);
    background: var(--white, #FFF);
        }
    
        a.slider-button {
            color: #070707!important;
            font-family: "Alumni Sans";
            font-size: 15px;
            font-style: italic;
            font-weight: 700;
            line-height: 100%; /* 20px */
            letter-spacing: 0.5px;
        }
    
    }