.services-container{
overflow: hidden;
height: auto;
}
.services-container h3{
color: rgb(36, 36, 36) !important;
font-size: 1.4em !important;
}
.services-inner{
left: -12.5%;
position: relative;
transition: all 0.5s ease;
display: flex;
gap: 10px;
}
.grayed-out{
opacity: 1;
transform: scale(0.9);
}
.grayed-out a{
}
.grayed-out a{
opacity: 1;
}
.service-single a{
transition: all 0.5s ease;
}
.service-single{
min-width: 0 !important;
height:auto;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: all 0.5s ease;
padding: 0 40px;
box-sizing: border-box;
}
.service-single button{
color:  #00adee;
border-color:  #00adee;
}
.button-left, .button-right{
cursor: pointer;
border-radius: 50%;
border: 4px solid #00adee;
width: 50px;
height: 50px;
padding: 0px !important;
margin: 0 !important;
}
.button-left .elementor-icon-wrapper, .button-right .elementor-icon-wrapper, .button-left .elementor-widget-container, .button-right .elementor-widget-container{
display: flex;
justify-content: center;
align-items: center;
}
.middle{ }
@media only screen and (max-width: 1000px ){
.services-container{
overflow: hidden;
height: auto;
}
.service-single{
width: 50% !important;
height: auto !important;
margin: 5px !important;
padding: 0 10px !important;
}
.service-single p{
display: none;
}
.service-single h3{
text-align: center !important;
}
.service-single .tmp-button{
padding: 10px 0px;
font-size: 0.7em !important;
width: 100% !important;
}
.button-arrow{
display: none !important;
}
.tmp-button button:nth-child(1){
min-width: 0 !important;
}
}
@media only screen and (max-width: 880px ){
.button-right,
.button-left {
display: block;
border: none;
}
}
@media only screen and (max-width: 767px ){
.services-inner{
left: 0%;
width: 350% !important;
}
.grayed-out{
opacity: 1;
transform: scale(1);
}
.grayed-out a{
opacity: 1;
}
}