/*--------------------------------------------------------------
			   Icon Box
  --------------------------------------------------------------*/

  /*style 1*/
  .iq-icon-box-style-1 {
    position: relative;
    padding: 30px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    background: var(--white-color);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
  }

  .iq-icon-box-style-1 .icon-box-img i {
    font-size: var(--font-size-45);
    color: var(--primary-color);
  }

  .iq-icon-box-style-1 .icon-box-img {
    line-height: normal;
    display: inline-block;
  }

  .iq-icon-box-style-1 .icon-box-content .icon-box-title a {
    margin: 15px 0;
    display: inline-block;
  }

  .iq-icon-box-style-1 .icon-box-content .icon-box-desc {
    margin: 0;
  }

  .iq-icon-box-style-1::before {
    width: 0;
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    height: 4px;
    background: var(--primary-color);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }

  .iq-icon-box-style-1:hover::before,
  .iq-icon-box-style-1.active::before {
    width: 100%;
  }

  .iq-icon-box-style-1:hover,
  .iq-icon-box-style-1.active {
    -webkit-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
  }

  /* .iq-icon-box-style-1:hover .iq-button ,.iq-icon-box-style-1:hover .iq-btn-link i {color: #fff !important;} */

  /*style 2*/
  .iq-icon-box-style-2 {
    display: flex;
    padding: 30px;
    border: 1px solid transparent;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
  }

  .iq-icon-box-style-2 .icon-box-img {
    margin-right: 30px;
  }

  .iq-icon-box-style-2 .icon-box-img i {
    font-size: var(--font-size-45);
    color: var(--primary-color);
    display: inline-block;
    line-height: normal;
  }

  .iq-icon-box-style-2 .icon-box-content {
    flex: 1;
  }

  .iq-icon-box-style-2 .icon-box-content .icon-box-title a {
    display: inline-block;
  }

  .iq-icon-box-style-2 .icon-box-content .icon-box-desc {
    margin: 0;
  }

  .iq-icon-box-style-2:hover,
  .iq-icon-box-style-2.active {
    border-color: var(--white-light-color);
    background: var(--white-color);
    -webkit-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
    box-shadow: -1px 4px 30px 0 rgba(0, 0, 0, 0.06);
  }


  /*Icon Box*/
  .iq-icon-box-style-2 {
    display: block;
  }

  .iq-icon-box-style-2 .icon-box-img {
    margin-bottom: 30px;
    display: block;
  }