/** GLOBAL CSS **/
:root {
    --color-primary: #e5c826;
    --color-secondary: #064f7e;
    --color-tertiary: #0ebee5;
	--background-transparent: transparent;
}
	
div#ry-ip-services-custom .ry-ip-services-headline h2 {
    font-size: clamp(1.875rem, 1.5245rem + 1.4379vw, 3.25rem) !important;
    font-weight: 600;
    line-height: 1.1;
    text-transform: uppercase;
    color: var(--color-tertiary);
    letter-spacing: normal !important;
    font-family: 'Oswald';
	margin-bottom: 10px;
}

/** SECTION 1 **/
.ry-section.ry-ip-our-locations .ry-hp-location {
    margin-top: 0;
    padding: 8rem 0;
}
div#ry-ip-services-custom .ry-section-1 .ry-container {
    max-width: 1280px;
}
div#ry-ip-services-custom .ry-section-1 {
    padding: 6rem 0 10rem;
}
.ry-alternate-flex {
    display: flex;
    flex-direction: column;
    gap: 6rem;
    margin-top: 4rem;
}
.ry-alternate-flex .ry-flex {
    gap: 6rem;
    align-items: center;
}
.ry-alternate-flex .ry-flex:nth-child(even) {
    flex-direction: row-reverse;
}
.ry-alternate-flex .ry-flex .ry-each.ry-img-wrap img {
    width: 530px;
    height: 530px;
    border-radius: 50px;
    position: relative;
    top: 51px;
}
.ry-alternate-flex .ry-flex:nth-child(odd) .ry-each.ry-img-wrap img {
    float: right;
}
.ry-alternate-flex .ry-each.ry-img-wrap {
    position: relative;
}
.ry-alternate-flex .ry-each.ry-img-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 530px;
    height: 530px;
    background: #E6F7FC;
    border-radius: 50px;
    z-index: -1
}
.ry-alternate-flex .ry-flex:nth-child(even) .ry-each.ry-img-wrap:before {
    right: 0;
    left: unset;
}
.ry-ip-check-list {
    margin: 10px 0;
}
.ry-ip-check-list ul {
    padding-left: 0
}
.ry-ip-check-list ul li {
    list-style-type: none;
    position: relative;
}
.ry-ip-check-list ul li:before {
    content: '\f058';
    font-family: fontAwesome;
    color: var(--color-secondary);
    font-size: 20px;
    margin-right: 5px
}

@media (max-width: 1080px) {
    .ry-alternate-flex .ry-flex {
        flex-direction: column !important;
    }
    .ry-alternate-flex .ry-flex .ry-each.ry-img-wrap img {
        float: none !important;
        margin: 0 auto;
    }
    .ry-alternate-flex .ry-flex .ry-each.ry-text-wrap * {
        text-align: center !important;
    }
}
@media (max-width: 560px) {
    .ry-alternate-flex .ry-flex {
        gap: 2rem;
    }
}