.writeUsBannerWrapper {
    padding: 3rem 6rem 3.65rem 6rem;
    font-family: "Nunito Sans", sans-serif;
}

.writeUsBannerWrapper .banner-wrapper {
    display: grid;
    grid-template-areas:
          "lab-info logos"
          "button logos";
    grid-template-columns: 1fr 350px;
    grid-template-rows: auto auto;
}

.writeUsBannerWrapper .our-lab-title {
    font-size: 5.5rem;
    font-weight: 900;
    color: white;
    line-height: 100%;
    letter-spacing: -0.05em;
    margin-bottom: 7px;

}

.writeUsBannerWrapper .our-lab-info {
    display: block;
    grid-area: lab-info;
}

.writeUsBannerWrapper .our-lab-text {
    display: flex;
    flex-direction: column;
    color: white;
    font-size: 1.54rem;
    letter-spacing: -0.03em;
    line-height: 110%;
}

.writeUsBannerWrapper .our-lab-info .our-lab-text p {
    font-weight: 600;
    margin: 0;
    color: #FFFFFF;
}

.writeUsBannerWrapper .text-us-wrapper {
    display: inline-block;
    text-align: center;
    margin-top: 3.133rem;
    order: 2;
    grid-area: button;
    max-width: 425px;
}

.writeUsBannerWrapper .text-us-wrapper .text-us {
    text-align: center;
    color: white;
    font-size: 1.4rem;
    line-height: 120%;
    font-weight: 700;

}

.writeUsBannerWrapper .text-us-wrapper .more-info {
    width: 100%;
    background-color: white;
    color: #25416C;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    font-size: 1.38rem;
    margin-top: 14px;
    font-weight: 700;
    letter-spacing: -1px;
}


.writeUsBannerWrapper .side-logo {
    grid-area: logos;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    width: 100%;
}

.writeUsBannerWrapper .logo-top {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 6rem;
}

.writeUsBannerWrapper .logo-bottom {
    border-bottom: solid 1px #FFFFFFBF;
    border-top: solid 1px #FFFFFFBF;
    padding: 40px;
    width: 100%;
    box-sizing: border-box;
}

.writeUsBannerWrapper .logo-top img {
    max-width: 100%;
    height: 5.5rem;
}


.writeUsBannerWrapper .logo-bottom img {
    max-width: 100%;
    height: auto;
}


@media (max-width: 1350px) {


    .writeUsBannerWrapper {
        padding: 3rem 6rem 7.20rem 6rem;
    }

    .writeUsBannerWrapper .banner-wrapper {
        grid-template-columns: 1fr 300px;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 4rem;

    }

    .writeUsBannerWrapper .our-lab-text {
        font-size: 1.15rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 1.07rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .more-info {
        font-size: 1.15rem;
    }

    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 4rem;
    }


    .writeUsBannerWrapper .logo-bottom {
        padding: 20px;
    }
}

@media (max-width: 1200px) {
    .writeUsBannerWrapper {
        padding: 3rem 6rem 5.1rem 6rem;
    }

    .writeUsBannerWrapper .text-us-wrapper {
        max-width: 380px;
    }

}

@media (max-width: 1071px) {

    .writeUsBannerWrapper {
        padding: 3rem 6rem 4.8rem 6rem;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 4rem;

    }

    .writeUsBannerWrapper .our-lab-text {
        font-size: 1.15rem;
    }

    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 4rem;
    }


    .writeUsBannerWrapper .logo-bottom {
        padding: 20px;
    }
}

@media (max-width: 991px) {

    .writeUsBannerWrapper {
        padding: 3rem 6rem 14.5rem 6rem;
    }

    .writeUsBannerWrapper .banner-wrapper {
        grid-template-columns: 1fr 200px;
        gap: 0 16px;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 3rem;
    }

    .writeUsBannerWrapper .our-lab-text {
        font-size: 0.90rem;
    }

    .writeUsBannerWrapper .text-us-wrapper {
        max-width: 256px;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 0.85rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .more-info {
        font-size: 0.90rem;
    }

    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 3rem;
    }

}

@media (max-width: 885px) {

    .writeUsBannerWrapper {
        padding: 3rem 6rem 14.3rem 6rem;
    }
}

@media (max-width: 820px) {

    .writeUsBannerWrapper {
        padding: 3rem 6rem 14.1rem 6rem;
    }
}

