/* ================================================================
   FOV Professional — custom.css
   Mevcut stil dosyalarını bozmadan tasarımı yenileyen override'lar.
   Bebas Neue + Cormorant Garamond · Kırmızı / Siyah / Krem tema
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');

:root {
    --red:    #c0392b;
    --red2:   #e74c3c;
    --black:  #0a0a0a;
    --dark:   #111111;
    --dark2:  #181818;
    --cream:  #f0ebe3;
    --cream2: #e8e0d5;
    --muted:  rgba(240,235,227,0.45);
    --bebas:  'Bebas Neue', sans-serif;
    --serif:  'Cormorant Garamond', serif;
    --sans:   'Inter', sans-serif;
}

/* ===== 1. GENEL ===== */
html, body {
    background: var(--black) !important;
    color: var(--cream) !important;
    font-family: var(--sans) !important;
    font-weight: 300 !important;
}
::-webkit-scrollbar { width: 3px }
::-webkit-scrollbar-track { background: var(--black) }
::-webkit-scrollbar-thumb { background: var(--red) }
body.barber_version { overflow-x: hidden }
h1,h2,h3,h4,h5,h6 { color: var(--cream) !important; font-family: var(--serif) !important }
#preloader { background: var(--black) !important }
#preloader .loading { color: var(--cream) !important }

/* ===== 2. NAVBAR ===== */
.top-add { display: none !important }

/* style.css'teki tüm navbar kurallarını ezip geç */
.top-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important;
    background: rgba(10,10,10,0.97) !important;
    border-bottom: 1px solid rgba(192,57,43,0.2) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}
.top-navbar .navbar,
.top-navbar nav {
    background: transparent !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
    padding: 8px 0 !important;
    min-height: 64px !important;
}

/* Logo */
.top-navbar .navbar-brand { padding: 0 !important; flex-shrink: 0 !important; font-family: inherit !important; }
.top-navbar .navbar-brand img { max-height: 44px !important; width: auto !important; display: block !important; }

/* style.css nav-item siyah arka planını sil */
.top-navbar .navbar-light .navbar-nav .nav-item,
.top-navbar .navbar-nav .nav-item {
    background: transparent !important;
    position: relative !important;
    z-index: 0 !important;
}

/* style.css ::after kuralını sıfırla */
.top-navbar .navbar-light .navbar-nav .nav-link::after,
.top-navbar .navbar-nav .nav-link::after {
    content: '' !important;
    background: transparent !important;
    width: 0 !important;
    height: 1px !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    z-index: 1 !important;
    background: var(--red) !important;
    transform: scaleX(0) !important;
    transition: transform .22s ease !important;
    transform-origin: center !important;
}

/* Nav link */
.top-navbar .navbar-light .navbar-nav .nav-link,
.top-navbar .navbar-nav .nav-link {
    font-family: var(--sans) !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    color: rgba(240,235,227,.45) !important;
    padding: 8px 16px !important;
    transition: color .2s !important;
    position: relative !important;
    white-space: nowrap !important;
    background: transparent !important;
}
.top-navbar .navbar-light .navbar-nav .nav-link:hover,
.top-navbar .navbar-nav .nav-link:hover {
    color: var(--cream) !important;
    background: transparent !important;
}
.top-navbar .navbar-light .navbar-nav .nav-link:hover::after,
.top-navbar .navbar-nav .nav-link:hover::after {
    transform: scaleX(1) !important;
    width: auto !important;
    height: 1px !important;
    background: var(--red) !important;
}
.top-navbar .navbar-light .navbar-nav .nav-item.active .nav-link {
    font-weight: 400 !important;
    color: var(--cream) !important;
}

