/*////////////////// hexagon box/////////////////////*/

 .hexagon_wrap .hexagon-box {
     display: inline-block;
     position: relative;
     width: 110px;
     margin: 5px;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     text-align: center;
 }
 
 .hexagon_wrap .hexagon-box svg {
 fill: #ffffff;
     stroke: #b5b5b5;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
     margin:-4px;
 }
 
 .hexagon_wrap .hexagon-box h3 {
position: absolute;
    left: 7px;
    font-size: 13px;
    color: #302f37;
    line-height: 14px;
    right: 7px;
    bottom: 28px;
    font-weight: 500;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
 }
 
 .hexagon_wrap .hexagon-box .hexagon-box-icon i, .hexagon_wrap .hexagon-box .hexagon-box-icon img {
     position: absolute;
     font-size: 36px;
     top: 23px;
     left: 50%;
     -moz-transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
 }
 
 .hexagon_wrap {
     padding: 30px 0;
     display: block;
     margin: auto;
     max-width: 1000px;
 }
 
 
 @media only screen and (min-width: 1200px){
 .hexagon_wrap .hexagon-box:nth-child(9), .hexagon_wrap .hexagon-box:nth-child(26), .hexagon_wrap .hexagon-box:nth-child(42) {
     margin-right: 64px !important;
 }
 }
 
 @media only screen and (min-width: 1200px){
 .hexagon_wrap .hexagon-box:nth-child(n+9) {
     margin-top: -30px !important;
 }
 }