section.service-list {
  background: #fff !important;
}
.box-img h3 {
  font-size: 22px;
  color: #0c1c30;
  font-weight: bold;
  letter-spacing: 0 !important;
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding-right: 15px;
  word-break: break-word;
}
.box-img img {
  margin-right: 1.2em;
}
.service-list p {
  color: #0c1c30;
/*  font-weight: bold;*/
  margin-bottom: 0.6em;
  line-height: normal;
  text-align: left;
  padding-top: 1.9em;
  word-break: break-word;
}
section.service-list {
  padding: 30px 30px 10px !important;
}
.service1-wrap {
  background-color: #fdede4;
  border: 1px solid rgba(236, 99, 19, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(236, 99, 19, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service-list .services {
  background-image: url(/assets/admin/images/Top-effect.png);
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: top right;
  padding: 2em;
  border-radius: 20px;
  transition: 0.2s;
  display: block;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.service-list .col-md-4 {
  margin-bottom: 1.8em;
  padding-left: 12px;
  padding-right: 12px;
}
.service1-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(236, 99, 19, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service-list a.redirect {
  position: absolute;
  top: 20px;
  right: 25px;
}
.service-list a.redirect img {
  max-width: 85%;
}
.service2-wrap {
  background-color: #ddf0fe;
  border: 1px solid rgba(0, 127, 222, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(0, 127, 222, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service2-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(0, 127, 222, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service3-wrap {
  background-color: #fdf4dc;
  border: 1px solid rgba(246, 197, 68, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(246, 197, 68, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service3-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(246, 197, 68, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service4-wrap {
  background-color: #e6f9ed;
  border: 1px solid rgba(58, 185, 103, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(58, 185, 103, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service4-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(58, 185, 103, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service5-wrap {
  background-color: #f6e6f8;
  border: 1px solid rgba(158, 55, 170, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(158, 55, 170, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service5-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(158, 55, 170, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service6-wrap {
  background-color: #fde9ea;
  border: 1px solid rgba(235, 28, 36, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(235, 28, 36, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service6-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(235, 28, 36, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service7-wrap {
  background-color: #fdece6;
  border: 1px solid rgba(214, 100, 64, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(214, 100, 64, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service7-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(214, 100, 64, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service8-wrap {
  background-color: #f7f9e6;
  border: 1px solid rgba(157, 170, 56, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(157, 170, 56, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service8-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(157, 170, 56, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service9-wrap {
  background-color: #e1f5f8;
  border: 1px solid rgba(35, 167, 190, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(35, 167, 190, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service9-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(35, 167, 190, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service10-wrap {
  background-color: #eceffc;
  border: 1px solid rgba(21, 60, 215, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(21, 60, 215, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service10-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(21, 60, 215, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service11-wrap {
  background-color: #e3f0f7;
  border: 1px solid rgba(33, 157, 221, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(33, 157, 221, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service11-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(33, 157, 221, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service12-wrap {
  background-color: #f8e5e2;
  border: 1px solid rgba(249, 85, 58, 0.13);
  box-shadow: 0px -4px 3px 0px rgba(249, 85, 58, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset;
}
.service12-wrap:hover {
  box-shadow: 0px -4px 3px 0px rgba(249, 85, 58, 0.5) inset,
    0px 6px 4px 0px rgba(255, 255, 255, 0.44) inset,
    0px 10px 24px 0px rgba(0, 0, 0, 0.1);
}
.service-list .row {
  margin-left: -12px;
  margin-right: -12px;
}
.content-wrapper.working-module.reg {
  padding-bottom: 0 !important;
}
/* Media Queries */
@media screen and (max-width: 480px) {
  .box-img img {
    max-width: 50px;
    height: auto;
  }
  .box-img h3 {
    font-size: 19px;
  }
  section.content.service-list {
    padding: 15px 15px 0px !important;
  }
  .service-list p {
    margin-bottom: 0.4em;
    padding-top: 1.7em;
    font-size: 15px;
  }
  .service-list .services {
    padding: 1.6em;
  }
  .service-list a.redirect img {
    max-width: 80%;
  }
}
@media screen and (max-width: 768px) and (min-width: 480px) {
  .box-img img {
    width: 52px;
    height: auto;
  }
  .box-img h3 {
    font-size: 21px;
  }
  .service-list .services {
    background-size: 100px 100px;
  }
  section.content.service-list {
    padding: 20px 20px 0px !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 768px) {
  .service-list .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .service-list .services {
    background-size: 85px 85px;
  }
  .service-list a.redirect img {
    max-width: 78%;
  }
  .box-img img {
    width: 52px;
  }
  .box-img h3 {
    font-size: 20px;
    padding-right: 25px;
  }
  .service-list .col-md-4.offset-md-2 {
    margin-left: 0;
}
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
  .box-img img {
    width: 52px;
  }
  .box-img h3 {
    font-size: 20px;
    padding-right: 25px;
  }
}