/*---------------------------------------------------------------------
                 Counter
-----------------------------------------------------------------------*/

/*style 1*/

.iq-counter { padding: 15px; }
.iq-counter .iq-counter-icon { color: var(--color-theme-black); margin-bottom: 15px; }
.iq-counter .iq-counter-img i { line-height: normal; }
.iq-counter i:before { font-size: 60px; line-height: normal; }
.iq-counter .iq-counter-info .timer, .iq-counter  .iq-counter-info .counter-symbol, .iq-counter  .iq-counter-info .counter-after-content { font-size: var(--font-size-h3); color: var(--primary-color); }
.iq-counter .iq-counter-info { margin-top: 0; margin-bottom: 0; line-height: normal; font-weight: var(--font-weight-bold); }
.iq-counter .counter-content .counter-title-text { margin: 0; }
.iq-counter .counter-content .counter-content-text, .iq-counter .counter-content .counter-title-text { margin: 10px 0 0; font-weight: var(--font-weight-regular); }

/*style 4*/
.iq-counter.iq-counter-style-4 { padding: 0; position: relative;  margin-bottom: 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.iq-counter.iq-counter-style-4 .counter-content {    border: 1px solid var(--border-color-light); padding: 45px 30px; background: var(--white-color); position: relative; z-index: 1; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.iq-counter.iq-counter-style-4 .counter-content .iq-counter-icon { margin-bottom: 15px; font-size: var(--font-size-h3); line-height: 45px; }
.iq-counter.iq-counter-style-4 .counter-content .iq-counter-icon i::before { vertical-align: middle; }
.iq-counter.iq-counter-style-4 .counter-content .counter-title-text { font-weight: var(--font-weight-bold); }
.iq-counter.iq-counter-style-4 .iq-counter-info { font-weight: var(--font-weight-regular); }
.iq-counter.iq-counter-style-4 .counter-content .counter-content-text { margin-bottom: 0; }
.iq-counter.iq-counter-style-4:before { position: absolute; content: ""; opacity: 0; top: 0; left: 0; width: 100%; height: 100%; background: var(--primary-color); transform: rotate(0deg); z-index: -1; transition: all 0.5s ease-in-out; 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; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; transform: rotate(0deg); }
.iq-counter.iq-counter-style-4:hover:before, .iq-counter.iq-counter-style-4.active:before { opacity: 1; transform: rotate(12deg); }
.iq-counter.iq-counter-style-4:hover .counter-content .iq-counter-icon, .iq-counter.iq-counter-style-4.active .counter-content .iq-counter-icon { color: var(--primary-color); }

/*style 5*/
.iq-counter.iq-counter-style-5 .counter-content .counter-title-text { margin: 0 0 30px; display: block; font-weight: var(--font-weight-bold); }
.iq-counter.iq-counter-style-5  .iq-counter-info { font-weight: var(--font-weight-regular); }
.iq-counter.iq-counter-style-5  .counter-content-text { text-transform: uppercase; margin-top: 15px; }

/*style-6*/
.iq-counter-style-6{
  padding: 0;
}

.iq-counter-style-6 .iq-counter-inner{
  display: flex;
  align-items: center;
}

.iq-counter-style-6 .iq-counter-icon{
  margin-right: 30px;
  margin-bottom: 0;
}

.iq-counter-style-6 .iq-counter-info .timer, 
.iq-counter-style-6 .iq-counter-info .counter-symbol, 
.iq-counter-style-6 .iq-counter-info .counter-after-content{
  color: var(--primary-color);
  font-size: var(--font-size-h2);
  line-height: var(--font-line-height-h2);
  font-weight: var(--font-weight-semi-bold);
}

.iq-counter-style-6 .counter-content .counter-content-text{
  margin-top: 13px;
  text-transform: uppercase;
  letter-spacing: var(--letter-spacing-one);
}

/*----------------------------------------
  Responsive
----------------------------------------*/
@media(max-width:1024px){
    .iq-counter { margin-bottom: 30px; }
}