/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2026 | 03:42:00 */
/********** Page Banner **********/

#bg-container {
position: relative;
width: 100%;
overflow: hidden;
}

#bg-shell {
position: relative;
display: flex;
align-items: top;
width: 100%;
height: 100%;
padding: 0 6%;
background-image: url(/wp-content/uploads/about-us-banner.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

/********** Main Section **********/

#page-heading {
display: flex;
justify-content: left;
width: 100%;
}

#heading-bullet {
box-sizing: border-box;
width: 30px;
line-height: 34px;
padding: 13px 0 7px 0;
margin-right: 5px;
font-size: 30px;
color: var(--burgundy1);
}

#heading {
box-sizing: border-box;
padding: 12px 0 8px 0;
}

.intro-wrapper {
width: 100%;
margin: 30px 0 0 0;
color: var(--gray2);
}

.area-intro {
position: relative;
width: 100%;
margin: 40px 0;
}

/********** Value Graphic **********/

.header-wrapper {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 8px;
background-color: var(--burgundy1);
border-radius: 4px 4px 0 0;
}

.header-main {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 9px 0 7px 0;
border: 1.5px solid var(--white);
border-radius: 2px;
font-size: 20px;
text-align: center;
color: var(--white);
}

#value-graphic-wrapper {
position: relative;
width: 100%;
margin: 0px 0 40px 0;
border-radius: 4px;
box-shadow: 0 0 20px 0 rgb(100, 100, 100);
}

#value-graphic {
display: flex;
flex-wrap: wrap;
border: 1px solid var(--brandTranslucent);
border-radius: 4px;
box-shadow: 0px 0px 16px 0px var(--blackTranslucent2);
}

.graphic-header {
display: none;
box-sizing: border-box;
flex-basis: 100%;
height: 40px;
line-height: 40px;
color: var(--white);
font-size: 18px;
font-weight: bold;
text-align: center;
border-radius: 4px 4px 0 0;
text-shadow: 1px 1px 0px var(--black);
}

#graphic-icon-wrapper {
display: flex;
flex-wrap: nowrap;
padding: 10px 0;
background-color: var(--lightBlue);
}

.graphic-icon {
flex-basis: 12.5%;
height: 50px;
margin-top: 2px;
text-align: center;
}

.graphic-icon img {
height: 50px;
}

#graphic-label-wrapper {
display: flex;
width: 100%;
background-color: var(--burgundy1);
border-radius: 0 0 4px 4px;
}

.graphic-label {
flex-basis: 12.5%;
height: 40px;
line-height: 40px;
color: var(--white);
font-size: 18px;
text-align: center;
text-shadow: 1px 1px 0px var(--black);
}

.graphic-label:first-child {
border-radius: 0 0 0 4px;
}

.graphic-label:last-child {
border-radius: 0 0 4px 0;
}

/********** General Styling **********/

.section-links {
position: relative;
display: flex;
width: 100%;
margin: 15px 0 0 0;
}

.lm-button {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
width: 150px;
height: 40px;
margin-right: 10px;
line-height: 40px;
color: var(--white);
background-color: var(--brandBlue);
transition: background-color 0.2s ease;
border-radius: 4px;
font-size: 16px;
}

.lm-button a:link, .lm-button a:visited  {
width: 150px;
height: 40px;
line-height: 40px;
color: var(--white);
text-decoration: none;
}

.button-label {
position: relative;
display: inline-block;
width: auto;
margin-right: 1px;
top: -3px;
}

.lm-double-arrow {
position: relative;
display: inline-block;
width: auto;
font-size: 24px;
font-weight: normal;
}

.lm-button-cover {
box-sizing: border-box;
position: absolute;
top: 0;
height: 40px;
width: 150px;
border-radius: 4px;
box-shadow: 0px 0px 16px 0px var(--blackTranslucent);
opacity: 0;
transition: opacity 0.2s ease;
}

