/* ============================================
   ASTRĂ OVERRIDE - COMPLET
   ============================================ */

/* Astra wrapper */
.ast-container, .ast-container-fluid,
.site-content .ast-container, .entry-content {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.site-header.ast-primary-header,
#ast-desktop-header, #ast-mobile-header,
#colophon, .site-footer.ast-small-footer {
    display: none !important;
}
.site-content { padding: 0 !important; margin: 0 !important; }
.ast-single-post .entry-header,
.ast-single-post .entry-meta,
.ast-single-post .post-thumb { display: none !important; }
.entry-content > *:first-child { margin-top: 0 !important; }

html { scroll-behavior: smooth; }
section[id], div[id^="eluid"] { scroll-margin-top: 100px; }

/* Body & wrapper — overflow vizibil */
body, html { overflow-x: hidden !important; }
#page_wrapper { overflow: visible !important; }
.zn_pb_wrapper {
    overflow: visible !important;
    position: relative !important;
}

/* ============================================
   HEADER — MENIU ORIZONTAL
   ============================================ */
#header.site-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 1000 !important;
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%) !important;
    padding: 0 !important;
    max-height: 130px !important;
    height: auto !important;
}
.site-header-top-wrapper {
    background: transparent !important;
    padding: 5px 0 !important;
    max-height: 30px !important;
}
.site-header-top-wrapper .container,
.kl-top-header .container {
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
}
.site-header-separator { display: none !important; }
.kl-top-header { padding: 10px 0 !important; height: auto !important; }
.site-logo-img { max-height: 45px !important; width: auto !important; }
.site-logo-anch { font-size: 18px !important; color: #fff !important; }

.kl-top-header .siteheader-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
}
.site-header-main-left { flex: 0 0 auto !important; }
.site-header-main-center {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
}
.site-header-main-right { flex: 0 0 auto !important; }

/* MENIU */
.main-menu-wrapper { display: flex !important; justify-content: center !important; }
.main-menu, .main-menu-nav, ul.main-menu-nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}
.main-menu-item {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
}
.main-menu-link {
    display: block !important;
    padding: 8px 14px !important;
    color: #f5f5f5 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s !important;
    font-family: "Open Sans", sans-serif !important;
}
.main-menu-link:hover {
    color: #fff !important;
    background: rgba(205, 33, 34, 0.9) !important;
    border-radius: 2px !important;
}
.main-menu-link span { color: inherit !important; display: inline !important; }

/* FREE QUOTE */
.kl-cta-ribbon {
    display: inline-block !important;
    background: #cd2122 !important;
    color: #fff !important;
    padding: 8px 15px 10px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border-radius: 2px !important;
    position: relative !important;
}
.kl-cta-ribbon strong {
    display: block !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    margin-bottom: 2px !important;
}
.kl-cta-ribbon .trisvg {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 100% !important;
    height: 5px !important;
}
.kl-cta-ribbon .trisvg path { fill: #cd2122 !important; }
.kl-cta-ribbon:hover { background: #fff !important; color: #242424 !important; }
.kl-cta-ribbon:hover .trisvg path { fill: #fff !important; }

/* ============================================
   SLIDER VIDEO WRAPPER
   ============================================ */
.kl-slideshow.kl-revolution-slider {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}
.cep-slider-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 780px !important;
    overflow: hidden !important;
    z-index: 1 !important;
}
.cep-video-slider {
    width: 100% !important;
    height: 780px !important;
    position: relative !important;
    background: #000 !important;
}
.cep-video-slider .swiper-slide {
    position: relative !important;
    overflow: hidden !important;
    height: 780px !important;
}
.cep-video-slider video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    transform: translate(-50%, -50%) !important;
    object-fit: cover !important;
    z-index: 1 !important;
}
.cep-video-slider .cep-slide::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.35) !important;
    z-index: 2 !important;
    pointer-events: none !important;
}
.cep-video-slider .cep-slide-content {
    position: relative !important;
    z-index: 3 !important;
    height: 100% !important;
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 200px 15px 100px 320px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}
.cep-video-slider .cep-slide-title {
    font-size: 84px !important;
    font-weight: 800 !important;
    line-height: 1.07 !important;
    color: #fff !important;
    margin: 0 0 30px !important;
    text-shadow: 0 1px 10px rgba(0,0,0,0.7) !important;
    max-width: 700px !important;
    font-family: "Open Sans", sans-serif !important;
}
.cep-video-slider .cep-slide-btn {
    display: inline-block !important;
    background: #cd2122 !important;
    color: #fff !important;
    padding: 12px 35px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid transparent !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}
