.about-us h1 {
    color: #151B33;
    font-size: 4rem;
    font-family: ClashDisplay-Medium, serif;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.about-us p {
    color: #000;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}
.about-us .box-about-us {
    height: 100%;
    background: #FAFAFA;
}
.about-us .box-about-us h4 {
    color: #151B33;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
}
.about-us .box-about-us h5 {
    color: #707070;
    text-align: center;
    font-size: 1rem;
    font-style: italic;
    font-weight: 900;
}
.about-us .header-phone-img{
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 2.5em;
    z-index: -1;
}
.about-us .icon-wrap {
    border-radius: 0.3125rem;
    display: inline-block;
    padding: 1em;
}
.about-us .icon-wrap path {
    fill: #707070;
}
.about-us .box-smaller:hover .icon-wrap {
    background: #FF6701;
}
.about-us .box-smaller:hover .icon-wrap path {
    fill: white;
}
.about-us .how-we-work h3 {
    color: #707070;
    font-family: ClashDisplay-Medium, serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
}
.about-us .how-we-work h4 {
    color: #151B33;
    font-family: ClashDisplay-Medium, serif;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
}
.about-us .how-we-work h5 {
    color: #707070;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 900;
}
.about-us .how-we-work p {
    color: #707070;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}
.about-us .how-we-work .bolder-gray {
    color: #707070;
    font-family: Epilogue, serif;
    font-size: 1rem;
    font-style: italic;
    font-weight: 700;
}
.about-us .how-we-work .bordered {
    border: 1px solid rgba(31, 33, 45, 0.15);
}
.about-us .how-we-work .grayed {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.20) 0.1%, rgba(208, 214, 240, 0.20) 99.9%);
}
.about-us .how-we-work .phone {
    max-width: 100%;
    position: relative;
    top: -5em;
}
.about-us .how-we-work .phones {
    max-width: 100%;
}
.about-us .how-we-work .laptop {
    max-width: 100%;
    width: 100%;
}
.about-us h2 {
    color: #151B33;
    text-align: center;
    font-family: ClashDisplay-Bold, serif;
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
}
@media (max-width: 1200px) {
    .about-us .header-phone-img{
        display: none;
    }
    .about-us .how-we-work .phone {
        position: unset;
        top: unset;
    }
}
@media (min-width: 1200px) {
    .about-us .how-we-work .box-smaller {
        width: 49%;
    }
    .about-us .how-we-work .box-larger {
        width: 51%;
    }
}
@media (max-width: 768px) {
    .about-us h1 {
        color: #151B33;
        text-align: center;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
    }
    .about-us p {
        color: #000;
        text-align: center;
        font-family: Epilogue, serif;
        font-size: 1rem;
        line-height: 1rem;
        font-style: normal;
        font-weight: 400;
    }
    .about-us .about-us-phone {
        position: relative;
        right: calc(-1 * (1.5rem * .5) - 3em);
    }
    .about-us h2 {
        font-size: 1.5625rem;
        margin-bottom: 0;
        line-height: 109%;
    }
    .about-us .box-smaller .icon-wrap {
        background: #FF6701;
    }
    .about-us .box-smaller .icon-wrap path {
        fill: white;
    }
    .about-us .how-we-work .bordered {
        border: none;
    }
    .about-us .how-we-work h5 {
        text-align: center;
    }
    .about-us .box-about-us h4 {
        font-size: 1rem;
    }
    .about-us .box-about-us h5 {
        font-size: 0.75rem;
    }
    .about-us .how-we-work p {
        line-height: 1.5rem;
    }
}