/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  cursor: pointer;
  background-color: #005D69;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-size: 28px; 
  color: #ffed00;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding-left: 5px;
  color: #fff;
  display: none;
  overflow: hidden;
}

.bg-blue {
  background: #005D69;
}

.bg-white {
  background: #fff;
}

.bg-light-blue{
  background: #005D69;
}

.bg-lighter-blue{
  background: #D9E6E8;
}

.text-white {
  color: #fff;
}

.text-blue {
  color: #005D69;
}

.words {
  min-height: 82px;
}

.words h2 {
  display: none;
}

.vertical-align-middle > div > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.enterprise-stats {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3rem;
    padding:5rem 0;
    box-sizing:border-box;
}

.enterprise-stats .stat {
   text-align:center;
}

.enterprise-stats .stat .stat-number {
   color: #FFED00;
    font-size: 52px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.enterprise-stats .stat .stat-text {
   color: #FFF;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.enterprise-stats .stat2 {
   text-align:center;
}

.enterprise-stats .stat2 .stat-number2 {
   color: #44848E;
    font-size: 52px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.enterprise-stats .stat2 .stat-text2 {
   color: #000;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}


.list-item-icon img {
    height: 45px;
    object-fit: contain;
    width: 45px;
    display: block;
    margin: 0 auto!important;
}


@media only screen and (max-width: 992px) {


.list-two-col ul {
  column-count: 2;
  column-gap: 10rem;
  padding-left:40px;
  list-style: none;
}

.list-two-col ul li {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 30px;
  position:relative;
}

.list-two-col ul li::before {
    content: "";             /* This is your bullet point */
    position: absolute;
    left: -40px;
    top: 5px;
    background: #005D69;                /* This is the color of the bullet point itself */
    border-radius: 50%;        /* This makes the background circle */
    width: 15px;
    height: 15px;
}


@media only screen and (max-width: 992px) {
  
  .mob-padding {
    padding-left:20px!important;
    padding-right: 20px!important;
    box-sizing:border-box;
  }
  
  
  .enterprise-stats .stat .stat-number {
    font-size: 38px;
  }
  
  .enterprise-stats {
    grid-template-columns: repeat(2, 1fr);
    max-width: calc(100% - 60px);
    margin: 0 auto;
}
  
  .list-two-col ul {
    column-count: 1;
    column-gap: 30px
  }
  

}