.contactUs {
    background: #fff;
    position: relative;
}

.contactUs .cust_container {
    /*padding: 0 0 140px 0;*/
}

.contactUs .cust_container .textComponent {
    /*margin-bottom: 0;*/
    transform: translate(-10%, 0);
}

.contactUs .circle-container {
    transform: translate(50%, 0);
}

.contactUs .textComponent.circularAnimation .text,
.contactUs .textComponent.circularAnimation .circle-container {
    /*font-family: var(--pnsb);*/
    padding: 0;
}

.contactUs .textComponent.circularAnimation .text .title {
    font-family: var(--pnsb);
    font-size: 52px;
    line-height: 57px;
}

.contactUs .textComponent.circularAnimation .text span {
    font-family: var(--pnsb);
    color: #606060;
    display: block;
    margin: 0 0 30px;
}

.sustainability .contactUs .textComponent {
    margin: 170px auto 70px;
    transform: none;
}

@media only screen and (max-width: 800px) {
    .contactUs .cust_container .textComponent {
        transform: unset;
    }

    .contactUs .cust_container .textComponent .circle-container {
        display: none;
    }

}


@media only screen and (max-width: 1024px) {
    .contactUs .cust_container .textComponent {
        transform: unset;
    }
}

@media only screen and (max-width: 800px) and (max-height: 1280px) {
    .contactUs .cust_container .textComponent {
        font-size: 35px;
        line-height: 1.2;
        padding: 0 10%;
    }
}

@media only screen and (max-width: 768px) and (max-height: 1024px) {
    .contactUs .textComponent.circularAnimation .text .title {
        font-size: 35px;
        line-height: 1.2;
    }
}

@media only screen and (max-width: 767px) {
    .contactUs .textComponent.circularAnimation .text {
        padding: 0;
    }

    .contactUs .cust_container .textComponent {
        margin: 70px 0 30px !important;
        max-width: 100%;
        width: 100%;
    }
}