.hero-section {
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 20;
color: #fff;
padding: 20px 0 70px;
overflow: hidden;
}
.hero-section:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 10;
background: rgba(0, 0, 0, .7);
}
.home .hero-section.hero-section {
padding-top: 120px;
}
.hero-section > .container {
position: relative;
z-index: 11;
}
.hero-section-inner {
padding-top: 60px;
display: flex;
gap: 100px;
}
.hero-text-inner {
margin-bottom: 40px;
}
.hero-section-inner a.hero-phone,
.hero-section-inner .cta-call {
color: var(--button-primary-color);
}
.hero-section-inner .btn.cta-call {
border:0;
background-color: transparent;
padding: 0 0 0 60px;
text-align: left;
}
.hero-section-inner a.hero-phone::before,
.hero-section-inner .cta-call:before {
width: 50px;
height: 50px;
display: inline-block;
font-size: 18px;
padding: 15px;
border-radius: 6px;
margin-right: 14px;
background-color: var(--primary-color);
color: #fff;
left: 0;
}
.hero-section-inner a.hero-phone span,
.hero-section-inner .cta-call span {
font-size: 28px;
font-weight: 700;
}
.hero-section-inner.hero-left {
width: 50%;
}
.hero-section-inner .hero-right {
width: 50%;
}
.hero-section-inner .hero-right .hero-right-text {
background: #fff;
padding: 30px 40px 40px;
border-radius: 6px;
color: #656565;
}
.hero-right .hero-right-text  img {
border-radius: 10px;
}
.hero-section-inner .hero-right .hero-right-text  > *:last-child {
margin-bottom: 0;
}
.hero-section p,
.hero-section ul,
.hero-section h1 {
position: relative;
}
.hero-section h1,
.has-form.hero-section .hero-form,
.has-form.hero-section  .hero-form h2 {
color: #fff;
}
.hero-left {
position: relative;
padding: 0 0 30px 0;
width: 50%;
}
.style_2 .hero-left {
margin: 0 auto;
color: #656565;
}
.style_2 .hero-left .hero-content-inner {
background: #fff;
padding: 30px 40px 40px;
border-radius: 6px;
}
.style_2 .hero-left .hero-content-inner .hero-phone {
color: var(--primary-color);
}
.style_2 .breadcrumbs {
padding-top: 0;
}
.style_2 .breadcrumbs div:last-of-type,
.style_2 .breadcrumbs div:last-of-type a {
color: #656565;
}
.hero-form .gfield_checkbox a {
text-decoration: underline;
}
.has-form .hero-form .gfield_checkbox a {
color: #fff;
}
@media only screen and (min-width: 1200px) {
.hero-section-inner .hero-right {
min-width: 550px;
}
}
@media only screen and (max-width: 991px) {
.hero-section-inner {
gap: 30px;
flex-wrap: wrap;
}
.hero-section-inner .hero-right,
.hero-left {
width: 100%;
}
.hero-left:before {
top: -40px;
width: 80px;
}
.style_2 .hero-left {
padding: 0;
width: 80%;
}
}
@media only screen and (max-width: 767px) {
.hero-section-inner {
padding-top: 0;
}
.hero-left:before {
width: 50px;
top: 0px;
height: 100%;
}
.hero-left {
padding: 0 20px 0;
}
.hero-text .cta-buttons {
justify-content: left;
}
.style_2 .hero-left {
width: 100%;
}
.style_2 .breadcrumbs {
padding-bottom: 30px;
}
.style_2 .hero-left .hero-content-inner {
padding: 20px;
}
.hero-section-inner a.hero-phone span {
font-size: 20px;
}
.hero-form {
position: relative;
}
.hero-section-inner .hero-right {
min-width: 100%;
}
}