/* BFY Elektrik — bütüncül front renk sistemi
   Referans palet: Lacivert #264653, Turkuaz #2A9D8F,
   Altın #E9C46A, Turuncu #F4A261, Mercan #E76F51 */
:root {
  --bfy-primary: #264653;
  --bfy-secondary: #2A9D8F;
  --bfy-accent: #E9C46A;
  --bfy-orange: #F4A261;
  --bfy-coral: #E76F51;
  --bfy-dark: #193640;
  --bfy-deep: #102C36;
  --bfy-light: #F8F5EE;
  --bfy-surface: #FFFFFF;
  --bfy-mist: #EAF5F2;
  --bfy-sky: #EAF2F4;
  --bfy-text: #405A64;
  --bfy-muted: #71858C;
  --bfy-border: rgba(38,70,83,.14);
  --bfy-shadow: 0 18px 50px rgba(38,70,83,.10);
  --bfy-radius: 16px;
}

html { background: var(--bfy-light); }
body {
  color: var(--bfy-text);
  background: var(--bfy-surface);
  accent-color: var(--bfy-secondary);
}
h1,h2,h3,h4,h5,h6 { color: var(--bfy-primary); }
p { color: var(--bfy-text); }
a { transition: color .22s ease, background-color .22s ease, border-color .22s ease, transform .22s ease; }
a:hover, a:focus { color: var(--bfy-coral); }
::selection { background: var(--bfy-accent); color: var(--bfy-primary); }
:focus-visible { outline: 3px solid rgba(42,157,143,.42); outline-offset: 3px; }