.cep-video-slider .cep-slide-btn:hover {
    background: #fff !important;
    color: #595959 !important;
}

/* Paginare slider */
.cep-slider-pagination {
    position: absolute !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
    display: flex !important;
    gap: 8px !important;
}
.cep-slider-pagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    background: rgba(255,255,255,0.5) !important;
    opacity: 1 !important;
}
.cep-slider-pagination .swiper-pagination-bullet-active {
    background: #cd2122 !important;
    width: 30px !important;
    border-radius: 5px !important;
}
.cep-slider-next, .cep-slider-prev {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: 50px !important;
    height: 50px !important;
    background: rgba(0,0,0,0.4) !important;
    color: #fff !important;
    border: 0 !important;
    cursor: pointer !important;
    font-size: 24px !important;
}
.cep-slider-prev { left: 20px !important; }
.cep-slider-next { right: 20px !important; }

/* ============================================
   TAB-URI VERTICALE — ALINIATE SUS, TEXT INTEGRAL
   ============================================ */
.cep-slider-tabs {
    position: absolute !important;
    top: 130px !important;
    left: 0 !important;
    z-index: 50 !important;
    width: 260px !important;
    height: 650px !important;
    background: rgba(12, 12, 12, 0.55) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.cep-tabs-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform !important;
}

.cep-tab {
    display: block !important;
    width: 100% !important;
    min-height: 200px !important;
    padding: 20px 22px 20px 25px !important;
    cursor: pointer !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    transition: background 0.3s ease !important;
}

.cep-tab.active {
    background: rgba(238, 238, 238, 0.15) !important;
    border-left-color: #ff1000 !important;
}

.cep-tab:hover:not(.active) {
    background: rgba(238, 238, 238, 0.07) !important;
}

.cep-tab-bar {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    background: rgba(255, 255, 255, 0.25) !important;
    margin: 0 0 14px 0 !important;
    transition: background 0.3s !important;
}

.cep-tab.active .cep-tab-bar {
    background: #ff1000 !important;
}

.cep-tab h4 {
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 1.35 !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    letter-spacing: 0.3px !important;
    font-family: "Open Sans", sans-serif !important;
}

/* TEXT MEREU VIZIBIL (fix pentru toate tab-urile) */
.cep-tab p {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Open Sans", sans-serif !important;
    opacity: 1 !important;
    transition: color 0.3s ease !important;
    overflow: visible !important;
}

.cep-tab.active p {
    color: rgba(255, 255, 255, 0.95) !important;
    opacity: 1 !important;
}

/* ============================================
   ACTION BOX — SUPRAPUS PESTE SLIDER
   ============================================ */
.zn_section.eluide3b7aab4 {
    position: relative !important;
    z-index: 100 !important;
    margin-top: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

/* Margin NEGATIV pe container, NU pe section */
.zn_section.eluide3b7aab4 .container {
    position: relative !important;
    max-width: 1170px !important;
    margin: -40px auto 0 !important;
    padding: 0 15px !important;
    z-index: 100 !important;
}

.action_box.eluide91fd4acb,
.action_box.style3 {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 100 !important;
    overflow: visible !important;
    padding: 40px 50px !important;
    border-radius: 3px !important;
    background: #cd2122 !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.25) !important;
}

.action_box .action_box-title {
    font-size: 26px !important;
    font-weight: 300 !important;
    color: #fff !important;
    margin: 0 0 12px !important;
    line-height: 1.3 !important;
    font-family: "Open Sans", sans-serif !important;
}

.action_box .action_box-title .fw-semibold {
    font-weight: 600 !important;
}

.action_box .action_box-subtitle {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.95) !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    font-family: "Open Sans", sans-serif !important;
}

