.title-wrapper [class*="title"] {
    display: inline-block
}

.title-wrapper .title {
    margin-bottom: 0
}

.title-wrapper .img-wrapper {
    margin-top: 10px
}

.subtitle-color-black.subtitle-style-default {
    color: #000
}

.subtitle-color-black.subtitle-style-background {
    background-color: #333;
    color: #fff
}

.subtitle-color-white.subtitle-style-default {
    color: rgba(255, 255, 255, 0.8)
}

.subtitle-color-white.subtitle-style-background {
    background-color: rgba(255, 255, 255, 0.8);
    color: #242424
}

.wd-title-color-white {
    color: var(--wd-text-color);
    --wd-text-color: rgba(255, 255, 255, 0.8);
    --wd-title-color: #fff
}

.subtitle-color-gradient.subtitle-style-default {
    color: var(--color-gray-400)
}

.subtitle-color-gradient.subtitle-style-background {
    background-color: #f1f1f1;
    color: #333
}

.wd-title-color-gradient .title {
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.wd-title-style-simple .liner-continer {
    position: relative;
    padding-bottom: 10px
}

.wd-title-style-simple .liner-continer:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: calc(50% - 20px);
    width: 40px;
    height: 2px
}

.wd-title-style-simple.text-left .liner-continer:after {
    left: 0
}

.wd-title-style-simple.text-right .liner-continer:after {
    right: 0;
    left: auto
}

.wd-title-style-simple.wd-title-color-default .liner-continer:after {
    background-color: rgba(0, 0, 0, 0.105)
}

.wd-title-style-simple.wd-title-color-primary .liner-continer:after {
    background-color: var(--wd-primary-color)
}

.wd-title-style-simple.wd-title-color-alt .liner-continer:after {
    background-color: var(--wd-alternative-color)
}

.wd-title-style-simple.wd-title-color-black .liner-continer:after {
    background-color: #000
}

.wd-title-style-simple.wd-title-color-white .liner-continer:after {
    background-color: #fff
}

.wd-title-style-bordered .liner-continer {
    display: flex;
    align-items: center;
    border-color: rgba(0, 0, 0, 0.105);
    flex-direction: row
}

.wd-title-style-bordered .liner-continer:before,
.wd-title-style-bordered .liner-continer:after {
    content: "";
    display: block;
    flex: 1 1 auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: inherit
}

.wd-title-style-bordered .liner-continer:before {
    margin-right: 20px
}

.wd-title-style-bordered .liner-continer:after {
    margin-left: 20px
}

.wd-title-style-bordered.text-left .liner-continer:before {
    display: none
}

.wd-title-style-bordered.text-right .liner-continer:after {
    display: none
}

.wd-title-style-bordered.wd-title-color-white .liner-continer,
[class*="color-scheme-light"] .wd-title-style-bordered .liner-continer {
    border-color: rgba(255, 255, 255, 0.2)
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-default .title {
    border-color: #CCC
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-primary .title {
    border-color: var(--wd-primary-color)
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-alt .title {
    border-color: var(--wd-alternative-color)
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-black .title {
    border-color: #000
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-white .liner-continer {
    border-color: rgba(255, 255, 255, 0.5)
}

:is(.wd-title-style-underlined, .wd-title-style-overlined).wd-title-color-white .title {
    border-color: #fff
}

.wd-title-style-underlined .liner-continer {
    border-bottom: 2px solid var(--brdcolor-gray-300)
}

.wd-title-style-underlined .title {
    margin-bottom: -2px;
    padding-bottom: 10px;
    border-bottom: 2px solid transparent
}

.wd-title-style-overlined .liner-continer {
    border-top: 1px solid var(--brdcolor-gray-300)
}

.wd-title-style-overlined .title {
    margin-top: -1px;
    padding-top: 20px;
    border-top: 3px solid transparent
}

.wd-title-style-underlined-2 {
    --margin-bottom: 15px
}

.wd-title-style-underlined-2 .title {
    border-bottom: 2px solid;
    line-height: .85
}

.wd-title-style-underlined-2 .title.wd-fontsize-xxl {
    border-width: 3px
}

.wd-title-style-underlined-2 .title.wd-fontsize-xxxl {
    border-width: 4px
}

.wd-title-style-underlined-2:not(.wd-title-color-gradient) .title {
    text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff
}

.wd-title-style-underlined-2:not(.wd-title-color-gradient) .title.wd-fontsize-xxxl {
    text-shadow: 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff
}

.wd-title-style-underlined-2.wd-title-color-default .title {
    border-color: rgba(0, 0, 0, 0.105)
}

.wd-title-style-underlined-2.wd-title-color-primary .title {
    border-color: var(--wd-primary-color)
}

.wd-title-style-underlined-2.wd-title-color-alt .title {
    border-color: var(--wd-alternative-color)
}

.wd-title-style-underlined-2.wd-title-color-black .title {
    border-color: #000
}

.wd-title-style-underlined-2.wd-title-color-white .title {
    border-color: #fff
}

.wd-title-style-underlined-2.wd-title-color-white .title,
[class*="color-scheme-light"] .wd-title-style-underlined-2 .title {
    text-shadow: none !important
}

.wd-title-style-shadow {
    padding: 25px;
    border-radius: var(--wd-brd-radius);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.12)
}

.wpb-js-composer .title-wrapper {
    --content-width: var(--wd-max-width)
}

.wpb-js-composer .title-wrapper [class*="title"] {
    max-width: var(--content-width)
}

.wpb-js-composer .title-wrapper.wd-title-empty .liner-continer {
    margin-bottom: 0
}

.wpb-js-composer .title-wrapper.wd-title-empty .liner-continer .title {
    display: none
}

@media (max-width: 1024px) {
    .title-subtitle.wd-fontsize-m,
    .title-after_title.wd-fontsize-s {
        font-size: 14px
    }
    .wd-title-style-underlined-2 .title:is(.wd-fontsize-xxl, .wd-fontsize-xxxl) {
        border-width: 2px
    }
    .wd-title-style-underlined-2:not(.wd-title-color-gradient) .title.wd-fontsize-xxxl {
        text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff
    }
}

@media (max-width: 576px) {
    .title-wrapper .title-subtitle {
        font-size: 12px
    }
    .title-wrapper .title {
        font-size: 15px;
       /* border: 1px solid #ffffff57;*/
    }
}