.pse-theme {
    --sidebar-transition-duration: .3s;
    --sidebar-transition-timing: ease;
    --sidebar-width: 280px;
    --sidebar-width-collapse: 80px;
    --sidebar-default-width: 280px;
    --header-height: 70px;
    --divider-border-style: solid;
    --divider-color: #000;
    --divider-border-width: 2px;
    --divider-font-size: 4rem;
    --pse-color-primary: #dc1d46;
}

    .pse-theme.kt-header-fixed .kt-wrapper main {
        padding-top: var(--header-height);
    }

@media (min-width: 64rem) {
    .pse-theme.kt-sidebar-fixed .kt-wrapper main {
        /*        padding-inline-start: var(--sidebar-width) !important;*/
    }
}

@media (min-width: 64rem) {
    .pse-theme.kt-sidebar-fixed.kt-header-fixed .kt-wrapper main {
        padding-top: var(--header-height);
    }
}

.pse-bg-light {
    --pse-text-color: #1e1e1e;
    background-color: #fff;
    color: var(--pse-text-color);
}

.pse-bg-dark {
    --pse-text-color: #fff;
    --divider-color: #fff;
    background-color: #292929;
    color: var(--pse-text-color);
}

.pse-bg-gray {
    --pse-text-color: #1e1e1e;
    background-color: #F9F9FA;
    color: var(--pse-text-color);
}

.pse-bg-gray2 {
    --pse-text-color: #1e1e1e;
    background-color: #EFEFEF;
    color: var(--pse-text-color);
}

.pse-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    padding: 1.5rem 3rem;
}

.pse-btn-primary:not(:hover) {
    background-color: #dc1d46;
}

.gap-x-3 {
    column-gap: calc(var(--spacing) * 3)
}

.gap-x-5 {
    column-gap: calc(var(--spacing) * 5)
}

/* ===== CONTAINER ===== */
.pse-background-video-container {
    position: relative;
    /*    height: 550px;*/
    overflow: hidden;
}

    /* ===== VIDEO ===== */
    .pse-background-video-container video {
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        transform: translate(-50%, -50%) scale(1.05);
        object-fit: cover;
        z-index: 1;
        /* cinematic nhẹ */
        filter: brightness(0.9) contrast(1.05);
    }

/* ===== OVERLAY (chuẩn màu bạn yêu cầu) ===== */
.pse-background-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient( to bottom, rgba(40, 58, 68, 0.6), rgba(40, 58, 68, 0.6), rgba(40, 58, 68, 0.9) );
    backdrop-filter: none; /* blur(1px) */
}

/* ===== CONTENT ===== */
.pse-background-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    padding: 5rem 0;
}

    /* ===== TEXT STYLE ===== */
    .pse-background-content h2 {
        font-size: 3.7rem;
        font-weight: 200;
        animation: fadeUp 1s ease forwards;
    }

    .pse-background-content .description {
        font-weight: 400;
        text-align: center;
    }

/* divider đẹp hơn */
.pse-divider {
    padding: 2rem 0;
}

    .pse-divider .pse-divider-separator {
        width: 30px;
        margin: 0 auto;
        border-top: var(--divider-border-width) var(--divider-border-style) var(--divider-color);
    }

    .pse-divider .pse-divider-text-separator {
        font-size: var(--divider-font-size);
    }

    .pse-divider .pse-divider-svg-separator {
        display: inline-block;
    }

        .pse-divider .pse-divider-svg-separator svg {
            height: 1rem;
        }

/* ===== ANIMATION ===== */
@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pse-box .title-1 {
    font-size: 1rem;
    font-weight: 300;
    color: var(--pse-text-color);
}

.pse-box .title-2 {
    font-size: 3.5rem;
    font-weight: 200;
    color: var(--pse-text-color);
}

.pse-box .title-3 {
    font-size: 2rem;
    font-weight: 200;
}

/* About Us : Welcome */