.action_box .action_box-buttons {
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin-top: 20px !important;
}

.action_box .action_box-buttons .btn-lined {
    display: inline-block !important;
    background: transparent !important;
    color: #fff !important;
    padding: 12px 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 2px solid #fff !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s !important;
}

.action_box .action_box-buttons .btn-lined:hover {
    background: rgba(255,255,255,0.15) !important;
}

.action_box .action_box-buttons .btn-fullwhite {
    display: inline-block !important;
    background: #fff !important;
    color: #242424 !important;
    padding: 14px 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s !important;
}

.action_box .action_box-buttons .btn-fullwhite:hover {
    background: rgba(255,255,255,0.85) !important;
}

/* Ascunde elementele vechi Kallyas din action box */
.action_box.style3:before,
.action_box.style3 .action_box-inner:before {
    display: none !important;
}

/* Săgeată jos sub action box */
.action_box:after {
    content: "" !important;
    position: absolute !important;
    bottom: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid #cd2122 !important;
    border-bottom: 0 !important;
}

/* ============================================
   SECȚIUNI — TEXT VIZIBIL
   ============================================ */
.zn_section {
    position: relative !important;
    z-index: auto !important;
    padding: 40px 0 !important;
}
.zn_section.section-sidemargins {
    padding: 60px 0 !important;
}
.zn_section .container {
    position: relative !important;
    z-index: 1 !important;
}
.kl-title-block .tbk__text {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important;
}
.kl-title-block .tbk__text p,
.kl-title-block .tbk__text ul,
.kl-title-block .tbk__text li {
    color: #535353 !important;
    line-height: 1.7 !important;
}
.kl-title-block .tbk__text ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 0 20px !important;
}
.kl-title-block .tbk__text ul li {
    position: relative !important;
    padding-left: 25px !important;
    margin-bottom: 8px !important;
}
.kl-title-block .tbk__text ul li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    color: #cd2122 !important;
    font-weight: bold !important;
}

/* ============================================
   BUTON TOP
   ============================================ */
#totop {
    position: fixed !important;
    right: 20px !important;
    top: 85% !important;
    z-index: 9999 !important;
    width: 50px !important;
    height: 60px !important;
    background-color: #404040 !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 1 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    border-radius: 3px !important;
    padding: 30px 0 20px !important;
    text-decoration: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}
#totop:before {
    content: "▲" !important;
    position: absolute !important;
    top: 8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 14px !important;
    color: #fff !important;
}
#totop.on--totop {
    opacity: 0.85 !important;
    visibility: visible !important;
}
#totop:hover {
    opacity: 1 !important;
    background-color: #cd2122 !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 991px) {
    .cep-slider-tabs { display: none !important; }
    .cep-video-slider,
    .cep-video-slider .swiper-slide,
    .cep-slider-wrapper { height: 600px !important; }
    .cep-video-slider .cep-slide-title { font-size: 60px !important; }
    .cep-video-slider .cep-slide-content { padding: 150px 30px 80px !important; }
    .main-menu-wrapper { display: none !important; }
    .zn_section.eluide3b7aab4 .container { margin-top: -40px !important; }
    .action_box.eluide91fd4acb,
    .action_box.style3 { padding: 30px 25px !important; }
    .action_box .action_box-title { font-size: 20px !important; }
    .action_box .action_box-buttons { flex-direction: column !important; width: 100% !important; }
    .action_box .action_box-buttons .btn-lined,
    .action_box .action_box-buttons .btn-fullwhite {
        width: 100% !important;
        text-align: center !important;
    }
}
@media (max-width: 767px) {
    .cep-video-slider,
    .cep-video-slider .swiper-slide,
    .cep-slider-wrapper { height: 500px !important; }
    .cep-video-slider .cep-slide-title { font-size: 36px !important; }
    .cep-video-slider .cep-slide-content { padding: 120px 20px 60px !important; }
    .zn_section.eluide3b7aab4 .container { margin-top: -30px !important; }
    .action_box.eluide91fd4acb,
    .action_box.style3 { padding: 25px 20px !important; }
    .action_box .action_box-title { font-size: 18px !important; line-height: 1.4 !important; }
}