.cm-button-cover {
box-sizing: border-box;
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 150px;
border-radius: 4px;
box-shadow: 0px 0px 16px 0px var(--blackTranslucent);
opacity: 0;
transition: opacity 0.2s ease;
}

.au-link {
position: relative;
display: flex;
align-items: center;
flex-basis: 50%;
font-size: 16px;
line-height: 20px;
text-align: left;
}

.au-link span {
position: relative;
display: inline-block;
top: -2px;
font-size: 24px;
color: var(--gray2);
}

.au-link-2 {
width: 100%;
margin: 15px 0 0 0;
padding: 10px 15px;
background-color: var(--lightBlue);
border: 1px solid var(--gray1);
border-radius: 4px;
font-size: 16px;
line-height: 16px;
text-align: left;
}

.au-link-2 span {
position: relative;
display: inline-block;
top: 1px;
font-size: 24px;
}

.area-intro a:link, .area-intro a:visited {
font-size: 20px;
color: var(--brandBlue);
text-decoration: none;
outline: none;
}

.area-intro a:hover {
color: var(--burgundy1);
text-decoration: underline;
}

.au-link a:link, .au-link a:visited, .au-link-2 a:link, .au-link-2 a:visited {
color: var(--brandBlue);
text-decoration: none;
}

.au-link a:hover, .au-link-2 a:hover {
color: var(--burgundy1);
text-decoration: underline;
}

.slider-wrapper {
position: relative;
display: flex;
justify-content: center;
width: calc(100% - 150px);
height: 40px;
border-radius: 4px;
overflow: hidden;
}

.lm-slider {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
left: -100%;
font-size: 16px;
font-weight: bold;
line-height: 40px;
background-color: var(--lightBlue);
border-radius: 4px;
color: var(--brandBlue);
transition: left 0.6s ease;
}

.cm-slider {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 40px;
left: 100%;
font-size: 16px;
font-weight: bold;
line-height: 40px;
background-color: var(--lightBlue);
border-radius: 4px;
color: var(--brandBlue);
transition: left 0.6s ease;
}

.vantage-icon-arrow-up::before {
content: "\e603";
}

.vantage-icon-arrow-up {
position: relative;
box-sizing: border-box;
width: 14px;
height: 18px;
margin-right: 5px;
top: 2.5px;
font-family: 'vantage-icons';
font-size: 14px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
}

#au-sections-main .au-header-wrapper {
position: relative;
width: 100%;
height: 70px;
perspective: 75vw;
border-bottom: 10px solid var(--burgundy1);
}

#au-sections-main .au-header {
position: relative;
display: flex;
align-items: center;
flex-wrap: nowrap;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 22px 20px 18px 20px;
font-weight: bold;
background-color: var(--blueGray);
border-radius: 6px 6px 0 0;
transition: background-color 0.1s ease;
}

#au-sections-main .au-header-cover {
position: absolute;
top: 0;
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 8px 8px 0 0;
opacity: 1;
transition: opacity 0.1s ease;
}

#au-sections-main .au-header-label {
width: calc(100% - 20px);
line-height: 70px;
font-family: Arial;
font-size: 22px;
color: var(--gray3);
text-align: left;
}

#au-sections-main .au-open-button {
position: absolute;
top: 25px;
right: 20px;
width: 20px;
height: 20px;
z-index: 10;
}

#au-sections-main .au-open-icon {
width: 20px;
height: 20px;
transition: transform 0.4s ease;
}

/********** Handshake Banner **********/

#banner-wrapper {
box-shadow: 0 0 15px 0 black;
}

#banner-container {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 360px;
position: relative;
padding: 20px;
background-image: url(/wp-content/uploads/handshake.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 0 0 3px var(--burgundy1);
border: 2px solid white;
border-radius: 6px;
}

/*#banner-image {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 360px;
position: relative;
padding: 20px;
background-image: url(/wp-content/uploads/handshake.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
box-shadow: 0 0 0 3px var(--burgundy1);
border: 2px solid white;
border-radius: 6px;
}*/