@media (max-width: 768px) {

    .writeUsBannerWrapper .writeUsBanner .img {
        object-position: left bottom !important;
    }

    .writeUsBannerWrapper .banner-wrapper {
        grid-template-areas:
          "lab-info"
          "logos"
          "button";
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
    }

    .writeUsBannerWrapper .our-lab-info {
        align-items: center;
    }

    .writeUsBannerWrapper .our-lab-text {
        grid-area: lab-info;
        margin-top: 38px;
        font-size: 1.5rem;
    }

    .writeUsBannerWrapper .text-us-wrapper {
        max-width: 100%;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 1.4rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .more-info {
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 80%;
        font-size: 1.4em;
    }


    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 4rem;
    }

    .writeUsBannerWrapper .side-logo {
        grid-area: logos;
        width: 300px;
        margin: auto;
    }

    .writeUsBannerWrapper .logo-bottom {
        padding: 20px;
    }

    .writeUsBannerWrapper .logo-top {
        padding: 20px;
    }

    .writeUsBannerWrapper {
        padding: 19px 40px 22px 40px;
    }

    .writeUsBannerWrapper .btn-more-info {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 4.8rem;
    }
}

@media (max-width: 710px) {
    .writeUsBannerWrapper {
        padding: 19px 40px 20px 40px;
    }
}

@media (max-width: 620px) {
    .writeUsBannerWrapper {
        padding: 19px 40px 18px 40px;
    }
}

@media (max-width: 574px) {
    .writeUsBannerWrapper .our-lab-text {
        grid-area: lab-info;
        margin-top: 38px;
        font-size: 1.45rem;
    }

    .writeUsBannerWrapper {
        padding: 19px 40px 16px 40px;
    }
}

@media (max-width: 504px) {

    .writeUsBannerWrapper {
        padding: 19px 40px 40px 40px;
    }

    .writeUsBannerWrapper .banner-wrapper {
        display: flex;
        flex-direction: column;
    }

    .writeUsBannerWrapper .our-lab-info {
        align-items: center;
    }


    .writeUsBannerWrapper .our-lab-text {
        margin-top: 38px;
        font-size: 1.2666rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 1.15rem;
    }


    .writeUsBannerWrapper .text-us-wrapper .more-info {
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 80%;
        font-size: 1.15rem;
    }


    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 4rem;
    }

    .writeUsBannerWrapper .side-logo {
        width: 300px;
        margin: auto;
    }

    .writeUsBannerWrapper .logo-bottom {
        padding: 20px;
    }

    .writeUsBannerWrapper .logo-top {
        padding: 20px;
    }

    .writeUsBannerWrapper .btn-more-info {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 4rem;
    }
}

@media (max-width: 435px) {

    .writeUsBannerWrapper {
        padding: 45px 40px 90px 40px;
    }

    .writeUsBannerWrapper .banner-wrapper {
        display: flex;
        flex-direction: column;
    }

    .writeUsBannerWrapper .our-lab-text {
        margin-top: 10px;
        font-size: 1.1rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 1.1rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .more-info {
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 80%;
        font-size: 1.15rem;
    }

    .writeUsBannerWrapper .side-logo {
        width: 200px;
        margin: auto;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 3rem;
    }
}

@media (max-width: 402px) {
    .writeUsBannerWrapper {
        padding: 45px 40px 72px 40px;
    }

    .writeUsBannerWrapper .our-lab-text {
        margin-top: 10px;
        font-size: 1.04rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 1.1rem;
    }
}

@media (max-width: 384px) {

    .writeUsBannerWrapper {
        padding: 45px 40px 59px 40px;
    }
}

@media (max-width: 367px) {

    .writeUsBannerWrapper .our-lab-info {
        align-items: center;
    }

    .writeUsBannerWrapper .our-lab-text {
        margin-top: 28px;
        font-size: 1rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .text-us {
        font-size: 0.9rem;
    }

    .writeUsBannerWrapper .text-us-wrapper .more-info {
        padding-top: 1rem;
        padding-bottom: 1rem;
        width: 80%;
        font-size: 1rem;
    }

    .writeUsBannerWrapper .logo-top img {
        max-width: 100%;
        height: 4rem;
    }

    .writeUsBannerWrapper .side-logo {
        width: 150px;
        margin: auto;
    }

    .writeUsBannerWrapper .logo-bottom {
        padding: 20px;
    }

    .writeUsBannerWrapper .logo-top {
        padding: 20px;
    }

    .writeUsBannerWrapper {
        padding: 1rem 1rem 9rem;
    }

    .writeUsBannerWrapper .btn-more-info {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .writeUsBannerWrapper .our-lab-title {
        font-size: 2.5rem;
    }
}

@media (max-width: 325px) {
    .writeUsBannerWrapper {
        padding: 3rem 1rem 9rem;
    }

}

@media (max-width: 319px) {
    .writeUsBannerWrapper {
        padding: 3rem 1rem 7.9rem;
    }

}

@media (max-width: 300px) {
    .writeUsBannerWrapper .our-lab-title {
        font-size: 1.8rem;
    }
}

@media (max-width: 288px) {
    .writeUsBannerWrapper {
        padding: 3rem 1rem 6.6rem;
    }
}

@media (max-width: 240px) {
    .writeUsBannerWrapper {
        padding: 3rem 1rem 8.7rem;
    }
}

.writeUsBanner .customRules {
    bottom: 1.2rem !important;
    left: 1.2rem !important;
}