/* Sağ butonlar */
.appointment-btn {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.appointment-btn a.icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(240,235,227,.07) !important;
    border: 1px solid rgba(240,235,227,.15) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: rgba(240,235,227,.6) !important;
    font-size: 14px !important;
    transition: all .2s !important;
    text-decoration: none !important;
}
.appointment-btn a.icon-btn:hover {
    background: rgba(240,235,227,.14) !important;
    border-color: rgba(240,235,227,.35) !important;
    color: #fff !important;
}
.appointment-btn a.icon-btn.whatsapp {
    background: linear-gradient(135deg, #2de370, #1aa94f) !important;
    border-color: transparent !important;
    color: #fff !important;
}
.appointment-btn a.icon-btn.whatsapp:hover {
    background: linear-gradient(135deg, #3df07e, #1fba58) !important;
}

/* Hamburger — style.css siyah arka planını ezip geç */
.navbar-light .navbar-toggler,
.navbar-toggler {
    border: 1px solid rgba(240,235,227,.25) !important;
    border-radius: 0 !important;
    padding: 8px 10px !important;
    background: transparent !important;
    box-shadow: none !important;
    margin-left: auto !important;
}
.navbar-toggler .icon-bar {
    display: block !important;
    width: 20px !important;
    height: 1.5px !important;
    background: rgba(240,235,227,.8) !important;
    margin: 5px 0 !important;
    border-radius: 0 !important;
    transition: all .25s ease !important;
}
.navbar-toggler .icon-bar:hover { background: #fff !important; }
.navbar-toggler:not(.collapsed) .top-bar { transform: translateY(6.5px) rotate(45deg) !important; }
.navbar-toggler:not(.collapsed) .middle-bar { opacity: 0 !important; }
.navbar-toggler:not(.collapsed) .bottom-bar { transform: translateY(-6.5px) rotate(-45deg) !important; }

/* Mobil */
@media (max-width: 991px) {
    .top-navbar .navbar-brand { flex: 1 !important; }
    .top-navbar .navbar-brand img { max-height: 36px !important; }
    #navbars-rs-food {
        background: rgba(10,10,10,.98) !important;
        border-top: 1px solid rgba(240,235,227,.06) !important;
        padding: 8px 0 16px !important;
        flex-basis: 100% !important;
        order: 3 !important;
    }
    .top-navbar .navbar-light .navbar-nav .nav-item,
    .top-navbar .navbar-nav .nav-item { width: 100% !important; }
    .top-navbar .navbar-light .navbar-nav .nav-link,
    .top-navbar .navbar-nav .nav-link {
        padding: 12px 16px !important;
        border-bottom: 1px solid rgba(240,235,227,.05) !important;
    }
    .top-navbar .navbar-light .navbar-nav .nav-link::after,
    .top-navbar .navbar-nav .nav-link::after { display: none !important; }
    .top-navbar .navbar-light .navbar-nav .nav-link:hover,
    .top-navbar .navbar-nav .nav-link:hover { background: rgba(255,255,255,.04) !important; }
    .appointment-btn { margin: 12px 16px 0 !important; width: calc(100% - 32px) !important; }
    .appointment-btn a.icon-btn { flex: 1 !important; width: auto !important; padding: 0 16px !important; height: 40px !important; }
}

/* ===== 3. HERO SLIDER ===== */
#home { background: var(--black) !important }
.item.slider { height: 100vh !important; min-height: 600px !important; position: relative }
.item.slider::before {
    content: '' !important; position: absolute !important; inset: 0 !important;
    background: linear-gradient(110deg,rgba(10,10,10,.88) 0%,rgba(10,10,10,.45) 55%,rgba(10,10,10,.65) 100%) !important;
    z-index: 1 !important;
}
.display-table { height: 100vh !important }
.display-table-cell { vertical-align: flex-end !important; padding: 0 6vw 100px !important; text-align: left !important }
.home-hero .big-tagline h2 {
    font-family: var(--bebas) !important;
    font-size: clamp(4rem,11vw,11rem) !important;
    line-height: .9 !important;
    letter-spacing: .03em !important;
    color: var(--cream) !important;
    padding: 0 0 12px !important;
}
.home-hero .big-tagline p {
    font-family: var(--serif) !important;
    font-style: italic !important;
    font-size: clamp(.8rem,1.1vw,.95rem) !important;
    color: rgba(240,235,227,.6) !important;
    padding: 0 0 40px !important;
    max-width: 480px !important;
}

/* Hero butonlar */
.hero-buttons { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important }
.hero-buttons .effect-1::after { display: none !important }

/* 3 buton da aynı — outline */
.hero-buttons a {
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--sans) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    transition: background .25s, border-color .25s, color .25s, transform .2s !important;
    text-decoration: none !important;
    padding: 14px 26px !important;
    background: transparent !important;
    color: var(--cream) !important;
    border: 1px solid rgba(240,235,227,.4) !important;
    white-space: nowrap !important;
}
.hero-buttons a i { font-size: 14px !important; line-height: 1 !important; flex-shrink: 0 !important; }
.hero-buttons a:hover {
    background: rgba(240,235,227,.1) !important;
    border-color: var(--cream) !important;
    color: var(--cream) !important;
    transform: translateY(-2px) !important;
}

/* Randevu Al — kırmızı gradient */
.hero-buttons a[href^="tel"] {
    background: linear-gradient(135deg, #c0392b 0%, #8b1a10 50%, #1a0a0a 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(192,57,43,.6) !important;
    box-shadow: 0 4px 20px rgba(192,57,43,.4) !important;
    padding: 15px 32px !important;
}
.hero-buttons a[href^="tel"]:hover {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 40%, #2c1a1a 100%) !important;
    border-color: rgba(231,76,60,.8) !important;
    box-shadow: 0 8px 28px rgba(192,57,43,.55) !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
}

@media (max-width: 575px) {
    .hero-buttons { flex-direction: column !important; align-items: flex-start !important }
    .hero-buttons a { width: 100% !important; max-width: 300px !important }
    .home-hero .big-tagline h2 { font-size: clamp(3rem,16vw,6rem) !important }
    .display-table-cell { padding: 0 6vw 80px !important }
}

/* ===== 4. SECTION GENEL ===== */
.section { padding: 90px 0 !important }
.section.wb { background-color: var(--dark) !important }
.section.lb { background-color: var(--dark2) !important }
.section.db { background-color: var(--black) !important }
.section-title h3 {
    font-family: var(--bebas) !important;
    font-size: clamp(2.5rem,6vw,5.5rem) !important;
    line-height: .9 !important; font-weight: 400 !important;
    color: var(--cream) !important;
    padding: 0 0 8px !important; margin: 0 0 16px !important;
    letter-spacing: .04em !important;
}
.section-title p, .section-title small {
    font-family: var(--serif) !important; font-style: italic !important;
    font-size: 1rem !important; color: rgba(240,235,227,.45) !important;
}
.section-title::before {
    content: ''; display: block; width: 36px; height: 2px;
    background: var(--red); margin: 0 auto 16px;
}
hr.hr1 { border: none !important; border-top: 1px solid rgba(240,235,227,.07) !important; margin: 60px 0 !important }

/* ===== 5. GALERİ (portfolio.php) ===== */
#portfolio { padding-top: 80px !important }
.owl-services .service-widget { position: relative; overflow: hidden }
.owl-services .service-widget .post-media img {
    width: 100% !important; height: 280px !important; object-fit: cover !important;
    transition: transform .7s ease, filter .4s !important;
    filter: brightness(.8) !important; display: block;
}
.owl-services .service-widget:hover .post-media img { transform: scale(1.06) !important; filter: brightness(1) !important }
.dit-box {
    background: linear-gradient(to top,rgba(10,10,10,.9),rgba(10,10,10,.4)) !important;
    padding: 16px 14px !important; position: absolute !important;
    bottom: 0 !important; left: 0 !important; right: 0 !important;
}
.dit-box h3 {
    font-family: var(--serif) !important; font-style: italic !important;
    font-size: .95rem !important; color: var(--cream) !important;
    padding: 0 !important; margin: 0 !important; font-weight: 300 !important;
}

/* ===== 6. MARKALAR (client.php) ===== */
#clients { background: var(--dark) !important; padding: 80px 0 !important }
#clients .section-title h3 { font-family: var(--bebas) !important; font-size: 2.8rem !important; letter-spacing: .08em !important; color: var(--cream) !important }

.fov-brand-box {
    border: 1px solid rgba(240,235,227,.08);
    background: #111111;
    padding: 22px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 110px;
    box-shadow: 0 4px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.03);
    transition: background .3s, border-color .3s, box-shadow .3s;
}
.fov-brand-box:hover {
    background: #1a1a1a;
    border-color: rgba(240,235,227,.18);
    box-shadow: 0 8px 32px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);
}
.fov-brand-img {
    width: auto !important; max-width: 160px !important; max-height: 64px !important;
    object-fit: contain !important; display: block !important; margin: 0 auto !important;
    filter: brightness(0) invert(1) opacity(.35) !important;
    transition: filter .35s ease !important;
}
.fov-brand-box:hover .fov-brand-img { filter: brightness(0) invert(1) opacity(.85) !important }
#clients .col-lg-3, #clients .col-md-4, #clients .col-sm-6, #clients .col-6 { padding: 3px !important }
@media (max-width: 767px) {
    .fov-brand-img { max-width: 110px !important; max-height: 44px !important }
    .fov-brand-box { min-height: 100px; padding: 20px 14px; }
}