/********** UI Blocks **********/

.ui-wrapper {
position: relative;
width: 100%;
height: 0;
margin-bottom: 0px;
overflow: hidden;
transition: height 0.8s ease, margin-bottom 0.8s ease;
}

.ui-container {
position: relative;
padding: 15px;
border-top: 1px solid var(--gray1);
border-left: 1px solid var(--gray1);
border-right: 1px solid var(--gray1);
background-color: var(--lightBlue2);
}

#os-section .ui-container {
padding: 15px 15px 5px 15px;
}

.tab-canvas-separator {
position: relative;
display: none;
width: 100%;
height: 10px;
background-color: var(--burgundy1);
}

/********** Ring Styles  **********/

#wgu-ring-wrapper,
#os-ring-wrapper {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
}

#ot-photo-wrapper,
#oa-logo-wrapper {
position: relative;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
width: 100%;
margin-bottom: 10px;
}

#wgu-ring-wrapper .ring-container {
display: flex;
justify-content: center;
width: calc(25% - 8px);
height: 180px;
}

#os-ring-wrapper .ring-container {
display: flex;
justify-content: center;
width: calc(50% - 8px);
height: 180px;
}

#wgu-ring-wrapper .ring-block,
#os-ring-wrapper .ring-block {
position: relative;
box-sizing: border-box;
width: 180px;
height: 180px;
border: 20px solid var(--darkBlue);
border-radius: 6px;
background-color: var(--lightBlue);
transition: border-color 0.2s ease;
}

#wgu-ring-wrapper .inner-ring,
#os-ring-wrapper .inner-ring {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 140px;
background-color: var(--lightBlue);
z-index: 10;
transition: background-color 0.2s ease;
}

#wgu-ring-wrapper .ring-icon,
#os-ring-wrapper .ring-icon {
height: 70px;
transition: transform 0.2s ease;
}

#ot-photo-wrapper .photo-wrapper {
display: flex;
justify-content: center;
width: calc(33.333% - 8px);
height: 186px;
}

.photo-container {
position: absolute;
top: 0;
box-sizing: border-box;
display: block;
width: 180px;
height: 180px;
transform: scale(1);
background-color: var(--brandBlue);
border: 6px solid var(--brandBlue);
border-radius: 4px;
transition: transform 0.2s ease, border-color 0.2s ease;
}

.photo-block {
position: relative;
box-sizing: border-box;
width: 168px;
height: 168px;
background-color: var(--lightBlue);
border: 2px solid var(--white);
border-radius: 2px;
overflow: hidden;
}

.photo-block img {
position: relative;
top: 0;
box-sizing: border-box;
width: 166px;
height: 166px;
border-radius: 2px;
}

#oa-logo-wrapper {
display: flex;
justify-content: space-between;
width: 100%;
}

.logo-wrapper {
display: flex;
justify-content: center;
width: calc(33.333% - 8px);
}

.logo-container {
height: 156px;
width: 256px;
background-color: rgb(230, 240, 250);
border: 6px solid var(--brandBlue);
border-radius: 4px;
text-align: center;
transition: border-color 0.15s ease, background-color 0.15s ease;
}

.logo-block {
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
height: 144px;
width: 244px;
border: 2px solid var(--white);
border-radius: 4px;
}

.logo-block img {
height: 100px;
width: 200px;
transform: scale(1);
transition: transform 0.2s ease;
}

/********** AU Sections-Main **********/

#wgu-section .slide-canvas-container,
#os-section .slide-canvas-container,
#ot-section .slide-canvas-container {
display: flex;
flex-wrap: wrap;
position: absolute;
width: 100%;
height: 100%;
}

#au-sections-main .slide-canvas-dark {
width: 30%;
height: 50%;
background-color: var(--brandBlue);
transition: width 0.9s ease;
}

