﻿#about-us-header-pic {
    background-image: url("/images/about-us-plain-green-loans-1.png");
    height: 210px;
    background-repeat: no-repeat;
    background-position-y: 70%;
    background-position-x: center;
    background-size: cover;
}

.white-button {
    width: 189px;
}

.about-us-p {
    line-height: 22px;    
}

#about-us-top-pic {
    background-image: url("/images/about-us-plain-green-loans-3.png");
    height: 325px;
    background-repeat: no-repeat;
    background-size: 118%;
    background-position-x: center;
}

#about-tribe {
    background-color: var(--light-blue);
    color: black;
}

.great-seal-text {
    font-family: Inter, sans-serif;
    font-size: 14px;    
    line-height: 18px;
    margin-bottom: 0;
}

#about-us-bottom-pic {
    background-image: url("/images/about-us-plain-green-loans-4.png");
    height:  325px;
    background-repeat: no-repeat;
    background-size: 100%;
}

#support-community {
    background-image: url("/images/green-topo-map-horizontal.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
}

.support-community-h5:before {
    content: "•";
    color: var(--light-blue);
    font-size: 24px;
    padding-right: 4px;
}

.support-community-h5 {
    font-family: Inter, sans-serif;
    max-width: unset;
}

#trust-pilot-about-us-header {
    font-family: Raleway, sans-serif;
    font-size: 30px !important;
    line-height: 45px !important;
    max-width: unset;
}

#trust-pilot-quote-about {
    font-size: 22px;
    font-weight: 600;
    line-height: 25px;
    max-width: 504px;
}

.btn {
    width: 134px;
}

@media (max-width:1440px) {
    #about-us-header-pic {
        background-position-y: 100%;
        background-size: unset;
    }

    #about-us-top-pic {
        background-size: unset;
    }

    #about-us-bottom-pic {
        background-size: unset;
    }
}

@media (max-width: 1200px) {
    #support-community {
        background-size: cover;  
    }
}

@media (max-width:768px) {

    #about-us-top-pic {
        background-image: url("/images/about-us-plain-green-loans-2.png");
        height: 245px;
        background-size: cover;
        background-position-x: center;
        background-position-y: center;
    }

    #about-us-bottom-pic {
        background-image: url("/images/about-us-plain-green-loans-5.png");
        height:  208px;
        background-size: auto;
        background-position-x: center;
    }
    #support-community {
        background-image: url("/images/green-topo-map.png");
        background-size: cover;
    }
    
    .support-community-h5 {        
        max-width: 263px;
    }

    .btn {
        width: unset;
    }

}

@media (max-width:392.9px) {
    #about-us-top-pic {
        height: 199px; 
    }

    #support-community {
        background-size: 154%;
        height:  811px;
    }

    #about-us-bottom-pic {
        height: 168px;
    }
}

@media (max-width:370px) {

    .trust-pilot-stars {
        height: 46px;
        width: 250px;
    }
    
    #support-community {
        height:  885px;
    }
}