/* ======================================================================================= */
/* =================================== Services1 ========================================= */
/* ======================================================================================= */
.services1 a,
.services1-block { width: 100%; }
.services1.has-background-image {
  position: relative;
}
.services1.has-background-image > img {
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}
.services1 .column_block { display: flex; margin-bottom: 30px; }
.services1 .services1-block { height: 100%; padding:30px;  background: #fff;  border-radius: 7px;  text-align: center;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out;}
.services1 .services1-block h3 { font-size:28px;  padding-top:10px; font-weight:600; margin-bottom:7px!important; }
.services1 .services1-block p {  margin-bottom: 0; color:#6f6f6f; }
.services1 .services1-block .title-box {  position: relative;  padding: 20px;  font-size: 60px;  line-height: 1;  width: 2em;  margin-left: auto;  margin-right: auto;}
.services1 .services1-block .title-box img,
.services1 .service-block2 img { height: auto; width: 90px; }
.services1 .services1-block:hover {  box-shadow: -1px 9px 18px 0px rgba(75, 81, 91, 0.1);  transform: translateY(-0.5em);}

.services1 .service-block2 {  position: relative;  text-align: center;  height: 100%; padding: 40px;  background: #fff;  border-radius: 7px;  -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  transition: all .4s ease-out;  margin-bottom:30px;}
.services1 .service-block2 h3 {  font-size:28px;  padding-top:10px;}
.services1 .service-block2 p {  margin-bottom: 0; color:#6f6f6f; }
.services1 .service-block2 .item-icon span {  display: inline-block;  background: transparent;  width: 90px;  height: 90px;  line-height: 90px;  color: var(--primaryIconColor;  font-size: 40px;  border-radius: 50%;  text-align: center;}
.services1 .service-block2:hover { -webkit-box-shadow: 0 0 9.9px 0.1px rgba(0, 0, 0, 0.1);  margin-top: -10px;}

/* =================================== Media queries ====================================== */
@media screen and (max-width: 991px) {
  .services1 .services1-block .title-box { font-size: 50px;}
}
@media screen and (max-width: 767px) {
  .services1 .services1-block .title-box {font-size: 42px;}
  .services1 .service-block2 .item-icon span {    width: 70px;    height: 70px;    line-height: 70px;    font-size: 32px;}
}