:root {
    --secondary-color: #283272;
}

.df-lightbox-wrapper .df-bg {
    background-color: transparent !important;
}

.df-lightbox-bg {
    opacity: 0.8 !important;
}

.w-100 {
    width: 100% !important;
    margin: 0 !important;
}

.page-introduce h2.section-title-normal {
    color: var(--secondary-color);
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    border-bottom: 0 solid #000;
    margin-bottom: 20px;
}

.page-introduce h2.section-title-normal .section-title-main {
    border-bottom: 0 solid #000;
    padding-bottom: 13px;
    position: relative;
}

.page-introduce h2.section-title-normal .section-title-main:before {
    content: "";
    width: 110px;
    height: 6px;
    background: var(--secondary-color);
    position: absolute;
    bottom: 0px;
}

/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
@media only screen and (max-width: 1199.98px) {
}

@media only screen and (max-width: 849.98px) {
}

@media only screen and (max-width: 699.98px) {
}

@media only screen and (max-width: 549.98px) {
}

@media only screen and (min-width: 550px) {
}

@media only screen and (min-width: 700px) {
}

@media only screen and (min-width: 850px) {
    .page-introduce h2.section-title-normal {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) {
}

@media only screen and (min-width: 1200px) {
}