body.widget-snippet .service-section .service-item .single-item.three h3 {
  max-width: 100%;
}
body.widget-snippet .service-section .service-item .single-item {
  width: 23.5%;
}
body.widget-snippet .service-section .service-title h2 {
  padding: 10px 0 15px 0;
  margin: 0 0 30px 0;
  max-width: 700px;
}
.widget-snippet .service-section{
background: #0F1E32;
width: 100%;
}
.widget-snippet .service-section .service-title{
  max-width:1400px;
margin: 0 auto;
padding:120px 0 0 0;
}
.widget-snippet .service-section .service-title h2{
color:#fff;
font-size:40px;
line-height:30px;
padding-bottom:50px;
font-weight: 500;
font-family: 'Work Sans';
}
.widget-snippet .service-section .service-item{
display:flex;
flex-wrap:wrap;
max-width:1400px;
margin: 0 auto;
padding:0px 0 150px 0;

}
.widget-snippet .service-section .service-item .single-item{
  width: 23.9%;
  margin:0 15px 15px 0;
  background: #EBEBEB;
  height: 246px;
  position:relative;
}
.widget-snippet .service-section .service-item .single-item:nth-child(4n+4){
 margin-right:0;
}
.widget-snippet .service-section .service-item .single-item h3{
font-size:30px;
line-height:40px;
padding: 34px 0 0 40px;

font-weight: 500;
font-family: 'Work Sans';
}
.widget-snippet .service-section .service-item .single-item.one h3{
color:#43B649;
}
.widget-snippet .service-section .service-item .single-item.two  h3{
color:#EB3336;
}
.widget-snippet .service-section .service-item .single-item.three h3{
color:#12A1DB;
max-width: 200px;
}
.widget-snippet .service-section .service-item .single-item.four  h3{
color:#0F1E32;
  max-width: 200px;
}

.widget-snippet .service-section .service-item .single-item a{
text-decoration:none;
color: #fff;
font-size: 18px;
padding: 3px 23px;
border-radius:5px;
position:absolute;
bottom: 34px;
left: 40px;
font-weight: 400;
font-family: 'Work Sans';
line-height: 29px;
}
.widget-snippet .service-section .service-item .single-item.one  a{
background:#43B649;
}
.widget-snippet .service-section .service-item .single-item.one  a:hover{
background:transparent;
border:1px solid #43B649;
color:#43B649;
}
.widget-snippet .service-section .service-item .single-item.two a{
background:#FF0028;
}
.widget-snippet .service-section .service-item .single-item.two a:hover{
background:transparent;
border:1px solid #FF0028;
color:#FF0028;
}
.widget-snippet .service-section .service-item .single-item.three a{
background:#12A1DB;
}
.widget-snippet .service-section .service-item .single-item.three a:hover{
background:transparent;
border:1px solid #12A1DB;
color:#12A1DB;
}
.widget-snippet .service-section .service-item .single-item.four a{
background:#0F1E32;
}
.widget-snippet .service-section .service-item .single-item.four a:hover{
background:transparent;
border:1px solid #0F1E32;
color:#0F1E32;
}

@media (max-width: 1500px){
.widget-snippet .service-section .service-title {
  max-width: 1280px;
  padding: 90px 0 0 0;
}
.widget-snippet .service-section .service-item {
  max-width: 1280px;
  padding: 0px 0 100px 0;
}
.widget-snippet .service-section .service-item .single-item {
  width: 23.9%;
  margin: 0 18px 15px 0;
}
}
@media (max-width: 1400px) {
 .widget-snippet .service-section .service-item .single-item h3 {
  padding: 34px 20px 0 40px;
}
  .widget-snippet .service-section .service-item .single-item h3 {
  font-size: 28px;
  }
}
  @media (max-width: 1300px) {
.widget-snippet .service-section .service-item .single-item {
    margin: 0 16px 15px 0;

}
.widget-snippet .service-section .service-title {
  max-width: 1200px;
  padding: 90px 0 0 0;
}
.widget-snippet .service-section .service-item {
  max-width: 1200px;
  padding: 0px 0 90px 0;
}
}
  @media (max-width: 1200px) {
.widget-snippet .service-section .service-item {
  max-width: 980px;
  padding: 0 0 85px 0;
}
    .widget-snippet .service-section .service-title h2 {
  font-size: 38px;
  line-height: 28px;
  padding-bottom: 40px;
    }
.widget-snippet .service-section .service-item .single-item h3 {
  padding: 24px 20px 0 25px;
  font-size: 25px;
  line-height: 35px;
}
.widget-snippet .service-section .service-item .single-item {
  height: 200px;
    width: 23.7%;
}
.widget-snippet .service-section .service-item .single-item a {
  left: 28px;
}
    .widget-snippet .service-section .service-title {
  max-width: 980px;
  padding: 80px 0 0 0;
}
}
  @media (max-width: 991px) {
.widget-snippet .service-section .service-item {
  max-width: 730px;
    padding: 0px 0 70px 0;
}
.widget-snippet .service-section .service-title h2 {
  font-size: 36px;
  line-height: 40px;
  padding-bottom: 25px;
}
.widget-snippet .service-section .service-item .single-item h3 {
  padding: 20px 10px 0 15px;
  font-size: 20px;
  line-height: 27px;
}
.widget-snippet .service-section .service-item .single-item {
  height: 180px;
    width: 23.9%;
  margin: 0 10px 10px 0;
}
.widget-snippet .service-section .service-item .single-item a {
  left: 15px;
  font-size: 16px;
  padding: 1px 10px 3px;
  letter-spacing: -0.5px;
  bottom: 25px;
}
    .widget-snippet .service-section .service-title {
  max-width: 730px;
  padding: 68px 0 0 0;
}
}

  @media (max-width: 767px) {
.widget-snippet .service-section .service-item {
  max-width: 100%;
    padding: 0 20px 50px;
}
.widget-snippet .service-section .service-title h2 {
  font-size: 30px;
  line-height: 34px;
  padding-bottom: 20px;
}
.widget-snippet .service-section .service-item .single-item h3 {
  padding: 30px 20px 0 25px;
  font-size: 22px;
  line-height: 27px;
}
.widget-snippet .service-section .service-item .single-item {
  height: 170px;
    width: 100%;
  margin: 0 0 15px 0;
}
.widget-snippet .service-section .service-item .single-item a {
  left: 25px;
  font-size: 16px;
  padding: 3px 23px 5px;
  letter-spacing: -0.5px;
  bottom: 35px;
}
    .widget-snippet .service-section .service-title {
  max-width: 100%;
  padding: 45px 20px 0;
}
}
