.productstopblock {
    background-image: url('../assets/images/contactusblock.png') !important;
}

.contactscontainer {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* border: 1px var(--tntblue) solid; */
    height: auto;
    align-content: start;    
}

.contactblock {
    display: flex;
    padding: 10px;
    flex-direction: column;
    /* border: 1px var(--tntblue) solid; */
    height: auto;
    margin-bottom: 1rem;
    /* text-wrap: nowrap; */
}

.iconcontainer {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3035913b;
    border-radius: 20%;
    transform: rotate(45deg);
    margin-bottom: 0.5rem;
}

.icon {
    transform: rotate(-45deg);
    height: 1.7rem;
}

.contacttitle {
    font-family: Cairo-Bold, Thai-Bold, Chinese-Bold, sans-serif;
    line-height: 1;
    font-size: 1.5rem;
    margin: 0;
    padding-top: 10px;
}

.contactnotes {
    font-family: Cairo-Light, Thai-Light, Chinese-Light, sans-serif;
    line-height: 0.8;
    font-size: 1rem;
    color: var(--tntgray);
    margin: 0;
    margin-bottom: 10px;
}

.contactinfo {
    font-family: Cairo-Regular, Thai-Regular, Chinese-Regular;
    line-height: 1;
    font-size: 1.5rem;
    color: var(--tntblack);
    margin: 0;
    margin-bottom: 3px;
    display: block;
}

.graytext {
    font-family: Cairo-Light, Thai-Light, Chinese-Light, sans-serif;
    line-height: 0.8;
    font-size: 1rem;
    color: var(--tntgray);
}

.googlemapscontainer {
    height: auto;
    display: block;
    width: 100%;
    /* border: 1px black solid; */
    padding-top: 1rem;
}

@media screen and (max-width: 767px) {

    .mobileproductstopblock {
        background-image: url('../assets/images/contactusmobiletopblock.png');
        display: block;
    }
    .contactscontainer {
        grid-template-columns: repeat(1, 1fr);

    }


}