#company > .statements {
    position:relative;
    margin-top:150px;
    width:100%;
}
#company > .statements > .images {
    width:100%;
}
#company > .statements > .images > img {
    width:100%;
    height:100vh;
    object-fit:cover;
}
#company > .statements > .side {
    z-index:1;
    position:absolute;
    left:0;
    top:0;
    display:block;
    width:500px;
    height:100%;
    background-color:rgb(from var(--theme1) r g b / 95%);
}
#company > .statements > .side::before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:50px;
    background-image:linear-gradient(to top, rgba(255,255,255, 0), var(--theme1) 90%);
}
#company > .statements > .side::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    background-image:linear-gradient(to bottom, rgba(255,255,255, 0), var(--theme1) 90%);
}
#company > .statements > .side > .sticky {
    z-index:2;
    position:sticky;
    top:0;
    width:100%;
    height:100vh;
}
#company > .statements > .side > .sticky > p {
    opacity:0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    margin:0 auto;
    width:80%;
	padding:14px 16px;
    font-size:1.8em;
    transition:opacity 0.5s ease-in-out;
}
#company > .statements > .side > .sticky > p.current {
    opacity:1;
}


#company > .more {
    display:flex;
    width:100%;
    padding:50px 0;
    flex-direction:column;
    gap:50px;
}

#company .best {
    display:grid;
    padding:0 11%;
    text-align:center;
    align-content:center;
}
#company .best h2 {
    margin-top:0;
    font-family:"Source Sans Pro", Arial, Helvetica, sans-serif;
    font-weight:200;
    color:var(--color1Alt1);
}
#company .best .separator {
    width:80%;
    height:2px;
    margin:0 auto;
    background-color:var(--color1Alt1);
}
#company > .more > .row {
    width:80%;
    margin:0 auto;
    text-align:center;
}
.flipCards  {
    display:grid;
    box-sizing:border-box;
    grid-template-columns:1.5fr 1fr 1fr 1fr;
    gap:20px;
}
.flipCards > .flipCard  {
    perspective:800px;
}
.flipCard > .axis  {
    position:relative;
    width:100%;
    height:100%;
    text-align:center;
    box-shadow:0 0 3px #0009;
    transition:transform 0.8s;
    transform-style:preserve-3d;
}
.flipCard:hover > .axis {
    transform:rotateY(180deg);
}
.flipCard .side {
    box-sizing:border-box;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden; /* Safari */
    backface-visibility:hidden;
}
.flipCard .side.front {
    padding:36px 30px;
    background-color:#DADADA;
}
.flipCard .side.front > img {
    height:80px;
    margin:0 auto;
}
/* .flipCard .side.front > h2 {
    color:var(--color1Alt2);
} */
.flipCard .side.back {
    position:absolute;
    top:0;
    left:0;
    display:grid;
    padding:20px 30px;
    transform:rotateY(180deg);
    background:radial-gradient(at 100% 100%, var(--color1Alt2) 25%, var(--color1Alt1) 66%, var(--color1));
    color:#FFF;
    align-content:center;
}

#company > .more > .banner {
	z-index:-1;
	position:relative;
	margin:310px 0 330px;
    padding:55px 0;
    background-color:var(--color1Alt1);
    font-size:2em;
    text-align:center;
    color:#FFF;
}
#company > .more > .banner > img {
    z-index:-1;
	opacity:.2;
	position:absolute;
	left:50%;
	top:50%;
	transform: translate(-50%, -50%);
	height:512px;
	/* filter:invert(48%) sepia(85%) saturate(2997%) hue-rotate(166deg) brightness(105%) contrast(102%); */
    filter:invert(61%) sepia(16%) saturate(280%) hue-rotate(151deg) brightness(98%) contrast(86%);
}

#company > .more > .video {
    width:80%;
    aspect-ratio:1284/724;
    margin:0 auto;
}
#company > .more > .video > iframe {
    width:100%;
    height:100%;
}

#company > .more > .banner > p {
    margin:0;
}




#company > .heading {
	width:80%;
	margin:50px auto 100px;
	font-size:1.2em;
}
#company > .heading .name {
	vertical-align:bottom;
	font-size:1.9em;
	color:var(--color1Alt1);
	text-shadow:0 0 0px #000;
}

#contact_us {
    margin-top:60px !important;
}




@media only screen and (max-width: 1000px) {
	#company > .statements > .side {
		right:0;
		width:unset;
		background-color:rgb(from var(--theme1) r g b / 10%);
		pointer-events:none;
	}
	#company > .statements > .side::before,
	#company > .statements > .side::after {
		content:unset;
	}
    #company > .statements > .side > .sticky > p {
        max-width:380px;
        background-color:#FFFA;
    }
    .flipCards  {
		grid-template-columns:1fr 1fr;
    }
}
@media only screen and (max-width: 560px) {

    .flipCards  {
        grid-template-columns:unset;
        gap:60px;
    }
}