.w100 {width: 100%}
.clear {float: none !important; clear: both !important}
.mt20 {margin-top: 20px}
.mb20 {margin-bottom: 20px}
.mb50 {margin-bottom: 50px}
.z-index-common.space {margin-bottom: calc(var(--section-space) - 30px);}
.vs-btn-hover-color-black:hover {color: black !important}

.header-box__icon {margin: 0 8px 0 0; line-height: 38px; width: 35px; height: 35px; font-size: 12px}
.header-box__number {font-size: 14px;}
@media (min-width: 1190px) {.header-layout3 .header-box {width: calc(var(--box-width) - 112px)}}

/*.despre-nav {position: fixed; z-index: 999; background: #fff; border-radius: 0px 10px 10px 0px; box-shadow: 0px 0px 4px 1px var(--title-color);}*/
.despre-nav {position: fixed; z-index: 999; background: #0b2048; border-radius: 0px; box-shadow: 0px 0px 4px 1px var(--title-color); bottom: 0; left: 0; right: 0; margin: auto;}
.despre-nav .btn.btn-primary {background-color:var(--theme-color); color: #fff; border: unset}
/*.despre-nav .nav-item:first-child .btn{border-radius: 0 0.25rem 0 0}*/
/*.despre-nav .nav-item:last-child .btn{border-radius: 0 0 0.25rem 0 }*/
.btn-default {background: #fff; color: var(--title-color); border: unset;}
footer {margin-bottom: 40px}


@media (max-width: 1250px) {.scrollToTop.show {bottom: 115px}}
@media (max-width: 700px) {.scrollToTop.show {bottom: 140px; z-index: 99999} footer {margin-bottom: 40px}}
@media (max-width: 700px) {.footer-nav a {font-size: 12px}}
@media (max-width: 500px) {.footer-nav a {font-size: 8px}}

.justifi-content-center {
    justify-content: center;
}
.subsection a {color: var(--secondColor);}
.subsection  ul{padding-left: 20px;}
.subsection  li {list-style-type: circle;}
.buttons{padding: 0}
.buttons li {list-style: none; padding: 3px 17px;}
.submeniuh {width: 100%; background: #0a58ca; color: #fff; padding: 10px 17px; font-size: 16px}
.contact-box {padding: 20px !important;}
.buttons li.active {color: #000; background-color: #ffca2c; border-color: #ffc720;}

:root {
    --cwc-purple: #131d49;
    --cwc-purple-dark: #0d1434;
    --cwc-purple-soft: #eef2ff;
    --cwc-mint: #a9ffbd;
    --cwc-ink: #17142f;
}

.cwc-home {
    background: #fff;
    color: var(--cwc-ink);
}

.cwc-page {
    color: var(--cwc-ink);
}

.cwc-home .vs-btn,
.cwc-page .vs-btn {
    background: var(--cwc-purple);
    color: #fff;
    border-radius: 999px;
}

.cwc-home .vs-btn:before,
.cwc-home .vs-btn:after,
.cwc-page .vs-btn:before,
.cwc-page .vs-btn:after {
    background: var(--cwc-purple-dark);
}

.cwc-home .sec-subtitle,
.cwc-page .sec-subtitle {
    color: var(--cwc-purple);
}

.cwc-home .sec-subtitle i,
.cwc-page .sec-subtitle i {
    color: var(--cwc-purple);
}

.cwc-page-hero .sec-subtitle,
.cwc-page-hero .sec-subtitle i,
.cwc-cta .sec-subtitle,
.cwc-cta .sec-subtitle i,
.cwc-extra-panel .sec-subtitle,
.cwc-extra-panel .sec-subtitle i,
.cwc-hero--landing .sec-subtitle,
.cwc-hero--landing .sec-subtitle i {
    color: #fff;
}

.cwc-header + .cwc-home,
.cwc-header + .cwc-page {
    margin-top: 0;
}

.cwc-header,
.cwc-header--home {
    position: relative;
    top: auto;
    z-index: 9;
    width: 100%;
    background: var(--cwc-purple);
}

.cwc-header .header-top {
    background: var(--cwc-purple-dark);
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.cwc-header .sticky-wrapper,
.cwc-header .sticky-active {
    margin: 0 !important;
}

.cwc-header--home .header-top {
    background: var(--cwc-purple-dark);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.cwc-header .sticky-wrapper {
    min-height: 0 !important;
    background: var(--cwc-purple);
}

.cwc-header .sticky-active {
    position: relative !important;
    top: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: var(--cwc-purple);
}

.cwc-header--home .sticky-wrapper,
.cwc-header--home .sticky-active {
    background: var(--cwc-purple);
    box-shadow: 0 14px 35px rgba(8, 13, 36, .18);
}

.cwc-header--home .sticky-wrapper.will-sticky .sticky-active,
.cwc-header--home .sticky-active.active {
    background: rgba(19, 29, 73, .98);
    box-shadow: 0 14px 35px rgba(8, 13, 36, .22);
    backdrop-filter: blur(10px);
}

.cwc-header:not(.cwc-header--home) .sticky-active {
    background: var(--cwc-purple);
    box-shadow: 0 10px 30px rgba(8, 13, 36, .16);
}

.cwc-header:not(.cwc-header--home) .main-menu ul li a,
.cwc-header:not(.cwc-header--home) .header-links a,
.cwc-header:not(.cwc-header--home) .header-links li,
.cwc-header:not(.cwc-header--home) .header-social,
.cwc-header:not(.cwc-header--home) .header-social a {
    color: #fff;
}

.cwc-header:not(.cwc-header--home) .header-logo img {
    filter: brightness(0) invert(1);
}

.cwc-header:not(.cwc-header--home) .header-btns .vs-btn {
    background: #fff;
    color: var(--cwc-purple);
}

.cwc-header:not(.cwc-header--home) .icon-btn.style3 {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.cwc-header--home .main-menu ul li a,
.cwc-header--home .header-links a,
.cwc-header--home .header-links li,
.cwc-header--home .header-social,
.cwc-header--home .header-social a {
    color: #fff;
}

.cwc-header--home .header-logo img {
    filter: brightness(0) invert(1);
}

.cwc-header--home .header-btns .vs-btn {
    background: #fff;
    color: var(--cwc-purple);
    border-radius: 999px;
}

.cwc-header--home .icon-btn.style3 {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.cwc-footer {
    margin-bottom: 64px;
}

.cwc-hero {
    position: relative;
    overflow: hidden;
    padding: 120px 0 95px;
    background: linear-gradient(135deg, #f4efff 0%, #fff 52%, #f7f2ff 100%);
}

.cwc-hero--landing {
    display: flex;
    align-items: center;
    min-height: 820px;
    padding: 190px 0 115px;
    background:
        linear-gradient(90deg, rgba(19, 29, 73, .98) 0%, rgba(19, 29, 73, .93) 38%, rgba(19, 29, 73, .54) 63%, rgba(19, 29, 73, .9) 100%),
        url("/servicii-creare-website-consultanta/assets/images/creare-website-consultanta-cover-1.jpg") center right / cover no-repeat;
}

.cwc-hero--landing:after {
    content: "";
    position: absolute;
    right: -120px;
    top: -170px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
}

.cwc-hero:before {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 10px;
    background: linear-gradient(90deg, var(--cwc-purple), var(--cwc-mint), #fff);
}

.cwc-hero h1 {
    margin: 18px 0 22px;
    color: var(--title-color);
    font-size: clamp(38px, 5vw, 68px);
    line-height: 1.06;
    letter-spacing: 0;
}

.cwc-hero--landing h1 {
    max-width: 800px;
    color: #fff;
    font-size: clamp(56px, 7.6vw, 108px);
    line-height: .98;
}

.cwc-hero__lead,
.cwc-section__intro {
    color: #596579;
    font-size: 18px;
    line-height: 1.75;
}

.cwc-hero--landing .sec-subtitle,
.cwc-hero--landing .cwc-hero__lead,
.cwc-hero--landing .cwc-link-btn {
    color: #fff;
}

.cwc-hero--landing .sec-subtitle {
    letter-spacing: 0;
}

.cwc-hero--landing .cwc-hero__lead {
    max-width: 650px;
    opacity: .94;
}

.cwc-hero__lead--secondary {
    margin-top: 30px;
}

.cwc-hero--landing .vs-btn {
    background: #a9ffbd;
    color: #083055;
    border-radius: 999px;
    min-width: 270px;
}

.cwc-hero--landing .vs-btn:before,
.cwc-hero--landing .vs-btn:after {
    background: #fff;
}

.cwc-page-hero {
    padding: 110px 0 80px;
    background:
        linear-gradient(90deg, rgba(19, 29, 73, .98), rgba(19, 29, 73, .86)),
        url("/servicii-creare-website-consultanta/assets/images/creare-website-consultanta-cover-1.jpg") center right / cover no-repeat;
    color: #fff;
}

.cwc-page-hero .sec-subtitle,
.cwc-page-hero h1,
.cwc-page-hero p {
    color: #fff;
}

.cwc-page-hero h1 {
    max-width: 980px;
    margin: 16px 0 18px;
    font-size: clamp(36px, 5vw, 64px);
    line-height: 1.08;
    letter-spacing: 0;
}

.cwc-page-hero p {
    max-width: 760px;
    font-size: 19px;
    line-height: 1.75;
    opacity: .92;
}

.cwc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    margin-top: 34px;
}

.cwc-link-btn {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--cwc-purple-dark);
    font-weight: 700;
}

.cwc-link-btn:hover {
    color: var(--cwc-purple);
}

.cwc-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 34px;
}

.cwc-proof span {
    min-height: 82px;
    padding: 16px;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(19, 29, 73, .12);
    border-radius: 8px;
    box-shadow: 0 12px 35px rgba(21, 35, 70, .08);
    color: #596579;
}

.cwc-proof strong {
    display: block;
    color: var(--cwc-purple-dark);
    font-size: 18px;
}

.cwc-hero__media {
    position: relative;
}

.cwc-hero__media img {
    width: 100%;
    min-height: 500px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 22px 70px rgba(13, 31, 67, .18);
}

.cwc-hero__note {
    position: absolute;
    right: 28px;
    bottom: 28px;
    max-width: 310px;
    padding: 22px;
    background: #fff;
    border-left: 5px solid var(--theme-color);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(12, 24, 54, .18);
}

.cwc-hero__note span {
    display: block;
    color: var(--theme-color);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.cwc-hero__note strong {
    color: var(--title-color);
    font-size: 20px;
    line-height: 1.3;
}

.cwc-section {
    padding: 100px 0;
}

.cwc-section--soft {
    background: linear-gradient(135deg, #f7f2ff 0%, #fff 100%);
}

.cwc-about {
    background: #fff;
}

.cwc-image-stack {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.cwc-image-stack img {
    width: 100%;
    min-height: 420px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 16px 45px rgba(16, 31, 65, .12);
}

.cwc-image-stack img + img {
    margin-top: 54px;
}

.cwc-timeline {
    display: grid;
    gap: 16px;
    margin: 28px 0;
}

.cwc-timeline--wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cwc-timeline div {
    padding: 22px;
    background: #fff;
    border: 1px solid rgba(23, 34, 70, .09);
    border-radius: 8px;
}

.cwc-timeline span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    margin-bottom: 12px;
    background: rgba(19, 29, 73, .1);
    color: var(--cwc-purple);
    border-radius: 50%;
    font-weight: 800;
}

.cwc-timeline strong {
    display: block;
    color: var(--title-color);
    font-size: 19px;
}

.cwc-timeline p {
    margin: 8px 0 0;
    color: #667085;
}

.cwc-service {
    height: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(19, 29, 73, .1);
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(19, 29, 73, .08);
}

.cwc-service img {
    width: 100%;
    aspect-ratio: 16 / 11;
    object-fit: cover;
}

.cwc-service__body {
    padding: 24px;
}

.cwc-service__body span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 18px;
    background: rgba(19, 29, 73, .1);
    color: var(--cwc-purple);
    border-radius: 50%;
    font-weight: 800;
}

.cwc-service h3,
.cwc-benefit h3 {
    margin-bottom: 10px;
    color: var(--cwc-ink);
    font-size: 21px;
    letter-spacing: 0;
}

.cwc-service p,
.cwc-benefit p {
    color: #667085;
    line-height: 1.7;
}

.cwc-service a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--cwc-purple);
    font-weight: 700;
}

.cwc-project,
.cwc-theme,
.cwc-price,
.cwc-contact-card,
.cwc-form-panel {
    height: 100%;
    background: #fff;
    border: 1px solid rgba(19, 29, 73, .1);
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(19, 29, 73, .08);
}

.cwc-project {
    overflow: hidden;
}

.cwc-project img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

.cwc-project__body {
    padding: 22px;
}

.cwc-project h3,
.cwc-theme h3,
.cwc-price h3,
.cwc-contact-card h2,
.cwc-form-panel h2 {
    margin-bottom: 10px;
    color: var(--cwc-ink);
    font-size: 22px;
    letter-spacing: 0;
}

.cwc-project p,
.cwc-theme span,
.cwc-price li,
.cwc-contact-card p,
.cwc-form-panel p {
    color: #667085;
}

.cwc-project a,
.cwc-theme a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    color: var(--cwc-purple);
    font-weight: 700;
}

.cwc-theme {
    padding: 28px;
}

.cwc-theme span {
    display: block;
    margin-bottom: 12px;
    font-weight: 700;
}

.cwc-price {
    padding: 32px;
    position: relative;
    overflow: hidden;
}

.cwc-price--featured {
    border-color: rgba(19, 29, 73, .32);
    box-shadow: 0 18px 50px rgba(19, 29, 73, .18);
}

.cwc-price--featured:before {
    content: "recomandat";
    position: absolute;
    top: 18px;
    right: -50px;
    width: 200px;
    padding: 6px 0;
    background: var(--cwc-mint);
    color: #1a1260;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    transform: rotate(35deg);
}

.cwc-price__eyebrow {
    display: block;
    max-width: 260px;
    min-height: 46px;
    margin-bottom: 16px;
    color: #667085;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
}

.cwc-price strong {
    display: block;
    margin: 12px 0 20px;
    color: var(--cwc-purple);
    font-size: 32px;
    line-height: 1.2;
}

.cwc-price ul {
    min-height: 150px;
    padding-left: 20px;
    margin-bottom: 24px;
}

.cwc-price li {
    margin-bottom: 10px;
}

.cwc-extra-panel {
    margin-top: 42px;
    padding: 34px;
    background:
        linear-gradient(135deg, rgba(19, 29, 73, .96), rgba(13, 20, 52, .98)),
        url("/servicii-creare-website-consultanta/assets/images/creare-website-consultanta-cover-1.jpg") center / cover no-repeat;
    border-radius: 8px;
    color: #fff;
}

.cwc-extra-panel__intro {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: flex-end;
    margin-bottom: 24px;
}

.cwc-extra-panel .sec-subtitle,
.cwc-extra-panel h3 {
    color: #fff;
}

.cwc-extra-panel h3 {
    max-width: 650px;
    margin: 0;
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: 0;
}

.cwc-extra-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.cwc-extra-grid div {
    padding: 20px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
}

.cwc-extra-grid strong,
.cwc-extra-grid span {
    display: block;
}

.cwc-extra-grid strong {
    color: #fff;
    font-size: 17px;
}

.cwc-extra-grid span {
    margin: 10px 0;
    color: var(--cwc-mint);
    font-size: 20px;
    font-weight: 800;
}

.cwc-extra-grid p {
    margin: 0;
    color: rgba(255, 255, 255, .82);
    line-height: 1.6;
}

.cwc-addon {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    background: #fff;
    border: 1px solid rgba(19, 29, 73, .1);
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(19, 29, 73, .08);
}

.cwc-addon--accent {
    background: linear-gradient(145deg, var(--cwc-purple), var(--cwc-purple-dark));
    color: #fff;
}

.cwc-addon i {
    width: 54px;
    height: 54px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    background: rgba(19, 29, 73, .1);
    color: var(--cwc-purple);
    border-radius: 50%;
    font-size: 24px;
}

.cwc-addon--accent i {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.cwc-addon span {
    display: block;
    margin-bottom: 14px;
    color: var(--cwc-purple);
    font-size: 24px;
    font-weight: 800;
}

.cwc-addon--accent span,
.cwc-addon--accent h3,
.cwc-addon--accent p,
.cwc-addon--accent a {
    color: #fff !important;
}

.cwc-addon--accent * {
    color: #fff !important;
}

.cwc-addon--accent span,
.cwc-addon--accent h3 {
    text-shadow: 0 1px 0 rgba(0, 0, 0, .16);
}

.cwc-addon--accent p {
    color: rgba(255, 255, 255, .88) !important;
}

.cwc-addon--accent a {
    background: rgba(255, 255, 255, .2);
    width: fit-content;
    padding: 10px 14px;
    border-radius: 999px;
}

.cwc-addon--accent a,
.cwc-addon--accent a i {
    color: #fff !important;
}

.cwc-addon--accent a:hover {
    background: #fff;
    color: var(--cwc-purple) !important;
}

.cwc-addon--accent a:hover i {
    color: var(--cwc-purple) !important;
}

.cwc-addon h3 {
    margin-bottom: 10px;
    color: var(--cwc-ink);
    font-size: 23px;
    letter-spacing: 0;
}

.cwc-addon p {
    color: #667085;
    line-height: 1.7;
}

.cwc-addon a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-top: auto;
    color: var(--cwc-purple);
    font-weight: 800;
}

.cwc-faq {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.cwc-faq details {
    padding: 24px;
    background: #fff;
    border: 1px solid rgba(23, 34, 70, .08);
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(22, 36, 70, .07);
}

.cwc-faq summary {
    cursor: pointer;
    color: var(--title-color);
    font-size: 18px;
    font-weight: 800;
    line-height: 1.35;
}

.cwc-faq p {
    margin: 14px 0 0;
    color: #667085;
    line-height: 1.7;
}

.cwc-contact-card {
    height: auto;
    margin-bottom: 18px;
    padding: 26px;
}

.cwc-contact-card i {
    margin-bottom: 14px;
    color: var(--theme-color);
    font-size: 30px;
}

.cwc-form-panel {
    padding: 34px;
}

.cwc-submit-btn {
    width: 100%;
    justify-content: center;
}

.cwc-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.cwc-benefit {
    min-height: 210px;
    padding: 28px;
    background: #fff;
    border: 1px solid rgba(19, 29, 73, .1);
    border-radius: 8px;
}

.cwc-benefit i {
    margin-bottom: 18px;
    color: var(--cwc-purple);
    font-size: 34px;
}

.cwc-reviews {
    display: grid;
    gap: 18px;
}

.cwc-review {
    padding: 26px;
    background: #fff;
    border: 1px solid rgba(19, 29, 73, .1);
    border-radius: 8px;
}

.cwc-review p {
    color: #42526b;
    font-size: 18px;
    line-height: 1.7;
}

.cwc-review strong {
    display: block;
    color: var(--cwc-ink);
}

.cwc-review span {
    color: #667085;
}

.cwc-client-strip {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px;
    margin-top: 50px;
    padding-top: 38px;
    border-top: 1px solid rgba(19, 29, 73, .1);
}

.cwc-client-strip img {
    max-width: 150px;
    height: 58px;
    object-fit: contain;
    filter: grayscale(1);
    opacity: .78;
}

.cwc-cta {
    padding: 70px 0;
    background:
        linear-gradient(90deg, rgba(19, 29, 73, .96), rgba(13, 20, 52, .98)),
        url("/servicii-creare-website-consultanta/assets/images/creare-website-consultanta-cover-1.jpg") center / cover no-repeat;
}

.cwc-cta__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.cwc-cta .sec-subtitle,
.cwc-cta h2 {
    color: #fff;
}

.cwc-cta h2 {
    max-width: 760px;
    margin: 10px 0 0;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.18;
    letter-spacing: 0;
}

.cwc-footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-bottom: 26px;
}

.cwc-footer-nav a {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    padding: 10px 16px;
    background: rgba(255, 255, 255, .1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    font-weight: 700;
}

.cwc-footer-nav a:hover {
    background: var(--cwc-mint);
    color: var(--cwc-purple-dark);
}

.cwc-fixed-quicknav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(19, 29, 73, .98);
    box-shadow: 0 -12px 32px rgba(8, 13, 36, .28);
    backdrop-filter: blur(10px);
}

.cwc-fixed-quicknav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 9px 15px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.cwc-fixed-quicknav a:hover {
    background: var(--cwc-mint);
    color: var(--cwc-purple-dark);
}

@media (max-width: 991px) {
    .cwc-hero {
        padding: 80px 0 70px;
    }

    .cwc-hero--landing {
        min-height: 700px;
        padding: 150px 0 90px;
        background:
            linear-gradient(90deg, rgba(19, 29, 73, .96) 0%, rgba(19, 29, 73, .88) 100%),
            url("/servicii-creare-website-consultanta/assets/images/creare-website-consultanta-cover-1.jpg") center / cover no-repeat;
    }

    .cwc-proof,
    .cwc-benefits,
    .cwc-timeline--wide,
    .cwc-extra-grid,
    .cwc-faq {
        grid-template-columns: 1fr;
    }

    .cwc-extra-panel__intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .cwc-hero__media img {
        min-height: 360px;
    }

    .cwc-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575px) {
    .cwc-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cwc-hero--landing h1 {
        font-size: 54px;
    }

    .cwc-actions .vs-btn,
    .cwc-cta .vs-btn {
        width: 100%;
        justify-content: center;
    }

    .cwc-hero__note {
        position: static;
        max-width: none;
        margin-top: 16px;
    }

    .cwc-page-hero {
        padding: 76px 0 56px;
    }

    .cwc-image-stack {
        grid-template-columns: 1fr;
    }

    .cwc-image-stack img,
    .cwc-image-stack img + img {
        min-height: 260px;
        margin-top: 0;
    }

    .cwc-form-panel {
        padding: 24px;
    }

    .cwc-fixed-quicknav {
        justify-content: flex-start;
        overflow-x: auto;
        padding: 8px 10px;
        scrollbar-width: none;
    }

    .cwc-fixed-quicknav::-webkit-scrollbar {
        display: none;
    }

    .cwc-fixed-quicknav a {
        min-height: 34px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .cwc-footer {
        margin-bottom: 58px;
    }
}

/* Final header guard: keep the theme sticky script from creating translucent overlay bands. */
.cwc-header,
.cwc-header.header-layout3 {
    position: relative !important;
    top: auto !important;
    z-index: 9999 !important;
    background: #131d49 !important;
}

.cwc-header .header-top,
.cwc-header.header-layout3 .header-top {
    display: block !important;
    min-height: 36px !important;
    background: #0d1434 !important;
    color: #fff !important;
}

.cwc-header .sticky-wrapper,
.cwc-header.header-layout3 .sticky-wrapper {
    position: static !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    background: #131d49 !important;
}

.cwc-header .sticky-active,
.cwc-header .sticky-active.active,
.cwc-header .sticky-wrapper.will-sticky .sticky-active,
.cwc-header.header-layout3 .sticky-active,
.cwc-header.header-layout3 .sticky-active.active,
.cwc-header.header-layout3 .sticky-wrapper.will-sticky .sticky-active {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    margin: 0 !important;
    background: #131d49 !important;
    box-shadow: 0 10px 30px rgba(8, 13, 36, .18) !important;
}

.cwc-header .main-menu ul li a,
.cwc-header .header-links a,
.cwc-header .header-links li,
.cwc-header .header-social,
.cwc-header .header-social a {
    color: #fff !important;
}

.cwc-header .header-logo img {
    filter: brightness(0) invert(1);
}

.cwc-header .header-btns .vs-btn {
    background: #fff !important;
    color: #131d49 !important;
}

.cwc-header .icon-btn.style3 {
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
}

.cwc-header .container {
    max-width: 1320px;
}

.cwc-header .header-links ul {
    display: flex;
    justify-content: flex-start;
    gap: 36px;
    flex-wrap: wrap;
}

.cwc-header .sticky-active > .container > .row {
    display: grid !important;
    grid-template-columns: minmax(230px, 320px) minmax(520px, 1fr) minmax(260px, 320px);
    align-items: center !important;
    min-height: 92px;
    column-gap: 24px;
}

.cwc-header .sticky-active > .container > .row > .col-auto {
    width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.cwc-header .sticky-active > .container > .row > .col-auto:first-child {
    justify-self: start;
}

.cwc-header .sticky-active > .container > .row > .col-auto:nth-child(2) {
    justify-self: center;
    min-width: 0;
}

.cwc-header .sticky-active > .container > .row > .col-auto:nth-child(3) {
    justify-self: end;
}

.cwc-header .main-menu > ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    flex-wrap: nowrap;
}

.cwc-header .main-menu ul li a {
    white-space: nowrap;
}

.cwc-header .header-logo {
    display: flex;
    align-items: center;
}

@media (max-width: 1199px) {
    .cwc-header .sticky-active > .container > .row {
        display: flex !important;
        justify-content: space-between !important;
    }

}