.btn-primary{
    background: linear-gradient(135deg, #0F766E, #EAB308);
}

.btn-outline {
    border: 2px solid rgba(228, 177, 11, 0.4);
}

.btn-outline:hover {
    background: rgba(228, 177, 11, 0.08);
    border-color: #EAB308;
}

.gradient-text {
    background: linear-gradient(135deg, #0F766E, #EAB308);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.cases-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.industries {
    overflow: hidden;
}

.industries .industries-grid{
    display: block;
}

.industries .slick-list{
    margin: 0 -10px;
    padding: 20px 0;
}

.industries .slick-initialized .slick-slide{
    margin: 0 10px;
}

.industries .slick-dots{
    display: flex;
    align-items: center;
    justify-content: center;
}

.industries .slick-dots li{
    margin: 0 3px;
}

.industries .slick-dots button{
    width: 8px;
    height: 8px;
    border: none;
    border-radius: 50%;
    text-indent: -9999px;
    background: #EAB308
}

.industries .slick-dots .slick-active button{
    background: #0F766E
}

.hero-image {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.hero-image .hero-card:nth-child(odd){
    margin-left: 0;
    margin-bottom: 20px;
}

.hero-image .hero-card:nth-child(even){
    margin-left: 100px;
    margin-bottom: 20px;
}

.hero-image .hero-card:nth-child(1){
    animation: float 4s ease-in-out infinite;
}

.hero-image .hero-card:nth-child(2){
    animation: float 6s ease-in-out infinite;
}

.hero-image .hero-card:nth-child(3){
    animation: float 7s ease-in-out infinite;
}

.hero-image .hero-card:nth-child(4){
    animation: float 5s ease-in-out infinite;
}

@media (max-width: 768px) {
    .hero-image {
        display: none;
    }
}

@media (max-width: 1024px) {
    .cases-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}










/* <div class="hero-card">
    <div class="card-header">
        <div class="card-dots">
            <span></span><span></span><span></span>
        </div>
        <span>Новые лиды</span>
    </div>
    <div class="card-content">
        <div class="lead-item">
            <div class="lead-avatar">АК</div>
                <div class="lead-info">
                    <span class="lead-name">Андрей Каримов</span>
                    <span class="lead-company">ООО «МедиаПРО»</span>
                </div>
                <span class="lead-badge hot">Горячий</span>
            </div>
            <div class="lead-item">
                <div class="lead-avatar">АП</div>
                <div class="lead-info">
                    <span class="lead-name">Алина Петрова</span>
                    <span class="lead-company">ИП Петрова</span>
                </div>
                <span class="lead-badge warm">Реферал</span>
            </div>
            <div class="lead-item">
                <div class="lead-avatar">АС</div>
                <div class="lead-info">
                    <span class="lead-name">Александр Сухов</span>
                    <span class="lead-company">Сухов Групп</span>
                </div>
                <span class="lead-badge hot">Горячий</span>
            </div>
            <div class="lead-item">
                <div class="lead-avatar">ГМ</div>
                <div class="lead-info">
                    <span class="lead-name">Генадий Мароз</span>
                    <span class="lead-company">ООО «ТКК»</span>
                </div>
                <span class="lead-badge warm">Реферал</span>
            </div>
        </div>
</div> */