.black-layer:before {
    background-color: #000;
}

.opc1:before {
    opacity: .1;
}

.fixed-bg {
    background-attachment: scroll;
    background-size: cover;
}

.fixed-bg, .parallax-bg {
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
}

.mrg {
    margin: 0;
}

.quote-wrap {
    padding: 3.75rem 2.375rem;
   
 
}

.thm-layer:before {
    background-color: var(--theme-color);
}

.quote-box .fixed-bg {
    opacity: .92;
    border-radius: 8px;
}

.fixed-bg.patern-bg, .parallax-bg.patern-bg {
    background-size: initial;
}

.thm-bg {
    background-color: #0D1824;
}

.back-blend-multiply {
    background-blend-mode: multiply
}

.quote-box {
    bottom: 0;
    right: 0;
    padding: 4.0625rem 2.125rem 3.4375rem
}

.quote-box::after {
    content: "\f254";
    font-family: bootstrap-icons;
    color: #fff;
    font-size: 3.75rem;
    position: absolute;
    line-height: 1;
    top: -2.0625rem;
    left: 3.125rem
}

.quote-box > p {
    font-size: 1rem
}

.quote-box > strong {
    font-size: 1.5rem;
    color: var(--theme-color);
    text-shadow: 1px 1px 1px #055018;
}

.quote-box > p + h4 {
    margin-top: 1.875rem
}

.quote-box > h4 {
    font-size: 1.375rem
}

.quote-box > h4 + span {
    margin-top: 5px
}

.quote-box > span {
    font-size: .9375rem
}

.host_img {
    top: -60px;
    right: 30px;
    width: 110px;
    height: 110px;
    border-radius: 4px;
    object-fit: cover;
    padding: 6px;
    background: rgba(255, 255, 255, 0.78);
}