/* ===== 7. GÖRÜŞLER (testimonials.php) ===== */
#testimonials { background-color: var(--black) !important; background-attachment: scroll !important }

.testimonial { padding: 8px !important }
.testimonial .desc {
    background: var(--dark2) !important;
    border: 1px solid rgba(240,235,227,.07) !important;
    border-left: 2px solid var(--red) !important;
    padding: 28px 24px 20px !important;
    border-radius: 0 !important; text-align: left !important;
    transition: background .3s, transform .3s !important;
    position: relative !important;
}
.testimonial .desc::before {
    content: '\201C' !important; position: absolute !important;
    top: 12px !important; right: 20px !important;
    font-family: Georgia, serif !important; font-size: 4rem !important;
    line-height: 1 !important; color: rgba(192,57,43,.2) !important;
    pointer-events: none !important;
}
.testimonial:hover .desc { background: rgba(192,57,43,.06) !important; transform: translateX(4px) !important }
.testimonial .lead {
    font-family: var(--sans) !important; font-style: normal !important;
    font-size: .95rem !important; font-weight: 300 !important;
    line-height: 1.85 !important; color: rgba(240,235,227,.75) !important;
    margin: 0 !important; letter-spacing: .01em !important;
}
.testi-meta {
    padding: 14px 24px 0 !important; text-align: left !important;
    display: flex !important; align-items: center !important; gap: 10px !important;
}
.testi-meta::before {
    content: '' !important; display: block !important;
    width: 24px !important; height: 1px !important;
    background: var(--red) !important; flex-shrink: 0 !important;
}
.testimonial h4 {
    font-family: var(--sans) !important; font-size: 12px !important;
    font-weight: 500 !important; letter-spacing: .12em !important;
    text-transform: uppercase !important; color: var(--cream) !important; margin: 0 !important;
}
.testi-carousel .owl-nav .owl-prev i, .testi-carousel .owl-nav .owl-next i { background: var(--red) !important; color: #fff !important }
.testi-carousel .owl-nav .owl-prev:hover i, .testi-carousel .owl-nav .owl-next:hover i { background: var(--red2) !important }
.testi-carousel .owl-item .testimonial,
.testi-carousel .owl-item:nth-child(odd) .testimonial,
.testi-carousel .owl-item:nth-child(even) .testimonial { margin-top: 0 !important; top: 0 !important; transform: translateY(0) !important }
@media (max-width: 767px) {
    .testi-carousel .owl-item:nth-child(odd) .testimonial { margin-top: 0 !important }
    .testi-carousel .owl-item:nth-child(even) .testimonial { margin-top: 0 !important }
}

/* Google Yorum CTA */
.fov-review-cta {
    background: rgba(192,57,43,.06);
    border-top: 1px solid rgba(192,57,43,.15);
    border-bottom: 1px solid rgba(192,57,43,.15);
    padding: 32px 0;
}
.fov-review-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap }
.fov-review-eyebrow { display: block; font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: #c0392b; margin-bottom: 6px }
.fov-review-cta-text p { font-size: 13px; color: rgba(240,235,227,.5); margin: 0; font-style: italic }
.fov-review-btn {
    display: inline-flex; align-items: center; gap: 10px;
    background: #fff; color: #0a0a0a !important;
    padding: 13px 28px; font-size: 10px; font-weight: 600;
    letter-spacing: .18em; text-transform: uppercase;
    text-decoration: none !important; white-space: nowrap;
    transition: background .2s, transform .2s; flex-shrink: 0;
}
.fov-review-btn:hover { background: #f0ebe3; transform: translateY(-2px); color: #0a0a0a !important }
@media (max-width: 575px) {
    .fov-review-cta-inner { flex-direction: column; align-items: flex-start }
    .fov-review-btn { width: 100%; justify-content: center }
}

.map-box { margin-top: 60px }
#map iframe { filter: grayscale(80%) brightness(.65) contrast(1.1) !important; min-height: 340px !important }

/* ===== 8. FOOTER ===== */
.copyrights { background: var(--dark2) !important; border-top: 1px solid rgba(192,57,43,.15) !important; padding: 60px 40px !important }
.footer-thumb h4 { font-family: var(--bebas) !important; font-size: 1.4rem !important; letter-spacing: .1em !important; color: var(--cream) !important; padding-bottom: 20px !important }
.footer-thumb p, .footer-thumb .contact-info p { font-size: 13px !important; color: rgba(240,235,227,.5) !important; line-height: 1.8 !important }
.footer-thumb .contact-info a { color: rgba(240,235,227,.6) !important; border-bottom: 1px solid transparent !important; transition: color .2s, border-color .2s !important }
.footer-thumb .contact-info a:hover { color: var(--cream) !important; border-color: var(--red) !important }
.opening-hours p { color: rgba(240,235,227,.45) !important; font-size: 13px !important }
.opening-hours span { color: var(--cream) !important }
.social-icon li a {
    color: rgba(240,235,227,.35) !important; font-size: 22px !important;
    transition: color .2s !important; border-radius: 0 !important;
    background: transparent !important; -webkit-text-fill-color: currentColor !important;
}
.social-icon li a:hover { color: var(--cream) !important; background: transparent !important; -webkit-text-fill-color: currentColor !important }
.social-icon li a.fa-instagram:hover { color: #c32aa3 !important }
.social-icon li a.fa-tiktok:hover { color: var(--cream) !important; background: transparent !important }
.social-icon li a.fa-youtube:hover { color: #ff0000 !important }
.footer-distributed .footer-links a {
    font-size: 10px !important; letter-spacing: .18em !important;
    text-transform: uppercase !important; color: rgba(240,235,227,.35) !important;
    transition: color .2s !important; padding: 0 12px !important;
    border-right: 1px solid rgba(240,235,227,.1) !important;
}
.footer-distributed .footer-links a:last-child { border-right: none !important }
.footer-distributed .footer-links a:hover { color: var(--red) !important }
.footer-distributed .footer-company-name { font-size: 11px !important; color: rgba(240,235,227,.2) !important; margin-top: 12px !important }
.dmtop { background: var(--red) !important; border-radius: 0 !important; width: 44px !important; height: 44px !important; line-height: 44px !important; font-size: 20px !important; right: 32px !important; color: #fff !important }
.dmtop:hover { background: var(--red2) !important }

/* ===== 9. PAGE BAR ===== */
.all-page-bar { background: var(--dark2) !important; border-bottom: 1px solid rgba(240,235,227,.06) !important; padding: 60px 0 !important }
.all-page-bar .title h1 { font-family: var(--bebas) !important; font-size: clamp(2.5rem,6vw,5rem) !important; color: var(--cream) !important; letter-spacing: .06em !important }
.breadcrumb { background: transparent !important; padding: 0 !important; margin-top: 12px !important }
.breadcrumb li, .breadcrumb a { color: rgba(240,235,227,.4) !important; font-size: 11px !important; letter-spacing: .12em !important; text-transform: uppercase !important }
.breadcrumb a:hover { color: var(--red) !important }
.breadcrumb .active { color: var(--cream) !important }

/* ===== 10. HAKKIMIZDA ===== */
.about-tab .nav-pills { border: 1px solid rgba(240,235,227,.08) !important; background: var(--dark) !important; border-radius: 0 !important }
.about-tab .nav-pills > li > a { background: transparent !important; color: rgba(240,235,227,.45) !important; font-family: var(--sans) !important; font-size: 11px !important; letter-spacing: .18em !important; text-transform: uppercase !important; border-radius: 0 !important; border: none !important; padding: 14px 20px !important; transition: color .2s, background .2s !important }
.about-tab .nav-pills > li > a:hover { color: var(--cream) !important; background: rgba(240,235,227,.05) !important }
.about-tab .nav-pills > li > a.active { background: var(--red) !important; color: #fff !important; border: none !important }
.about-tab .tab-content > .tab-pane { background: var(--dark2) !important; padding: 28px 24px !important; color: rgba(240,235,227,.7) !important; font-size: 14px !important; line-height: 1.8 !important }

/* ===== 11. İLETİŞİM FORMU ===== */
#contact { background: var(--black) !important }
.contact_form { background: var(--dark2) !important; border: 1px solid rgba(240,235,227,.07) !important; box-shadow: none !important; padding: 40px 32px !important; border-radius: 0 !important }
.contact_form .form-control { background: var(--dark) !important; border: 1px solid rgba(240,235,227,.1) !important; border-radius: 0 !important; color: var(--cream) !important; font-family: var(--sans) !important; font-size: 13px !important; height: 50px !important; box-shadow: none !important }
.contact_form .form-control:focus { border-color: var(--red) !important; box-shadow: none !important }
.contact_form textarea.form-control { height: 130px !important }
.contact_form .form-control::placeholder { color: rgba(240,235,227,.25) !important }
.contact_form .btn.subt { background: var(--red) !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-family: var(--sans) !important; font-size: 11px !important; letter-spacing: .2em !important; text-transform: uppercase !important; padding: 14px 40px !important; width: 100% !important; transition: background .25s !important }
.contact_form .btn.subt:hover { background: var(--red2) !important }

/* ===== 12. TAKIM ===== */
#barbers { background: var(--dark) !important }
.team-box .widget-title h3 { font-family: var(--serif) !important; font-size: 1.3rem !important; font-weight: 400 !important; color: var(--cream) !important }
.team-box .widget-title small { font-size: 10px !important; letter-spacing: .18em !important; text-transform: uppercase !important; color: var(--red) !important }
.team-box p { color: rgba(240,235,227,.55) !important; font-size: 13px !important }

/* ===== 13. HİZMETLER + FİYATLANDIRMA ===== */
#services { background: var(--dark) !important }
.service-wrap { background: var(--dark2) !important; border: 1px solid rgba(240,235,227,.06) !important; border-radius: 0 !important; box-shadow: none !important }
.service-wrap h4 { color: var(--cream) !important }
.service-wrap p { color: rgba(240,235,227,.5) !important }
#pricing { background: var(--black) !important }
#pricing .card { background: var(--dark2) !important; border: 1px solid rgba(240,235,227,.07) !important; border-radius: 0 !important }
#pricing .card-title { font-family: var(--bebas) !important; font-size: 1.6rem !important; letter-spacing: .06em !important; color: var(--cream) !important }
#pricing .line-pricing h5 { color: rgba(240,235,227,.5) !important }
#pricing .line-pricing a { font-family: var(--bebas) !important; font-size: 1.4rem !important; color: var(--red) !important }