/* ============================================
   PAGINARE SWIPER - FORȚAT CENTRAT
   ============================================ */
.cep-video-slider .swiper-pagination,
.cep-slider-wrapper .swiper-pagination,
.cep-slider-pagination,
.swiper-pagination.cep-slider-pagination {
    position: absolute !important;
    bottom: 30px !important;
    top: auto !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    -webkit-transform: translateX(-50%) !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: none !important;
    text-align: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

.cep-video-slider .swiper-pagination-bullet,
.cep-slider-wrapper .swiper-pagination-bullet,
.cep-slider-pagination .swiper-pagination-bullet,
.swiper-pagination-bullet {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    min-height: 12px !important;
    background: rgba(255, 255, 255, 0.55) !important;
    opacity: 1 !important;
    border-radius: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    float: none !important;
}

.cep-video-slider .swiper-pagination-bullet-active,
.cep-slider-wrapper .swiper-pagination-bullet-active,
.cep-slider-pagination .swiper-pagination-bullet-active,
.swiper-pagination-bullet-active {
    background: #cd2122 !important;
    width: 35px !important;
    border-radius: 6px !important;
}

/* Ascunde bullet-uri/timeline Kallyas/Revolution Slider reziduale */
.cep-slider-wrapper .tp-bullets,
.cep-slider-wrapper .tp-bullets.horizontal,
.cep-slider-wrapper .tp-bullets.vertical,
.cep-slider-wrapper .tp-tabs,
.cep-slider-wrapper .tp-thumbs,
.cep-slider-wrapper .uranus,
.cep-slider-wrapper .hesperiden,
.cep-slider-wrapper .zeus,
.cep-slider-wrapper rs-progress,
.cep-slider-wrapper rs-progress-bar,
.cep-slider-wrapper rs-progress-bgs {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Ascunde orice pagination în afara slider-ului */
.tp-bullets:not(.cep-slider-wrapper .tp-bullets) {
    display: none !important;
}

/* ============================================
   TITLU CENTRAT "TEHNICI DE ÎNVĂȚARE" - GRI MARE
   ============================================ */
.kl-title-block.tbk--center {
    text-align: center !important;
    margin: 0 auto 40px !important;
    max-width: 900px !important;
}

.kl-title-block.tbk--center .tbk__title {
    font-size: 42px !important;
    font-weight: 300 !important;
    color: #a8a8a8 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.25 !important;
    font-family: "Open Sans", sans-serif !important;
    text-shadow: none !important;
    border: 0 !important;
}

.kl-title-block.tbk--center .tbk__subtitle {
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #777 !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    letter-spacing: 0.3px !important;
    font-family: "Open Sans", sans-serif !important;
    text-transform: none !important;
}

/* ============================================
   TITLU STÂNGA CU LINIE ROȘIE (DESPRE NOI, cursuri)
   ============================================ */
.kl-title-block.tbk--left .tbk__title {
    font-size: 30px !important;
    font-weight: 700 !important;
    color: #2d2d2d !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.3 !important;
    font-family: "Open Sans", sans-serif !important;
}

.kl-title-block.tbk-symbol--line .tbk__symbol {
    display: block !important;
    width: 55px !important;
    height: 3px !important;
    background: #cd2122 !important;
    margin: 0 0 28px 0 !important;
    padding: 0 !important;
}

.kl-title-block.tbk-symbol--line .tbk__symbol span {
    display: none !important;  /* ascunde span-ul vechi Kallyas */
}

/* ============================================
   ACTION BOX - SĂGEATĂ JOS MAI PREGNANTĂ
   ============================================ */
.action_box.eluide91fd4acb,
.action_box.style3 {
    position: relative !important;
    padding: 45px 50px 50px !important;
    border-radius: 3px !important;
    background: #cd2122 !important;
    box-shadow: 0 20px 45px rgba(0,0,0,0.22) !important;
    margin-bottom: 15px !important;
}

/* Săgeată jos - MARE, ca în original */
.action_box.eluide91fd4acb:after,
.action_box.style3:after {
    content: "" !important;
    position: absolute !important;
    bottom: -14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 14px solid transparent !important;
    border-right: 14px solid transparent !important;
    border-top: 14px solid #cd2122 !important;
    border-bottom: 0 !important;
    z-index: 2 !important;
    display: block !important;
}

/* Ascunde săgeata veche Kallyas să nu fie dublă */
.action_box.style3:before,
.action_box.style3 .action_box-inner:before {
    display: none !important;
}

/* Layout action box cu 2 coloane */
.action_box .action_box-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 40px !important;
    flex-wrap: wrap !important;
}

.action_box .action_box-text {
    flex: 1 1 60% !important;
    min-width: 300px !important;
}

.action_box .action_box-buttons {
    flex: 0 0 auto !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* Titlu action box */
.action_box .action_box-title {
    font-size: 26px !important;
    font-weight: 300 !important;
    color: #fff !important;
    margin: 0 0 12px !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    font-family: "Open Sans", sans-serif !important;
}

.action_box .action_box-title .fw-semibold {
    font-weight: 600 !important;
}

/* Subtitlu action box */
.action_box .action_box-subtitle {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(255,255,255,0.95) !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    font-family: "Open Sans", sans-serif !important;
}

/* Butoane */
.action_box .action_box-buttons .btn-lined {
    display: inline-block !important;
    background: transparent !important;
    color: #fff !important;
    padding: 12px 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 2px solid #fff !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s !important;
}

.action_box .action_box-buttons .btn-lined:hover {
    background: rgba(255,255,255,0.15) !important;
}

.action_box .action_box-buttons .btn-fullwhite {
    display: inline-block !important;
    background: #fff !important;
    color: #242424 !important;
    padding: 14px 25px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border: 0 !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.2s !important;
}

.action_box .action_box-buttons .btn-fullwhite:hover {
    background: rgba(255,255,255,0.85) !important;
}

/* ============================================
   RESPONSIVE
   ============================================ */
@media (max-width: 991px) {
    .kl-title-block.tbk--center .tbk__title {
        font-size: 32px !important;
    }
    .kl-title-block.tbk--center .tbk__subtitle {
        font-size: 14px !important;
    }
    .kl-title-block.tbk--left .tbk__title {
        font-size: 24px !important;
    }
    .action_box .action_box-content {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .action_box .action_box-buttons {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .kl-title-block.tbk--center .tbk__title {
        font-size: 24px !important;
        letter-spacing: 0.5px !important;
    }
    .kl-title-block.tbk--center .tbk__subtitle {
        font-size: 13px !important;
    }
    .kl-title-block.tbk--left .tbk__title {
        font-size: 20px !important;
    }
    .action_box.eluide91fd4acb,
    .action_box.style3 {
        padding: 30px 25px 35px !important;
    }
    .action_box .action_box-title {
        font-size: 20px !important;
    }
    .action_box .action_box-buttons {
        flex-direction: column !important;
        width: 100% !important;
    }
    .action_box .action_box-buttons .btn-lined,
    .action_box .action_box-buttons .btn-fullwhite {
        width: 100% !important;
        text-align: center !important;
    }
}

/* ============================================
   FIX FINAL: ACȚIUNE BOX (FORMĂ GEOMETRICĂ) ȘI TITLU BOLD
   ============================================ */

/* 1. FORMA GEOMETRICĂ A CASETEI ROȘII (ca în originalul Kallyas) */
.action_box.eluide91fd4acb,
.action_box.style3 {
    /* Folosim clip-path pentru a crea forma de „bulină de dialog” cu colțuri rotunjite și săgeată în jos */
    clip-path: polygon(
        0% 0%, 
        100% 0%, 
        100% calc(100% - 15px), 
        calc(50% + 20px) calc(100% - 15px), 
        50% 100%, 
        calc(50% - 20px) calc(100% - 15px), 
        0% calc(100% - 15px)
    );
    /* Eliminăm border-radius și box-shadow pentru că clip-path le va tăia */
    border-radius: 0 !important;
    box-shadow: none !important;
    /* Adăugăm padding suplimentar jos pentru a face loc săgeții */
    padding: 40px 50px 55px !important;
    /* Asigurăm că fundalul roșu se aplică pe întreaga formă */
    background: #cd2122 !important;
    /* Ne asigurăm că nu există pseudo-elemente vechi care să interfereze */
    overflow: visible !important;
}

/* Ascundem orice pseudo-element :after vechi care ar putea crea un triunghi dublu */
.action_box.eluide91fd4acb::after,
.action_box.style3::after {
    display: none !important;
}

/* 2. TITLUL "TEHNICI DE ÎNVĂȚARE" - BOLD ȘI MARE (ca în original) */
.kl-title-block.tbk--center .tbk__title {
    font-size: 42px !important;
    font-weight: 700 !important; /* Schimbat din 300 în 700 pentru a fi bold */
    color: #a8a8a8 !important;   /* Griul deschis specific */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.25 !important;
    font-family: "Open Sans", sans-serif !important;
    text-shadow: none !important;
    border: 0 !important;
}


/* ============================================
   FIX FINAL: ACȚIUNE BOX (FORMĂ GEOMETRICĂ) ȘI TITLU BOLD
   ============================================ */

/* 1. FORMA GEOMETRICĂ A CASETEI ROȘII (ca în originalul Kallyas) */
.action_box.eluide91fd4acb,
.action_box.style3 {
    /* Folosim clip-path pentru a crea forma de „bulină de dialog” cu colțuri rotunjite și săgeată în jos */
    clip-path: polygon(
        0% 0%, 
        100% 0%, 
        100% calc(100% - 15px), 
        calc(50% + 20px) calc(100% - 15px), 
        50% 100%, 
        calc(50% - 20px) calc(100% - 15px), 
        0% calc(100% - 15px)
    );
    /* Eliminăm border-radius și box-shadow pentru că clip-path le va tăia */
    border-radius: 0 !important;
    box-shadow: none !important;
    /* Adăugăm padding suplimentar jos pentru a face loc săgeții */
    padding: 40px 50px 55px !important;
    /* Asigurăm că fundalul roșu se aplică pe întreaga formă */
    background: #cd2122 !important;
    /* Ne asigurăm că nu există pseudo-elemente vechi care să interfereze */
    overflow: visible !important;
}

/* Ascundem orice pseudo-element :after vechi care ar putea crea un triunghi dublu */
.action_box.eluide91fd4acb::after,
.action_box.style3::after {
    display: none !important;
}

/* 2. TITLUL "TEHNICI DE ÎNVĂȚARE" - BOLD ȘI MARE (ca în original) */
.kl-title-block.tbk--center .tbk__title {
    font-size: 42px !important;
    font-weight: 700 !important; /* Schimbat din 300 în 700 pentru a fi bold */
    color: #a8a8a8 !important;   /* Griul deschis specific */
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin: 0 0 18px 0 !important;
    line-height: 1.25 !important;
    font-family: "Open Sans", sans-serif !important;
    text-shadow: none !important;
    border: 0 !important;
}