.cts-hero { position: relative; width: 100%; min-height: 420px; background: url('/wp-content/uploads/2026/03/events-transfers.svg') no-repeat center center; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 80px 0 80px;}
.cts-card { background-color: rgba(255, 248, 240, 0.8); border-radius: 12px; padding: 45px 30px; max-width: 650px; margin: 0 auto; text-align: center; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); }
.cts-card p { font-size: 19px; color: #1e293b; line-height: 1.6; margin-bottom: 30px !important; font-weight: 500; }
.cts-add-ons { position: relative; width: 100%; background-color: #0f172a; color: #ffffff; padding: 18px 0; z-index: 10; }
.cts-add-on-track { display: flex; justify-content: center; gap: 40px; font-weight: 600; font-size: 15px; text-transform: uppercase; letter-spacing: 0.5px; }
.cts-add-on-item i { color: #c9a227; margin-right: 8px; }

.cts-btn-group { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.btn-cts-main { background: #c9a227; color: #000000; padding: 18px 45px; border-radius: 50px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease; text-transform: uppercase; font-size: 16px; border: 2px solid #c9a227; }
.btn-cts-main:hover { background: #0f172a; color: #c9a227 !important; transform: translateY(-3px); }

.btn-cts-outline { background: #0f172a; color: #ffffff !important; padding: 18px 45px; border-radius: 50px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease; text-transform: uppercase; font-size: 16px; border: 2px solid #ffffff; display: flex; align-items: center; gap: 10px; }
.btn-cts-outline:hover { background: #ffffff; color: #0f172a !important; transform: translateY(-3px); }
.cts-footer-note { margin-top: 30px; font-size: 18px; color: #cbd5e1; letter-spacing: 0.5px; opacity: 0.8; }

/* MOBILE FIXES */
@media (max-width: 767px) {
    .cts-hero { padding: 40px 0 40px; min-height: 500px; }
    .cts-card { width: 90%; margin: 0 auto; padding: 25px 15px; }
    .cts-add-on-track { flex-direction: column; gap: 10px; align-items: center; }
    .cts-btn-group { flex-direction: column; align-items: center; gap: 12px; width: 100%;}
    .btn-cts-main, .btn-cts-outline {width: 100%;max-width: 280px; box-sizing: border-box;display: flex;justify-content: center;}}


.quote-cta-section { background: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0.75)), url('/wp-content/uploads/2026/03/bg-footer.webp'); background-size: cover; background-position: center; background-attachment: fixed; padding: 100px 20px; text-align: center; color: #ffffff; }
.quote-container { max-width: 900px; margin: 0 auto; }
.quote-cta-section h2 { font-size: 42px; margin-bottom: 20px; color: #ffffff; font-weight: 400; }
.quote-description { font-size: 20px; line-height: 1.6; color: #e2e8f0; margin-bottom: 40px; font-weight: 400; }
.quote-btn-group { display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
.btn-quote-main { background: #c9a227; color: #000000; padding: 18px 45px; border-radius: 50px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease; text-transform: uppercase; font-size: 16px; border: 2px solid #c9a227; }
.btn-quote-main:hover { background: transparent; color: #c9a227 !important; transform: translateY(-3px); }
.btn-quote-outline { background: transparent; color: #ffffff !important; padding: 18px 45px; border-radius: 50px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease; text-transform: uppercase; font-size: 16px; border: 2px solid #ffffff; display: flex; align-items: center; gap: 10px; }
.btn-quote-outline:hover { background: #ffffff; color: #0f172a !important; transform: translateY(-3px); }
.quote-footer-note { margin-top: 30px; font-size: 18px; color: #cbd5e1; letter-spacing: 0.5px; opacity: 0.8; }
@media (max-width: 767px) { .quote-cta-section { padding: 60px 15px; } .quote-cta-section h2 { font-size: 28px; } .quote-description { font-size: 20px; font-weight: 400; } .btn-quote-main, .btn-quote-outline { width: 100%; justify-content: center; padding: 16px 20px; } }

/* quote end */