#au-sections-main .slide-canvas-light {
width: 70%;
height: 50%;
background-color: var(--blueGray);
transition: width 0.9s ease;
}

#wgu-section .slide-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/panel-background-5.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--brandBlue);
}

#os-section .slide-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/panel-background-4.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--brandBlue);
}

#ot-section .slide-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/panel-background-7.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: var(--brandBlue);
}


#wgu-section .slide-bg-shell.wgu {
background-image: url("/wp-content/uploads/wgu-banner.jpg");
background-position: center bottom;
}

/*
#wgu-section .slide-bg-shell.first {
background-image: url("/wp-content/uploads/panel-background-19.jpg");
background-position: center bottom;
}

#wgu-section .slide-bg-shell.second {
background-image: url("/wp-content/uploads/panel-background-21.jpg");
}

#wgu-section .slide-bg-shell.third {
background-image: url("/wp-content/uploads/panel-background-28.jpg");
}

#wgu-section .slide-bg-shell.fourth {
background-image: url("/wp-content/uploads/panel-background-3.jpg");
}
*/

/**********/

#os-section .slide-bg-shell.os {
background-image: url("/wp-content/uploads/our-services-banner.jpg");
}

/*#os-section .slide-bg-shell.first {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#os-section .slide-bg-shell.second {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#os-section .slide-bg-shell.third {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#os-section .slide-bg-shell.fourth {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#os-section .slide-bg-shell.fifth {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#os-section .slide-bg-shell.sixth {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}*/

/**********/

#ot-section .slide-bg-shell.ot {
background-image: url("/wp-content/uploads/our-team-banner-6.jpg");
background-position: center center;
}

/*
#ot-section .slide-bg-shell.first {
background-image: url("/wp-content/uploads/panel-background-22.jpg");
}

#ot-section .slide-bg-shell.second {
background-image: url("/wp-content/uploads/panel-background-4.jpg");
}

#ot-section .slide-bg-shell.third {
background-image: url("/wp-content/uploads/panel-background-12.jpg");
background-position: center bottom;
}
*/

/**********/

#au-sections-main .slide-block {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 1px solid white;
border-radius: 6px;
box-shadow: 0 0 10px 5px var(--blackTranslucent2);
overflow: hidden;
}

#wgu-section #values-wrapper {
position: relative;
margin-top: 16px;
}

#wgu-section #values-wrapper div {
position: relative;
line-height: 28px;
text-align: left;
text-shadow: 1.5px 1.5px 0 black;
}

#wgu-section .slide-container,
#os-section .slide-container,
#ot-section .slide-container,
#oa-section .slide-container {
position: relative;
box-sizing: border-box;
width: calc(100% - 60px);
height: calc(100% - 60px);
background-color: transparent;
top: 30px;
left: 30px;
border-radius: 6px;
}

#au-sections-main .slide-content-container {
position: relative;
box-sizing: border-box;
width: 100%;
color: white;
}

#ot-section .slide-header-block, #oa-section .slide-header-block {
width: 100%;
margin-bottom: 40px;
}

#ot-section .name-block {
font-size: 30px;
line-height: 30px;
color: white;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#ot-section .title-block {
margin: 10px 0 0 0;
color: var(--concrete);
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#au-sections-main .slide-desc-main {
width: 100%;
line-height: 48px;
margin: 0 auto;
color: white;
font-size: 40px;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#au-sections-main .slide-desc {
width: 100%;
line-height: 24px;
margin: 0 auto;
color: white;
font-size: 20px;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#au-sections-main .slide-heading-main, #au-sections-main .slide-heading-bottom {
width: 100%;
line-height: 48px;
margin: 0 auto;
color: white;
font-size: 40px;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#au-sections-main .slide-heading {
width: 100%;
line-height: 30px;
color: white;
font-size: 30px;
font-weight: bold;
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

#au-sections-main .slide-icon {
width: 100%;
height: 60px;
margin: 20px 0;
text-align: center;
}

