.u-gfColors-slate80 {
    color: var(--gfColors-slate80) !important;
}
.u-gfColors-navy {
        color: var(--gfColors-navy) !important;
}
.u-gfColors-slate100 {
        color: var(--gfColors-slate100) !important;
}

#arc-intro img{
    width: clamp(100px, 35vw, 200px);

}
@media (max-width: 992px) and (min-width:500px) {
     #arc-index {
        background-image:url(/offices/arc/_assets-index/images/tiles-mobile.svg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 30%;
     }
}
@media (min-width: 992px) {
    #arc-index {
        background-image:url(/offices/arc/_assets-index/images/tiles-arc.svg);
        background-repeat: no-repeat;
        background-position: 100% 100%;
        background-size: 60%;
    }
    #arc-resources {
        background-image:url(/__template/t1/images/doodle-illustrations/doodle-notebook-slate.svg);
        background-repeat: no-repeat;
        background-position: 45% 61%;
        background-size: 150px;
    }

}
@media (min-width: 1200px) {
    #arc-index {
         background-size: 55%;
          padding-bottom: 1rem;
    }
}
@media(min-width:1200px) and (max-width:1800px) {
        #arc-index {
            background-position:100% 87%;
}
}
@media (min-width: 1800px) {
    #arc-index {
        background-size: 992px;
        background-position: 100% 121%;
        padding-bottom:0;
    }
}
@media(max-width:600px) {
    #arc-index .star-asterisk::before {
    display:none;
}
}

 .bg-circle{
	 position:relative;
}
 .bg-circle::before {
	 content: "";
	 height: 26rem;
	 width: 26rem;
	 display: block;
	 background-color: var(--gfColors-slate15);
	 border-radius: 50%;
	 position: absolute;
	 top: 6rem;
	 left: -17rem;
	 z-index: -1;
}


.star-asterisk {
    position:relative;
}
.star-asterisk::before {
    content:url(/__template/t1/images/gold-asterisk.svg);
    width: 30px;
    height: 30px;
    position: absolute;
    left: -1.5rem;
    top: -1rem;
    display: block;
}
#arc-appointments #intro .u-thirstySoftExtraBold {
      text-transform: capitalize;
    letter-spacing:0;
    font-size: 1.2em;
}
.large-font {
    font-size: 1.35em;
}

#arc-appointments .bg-circle::before {
    top: -6rem;
}
@media (max-width:575.98px) {
    .star-asterisk h2::before {
        left: -0.5rem;
        top: -1.5rem;
    }
    
}
@media (max-width:991.98px) {
    #arc-appointments .bg-circle::before {
    content:none;
}
}

#arc-resources h2 {
    margin-top: 1rem;
}

#arc-resources h4 {
    margin-top:.5rem;
}
@media(min-width:991.98px) {
    #arc-resources .u-grid2Columns {
        column-gap: 2rem;
    }
    #arc-resources .writing {
        margin-bottom:3rem;
    }
}