/* GLOBAL STYLES =======================================  */

/* For galaxy fold ===  */
@media (max-width: 440px) {
    .display-4 {
        font-size: 1.7rem;
    }

    .h1,
    h1,
    .h2,
    h2 {
        font-size: 1.5rem;
    }

    .h3,
    h3,
    .h4,
    h4 {
        font-size: 1.25rem;
    }

    .h5,
    h5 {
        font-size: 1.05rem;
    }
}

@media (min-width: 441px) and (max-width: 812px) {

    h1,
    .h1 {
        font-size: 1.85rem;
    }

    h2,
    .h2 {
        font-size: 1.5rem;
    }

    h3,
    .h3 {
        font-size: 1.25rem;
    }

    .display-4 {
        font-size: 2.25em;
    }
}

/* Header */

.header .header-info {
    padding: 0;
}

.header .header-business {
    font-size: 16px;
}

/* XS: 440px and Up */
@media (min-width: 440px) {
    .header .header-business {
        font-size: 20px;
    }
}

/* Testimonials */
.card-testimonial-container {
    position: relative;
    margin-bottom: 3em;
}

.card.card-testimonial {
    background: var(--color-theme-background);
}

.card-testimonial {
    position: relative;
    border: 3px solid var(--color-theme-border);
    margin-left: 25px;
}

.card-testimonial::before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 34px;
    bottom: -30px;
    border: 14px solid;
    border-color: var(--color-theme-border) var(--color-theme-border) transparent transparent;
}

.card-testimonial::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: 38px;
    bottom: -21px;
    border: 19px solid;
    border-color: var(--color-theme-background) var(--color-theme-background) transparent transparent;
}

.card-testimonial-quotemark {
    position: absolute;
    top: 10px;
    left: -33px;
    background: var(--color-theme-background);
    padding: 20px 15px 10px 15px;
    width: 71px;
}

.card-testimonial .card-body {
    padding-top: 1.5rem;
    padding-left: 48px;
    padding-bottom: 1.5rem;
}

.card-testimonial .card-text {
    line-height: 1.8;
}

.card-testimonial-author {
    margin-top: 35px;
    text-align: right;
    font-size: .9em;
}

.quote-svg-fill {
    fill: var(--color-theme-secondary);
}

a.btn.btn-primary.btn-sm {
    margin: 25px auto;
}

@media (max-width: 567px) {
    .card-testimonial .card-text {
        font-size: .95em;
        line-height: 1.7;
    }

    .card-testimonial-quotemark {
        width: 65px;
    }

    .card-testimonial .card-body {
        padding-left: 40px;
    }

}