.industries-block {
}

.industries-block .break-container {
    width:100vw;
    position:relative;
    left:calc(-1 * (100vw - 100%)/2);
}


.industries-block .industryName {
    text-align: left;
}



/* INDUSTRY ICONS */

 .iconBgRow {
  min-height:125px;
}

 .iconBg {
  overflow: hidden;
}
 .iconBg svg {
  position: absolute;
  width: 32vw;
  height: 34vw;
  max-width: 200px;
  max-height: 220px;
  transition: all 0.3s ease-in-out;
  stroke: #007AC2;
  stroke-width: 1;
  transform: scale(0.95);
}
 .blockBorderLink:hover .iconBg svg {
  stroke-width: 1.5;
  transform: rotate(15deg) scale(1) translate(0, -0);
}

 .blockBorderLink .linkName {
  color: #D17938;
  transition: color 0.3s ease-in-out;
}
 .blockBorderLink:hover .linkName {
  color: #fff;
}


@media screen and (min-width: 768px) {
   .iconBg svg {
    position: absolute;
    top: -12vw;
    left: -10vw;
    width: 25vw;
    height: 26vw;
    max-width: 25vw;
    max-height: 26vw;
    transition: all 0.3s ease-in-out;
    stroke: #007AC2;
    stroke-width: 1;
    transform: scale(0.95);

  }
  .blockBorderLink:hover .iconBg svg {
    stroke-width: 1.5;
    transform: rotate(15deg) scale(1) translate(0, -0);
  }
}


@media screen and (min-width: 993px) {
  .iconBg svg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s ease-in-out;
    stroke: #007AC2;
    stroke-width: 1;
    transform: scale(0.95);

  }
  .blockBorderLink:hover .iconBg svg {
    stroke-width: 1.5;
    transform: rotate(15deg) scale(1) translate(0, -0);
  }
}






@media screen and (min-width: 768px) {
   .industries-block .iconBg svg {
    position: absolute;
    top: -12vw;
    left: -10vw;
    width: 25vw;
    height: 26vw;
    max-width: 25vw;
    max-height: 26vw;
    transition: all 0.3s ease-in-out;
    stroke: #007AC2;
    stroke-width: 1;
    transform: scale(0.95);

  }
   .industries-block .blockBorderLink:hover .iconBg svg {
    stroke-width: 1.5;
    transform: rotate(15deg) scale(1) translate(0, -0);
  }
}


@media screen and (min-width: 993px) {
   .industries-block .iconBg svg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s ease-in-out;
    stroke: #007AC2;
    stroke-width: 1;
    transform: scale(0.95);

  }
  .industries-block .blockBorderLink:hover .iconBg svg {
    stroke-width: 1.5;
    transform: rotate(15deg) scale(1) translate(0, -0);
  }
}









@media (min-width: 576px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