/* Header */
.wpo-site-header .navigation {
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--bfy-border);
  box-shadow: 0 8px 30px rgba(38,70,83,.06);
}
.wpo-site-header .navbar-header .navbar-brand {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 0;
}
.wpo-site-header .navbar-header .navbar-brand img {
  display: block;
  width: auto;
  height: auto;
  max-width: 250px;
  max-height: 72px;
  object-fit: contain;
}
.wpo-site-header #navbar > ul > li > a { color: var(--bfy-primary); font-weight: 600; }
.wpo-site-header #navbar > ul > li > a:hover,
.wpo-site-header #navbar > ul > li > a:focus,
.wpo-site-header #navbar > ul > li > a.active { color: var(--bfy-secondary); }
.wpo-site-header #navbar > ul > li > a::before,
.wpo-site-header #navbar > ul > li .sub-menu a::after { background: var(--bfy-orange); }
.wpo-site-header #navbar > ul > li .sub-menu {
  border-top: 3px solid var(--bfy-secondary);
  border-radius: 0 0 14px 14px;
  box-shadow: var(--bfy-shadow);
}
.wpo-site-header #navbar > ul > li .sub-menu a { color: var(--bfy-primary); }
.wpo-site-header #navbar > ul > li .sub-menu a:hover { color: var(--bfy-secondary); background: var(--bfy-mist); }
.wpo-site-header .mobail-menu button,
.wpo-site-header .menu-close { background: var(--bfy-secondary); color:#fff; }
.wpo-site-header .mobail-menu button:hover,
.wpo-site-header .menu-close:hover { background: var(--bfy-coral); }
.sticky-header { box-shadow: 0 12px 34px rgba(38,70,83,.13); }

/* Buttons */
.theme-btn,
.wpo-booking-section .wpo-contact-form-area .theme-btn {
  background: var(--bfy-secondary) !important;
  color: #fff !important;
  border-color: var(--bfy-secondary) !important;
  box-shadow: 0 12px 26px rgba(42,157,143,.22);
  border-radius: var(--bfy-radius);
}
.theme-btn-s2 {
  background: var(--bfy-coral) !important;
  color: #fff !important;
  border-color: var(--bfy-coral) !important;
  box-shadow: 0 12px 28px rgba(231,111,81,.22);
  border-radius: var(--bfy-radius);
}
.theme-btn::after,
.theme-btn-s2::after { background: var(--bfy-primary) !important; }
.theme-btn:hover,
.theme-btn-s2:hover { color: #fff !important; transform: translateY(-2px); }
.theme-btn-s3 { color: var(--bfy-primary) !important; }
.theme-btn-s3::before, .theme-btn-s3::after { background: var(--bfy-accent) !important; }
.theme-btn-s3:hover { color: var(--bfy-coral) !important; }

/* Hero */
.wpo-hero-section { background-color: var(--bfy-light); }
.wpo-hero-section::before {
  background: linear-gradient(258deg, rgba(248,245,238,0) 24%, rgba(248,245,238,.46) 39%, rgba(248,245,238,.88) 56%, var(--bfy-light) 72%, var(--bfy-light) 100%) !important;
}
.wpo-hero-section .hero-wapper .hero-content .hero-title span {
  color: var(--bfy-secondary) !important;
  letter-spacing: .08em;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 { color: var(--bfy-primary) !important; }
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 span { color: var(--bfy-coral) !important; }
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title p { color: var(--bfy-text); }
.wpo-hero-section .hero-wapper .hero-side-left .hero-side-left-items ul li a { color: var(--bfy-primary); }
.wpo-hero-section .hero-wapper .hero-side-left .hero-side-left-items ul li a:hover { color: var(--bfy-secondary); }
.wpo-hero-section .hero-content-shape svg path { stroke: rgba(42,157,143,.28); }

/* Shared section language */
.wpo-section-title span,
.wpo-section-title-s2 span,
.wpo-about-section .about-title-left span,
.wpo-about-section-s3 .about-title-right span,
.wpo-blog-section-s2 .blog-card .content .text span {
  color: var(--bfy-secondary) !important;
}
.wpo-section-title h2,
.wpo-section-title-s2 h2 { color: var(--bfy-primary); }
.wpo-about-section,
.wpo-feature-section,
.wpo-project-section,
.wpo-faq-section,
.wpo-blog-section { background: var(--bfy-surface); }
.wpo-history-section,
.wpo-testimonial-section,
.front-home-areas { background: var(--bfy-light); }

/* About */
.wpo-about-section .about-wrap .about-items,
.wpo-about-section .about-wrap .about-items .about-text {
  border-color: var(--bfy-border);
}
.wpo-about-section .about-wrap .about-items .icon,
.wpo-about-section .about-wrap .about-items:nth-child(odd) .icon { background: var(--bfy-mist); }
.wpo-about-section .about-wrap .about-items:nth-child(even) .icon { background: rgba(233,196,106,.24); }
.wpo-about-section .about-wrap .about-items:hover { box-shadow: var(--bfy-shadow); border-color: rgba(42,157,143,.35); }

/* Services */
.wpo-service-section {
  background: linear-gradient(145deg, var(--bfy-primary) 0%, var(--bfy-dark) 72%, var(--bfy-deep) 100%) !important;
}
.wpo-service-section .wpo-section-title span { color: var(--bfy-accent) !important; }
.wpo-service-section .service-wrap .service-items {
  color: var(--bfy-primary);
  background: #fff;
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 14px 35px rgba(0,0,0,.12);
}
.wpo-service-section .service-wrap .service-items:nth-child(4n+1) { border-bottom: 5px solid var(--bfy-secondary); }
.wpo-service-section .service-wrap .service-items:nth-child(4n+2) { border-bottom: 5px solid var(--bfy-accent); }
.wpo-service-section .service-wrap .service-items:nth-child(4n+3) { border-bottom: 5px solid var(--bfy-orange); }
.wpo-service-section .service-wrap .service-items:nth-child(4n+4) { border-bottom: 5px solid var(--bfy-coral); }
.wpo-service-section .service-wrap .active::before {
  background: linear-gradient(180deg, transparent 27%, rgba(38,70,83,.18) 45%, rgba(38,70,83,.66) 64%, rgba(42,157,143,.93) 100%) !important;
}
.wpo-service-section .service-wrap .service-items .service-expanded .service-content .arrow,
.wpo-service-section .service-btn .theme-btn-s2 { background-color: var(--bfy-coral); }
.wpo-service-section .box-2 { background-color: var(--bfy-accent) !important; }

/* Feature cards */
.wpo-feature-section .feature-max .feature-wrap .feature-items {
  border: 1px solid var(--bfy-border);
  border-radius: 18px;
  box-shadow: 0 10px 34px rgba(38,70,83,.07);
}
.wpo-feature-section .feature-max .feature-wrap .feature-items:hover {
  transform: translateY(-6px);
  border-color: rgba(42,157,143,.36);
  box-shadow: var(--bfy-shadow);
}
.wpo-feature-section .owl-item:nth-child(5n+1) .feature-items .icon { background: rgba(42,157,143,.13); }
.wpo-feature-section .owl-item:nth-child(5n+2) .feature-items .icon { background: rgba(233,196,106,.22); }
.wpo-feature-section .owl-item:nth-child(5n+3) .feature-items .icon { background: rgba(244,162,97,.18); }
.wpo-feature-section .owl-item:nth-child(5n+4) .feature-items .icon { background: rgba(231,111,81,.14); }
.wpo-feature-section .owl-item:nth-child(5n+5) .feature-items .icon { background: rgba(38,70,83,.11); }
.wpo-feature-section .feature-max .feature-wrap .feature-items .text h3 a { color: var(--bfy-primary); }
.wpo-feature-section .feature-max .feature-wrap .feature-items:hover .arrow-icon {
  background: var(--bfy-secondary) !important;
  border-color: var(--bfy-secondary) !important;
  color: #fff;
}

/* Video / numbers / projects */
.wpo-video-section .booking-btn a { background: var(--bfy-coral) !important; color:#fff; }
.wpo-video-section .booking-btn a:hover { background: var(--bfy-primary) !important; }
.wpo-odometer-section { background: var(--bfy-mist); }
.wpo-odometer-section .odometer-items:nth-child(4n+1) .odometer,
.wpo-odometer-section .odometer-items:nth-child(4n+1) .odometer-title { color: var(--bfy-secondary); }
.wpo-odometer-section .odometer-items:nth-child(4n+2) .odometer,
.wpo-odometer-section .odometer-items:nth-child(4n+2) .odometer-title { color: var(--bfy-orange); }
.wpo-odometer-section .odometer-items:nth-child(4n+3) .odometer,
.wpo-odometer-section .odometer-items:nth-child(4n+3) .odometer-title { color: var(--bfy-coral); }
.wpo-odometer-section .odometer-items:nth-child(4n+4) .odometer,
.wpo-odometer-section .odometer-items:nth-child(4n+4) .odometer-title { color: var(--bfy-primary); }
.wpo-project-section .project-card { border-radius: 18px; overflow: hidden; }
.wpo-project-section .project-card .content { background: rgba(38,70,83,.94); }
.wpo-project-section .project-card .content a:hover { color: var(--bfy-accent); }

/* History / FAQ / testimonials */
.wpo-history-section .history-item,
.wpo-faq-section .accordion-item,
.wpo-testimonial-section .testimonial-wrap {
  border-color: var(--bfy-border);
  border-radius: 16px;
}
.wpo-history-section .history-item:hover,
.wpo-testimonial-section .testimonial-wrap:hover { box-shadow: var(--bfy-shadow); }
.wpo-faq-section .accordion-button { color: var(--bfy-primary); background:#fff; }
.wpo-faq-section .accordion-button:not(.collapsed) {
  color: #fff;
  background: var(--bfy-secondary);
  box-shadow: none;
}
.wpo-faq-section .accordion-button::after { filter: none; }
.wpo-testimonial-section .feedback i,
.wpo-testimonial-section .feedback svg { color: var(--bfy-accent); fill: var(--bfy-accent); }
.wpo-testimonial-section .client-name span { color: var(--bfy-secondary); }

/* CTA */
.wpo-cta-section {
  background: linear-gradient(125deg, var(--bfy-primary) 0%, var(--bfy-secondary) 72%, #38AD9F 100%) !important;
}
.wpo-cta-section .cta-title h2,
.wpo-cta-section .cta-sub-title span,
.wpo-cta-section .cta-content p { color:#fff !important; }
.wpo-cta-section .booking-btn a,
.text-marquee .booking-btn a { background: var(--bfy-accent) !important; color: var(--bfy-primary) !important; }
.wpo-cta-section .booking-btn a:hover,
.text-marquee .booking-btn a:hover { background: var(--bfy-coral) !important; color:#fff !important; }

/* Blog and dynamic cards */
.wpo-blog-section .blog-card,
.dynamic-card,
.dynamic-detail-card,
.front-area-card,
.blog-sidebar .widget {
  background:#fff;
  border-color: var(--bfy-border) !important;
  border-radius: 18px;
}
.wpo-blog-section .blog-card:hover,
.dynamic-card:hover,
.front-area-card:hover {
  border-color: rgba(42,157,143,.4) !important;
  box-shadow: var(--bfy-shadow);
  transform: translateY(-4px);
}
.wpo-blog-section .blog-card .blog-text span,
.wpo-blog-section .blog-card .content .text span { color: var(--bfy-coral) !important; }
.wpo-blog-section .blog-card h3 a,
.dynamic-card h2 a,
.dynamic-card h3 a { color: var(--bfy-primary); }
.wpo-blog-section .blog-card h3 a:hover,
.dynamic-card h2 a:hover,
.dynamic-card h3 a:hover { color: var(--bfy-secondary); }
.front-area-card:nth-child(4n+1) { border-top: 4px solid var(--bfy-secondary) !important; }
.front-area-card:nth-child(4n+2) { border-top: 4px solid var(--bfy-accent) !important; }
.front-area-card:nth-child(4n+3) { border-top: 4px solid var(--bfy-orange) !important; }
.front-area-card:nth-child(4n+4) { border-top: 4px solid var(--bfy-coral) !important; }

/* Forms */
input, textarea, select,
.form input, .form textarea, .form select,
.wpo-contact-form-area input,
.wpo-contact-form-area textarea,
.wpo-contact-form-area select {
  border-color: var(--bfy-border) !important;
  color: var(--bfy-primary);
  background:#fff;
}
input:focus, textarea:focus, select:focus,
.form input:focus, .form textarea:focus, .form select:focus,
.wpo-contact-form-area input:focus,
.wpo-contact-form-area textarea:focus,
.wpo-contact-form-area select:focus {
  border-color: var(--bfy-secondary) !important;
  box-shadow: 0 0 0 4px rgba(42,157,143,.13) !important;
}

/* Inner pages / sidebar / pagination */
.wpo-breadcumb-area::before { background: linear-gradient(90deg, rgba(25,54,64,.94), rgba(38,70,83,.70)); }
.wpo-breadcumb-area .wpo-breadcumb-wrap h2 { color:#fff; }
.wpo-breadcumb-area .wpo-breadcumb-wrap ul li,
.wpo-breadcumb-area .wpo-breadcumb-wrap ul li a { color:rgba(255,255,255,.88); }
.wpo-breadcumb-area .wpo-breadcumb-wrap ul li a:hover { color:var(--bfy-accent); }
.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover,
.service-catagory ul li a:hover,
.service-catagory ul li a.active,
.blog-sidebar .category-widget ul a:hover,
.blog-sidebar .tag-widget ul li a:hover {
  background: var(--bfy-secondary) !important;
  border-color: var(--bfy-secondary) !important;
  color:#fff !important;
}
.blog-sidebar .search-widget button { background: var(--bfy-coral); }

/* Footer */
.footer-common,
.footer-section-s1 {
  background: linear-gradient(145deg, var(--bfy-deep) 0%, var(--bfy-primary) 100%) !important;
}
.footer-common .footer,
.footer-section-s1 .footer,
.footer-section-s1 .footer-lower { border-color: rgba(233,196,106,.22); }
.footer-section-s1 .footer-topbar { border-color: rgba(233,196,106,.25); }
.footer-section-s1 .footer-topbar .marquee-s2,
.footer-section-s1 .footer-topbar .marquee-s2 small { color:#fff; }
.footer-common .item .title,
.footer-section-s1 .item .title { color:var(--bfy-accent); }
.footer-common .item p,
.footer-common .item ul li,
.footer-section-s1 .item p,
.footer-section-s1 .item ul li,
.footer-section-s1 .copyright { color:rgba(255,255,255,.72); }
.footer-common .item ul li a,
.footer-section-s1 .item ul li a,
.footer-section-s1 .widget-social li a { color:rgba(255,255,255,.82); }
.footer-common .item ul li a:hover,
.footer-section-s1 .item ul li a:hover,
.footer-section-s1 .widget-social li a:hover { color:var(--bfy-accent); }
.footer-section-s1 .footer-topbar .booking-btn a { background:var(--bfy-coral) !important; color:#fff !important; }
.front-footer-logo {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  padding:12px 18px;
  border-radius:14px;
  margin-bottom:22px;
  box-shadow:0 12px 34px rgba(0,0,0,.12);
}
.front-footer-logo img { width:auto; height:auto; max-width:260px; max-height:68px; object-fit:contain; }

/* Utility UI */
.back-to-top { background:var(--bfy-coral); border-color:var(--bfy-coral); color:#fff; }
.back-to-top:hover { background:var(--bfy-secondary); border-color:var(--bfy-secondary); }
.preloader { background:var(--bfy-light); }
.loader-circle { border-color:rgba(38,70,83,.18); }
.loader-line { background:var(--bfy-secondary); }

@media (max-width:1199px) {
  .wpo-site-header .navbar-header .navbar-brand img { max-width:210px; max-height:62px; }
}
@media (max-width:991px) {
  .wpo-site-header .navbar-header .navbar-brand img { max-width:180px; max-height:56px; }
  .wpo-hero-section::before { background:linear-gradient(90deg, rgba(248,245,238,.98), rgba(248,245,238,.84)) !important; }
  .wpo-site-header #navbar { background:var(--bfy-surface); }
}
@media (max-width:575px) {
  .wpo-site-header .navbar-header .navbar-brand img { max-width:150px; max-height:48px; }
  .front-footer-logo img { max-width:210px; max-height:58px; }
}


/* v2.0.2 — Ana sayfa dışındaki tüm sayfalarda ortak kompakt breadcrumb */
.breadcumb-area,
.bfy-inner-header {
    position: relative;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 38px 0 36px !important;
    background: #5C766D !important;
    background-color: #5C766D !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.breadcumb-area::before,
.breadcumb-area::after,
.bfy-inner-header::before,
.bfy-inner-header::after {
    display: none !important;
    content: none !important;
    background: none !important;
}

.breadcumb-area .container {
    position: relative;
    z-index: 2;
}

.breadcumb-area .breadcumb-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1080px;
    margin: 0;
    padding: 0;
    text-align: left !important;
}

.bfy-breadcrumb-nav {
    display: block;
    margin: 0 0 9px;
}

.bfy-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
}

.bfy-breadcrumb li {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: rgba(255,255,255,.78);
}

.bfy-breadcrumb li + li::before {
    content: "›";
    flex: 0 0 auto;
    margin: 0 9px;
    color: #C9996B;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}

.bfy-breadcrumb a,
.bfy-breadcrumb span {
    display: inline-block;
    max-width: 100%;
    color: inherit;
    text-decoration: none;
}

.bfy-breadcrumb a {
    color: #EDE9E6;
    transition: color .18s ease;
}

.bfy-breadcrumb a:hover,
.bfy-breadcrumb a:focus-visible {
    color: #C9996B;
}

.breadcumb-area .breadcumb-title {
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: clamp(30px, 3.5vw, 46px) !important;
    font-weight: 650 !important;
    line-height: 1.13 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
    text-transform: none !important;
    word-break: break-word;
}

.front-detail-title {
    margin: 0 0 18px;
    color: #5C4F4A;
    font-size: clamp(28px, 3vw, 40px);
    font-weight: 650;
    line-height: 1.2;
}

.front-contact-section {
    padding-top: 72px;
}

.bfy-error-code {
    margin-bottom: 12px;
    color: #C9996B;
    font-size: clamp(74px, 12vw, 150px);
    font-weight: 800;
    line-height: .9;
    letter-spacing: -.06em;
}

@media (max-width: 767px) {
    .breadcumb-area,
    .bfy-inner-header {
        padding: 28px 0 27px !important;
    }

    .bfy-breadcrumb-nav {
        margin-bottom: 7px;
    }

    .bfy-breadcrumb {
        font-size: 12px;
    }

    .bfy-breadcrumb li + li::before {
        margin: 0 7px;
        font-size: 15px;
    }

    .breadcumb-area .breadcumb-title {
        font-size: clamp(27px, 8vw, 36px) !important;
        line-height: 1.17 !important;
    }

    .front-contact-section {
        padding-top: 48px;
    }
}

/* v2.1.0 — Ana sayfa toparlama ve hizmet bölgesi kart düzeltmeleri */
.front-home-knowledge,
.front-partners-section,
.front-home-faq {
  background: var(--bfy-light);
}
.front-home-areas {
  background: linear-gradient(180deg, #EDF7F5 0%, #F4FBF9 100%);
  border-top: 1px solid rgba(42,157,143,.14);
  border-bottom: 1px solid rgba(42,157,143,.14);
}
.front-home-knowledge .wpo-section-title-s2,
.front-home-faq .wpo-section-title-s2,
.front-partners-section .wpo-section-title,
.front-home-areas .wpo-section-title {
  margin-bottom: 0;
}
.front-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: var(--bfy-secondary);
  font-weight: 700;
  letter-spacing: .02em;
}
.front-section-kicker i {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
}
.front-knowledge-card {
  height: 100%;
  background: #fff;
  border: 1px solid var(--bfy-border);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(38,70,83,.06);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.front-knowledge-card:hover {
  transform: translateY(-5px);
  border-color: rgba(42,157,143,.36);
  box-shadow: var(--bfy-shadow);
}
.front-knowledge-image {
  display: block;
  aspect-ratio: 16/10;
  overflow: hidden;
  background: var(--bfy-sky);
}
.front-knowledge-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.front-knowledge-content {
  padding: 24px;
}
.front-knowledge-meta {
  margin-bottom: 14px;
}
.front-knowledge-meta .badge-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(42,157,143,.11);
  color: var(--bfy-secondary);
  font-size: 13px;
  font-weight: 700;
}
.front-knowledge-content h3 {
  font-size: 24px;
  line-height: 1.35;
  margin-bottom: 12px;
}
.front-knowledge-content p {
  margin-bottom: 18px;
}
.front-read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: var(--bfy-primary);
}
.front-read-more:hover { color: var(--bfy-secondary); }

.front-faq-intro,
.front-faq-box {
  background: #fff;
  border: 1px solid var(--bfy-border);
  border-radius: 22px;
  padding: 34px;
  box-shadow: 0 12px 30px rgba(38,70,83,.06);
}
.front-faq-intro p { margin-bottom: 24px; }
.front-accordion .accordion-item {
  overflow: hidden;
  border: 1px solid rgba(38,70,83,.08);
  border-radius: 16px !important;
  background: #fff;
}
.front-accordion .accordion-item + .accordion-item { margin-top: 14px; }
.front-accordion .accordion-button {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  border-radius: 16px !important;
  padding: 20px 22px;
}
.front-accordion .accordion-body {
  padding: 0 22px 20px;
}
.front-accordion .accordion-body p {
  margin-bottom: 8px;
}
.front-accordion .accordion-body small {
  color: var(--bfy-secondary);
  font-weight: 600;
}

.front-partner-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}
.front-partner-card {
  min-height: 122px;
  background: #fff;
  border: 1px solid var(--bfy-border);
  border-radius: 18px;
  padding: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 24px rgba(38,70,83,.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.front-partner-card:hover {
  transform: translateY(-4px);
  border-color: rgba(42,157,143,.36);
  box-shadow: var(--bfy-shadow);
}
.front-partner-card img {
  max-width: 100%;
  max-height: 54px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  filter: saturate(.9);
}

.front-area-grid {
  margin-top: 34px;
}
.front-area-card.front-area-card--compact {
  min-height: 104px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 18px;
  border-radius: 20px;
  border: 1px solid rgba(38,70,83,.10) !important;
  border-top-width: 3px !important;
  box-shadow: 0 10px 24px rgba(38,70,83,.05);
}
.front-area-card.front-area-card--compact:hover {
  transform: translateY(-4px);
}
.front-area-card--compact .front-area-icon {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(42,157,143,.10);
  color: var(--bfy-secondary);
  font-size: 24px;
}

.front-area-card--compact .front-area-text {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  min-height: 40px;
}

.front-area-card--compact .front-area-text strong {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--bfy-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  word-break: break-word;
  margin: 0;
}

.front-home-areas .front-area-grid > div:nth-child(4n+1) .front-area-card--compact { border-top-color: var(--bfy-secondary) !important; }
.front-home-areas .front-area-grid > div:nth-child(4n+2) .front-area-card--compact { border-top-color: var(--bfy-accent) !important; }
.front-home-areas .front-area-grid > div:nth-child(4n+3) .front-area-card--compact { border-top-color: var(--bfy-orange) !important; }
.front-home-areas .front-area-grid > div:nth-child(4n+4) .front-area-card--compact { border-top-color: var(--bfy-coral) !important; }

@media (max-width: 1399px) {
  .front-partner-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .front-faq-intro,
  .front-faq-box { padding: 26px; }
  .front-area-card--compact .front-area-text strong { font-size: 18px; }
  .front-partner-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .front-knowledge-content,
  .front-faq-intro,
  .front-faq-box { padding: 22px; }
  .front-accordion .accordion-button { font-size: 16px; padding: 18px 18px; }
  .front-accordion .accordion-body { padding: 0 18px 18px; }
  .front-partner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .front-area-card.front-area-card--compact {
    min-height: 112px;
    gap: 14px;
    padding: 18px 18px;
  }
  .front-area-card--compact .front-area-icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
    font-size: 24px;
  }
  .front-area-card--compact .front-area-text strong { font-size: 17px; }
}
@media (max-width: 480px) {
  .front-partner-grid { grid-template-columns: 1fr 1fr; }
}

/* v2.2.0 — Yönetilebilir temel özellikler ve sadeleştirilmiş ana sayfa */
.front-managed-features {
  background: var(--bfy-surface);
}
.front-managed-feature-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
  margin-top: 34px;
}
.front-managed-feature-card {
  min-height: 300px;
  padding: 30px 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  background: #fff;
  border: 1px solid var(--bfy-border);
  border-radius: 20px;
  box-shadow: 0 12px 30px rgba(38,70,83,.06);
  color: var(--bfy-primary);
}
.front-managed-feature-card:hover {
  transform: translateY(-5px);
  border-color: rgba(42,157,143,.38);
  box-shadow: var(--bfy-shadow);
}
.front-managed-feature-icon {
  width: 148px;
  height: 148px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(233,196,106,.18);
}
.front-managed-feature-card:nth-child(6n+2) .front-managed-feature-icon { background: rgba(244,162,97,.17); }
.front-managed-feature-card:nth-child(6n+3) .front-managed-feature-icon { background: rgba(231,111,81,.14); }
.front-managed-feature-card:nth-child(6n+4) .front-managed-feature-icon { background: rgba(38,70,83,.10); }
.front-managed-feature-card:nth-child(6n+5) .front-managed-feature-icon { background: rgba(42,157,143,.13); }
.front-managed-feature-card:nth-child(6n+6) .front-managed-feature-icon { background: rgba(233,196,106,.20); }
.front-managed-feature-icon img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}
.front-managed-feature-card strong {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 22px;
  line-height: 1.28;
}
.front-managed-feature-arrow {
  width: 48px;
  height: 48px;
  border: 1px dashed rgba(38,70,83,.35);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.front-managed-feature-card:hover .front-managed-feature-arrow {
  background: var(--bfy-secondary);
  border-color: var(--bfy-secondary);
  color: #fff;
}
.footer-common .footer-wrap,
.footer-section-s1 .footer-wrap,
.footer-common .footer,
.footer-section-s1 .footer {
  background: transparent !important;
}
.footer-section-s1 .footer {
  padding-top: 72px;
}
@media (max-width: 1399px) {
  .front-managed-feature-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .front-managed-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .front-managed-feature-card { min-height: 250px; padding: 24px 16px 20px; }
  .front-managed-feature-icon { width: 112px; height: 112px; }
  .front-managed-feature-icon img { width: 58px; height: 58px; }
  .front-managed-feature-card strong { font-size: 18px; }
}
@media (max-width: 480px) {
  .front-managed-feature-grid { grid-template-columns: 1fr; }
}


/* v2.2.2 — Footer üstü kayan yazı alanı */
.footer-marquee-strip {
  position: relative;
  overflow: hidden;
  background: var(--bfy-deep);
  border-bottom: 1px solid rgba(233,196,106,.18);
  padding: 22px 0;
  margin: 0;
}
.footer-marquee-strip__track {
  display: flex;
  width: max-content;
  min-width: 100%;
  animation: bfy-footer-marquee 26s linear infinite;
}
.footer-marquee-strip__item {
  flex: 0 0 auto;
  padding-right: 80px;
  white-space: nowrap;
}
.footer-marquee-strip__item span {
  display: inline-block;
  color: rgba(255,255,255,.92);
  font-size: clamp(30px, 4vw, 72px);
  line-height: 1;
  font-weight: 600;
  letter-spacing: -.03em;
  background: transparent !important;
}
.footer-marquee-strip + .footer-common,
.footer-marquee-strip + .footer-section-s1 {
  margin-top: 0 !important;
}
@keyframes bfy-footer-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  .footer-marquee-strip__track { animation: none; }
}
@media (max-width: 767px) {
  .footer-marquee-strip { padding: 16px 0; }
  .footer-marquee-strip__item { padding-right: 48px; }
}


/* v2.2.3 — Toplu front düzeltmeleri */
.header-whatsapp-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  white-space: nowrap;
}
.header-whatsapp-button .fa-whatsapp {
  font-size: 18px;
}

/* Hizmet alanı düz köşeli ve butonsuz */
.wpo-service-section {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-bottom: 90px !important;
}
.wpo-service-section .service-btn {
  display: none !important;
}

/* Altı hizmetin masaüstünde dengeli görünümü */
@media (min-width: 1200px) {
  .wpo-service-section .service-wrap {
    gap: 14px;
  }
  .wpo-service-section .service-wrap .service-items .service-default .service-bg h3 {
    font-size: 22px;
    line-height: 42px;
  }
  .wpo-service-section .service-wrap .service-items .service-default .service-bg img {
    max-width: 58px;
  }
}

/* Bilgilendirme bölümünde üst etiket kaldırıldı; başlık boşluğu dengelendi */
.front-home-knowledge .wpo-section-title-s2 h2 {
  margin-top: 0;
}

/* Çözüm ortakları: düz renk yerine paletle uyumlu katmanlı CSS zemin */
.front-partners-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 10% 15%, rgba(201,153,107,.20), transparent 34%),
    radial-gradient(circle at 88% 78%, rgba(92,118,109,.20), transparent 36%),
    linear-gradient(135deg, #f5f0ea 0%, #edf2ef 48%, #f7f2ec 100%) !important;
}
.front-partners-section::before,
.front-partners-section::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}
.front-partners-section::before {
  width: 340px;
  height: 340px;
  left: -170px;
  top: -150px;
  background: rgba(201,153,107,.10);
}
.front-partners-section::after {
  width: 420px;
  height: 420px;
  right: -220px;
  bottom: -230px;
  background: rgba(92,118,109,.11);
}
.front-partners-section .container {
  position: relative;
  z-index: 1;
}
.front-partner-card {
  background: rgba(255,255,255,.84) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}


/* v2.2.4 — Hizmet kartı metin ve ok düzeltmesi */
.wpo-service-section .service-wrap .service-items .service-expanded .service-content .arrow {
  display: none !important;
}
.wpo-service-section .service-wrap .service-items .service-expanded .service-content h4,
.wpo-service-section .service-wrap .service-items .service-expanded .service-content p {
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}
.wpo-service-section .service-wrap .service-items .service-expanded .service-content p {
  white-space: normal;
  line-height: 1.55;
}

/* v2.3.0 — Footer sadeleştirme */
.footer-common,
.footer-section-s1 {
  background: var(--bfy-deep) !important;
}
.footer-section-s1 .footer {
  padding: 64px 0 42px;
  display: grid;
  grid-template-columns: minmax(280px, 1.45fr) repeat(3, minmax(160px, 1fr));
  gap: 52px;
  align-items: start;
}
.front-footer-logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  margin-bottom: 24px;
  box-shadow: none !important;
}
.front-footer-logo img {
  width: auto;
  height: auto;
  max-width: 290px;
  max-height: 82px;
  object-fit: contain;
  object-position: left center;
}
.footer-section-s1 .item .title {
  margin-bottom: 22px;
  font-size: 22px;
  line-height: 1.25;
}
.footer-section-s1 .item ul li {
  margin-bottom: 12px;
  line-height: 1.55;
}
.footer-section-s1 .footer-brand-column p {
  max-width: 420px;
  margin: 0;
  line-height: 1.75;
}
.footer-section-s1 .footer-lower {
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 22px 0;
}
.footer-section-s1 .lower-footer-wrap .row {
  row-gap: 12px;
}
.footer-section-s1 .widget-social {
  display: flex;
  justify-content: flex-end;
  gap: 22px;
  margin: 0;
}
@media (max-width: 1199px) {
  .footer-section-s1 .footer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px;
  }
}
@media (max-width: 767px) {
  .footer-section-s1 .footer {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-top: 48px;
  }
  .front-footer-logo img {
    max-width: 240px;
    max-height: 72px;
  }
  .footer-section-s1 .widget-social {
    justify-content: flex-start;
  }
}

/* v2.3.10 — Hizmet bölgeleri sabit ve kompakt grid düzeltmesi */
.front-home-areas .front-area-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 24px !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
}
.front-home-areas .front-area-grid__item {
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.front-home-areas .front-area-card.front-area-card--compact {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-height: 76px !important;
  height: 100% !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 1px solid rgba(38,70,83,.10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(38,70,83,.05) !important;
  box-sizing: border-box !important;
  color: var(--bfy-primary) !important;
}
.front-home-areas .front-area-card.front-area-card--compact:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(42,157,143,.34) !important;
  box-shadow: 0 12px 26px rgba(38,70,83,.09) !important;
}
.front-home-areas .front-area-card--compact .front-area-icon {
  display: inline-flex !important;
  flex: 0 0 38px !important;
  width: 38px !important;
  height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 10px !important;
  background: rgba(42,157,143,.10) !important;
  color: var(--bfy-secondary) !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.front-home-areas .front-area-card--compact .front-area-icon i {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.front-home-areas .front-area-card--compact .front-area-text {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: normal !important;
}
.front-home-areas .front-area-card--compact .front-area-text strong {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--bfy-primary) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  word-break: normal !important;
}
@media (max-width: 1199px) {
  .front-home-areas .front-area-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px) {
  .front-home-areas .front-area-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }
  .front-home-areas .front-area-card.front-area-card--compact {
    min-height: 72px !important;
    padding: 12px 14px !important;
  }
  .front-home-areas .front-area-card--compact .front-area-text strong {
    font-size: 16px !important;
  }
}
@media (max-width: 479px) {
  .front-home-areas .front-area-grid {
    grid-template-columns: 1fr !important;
  }
}

/* v2.5.2 — Marka varlıkları, bağlantı renkleri ve kapalı SSS düzeni */
.footer-section-s1 .footer-contact-column,
.footer-section-s1 .footer-contact-column li,
.footer-section-s1 .footer-contact-column a {
  text-transform: none !important;
}
.footer-section-s1 .footer-contact-column a[href^="mailto:"] {
  text-transform: lowercase !important;
}

.preloader .vertical-centered-box .content {
  position: relative;
  width: 120px;
  height: 120px;
  max-width: none;
}
.preloader .site-loader-mark {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  display: block;
  width: 58px;
  height: 58px;
  max-width: 58px;
  max-height: 58px;
  object-fit: contain;
  transform: translate(-50%, -50%);
}

.front-knowledge-content h3 a,
.front-knowledge-content h3 a:link,
.front-knowledge-content h3 a:visited {
  color: var(--bfy-primary) !important;
}
.front-knowledge-content h3 a:hover,
.front-knowledge-content h3 a:focus {
  color: var(--bfy-secondary) !important;
}

.front-accordion .accordion-button,
.front-accordion .accordion-button.collapsed {
  color: var(--bfy-primary) !important;
  background: #fff !important;
  box-shadow: none !important;
}
.front-accordion .accordion-button:not(.collapsed) {
  color: var(--bfy-primary) !important;
  background: rgba(42,157,143,.10) !important;
  box-shadow: none !important;
}
.front-accordion .accordion-button::after {
  width: auto;
  height: auto;
  margin-left: auto;
  background-image: none !important;
  color: var(--bfy-secondary);
  content: "+";
  font-size: 25px;
  font-weight: 500;
  line-height: 1;
  transform: none !important;
}
.front-accordion .accordion-button:not(.collapsed)::after {
  color: var(--bfy-coral);
  content: "−";
}
.front-accordion .accordion-button:focus {
  border-color: rgba(42,157,143,.28) !important;
  box-shadow: 0 0 0 3px rgba(42,157,143,.10) !important;
}

/* v2.5.6 — Tam genişlik slider ve minimal hero kartı */
.wpo-hero-section {
  margin-left: 0 !important;
  min-height: 680px;
  height: 720px;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
  overflow: hidden;
}
.wpo-hero-section::before {
  background: linear-gradient(90deg,
    rgba(248,245,238,.98) 0%,
    rgba(248,245,238,.93) 31%,
    rgba(248,245,238,.62) 48%,
    rgba(248,245,238,.10) 68%,
    rgba(248,245,238,0) 100%) !important;
}
.wpo-hero-section .container-fluid {
  width: 100%;
  padding-left: clamp(28px, 8vw, 150px);
  padding-right: clamp(28px, 6vw, 110px);
}
.wpo-hero-section .hero-wapper {
  width: 100%;
}
.wpo-hero-section .hero-wapper .hero-content {
  width: min(820px, calc(100vw - 56px));
  max-width: 820px;
  padding: 34px 42px !important;
  margin: 0;
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(42,157,143,.32);
  border-radius: 24px;
  box-shadow: 0 18px 46px rgba(38,70,83,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.wpo-hero-section .hero-wapper .hero-content .hero-content-shape {
  display: none !important;
}
.wpo-hero-section .hero-wapper .hero-content .hero-title span {
  display: block;
  margin-bottom: 8px;
  font-size: 17px;
  line-height: 1.4;
  letter-spacing: .055em;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 {
  max-width: none !important;
  margin: 0 0 14px;
  padding-top: 0 !important;
  font-size: 54px;
  line-height: 1.08;
  letter-spacing: -1.5px;
  text-transform: none;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-main,
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-highlight {
  display: block;
  white-space: nowrap;
  font-size: inherit !important;
  line-height: inherit !important;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-main {
  color: var(--bfy-primary) !important;
  font-weight: 500;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-highlight {
  color: var(--bfy-coral) !important;
  font-weight: 400;
}
.wpo-hero-section .hero-wapper .hero-content .hero-sub-title p {
  max-width: 700px;
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
}
@media (max-width: 1199px) {
  .wpo-hero-section {
    margin-left: 0 !important;
    height: 650px;
    min-height: 650px;
  }
  .wpo-hero-section .container-fluid {
    padding-left: 52px;
    padding-right: 52px;
  }
  .wpo-hero-section .hero-wapper .hero-content {
    width: min(720px, calc(100vw - 104px));
    padding: 30px 34px !important;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 {
    font-size: 46px;
  }
}
@media (max-width: 991px) {
  .wpo-hero-section {
    height: auto;
    min-height: 580px;
    padding: 90px 0;
    background-position: 64% center !important;
  }
  .wpo-hero-section::before {
    background: rgba(248,245,238,.80) !important;
  }
  .wpo-hero-section .container-fluid {
    padding-left: 28px;
    padding-right: 28px;
  }
  .wpo-hero-section .hero-wapper .hero-content {
    width: min(720px, 100%);
    margin: 0 auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .wpo-hero-section {
    min-height: 520px;
    padding: 70px 0;
  }
  .wpo-hero-section .container-fluid {
    padding-left: 18px;
    padding-right: 18px;
  }
  .wpo-hero-section .hero-wapper .hero-content {
    width: 100%;
    padding: 26px 24px !important;
    border-radius: 20px;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 {
    font-size: clamp(34px, 9vw, 44px);
    line-height: 1.12;
    letter-spacing: -1px;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-main,
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 .hero-heading-highlight {
    white-space: normal;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title p {
    font-size: 16px;
  }
}
@media (max-width: 480px) {
  .wpo-hero-section .hero-wapper .hero-content {
    padding: 22px 20px !important;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-title span {
    font-size: 15px;
  }
  .wpo-hero-section .hero-wapper .hero-content .hero-sub-title h2 {
    font-size: 34px;
  }
}



/* v2.5.9 — İç liste sayfaları, blog sidebar ve düzenlenebilir renkler */
.marquee-section,
.marquee-section .marquee_container {
  background: var(--home-marquee-bg, var(--bfy-accent)) !important;
  background-color: var(--home-marquee-bg, var(--bfy-accent)) !important;
}
.marquee-section .marquee_container {
  min-height: var(--home-marquee-height, 82px) !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.marquee-section .marquee {
  display: inline-flex !important;
  align-items: center !important;
}
.marquee-section .marquee h2,
.marquee-section .marquee h2 span,
.marquee-section .marquee h2 a {
  font-family: var(--home-marquee-font-family, "Satoshi"), sans-serif !important;
  font-size: var(--home-marquee-font-size, 20px) !important;
  font-weight: var(--home-marquee-font-weight, 700) !important;
  line-height: var(--home-marquee-height, 82px) !important;
  text-transform: var(--home-marquee-transform, uppercase) !important;
  color: var(--home-marquee-text, #fff) !important;
  letter-spacing: 0 !important;
}
.marquee-section .marquee h2 span,
.marquee-section .marquee h2 a {
  color: var(--home-marquee-link, var(--home-marquee-text, #fff)) !important;
}
@media (max-width: 575px) {
  .marquee-section .marquee h2,
  .marquee-section .marquee h2 span,
  .marquee-section .marquee h2 a {
    font-size: max(16px, calc(var(--home-marquee-font-size, 20px) - 2px)) !important;
  }
}
.front-managed-feature-icon {
  background: var(--home-feature-icon-bg, rgba(233,196,106,.18));
}
.front-managed-feature-icon img,
.front-managed-feature-icon svg,
.front-managed-feature-icon i {
  color: var(--home-feature-icon-color, var(--bfy-secondary));
}
.front-managed-feature-card:nth-child(6n+2) .front-managed-feature-icon,
.front-managed-feature-card:nth-child(6n+3) .front-managed-feature-icon,
.front-managed-feature-card:nth-child(6n+4) .front-managed-feature-icon,
.front-managed-feature-card:nth-child(6n+5) .front-managed-feature-icon,
.front-managed-feature-card:nth-child(6n+6) .front-managed-feature-icon {
  background: var(--home-feature-icon-bg, rgba(233,196,106,.18));
}
.front-inner-areas {
  background: var(--bfy-light);
}
.front-blog-listing {
  background: var(--bfy-light);
}
.front-blog-header {
  margin-bottom: 28px;
}
.front-blog-header span,
.front-inner-areas .wpo-section-title span,
.front-sidebar-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bfy-secondary);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 10px;
}
.front-blog-header h2,
.front-inner-areas .wpo-section-title h2 {
  margin: 0 0 14px;
  color: var(--bfy-primary);
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1.12;
}
.front-blog-header p,
.front-inner-areas .wpo-section-title p {
  color: rgba(38,70,83,.78);
  margin: 0;
}
.front-blog-list-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.front-blog-card {
  display: grid;
  grid-template-columns: minmax(240px, 320px) 1fr;
  gap: 0;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(38,70,83,.08);
  border: 1px solid rgba(38,70,83,.08);
}
.front-blog-card--stacked {
  grid-template-columns: 1fr;
  height: 100%;
}
.front-blog-card__image {
  display: block;
  background: #edf3f3;
  min-height: 100%;
}
.front-blog-card__image img {
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover;
  display: block;
}
.front-blog-card__content {
  padding: 28px;
}
.front-blog-card__content h3 {
  font-size: 28px;
  line-height: 1.25;
  margin: 14px 0 14px;
}
.front-blog-card__content h3 a {
  color: var(--bfy-primary);
}
.front-blog-card__content p {
  color: rgba(38,70,83,.78);
  margin-bottom: 16px;
}
.front-blog-sidebar {
  position: sticky;
  top: 120px;
  display: grid;
  gap: 24px;
}
.front-sidebar-card {
  background: #fff;
  border-radius: 18px;
  padding: 28px;
  box-shadow: 0 12px 32px rgba(38,70,83,.08);
  border: 1px solid rgba(38,70,83,.08);
}
.front-sidebar-card h3 {
  font-size: 24px;
  color: var(--bfy-primary);
  margin: 0 0 12px;
}
.front-sidebar-card p {
  color: rgba(38,70,83,.78);
  margin-bottom: 18px;
}
.front-quick-contact-list {
  display: grid;
  gap: 12px;
  margin-bottom: 18px;
}
.front-quick-contact-list a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  background: rgba(42,157,143,.08);
  color: var(--bfy-primary);
  font-weight: 600;
}
.front-quick-contact-list i {
  color: var(--bfy-secondary);
  font-size: 18px;
}
.front-sidebar-cta {
  width: 100%;
  text-align: center;
}
.front-recent-posts {
  display: grid;
  gap: 16px;
}
.front-recent-post {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;
  align-items: center;
}
.front-recent-post__image img {
  width: 92px;
  height: 78px;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
.front-recent-post__content h4 {
  font-size: 16px;
  line-height: 1.35;
  margin: 0 0 6px;
}
.front-recent-post__content h4 a {
  color: var(--bfy-primary);
}
.front-recent-post__link {
  color: var(--bfy-secondary);
  font-weight: 600;
  font-size: 14px;
}
@media (max-width: 991px) {
  .front-blog-card {
    grid-template-columns: 1fr;
  }
  .front-blog-sidebar {
    position: static;
  }
}
@media (max-width: 767px) {
  .front-blog-card__content,
  .front-sidebar-card {
    padding: 22px 18px;
  }
  .front-blog-card__content h3 {
    font-size: 22px;
  }
}
