/* STYLE GUIDE FOR RETROFITTING FORMER EQUILAR WEBPAGES ONLY */
html {
overflow-x: hidden;
}
.new-master-site-inner-container {
width: 100%;
}
.fas {
color: var(--navy);
}
hr {
background: var(--lightgray);
height: 1px;
width: 100%;
border: 0;
margin: 15px 0;
}
.hero h1 {
font-size: 2.3rem;
text-align: left;
}
.hero a[data-variant="navybutton"] {
margin: 0;
}
.page-nav {
padding: 20px 40px !important;
z-index: 98 !important;
position: relative;
}
.page-nav a {
display: unset !important;
}
.quick-links {
color: white;
font-weight: var(--semibold);
}
.nav-links a {
white-space: unset;    
}
.horizontal-arrow-button-container {
width: calc(100% - 160px);
}
.horizontal-arrow-button-container {
width: calc(100% - 160px);
display: flex;
align-items: center;
justify-content: flex-end;
}
.quote::before {
content: unset !important;
}
.quote::after {
content: unset !important;
}
.two-box-outer-container {
width: 100%;
}
.two-box-inner-container {
width: 100%;
max-width: 1280px;
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
padding: 40px 0px;
}
.left-two-box-container {
width: 50%
}
.left-two-box-text {
width: 100%;
max-width: 510px;
}
.left-two-box-text a {
margin-top: 10px;
text-align: left;
}
.left-two-box-text p {
margin-top: 10px;
}
.right-two-box-container { 
width: 50%;
max-width: 620px;
display: flex;
justify-content: center;
align-items: center;
}
.right-two-box-container img {
width: 100%;
}
.two-box-bg {
background-color: var(--lightgray);
}
.trusted-logos-outer-container {
width: 100%;
}
.trusted-logos-inner-container {
width: 100%;
max-width: 1280px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0 auto;
padding: 40px 0;
background: var(--lightgray);
border-radius: 5px;
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-slide img {
max-height: unset !important;
}
@media all and (max-width: 1180px){
.page-nav {
padding: 20px !important;
padding-right: 0px;
}
}
@media all and (max-width: 768px){
.hero p {
padding-bottom: 1em;
}
.left-two-box-container {
width: 100%;
padding-left: 0px !important;
}
.left-two-box-text {
max-width: 100%;
}
.left-two-box-text p {
text-align: left;
}
.right-two-box-container {
width: 100%;
margin-top: 25px;
}
.trusted-logos-container {
margin-top: 32px;
}
.trusted-logos-inner-container {
padding: 40px 25px;
}
}
@media all and (max-width: 1010px) {
.nav-links {
margin: unset !important;
}
}