/* Pricing helpers — primary tokens from design-tokens.css */

:root {
    --primary: var(--color-primary);
    --secondary: var(--color-secondary);
}

.text-primary {
    color: var(--primary);
}

.border-primary {
    border-color: var(--primary);
}

.bg-primary {
    background-color: var(--primary);
}

.text-secondary {
    color: var(--secondary);
}

.bg-secondary {
    background-color: var(--secondary);
}

.border-secondary {
    border-color: var(--secondary);
}

.diagonal-bg-price {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/banner-bg.png) no-repeat right top;
    background-size: contain;
}

@media (min-width: 1280px) and (max-width: 1820px) {
    .diagonal-bg-price {
        height: 86%;
    }
}


/* @media screen and (max-width:1024px) {
    .hero-title {
       color: var(--secondary); 
    }
} */

.bg-gradient-priamty {
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
}

.bg-gradient-priamty:hover {
    background: #262261;
    background: linear-gradient(0deg, rgba(38, 34, 97, 1) 0%, rgba(71, 64, 172, 1) 100%);
}

.bg-gradient-priamty:hover .bg-gradient-priamty-h2 {
    color: #fff;
}

.year1_price {
    background-color: var(--color-secondary);
}

.year1_price:hover {
    background-color: var(--color-primary);
}

.year1_price:hover~.year2_price {
    background-color: var(--color-secondary);
}

.year2_price {
    background-color: var(--color-primary);
}


/* .year2_price:hover {
    background-color: var(--color-secondary);
}

.year2_price:hover~.year1_price {
    background-color: var(--color-primary) !important;
} */
 .btn-secondary-hover:hover{
    background: #fff !important;
    color: #262261 !important ;
}