html, body {
    background-color: white;
}
.introduction {
    margin-top: 0 !important;
}
.navigation-block .links a {
    font-size: 15px;
}
.desktop-logo, .mobile-logo {
    margin-bottom: 0;
}

.nav-top {
    padding-top: 8px;
    padding-bottom: 8px;
}
.contact-info-top h4.title {
    font-family: 'Josefin Sans' !important;
}
.page-title {
    font-family: 'Josefin Sans' !important;
}
.navigation-block .links a {
    font-family: sans-serif;
}

h1 {
    color: #7a272c;
}

.contact-enquire-form h2 {
    font-family: 'Josefin Sans' !important;
}
.contact-enquire-form {
    background-color: transparent !important;
}
.contact-enquire-form form .form-control {
    background-color: #faf7f4;
    color: #858585;
    border: 1px solid #c1bdb5;
    font-family: var(--font-nunito-sans);
    font-size: 15px;
    font-weight: 400;
    line-height: 33px;
    border-radius: 15px;
}

.contact-enquire-form form button[type=submit] {
    background-color: #782121 !important;
}

.diy-page-introduction .introduction_title {
    font-family: 'Josefin Sans' !important;
}

.diy-page-articles {
    background-color: #f3f3f3 !important;
    border-radius: 10px;
    padding: 20px;
}

h2.article_title {
    text-align: center;
    color: #8f3838 !important;
}

.qr-block {
    padding: 100px !important;
    min-width: 60% !important;
    padding-top: 10px !important;
    border: 0px solid grey !important;
    padding-bottom: 0px !important;
}

.diy-page-whatsapp .description {
    margin-bottom: 17px !important;
}

.diy-page-articles {
    margin-bottom: 30px;
}

.diy-page-articles .row.article {
    align-items: center;
}

.diy-page-introduction .introduction_title {
    padding-top: 20px;
}

.diy-page-introduction {
     margin-top: 0px !important;
}

.diy-page-latest-news, p {
    font-size: 15px !important;
}

.desktop-logo.logo-overlap {
        width: 260px !important;
    margin-top: 0 !important;
}

.navigation-block .nav-main {
    min-height: 14vh !important;
}

.middle-nav {
    margin-top: 48px !important;
}

.nav-main a:hover, a:focus {
    text-decoration: none;
    color: #331900 !important;
}

h2 {
    text-transform: capitalize !important;
    margin-bottom: 20px !important;
}

blockquote.px-1.px-md-3 {
    padding-top: 80px;
}

figure.image {
    text-align: center;
}

.card-deck {
    padding-bottom: 40px;
}

.card.news-listing .news-readmore-btn {
    padding: 0px 0px !important;
    font-size: 13px !important;
}

.card-body .bg-yellow {
    background-color: #8d8d8d !important;
}

.card.news-listing .card-body {
    background-color: #f1f1f1 !important;
}

.card.news-listing .news-readmore-btn {
    background-color: #b7b7b7 !important;
}

.referral__item[class*=section__theme] {
    max-height: 100% !important;
}

section.row.referrals h1 {
    display: none;
    padding-top: 60px;
}

.section__theme--light-istitle .text h1.title {
    padding-top: 60px;
}

blockquote p {
    font: small-caption;
    font-weight: 300;
    font-size: 20px !important;
    line-height: 36px !important;
}

.diy-page-latest-news p {
    overflow: auto !important;
    display: contents !important;
}

.diy-page-latest-news .article_title {
    color: #8f3838 !important;
}

.overlay-text h4 {
    font-size: 16px !important;
    padding-bottom: 10px !important;
    padding-top: 2px !important;
}

.diy-page-articles {
   /* padding-bottom: 60px; */
}

.container-fluid.pageHeader h1 {
    color: transparent;
}

.diy-page-articles .article:nth-of-type(even) {
    margin-bottom: 0px !important;
    padding-top: 20px !important;
}

.diy-page-articles .article:nth-of-type(odd) {
    margin-bottom: 5px !important;
    padding-top: 5px !important;
}

section.custom-container.container.diy-page-articles.article-image-reverse {
    padding-top: 0px !important;
}

h2.sub-headings {
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.page-banner-slider-empty {
    margin-top: 50px !important;
}

td {
    font-size: 18px;
}

footer.container-fluid {
    background: #f5f5f5;
   /* margin-top: 70px; */
}

body h2.footer-titles {
    color: #515151 !important;
}

a:hover, a:focus {
    text-decoration: none;
    color: #7c292d !important; 
}

.section__theme .text {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.referral__item.section__theme--dark.shove-left {
    background: #dbcdcd;
    padding: 20px;
}

.referral__item.section__theme--dark.shove-left {
    margin-left: calc(9.375% - 7.5px) !important;
    margin-right: -15px !important;
    padding-right: calc(9.375% + 7.5px) !important;
}

section.row.referral__item.section__theme--dark.shove-left {
    padding-left: 30px !important;
}

.referral__item.section__theme--dark.shove-right {
    background: #dbcdcd;
    padding: 20px;
}

.copyright.text-left p {
    color: #898989 !important;
}

.contact-info-top {
    background-color: transparent; 
    border: 1px solid #e3e3e3;
}
.contact-enquire-form form .form-control {
    background-color: transparent;
}
.column {
    display: flex;
    /* flex-direction: column; */
    gap: 40px;
    flex-wrap: wrap;
}

.diy-page-introduction {
    margin-top: 0px !important;
}

.nav-top a.nav-link {
    font-size: 16px !important;
}

li {
    font-family: 'Josefin Sans' !important;
}
@media only screen and (max-width: 576px) {
        form .g-recaptcha {
            margin-top: 30px !important;
        }

    .alert {
        margin-top: 4.7rem !important;
    }
}
    
@media only screen and (max-width: 768px) {
    
    .owl-carousel.owl-theme.page-banner-slider.owl-loaded.owl-drag {
        margin-top: 40px;
    }
    .desktop-logo, .mobile-logo {
        max-width: 160px !important;
    }
    
    blockquote p {
    font-size: 15px !important;
    line-height: 27px !important;
 }
 .referral__item.section__theme--dark.shove-left {
    margin-left: 0 !important;
 }
}

@media only screen and (max-width: 1440px) {
.navigation-block .nav-main {
    min-height: 17vh !important;
 }
}