.main-section.m-expertise-section {
    background: url(../img-video/expertise-page-bg.png) no-repeat;
    background-size: cover;
    background-position: 20% 50%;
}

.main-section.m-expertise-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: linear-gradient(to bottom, rgb(37 5 30 / 92%) 0%, rgb(50 8 41 / 61%) 25%, rgb(255 255 255) 100%);
}

@media (max-width: 1200px) {
    .main-section .expertise-img {
        top: 50%;
        left: 30%;
    }
    .main-section.m-expertise-section {
        background-position: 0% 50%;
    }
}

@media (max-width: 768px) {
    .main-section {
        padding: 0 15px;
    }

    .main-section .expertise-img {
        top: 50%;
        left: -30%;
    }
}

.hero-content .expertise-first-caption {
    color: var(--c-F2E2F2);
    font-size: 80px;
    text-align: start;
    font-weight: 500;
    z-index:5;
}

.hero-content .expertise-second-caption {
    color: #fff;
    font-size: 64px;
    font-family: var(--secondary-font);
    text-align: start;
    font-weight: 300;
    z-index: 5;
}

@media (max-width: 1200px) {
    .hero-content .expertise-first-caption {
        font-size: 62px;
    }

    .hero-content .expertise-second-caption {
        font-size: 48px;
    }
}

@media (max-width: 768px) {
    .hero-content .expertise-first-caption {
        font-size: 58px;
        letter-spacing: -0.1px;
    }

    .hero-content .expertise-second-caption {
        font-size: 42px;
        letter-spacing:-0.76px;
    }
}

.expertise-section {
    color: #ffffff;
    background: var(--c-292929);
}

.content::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to right, var(--d-border-color) 0px, transparent 1px);
    background-size: 25% 100%;
    pointer-events: none;
    z-index: 0;
}

@media (max-width: 768px) {
    .content::before {
        background-size: calc((100% - 1px) / 2) 100%;
        z-index: 10;
        left: 15px;
        right: 15px;
    }
}

.fs-wrapper {
    padding: 60px 0px;
}

    .fs-wrapper p {
        color: var(--c-292929);
        text-align: left;
        font-size: 16px;
        letter-spacing: 1.6px;
        line-height: 24px;
        font-family: var(--secondary-font);
    }

.href-link a {
    color: var(--c-292929);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1.6px;
    transition: .3s ease-out all;
    text-decoration: underline;
}

    .href-link a:hover {
        color: var(--c-8d2284);
    }

.expertise-img-section {
    color: #ffffff;
    font-family: var(--secondary-font);
}

.expertise-img-title {
    padding: 60px 0px;
}

    .expertise-img-title .title {
        text-align: center;
        color: var(--c-F5F5F5);
        font-family: var(--main-font);
        font-size: 80px;
        line-height: 70px;
        letter-spacing: 8px;
        margin-bottom: 60px;
    }

        .expertise-img-title .title .first-title {
            color: var(--c-F2E2F2);
        }

        .expertise-img-title .title .second-title {
            color: #ffffff;
            font-style: italic;
        }

@media (max-width: 1200px) {
    .expertise-img-title .title {
        font-size: 52px;
        line-height: 64px;
        letter-spacing: 0px;
    }
}

@media (max-width: 768px) {
    .expertise-img-title .title {
        font-size: 45px;
        line-height: 50px;
        letter-spacing: 0px;
        padding:0 25px;
    }
}

.expertise-img-content,
.expertise-img-content .row .col-6 {
    padding: 0px;
}

.expertise-img-content-4 {
    margin-bottom: 60px !important;
}

.expertise-img-content {
    position: relative;
}

    .expertise-img-content::before,
    .expertise-img-content::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100vw - 10px);
        height: 1px;
        background-color: var(--d-border-color);
    }

    .expertise-img-content::before {
        top: 0; 
    }

    .expertise-img-content::after {
        bottom: 0;
    }

.expertise-content img {
    height: 295px;
}

@media (max-width: 768px) {
    .expertise-content img {
        height: 195px;
    }
}

.expertise-content div {
    bottom: 60px;
    left: 60px;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 35px;
    font-family: var(--secondary-font);
}

@media (max-width: 1200px) {
    .expertise-content div {
        font-size: 24px;
        line-height: 32px;
        bottom: 0;
        left: 0;
        padding:30px;
    }
}

@media (max-width: 768px) {
    .expertise-content div {
        font-size: 16px;
        line-height: 24px;
        bottom: 0;
        left: 0;
        padding: 30px;
    }
}