.about-us-hero-container { padding: 224px 0 80px; }
.about-us-hero-content h1 { font-size: 70px; margin-bottom: 58px; }
.about-us-hero-content p:not(:last-child) { margin-bottom: 36px; }
.about-hero-img-box { position: absolute; width: 395px; }
.about-hero-img { width: 100%; position: relative; }
.about-hero-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.about-hero-img-box.img-1 { top: 26px; right: 100%; margin-right: 16.5%; }
.about-hero-img-box.img-2 { bottom: 6px; left: 100%; margin-left: 16.25%; }
.about-hero-img-box.img-1 .about-hero-img { padding-bottom: 106.5%; }
.about-hero-img-box.img-2 .about-hero-img { padding-bottom: 138.5%; }
.au-hero-quarter-circle { width: auto; height: 37.6%; position: absolute; top: 0; right: 0; opacity: 0.5; }
.au-hero-quarter-circle img { width: 100%; height: 100%; object-fit: contain; }
.au-hero-dashed-line { width: 150vw; height: 1px; position: absolute; top: 78px; right: 0; transform: rotate(-28.4deg); background-image: linear-gradient(90deg, var(--fig-grey), var(--fig-grey) 60%, transparent 60%, transparent 100%); background-size: 20px 1px; opacity: 0.5; transform-origin: top right; }
@media (max-width:1399.98px) {
.about-hero-img-box.img-1 { margin-right: 8%; }
.about-hero-img-box.img-2 { margin-left: 8%; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
.about-us-hero-content h1 { font-size: 60px; }
.about-hero-img-box.img-1 { margin-right: 40px; }
.about-hero-img-box.img-2 { margin-left: 40px; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.about-us-hero-container { padding: 160px 0 80px; }
.about-us-hero-content h1 { font-size: 50px; margin-bottom: 40px; }
.about-us-hero-content p:not(:last-child) { margin-bottom: 27px; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.au-hero-dashed-line { top: 52.9%; }
.about-us-hero-content h1 { font-size: 35px; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }