/* =========================================
   6. CTA SECTION STYLES
   ========================================= */
.cta-section {
    padding: 80px 0;
    background: -webkit-linear-gradient(rgba(14, 77, 86, 0.85), rgba(14, 77, 86, 0.9)), url('../images/cta-bg.jpg') center/cover fixed;
    background: -moz-linear-gradient(rgba(14, 77, 86, 0.85), rgba(14, 77, 86, 0.9)), url('../images/cta-bg.jpg') center/cover fixed;
    background: -o-linear-gradient(rgba(14, 77, 86, 0.85), rgba(14, 77, 86, 0.9)), url('../images/cta-bg.jpg') center/cover fixed;
    background: linear-gradient(rgba(14, 77, 86, 0.85), rgba(14, 77, 86, 0.9)), url('../images/cta-bg.jpg') center/cover fixed;
    color: white; 
    text-align: center; 
    margin-top: 80px;
}

.cta-title { 
    font-family: var(--f-heading); 
    font-size: 2.5rem; 
    margin-bottom: 20px; 
    color: var(--c-white); 
}

.cta-desc { 
    font-size: 1.1rem; 
    margin-bottom: 30px; 
    opacity: 0.9; 
    max-width: 600px; 
    margin-left: auto; 
    margin-right: auto; 
}

.cta-buttons { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    gap: 20px; 
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center; 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}

.btn-cta {
    padding: 15px 35px; 
    border-radius: 50px; 
    font-weight: 700; 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; 
    gap: 10px; 
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    color: white; 
    border: none; 
    font-size: 1rem; 
    text-transform: uppercase;
}

.btn-cta.wa { 
    background: #25D366; 
}

.btn-cta.wa:hover { 
    background: #1ebc57; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3); 
    -moz-box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3); 
    box-shadow: 0 10px 20px rgba(37, 211, 102, 0.3); 
}

.btn-cta.tg { 
    background: #229ED9; 
}

.btn-cta.tg:hover { 
    background: #1f8ebc; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(34, 158, 217, 0.3); 
    -moz-box-shadow: 0 10px 20px rgba(34, 158, 217, 0.3); 
    box-shadow: 0 10px 20px rgba(34, 158, 217, 0.3); 
}

.btn-cta.viber { 
    background: #7360f2; 
}

.btn-cta.viber:hover { 
    background: #5f4dd6; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(115, 96, 242, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(115, 96, 242, 0.3);
    box-shadow: 0 10px 20px rgba(115, 96, 242, 0.3); 
}

.btn-cta.fb { 
    background: #0084ff; 
}

.btn-cta.fb:hover { 
    background: #0073e6; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(0, 132, 255, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(0, 132, 255, 0.3);
    box-shadow: 0 10px 20px rgba(0, 132, 255, 0.3); 
}

.btn-cta.vk { 
    background: #0077FF; 
}

.btn-cta.vk:hover { 
    background: #0066e6; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(0, 119, 255, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(0, 119, 255, 0.3);
    box-shadow: 0 10px 20px rgba(0, 119, 255, 0.3); 
}

.btn-cta.max { 
    background: #FF6B00; 
}

.btn-cta.max:hover { 
    background: #e65f00; 
    -webkit-transform: translateY(-3px); 
    -moz-transform: translateY(-3px); 
    -ms-transform: translateY(-3px); 
    -o-transform: translateY(-3px); 
    transform: translateY(-3px); 
    -webkit-box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3);
    -moz-box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3);
    box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3); 
}