/* Our Services */
.services-section .kt-card {
    background-color: #363636;
    text-align: center;
    border: none;
    border-radius: 0;
}

    .services-section .kt-card .kt-card-header {
        border-bottom: none;
    }

    .services-section .kt-card .kt-card-title {
        color: var(--pse-text-color);
        font-size: 20px;
        font-weight: 300;
    }

    .services-section .kt-card .kt-card-content {
        color: var(--pse-text-color);
        padding-block: 0;
    }

    .services-section .kt-card .kt-card-footer {
        border-top: none;
        text-align: center;
        justify-content: center;
        font-size: 1.5rem;
    }

        .services-section .kt-card .kt-card-footer i:hover {
            animation-name: fa-bounce;
            animation-delay: var(--fa-animation-delay, 0s);
            animation-direction: var(--fa-animation-direction, normal);
            animation-duration: var(--fa-animation-duration, 1s);
            animation-iteration-count: var(--fa-animation-iteration-count, infinite);
            animation-timing-function: var(--fa-animation-timing, cubic-bezier(.28, .84, .42, 1));
        }
/* image-before-after-box */
.image-before-after-box {
    background-color: #fff;
}

    .image-before-after-box .before-after-content {
        padding: calc(var(--spacing) * 5);
    }

        .image-before-after-box .before-after-content .before-after-title {
            font-size: 2rem;
            font-weight: 200;
            line-height: normal;
        }

        .image-before-after-box .before-after-content .before-after-lead {
            text-transform: uppercase;
            padding: calc(var(--spacing) * 3) 0;
        }

        .image-before-after-box .before-after-content .before-after-description {
        }

        .image-before-after-box .before-after-content .before-after-action {
            margin-top: calc(var(--spacing) * 3);
        }

/* Our Advantages */
.our-advantages-section .kt-card .kt-card-content svg {
    width: 64px;
    height: auto;
    stroke-width: 0.5;
}

.our-advantages-section .kt-card .kt-card-content .title {
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--pse-color-primary);
    padding-block: calc(var(--spacing) * 3);
}

/* Free Trial */
.free-trial-section h3 {
    font-size: 2.5rem;
    font-weight: 200;
}

/* How It Works */


/* Footer */
.footer_top {
    background-color: #262626;
    color: #ebebeb;
}

    .footer_top .column-1 {
        width: 30%;
    }

    .footer_top .column-2 {
        width: 30%;
    }

    .footer_top .column-3 {
        width: 20%;
    }

    .footer_top .column-4 {
        width: 20%;
    }

.footer_bottom {
    background-color: #1b1b1b;
    color: #ebebeb;
}

.pse-bg-img {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.pse-bg-img-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); /* màu phủ */
    z-index: 1;
}

/* nội dung bên trong */
.pse-bg-img > * {
    position: relative;
    z-index: 2;
}

.pse-bg-img > * {
    position: relative;
    z-index: 2;
}


.pse-bg-img-1 {
    background-image: url(/media/ashley-byrd-VLHNfKF1Uec-unsplash-scaled.jpg);
}

.pse-bg-img-2 {
    background-image: url(/media/background_office_unsp_1-scaled.jpg);
}

.pse-bg-img-3 {
    background-image: url(/media/background_office_unsp-scaled.jpg);
}

.pse-bg-img-4 {
    background-image: url(/media/patten_gray_stroke.svg);
    background-repeat: repeat;
    background-size: 134px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

/*.pse-bg-img.pse-bg-img-4::before {
    background-color: transparent;*/ /* màu phủ */
/*}*/

.pse-bg-img-5 {
    background-image: url(/media/patten_gray.svg);
}

.pse-bg-img-6 {
    background-image: url(/media/bg_1_03.jpg);
}

.doc-list {
}

    .doc-list .doc-list-item {
        margin-bottom: calc(var(--spacing) * 5);
    }

        .doc-list .doc-list-item:last-child {
            margin-bottom: 0;
        }

        .doc-list .doc-list-item .title {
            font-weight: 200;
            font-size: 2rem;
        }

        .doc-list .doc-list-item .description {
        }

.our-pricing {
}

    .our-pricing .title {
        font-size: 2rem;
        color: var(--pse-color-primary);
    }

    .our-pricing .description {
    }

    .our-pricing .file-type {
    }

    .our-pricing .price {
        font-size: 1.6rem;
        font-weight: 600;
    }

.image-steps {
}

    .image-steps .title {
        font-size: 2rem;
        color: var(--pse-color-primary);
    }

    .image-steps ul li {
        margin-bottom: calc(var(--spacing) * 3);
    }

.pse-accordion-item-not-last {
    border-bottom-width: 1px;
}

@media (min-width: 48rem) {
    .md\:pse-accordion-item-last {
        border-bottom-width: 0;
    }
}