/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 22 2026 | 17:06:48 */
/********** 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;
}

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

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

.fm-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;
}

.fm-header-label-wrapper {
position: relative;
display: flex;
align-items: center;
width: auto;
font-family: Arial;
font-size: 22px;
color: var(--gray3);
text-align: left;
z-index: 100;
}

.fm-header-label {
position: relative;
cursor: pointer;
}

.fm-open-button {
position: absolute;
top: 25px;
right: 20px;
width: 20px;
height: 20px;
z-index: 10;
transition: transform 0.4s ease;
}

.fm-open-icon {
width: 20px;
height: 20px;
}

.flex-block {
display: flex;
flex-wrap: nowrap;
}

.right-margin {
margin-right: 5px;
}

.parameter-wrapper {
position: relative;
display: flex;
align-items: center;
}

.parameter-container {
position: relative;
display: flex;
align-items: center;
}

.red {
background-color: red;
}

.blue {
background-color: blue;
}

.green {
background-color: green;
}

.parameter-block {
display: flex;
align-items: center;
}

/********** FM Flip-Card Section **********/

#card-section {
margin: 40px 0 30px 0;
}

.card-wrapper {
position: relative;
flex-basis: 28%;
height: 250px;
perspective: 120vw;
}

.back-card {
position: absolute;
top: 0;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 25px;
margin: 0;
background-color: var(--brandBlue);
transform: rotateY(-180deg);
border: 2px solid var(--white);
border-radius: 4px;
box-shadow: 4px 4px 10px 6px var(--blackTranslucent);
backface-visibility: hidden;
}

.card {
position: relative;
box-sizing: border-box;
width: 100%;
height: 100%;
border: 6px solid var(--burgundy1);
border-radius: 10px;
transform-style: preserve-3d;
transform-origin: right center;
transition: transform 0.8s ease;
}

.card-bg-shell {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/wp-content/uploads/panel-background.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-color: transparent;
}

.card-desc {
position: relative;
width: 100%;
line-height: 22px;
color: var(--white);
font-size: 18px;
text-align: center;
text-shadow: 2px 2px 4px var(--black);
opacity: 0;
transition: opacity 0.5s ease 0.5s;
}

#card-holder {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
row-gap: 40px;
}

.card-icon {
height: 80px;
margin-bottom: 30px;
}

.card-icon img {
height: 80px;
}

.card-label {
line-height: 22px;
color: var(--gray4);
font-size: 20px;
}

.content-container {
width: 100%;
}

.front-card {
position: absolute;
display: flex;
align-items: center;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 20px;
margin: 0;
text-align: center;
background-color: var(--lightBlue);
box-shadow: 4px 4px 10px 6px var(--blackTranslucent);
border: 2px solid var(--white);
border-radius: 4px;
}

.card-cover {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10;
}

/********** FM Banner **********/

.fm-banner-wrapper {
position: relative;
box-shadow: 0 0 30px 0 black;
}

.fm-banner {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
height: 360px;
position: relative;
padding: 20px;
margin-top: 40px;
background-image: url(/wp-content/uploads/panel-background-12.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;
}

.fm-banner-content-container {
box-sizing: border-box;
color: var(--white);
text-align: center;
}

.fm-banner-label {
box-sizing: border-box;
flex-basis: 100%;
font-size: 36px;
line-height: 40px;
color: var(--white);
text-align: center;
text-shadow: 1.5px 1.5px 0 black;
}

/********** List Blocks **********/

.list-wrapper {
position: relative;
height: 0;
margin-bottom: 0;
overflow: hidden;
z-index: 10;
border-left: 1px solid var(--gray1);
border-right: 1px solid var(--gray1);
transition: height 1.2s ease, margin-bottom 0.8s ease;
}

#comparison-list-wrapper {
position: relative;
margin-bottom: 0;
overflow: hidden;
z-index: 10;
border: 1px solid var(--gray1);
border-radius: 6px;
}

.list-container,
#comparison-list-container {
position: relative;
}

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

.list-intro {
padding: 15px;
font-size: 17px;
line-height: 24px;
border-bottom: 1px solid var(--gray1);
}

#comparison-intro {
display: flex;
flex-wrap: nowrap;
padding: 15px;
color: white;
font-size: 17px;
line-height: 24px;
background-color: var(--burgundy1);
}

#comparison-intro .block1 {
display: flex;
justify-content: left;
width: 170px;
font-weight: bold;
}

.area-item-bg {
display: flex;
flex-wrap: nowrap;
padding: 15px;
background-color: var(--lightRed2);
border-bottom: 1px solid var(--gray1);
}

.area-item.last {
border: 0;
}

.area-item {
display: flex;
flex-wrap: nowrap;
padding: 15px;
background-color: whitesmoke;
border-bottom: 1px solid var(--gray1);
}