#au-sections-main .slide-icon img {
height: 60px;
}

#au-sections-main .slide.main {
position: absolute;
left: 100%;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 40px;
transition: left 0.8s ease;
z-index: 10;
}

#au-sections-main .slide.curtain {
position: absolute;
top: 0;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 0 60px;
z-index: 20;
transition: top 0.8s ease;
}

#wgu-section .slide-wrapper,
#os-section .slide-wrapper,
#ot-section .slide-wrapper,
#oa-section .slide-wrapper {
position: relative;
width: 100%;
height: 34vw;
overflow: hidden;
border-radius: 0 0 6px 6px;
}

#au-sections-main .slide-subheading {
display: flex;
align-items: center;
box-sizing: border-box;
line-height: 48px;
color: var(--white);
font-size: 40px;
text-shadow: 1px 1px 0 black;
}

#au-sections-main .slide-subheading-text {
position: relative;
display: inline-block;
}

#au-sections-main .slide-subheading-arrow {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 30px;
height: 30px;
padding: 4px;
border: 2px solid var(--white);
border-radius: 2px;
text-align: center;
margin-left: 5px;
}

#au-sections-main .slide-subheading-arrow img {
position: relative;
vertical-align: top;
width: 18px;
height: 18px;
}

#wgu-section #wgu-tab-container, #os-section #os-tab-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
height: 100%;
}

#ot-section #ot-tab-container {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
height: 100%;
}

#au-sections-main .tab {
background-color: var(--blueGray);
text-shadow: none;
cursor: pointer;
}

#wgu-section .tab {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: calc(25% - 8px);
height: 70px;
background-color: var(--blueGray);
border-radius: 4px;
text-align: center;
transition: background-color 0.2s ease;
}

#ot-section .tab {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: calc(33.33% - 8px);
height: 70px;
background-color: var(--brandBlue);
border: var(--borderGray1);
border-radius: 4px;
text-align: center;
transition: background-color 0.2s ease;
}

#os-section .tab {
position: relative;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: calc(32% - 8px);
height: 70px;
margin-bottom: 10px;
color: var(--gray3);
background-color: var(--blueGray);
border: var(--borderGray1);
border-radius: 4px;
text-align: center;
transition: background-color 0.2s ease;
}

#au-sections-main .tab-button {
position: absolute;
right: 16px;
box-sizing: border-box;
width: 24px;
height: 24px;
border: 1px solid rgb(50, 50, 50);
border-radius: 2px;
z-index: 10;
}

#au-sections-main .tab-inner-button {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
background-color: var(--concrete);
border: 4px solid var(--concrete);
border-radius: 2px;
transition: border-color 0.2s ease, background-color 0.2s ease;
}

#au-sections-main .tab-cover {
position: absolute;
top: 0;
box-sizing: border-box;
width: 100%;
height: 70px;
border-bottom: 8px solid var(--brandBlue);
border-radius: 6px 6px 0 0;
box-shadow: 0 0 10px 0 var(--blackTranslucent2);
opacity: 0;
}

#au-sections-main .tab-label {
position: absolute;
width: 100%;
line-height: 24px;
color: var(--gray3);
font-size: 18px;
text-align: center;
float: left;
transition: color 0.2s ease;
}

#au-sections-main .toggle-button {
position: absolute;
top: 28px;
right: 16px;
display: block;
width: 18px;
height: 18px;
z-index: 10;
transition: transform 0.5s ease;
}

#au-sections-main .toggle-button img {
position: relative;
vertical-align: top;
width: 18px;
height: 18px;
padding: 0;
margin: 0;
}

/********** Responsive Styling **********/

