.icon-box {
     padding: 60px 30px;
     position: relative;
     overflow: hidden;
     background: #f2f2f2 ;
/*      border: 1px solid #fff; */
     /*! box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08); */
     transition: all 0.3s ease-in-out;
     border-radius: 8px;
     z-index: 1;
     height: 100%;
     width: 100%;
     text-align: center;
     color: #009786;
  }
 .icon-box .icon {
     margin-bottom: 20px;
     padding-top: 10px;
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 5em;
     line-height: 1;
     color: #C8102E;
  }

    .stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.icon-box:hover {
     background: #960C22;
     color: #fff;
  }

.icon-box:hover .icon, .icon-box a:hover {
     color: #fff;
  }

li.active .icon-box {
     background:  #960C22;
     color: #fff;
}

li.active .icon-box .icon, li.active .icon-box a {
     color: #fff;
  }

.nav-tabs {
    border: none;
}
/* dotted space */
.dotted-line {
  position: relative;
  height: 150px; /* Adjust the height of the line */
}

.dotted-line::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 2px dotted #000; /* Change the color and style as needed */
}

.diamond-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 36px; /* Adjust the font size of the diamond icon */
  color: #c8102e; /* Change the color of the icon */
}

h2.section-heading {
    display: inherit!important;
    text-align: center;
    margin: 0px!important;
    color:#888B8D;
}

/* for 3 circles*/

  .icon-box {
     padding: 60px 30px;
     position: relative;
     overflow: hidden;
     background: #f2f2f2 ;
/*      border: 1px solid #fff; */
     box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease-in-out;
     border-radius: 8px;
     z-index: 1;
     height: 100%;
     width: 100%;
     text-align: center;
     color: #009786;
     min-height: 345px;
  }
   .icon-circle-box {
     padding: 60px 20px;
     position: relative;
     overflow: hidden;
     background: #c8102e;
    /*! box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.08); */
     transition: all 0.3s ease-in-out;
     border-radius: 50%;
     z-index: 1;
     height: 8em;
     width: 8em;
     text-align: center;
     border: #888B8D solid 2px;
     display: flex;
     justify-content: center;
     align-content: center;
     font-weight: 700;
     margin-bottom: 15px;
     font-size: 24px;
  }

   .icon-no-box {
     padding: 60px 30px;
/*      background: #fff; */
     transition: all 0.3s ease-in-out;
     z-index: 1;
     height: 10em;
     width: 10em;
     text-align: center;
     display: flex;
     justify-content: center;
     align-content: center;
     margin-bottom: 15px;
     font-size: 24px;
  }

.impact-numb {
  font-size: 3em;
  font-weight: bold;
  color: #888B8D;
}
   .icon-circle-box .title a {
     color: #f9f9f9;
     transition: 0.3s;
  }
   .icon-box .icon {
     margin-bottom: 20px;
     padding-top: 10px;
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 3.75em;
     line-height: 1;
     color: #C8102E;
     max-height: 87px;
  }
   .icon-circle-box .icon {
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 3em;
     line-height: 1;
     color: #fff;
     margin-top:-5px;
  }

.icon-no-box .icon {
     display: inline-block;
     transition: all 0.3s ease-in-out;
     font-size: 5.5em;
     line-height: 1;
     color: #960C22;
     margin-top:-10px;
  }
   .icon-circle-box:hover, .icon-box:hover {
     background: #888B8D;
  }

   .icon-box:hover {
     background: #960C22;
  }
   .icon-circle-box:hover .title a, .icon-box:hover .title a, .icon-circle-box:hover .icon, .icon-box:hover .icon {
     color: #fff;
  }
.icon-boxes .title, .icon-boxes .title {
  font-family: 'Milo';
  font-weight: bold;
    color: #888B8D;
    margin-bottom: 1em;
}