.area-item-bg.last {
border: 0;
border-radius: 10px;
}

.area-item-bg .block1,
.area-item .block1 {
display: flex;
justify-content: left;
width: 300px;
}

#comparison-intro .block3 {
display: flex;
justify-content: right;
width: 170px;
font-weight: bold;
}

.area-item-bg .block3,
.area-item .block3 {
display: flex;
justify-content: right;
width: 300px;
}

#comparison-intro .block2 {
display: flex;
justify-content: center;
font-weight: bold;
}

.area-item-bg .block2,
.area-item .block2 {
display: flex;
justify-content: center;
}

#comparison-intro .block2 {
width: calc(100% - 336px);
}

.area-item-bg .block2,
.area-item .block2 {
width: calc(100% - 600px);
}

.list-bottom {
box-sizing: border-box;
height: 30px;
margin-top: 10px;
background-color: var(--brandBlue);
}

.list-item {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
color: rgb(45, 45, 45);
font-size: 17px;
border-bottom: 1px solid var(--gray1);
}

.list-item-2 {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 5px 10px;
color: var(--gray2);
font-size: 17px;
}

.list-item-content {
width: auto;
margin-left: 10px;
line-height: 26px;
}

.list-item-bg {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
border-bottom: 1px solid var(--gray1);
background-color: rgb(214, 220, 229);
color: rgb(45, 45, 45);
font-size: 17px;
}

.area-item.last {
border: 0;
border-radius: 10px;
}

.list-item .last {
display: flex;
flex-wrap: nowrap;
box-sizing: border-box;
line-height: 24px;
padding: 15px 10px;
color: rgb(45, 45, 45);
font-size: 17px;
border-bottom: 0;
}

.list-item-bg .last {
border-bottom: 1px solid var(--gray1);
}

.list-bullet {
position: relative;
top: 1px;
margin-left: 14px;
font-size: 24px;  
color: var(--burgundy1);
}

.list-bullet-2 {
position: relative;
top: 1px;
font-size: 24px;  
color: var(--burgundy1);
}

/********** Buttons Blocks **********/

.buttons-wrapper {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: 50px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background-color: rgb(214, 220, 229);
}

#buttons-wrapper {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: 50px;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

.buttons-container {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
height: 50px;
width: 100%;
}

.close-button-block {
position:  relative;
top: 1px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: left;
height: 50px;
width: 50%;
}

.top-button-block {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: right;
height: 50px;
width: 50%;
}

.close-button,
.top-button {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
width: 70px;
font-size: 16px;
color: white;
border-radius: 10px;
background-color: var(--brandBlue);
transition: box-shadow 0.1s ease, background-color 0.1s ease, transform 0.2s ease;
}

.close-button {
margin-left: 25px;
}

.top-button {
margin-right: 25px;
}

#features-holder {
border: 1px solid var(--gray1);
border-radius: 0 0 6px 6px;
background-color: whitesmoke;
}

#features-holder .list-item-content {
margin: 0;
}

#features-header {
padding: 18px;
background-color: var(--burgundy1);
color: white;
border-radius: 6px 6px 0 0;
}

#u-score-link-wrapper a {
color: var(--brandBlue);
}

#u-score-link-wrapper {
display: inline-block;
transition: transform 0.2s ease;
}

#u-score-link {
}

#link-holder {
display: inline-block;
}

/********** FM Sections-Main **********/

#comparison-section .slide-canvas-container,
#qp-section .slide-canvas-container,
#qi-section .slide-canvas-container,
#qm-section .slide-canvas-container {
display: flex;
flex-wrap: wrap;
position: absolute;
width: 100%;
height: 100%;
}

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

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

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

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

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

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

#fm-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;
}

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

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

#comparison-section .slide-container,
#qp-section .slide-container,
#qi-section .slide-container,
#qm-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;
}

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

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

#fm-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;
}

#fm-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;
}

#fm-sections-main .slide-heading-main, #fm-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;
}

#fm-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;
}

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

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

#fm-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;
}

#fm-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;
}

#comparison-section .slide-wrapper,
#qp-section .slide-wrapper,
#qi-section .slide-wrapper,
#qm-section .slide-wrapper {
position: relative;
width: 100%;
height: 34vw;
overflow: hidden;
border-radius: 0 0 6px 6px;
}

#fm-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;
}

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

#fm-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;
}

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

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

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

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

#comparison-section .tab
#qp-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;
}

#qm-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;
}

#qi-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;
}

#fm-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;
}

#fm-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;
}

#fm-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;
}

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

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

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

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

@media (min-width: 1900.01px) {
#fm-sections-main .tab-label { font-size: 20px; }
}

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

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

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

@media (max-width: 930px) {
#fm-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; }
}

@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; }
}