@media (min-width: 2500.01px) {
#au-sections-main .slide-heading-main { font-size: 56px; line-height: 64px; }
#au-sections-main .slide-heading { font-size: 46px; line-height: 46px; }
#au-sections-main .slide-icon, #au-sections-main .slide-icon img { height: 90px; }
#au-sections-main .slide-desc-main { font-size: 56px; line-height: 64px; }
#au-sections-main .slide-desc { font-size: 36px; line-height: 36px; }
#au-sections-main .name-block { font-size: 46px; line-height: 46px; }
#au-sections-main .title-block { font-size: 32px; line-height: 32px; }
}

@media (min-width: 1900.01px) and (max-width: 2500px) {
#au-sections-main .slide-heading-main { font-size: 50px; line-height: 58px; }
#au-sections-main .slide-heading { font-size: 40px; line-height: 40px; }
#au-sections-main .slide-icon, #au-sections-main .slide-icon img { height: 80px; }
#au-sections-main .slide-desc-main { font-size: 50px; line-height: 58px; }
#au-sections-main .slide-desc { font-size: 30px; line-height: 34px; }
#au-sections-main .name-block { font-size: 40px; line-height: 40px; }
#au-sections-main .title-block { font-size: 26px; line-height: 26px; }
}

@media (min-width: 1500.01px) and (max-width: 1900px) {
#au-sections-main .slide-heading-main { font-size: 44px; line-height: 52px; }
#au-sections-main .slide-heading { font-size: 34px; line-height: 34px; }
#au-sections-main .slide-icon, #au-sections-main .slide-icon img { height: 70px; }
#au-sections-main .slide-desc-main { font-size: 44px; line-height: 52px; }
#au-sections-main .slide-desc { font-size: 24px; line-height: 28px; }
#au-sections-main .name-block { font-size: 34px; line-height: 34px; }
#au-sections-main .title-block { font-size: 20px; line-height: 20px; }
}

@media (min-width: 1900.01px) {
#au-sections-main .ring-block { width: 240px; height: 240px; }
#au-sections-main .inner-ring { width: 180px; height: 180px; }
#au-sections-main .ring-container,
#au-sections-main .ring-container { height: 240px; }
#au-sections-main .ring-icon { height: 80px; }
#au-sections-main .photo-wrapper { height: 240px; }
#au-sections-main .photo-container { width: 240px; height: 240px; }
#au-sections-main .photo-block { width: 228px; height: 228px; }
#au-sections-main .photo-block img { width: 224px; height: 224px; }
#au-sections-main .logo-container { width: 424px; height: 240px; }
#au-sections-main .logo-block { width: 412px; height: 228px; }
#au-sections-main .logo-block img { width: 368px; height: 184px; }
#au-sections-main .tab-label { font-size: 20px; }
}

@media (min-width: 1365.01px) and (max-width: 1900px) {
#au-sections-main .tab-label { font-size: 20px; }
}

@media (min-width: 1200.01px) {
#contents-menu-block { display: block; }
#au-sections-main { height: auto; visibility: visible; overflow: visible; }
#au-sections-main .tab { background-color: var(--blueGray); }
}

@media (max-width: 1100px) {
#value-graphic-wrapper { display: none; }
}

@media (min-width: 930.01px) and (max-width: 1200px) {
#contents-menu-block { display: block; }
#au-sections-main { height: 0; padding: 0; margin: 0; visibility: hidden; overflow: hidden; }
}

@media (max-width: 930px) {
#contents-menu-block { display: none; }
#au-sections-main { height: 0; padding: 0; margin: 0; visibility: hidden; overflow: hidden; }
#banner-image-container { margin-top: 40px; }
}

@media (max-width: 680px) {
.heading-container { display: none; }
.oa-img-1 {width: 200px; height: 42px; }
}

@media (min-width: 900.01px) and (max-width: 1080px) {
#heading-bullet { font-size: 26px; line-height: 30px; }
}

@media (min-width: 430.01px) and (max-width: 900px) {
#heading-bullet { font-size: 24px; line-height: 28px; }
}

@media (max-width: 430px) {
#heading-bullet { display: none; }
#heading { flex-basis: 100%; height: auto; padding: 0; text-align: center; }
}