.services {
display: flex;
flex-wrap: wrap;
margin-top: -1px;
margin-left: -1px;
}
.service-item {
width: calc(33.3333% - 1px);
display: flex;
flex-direction: column;
padding: 24px;
outline: 1px solid #999;
margin-top: 1px;
margin-left: 1px;
transition: .3s;
background: #fff;
position: relative;
}
.service-item:hover {
background: rgb(36,138,65);
background: linear-gradient(90deg, rgba(36,138,65,1) 0%, rgba(98,179,68,1) 100%);
outline: 1px solid rgb(36,168,65);
}
.service-item:hover div {
color: #fff;
}
.service-item a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.service-item img {
width: 60px;
height: 60px;
display: inline-block;
margin-bottom: 24px;
}
.service-item .arrow-icon {
display: none;
}
.numbers-divider{
background-position:center center !important;
}
@media (max-width: 768px) {
.service-item {
width: calc(50% - 1px);
}
}
@media (max-width: 550px) {
.service-item {
width: 100%;
padding: 24px 20px;
font-size: 20px;
line-height: normal;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: nowrap;
align-items: center;
}
.service-item svg path {
transition: .2s;
}
.service-item:hover svg path {
fill: #fff;
}
.service-item img {
display: none;
}
.service-item .arrow-icon {
display: flex;
}
}
.form-wrapper {
font-family: "Inter", sans-serif;
}
.form-wrapper label {
font-size: 16px;
font-family: "Inter";
font-weight: 300;
color: #222222;
}
.form-wrapper label span {
font-size: 12px;
}
.form-wrapper p {
margin-bottom: 16px;
}
.form-wrapper .form-item {
display: flex;
gap: 16px;
}
.form-wrapper input {
border-color: #222222;
border-radius: 2px;
background: #fff;
width: 100%;
}
.form-wrapper textarea {
width: 100%;
height: 96px;
resize: none;
border-color: #222222;
border-radius: 2px;
background: #fff;
}
.form-wrapper .required {
font-size: 12px;
color: #ff0000;
font-size: 16px;
}
.submit-btn {
position: relative;
}
.submit-btn input {
color: #222222;
background: #fbfbfb;
height: 56px;
transition: 0.2s;
}
.submit-btn input:hover {
background: rgb(36, 138, 65) !important;
background: linear-gradient(90deg, rgba(36, 138, 65, 1) 0%, rgba(98, 179, 68, 1) 100%) !important;
color: #fff;
border-color: rgb(36, 138, 65);
}
.submit-btn:hover .icon path {
fill: #fff;
}
.submit-btn .icon {
width: 24px;
height: 24px;
position: absolute;
top: 16px;
right: 16px;
}
.submit-btn .icon path {
transition: 0.2s;
}
.submit-btn p {
margin-bottom: 0;
}
.wpcf7-response-output {
font-size: 14px !important;
font-family: 'Inter' !important;
border-radius: 2px !important;
font-weight: 400 !important;
border-width: 1px !important;
border-color: #222222 !important;
padding: 13px !important;
width: 100% !important;
margin: -20px 0 0 !important;
}
.site-footer img{
width:100% !important;
}
.section-left {
width: 320px !important;
}
@media (max-width: 1650px) {
.home-header{
min-height:600px;
}
.home-header h1{
font-size:64px !important;
}
}
@media (max-width: 1300px) {
.section-title h2 {
font-size: 50px !important;
}
.section-desc p {
font-size: 16px !important;
}
.numbers-divider{
background-position:-1800px 0px !important;
}
}
@media (max-width: 1250px) {
.section-numbers-black span{
font-size:50px !important;
}
}
@media (max-width: 1150px) {
.section-divider {
background-position: -1800px 0;
}
}
@media (max-width: 1024px) {
.section-content {
width: 100% !important;
}
.section-numbers-black h2{
font-size:46px !important;
}
.sub-menu{
margin-top: 0px !important; 
border-radius: 3px !important;
box-shadow: unset !important;
}
.home-header h1{
font-size:60px !important;
}
}
@media (max-width: 768px) {
.section-title h2 {
font-size: 40px !important;
}
.numbers-divider{
background-position:-2050px 0px !important;
}
.section-divider {
background-position: -2200px 0 !important;
}
.section-numbers-black h2{
font-size:50px !important;
}
.home-header h1{
font-size:39px !important;
}
}