:root {
  --primary-theme-color: #4ac4f3;
  --white-theme-color: #fff;
  --primary-rgb-theme-color: 74, 196, 243;
}

header{
  background: rgba(var(--primary-rgb-theme-color),.9);
}

*::-moz-selection {
  background: var(--primary-theme-color);
  color: var(--white-theme-color);
  text-shadow: none;
}
::-moz-selection {
  background: var(--primary-theme-color);
  color: var(--white-theme-color);
  text-shadow: none;
}
::selection {
  background: var(--primary-theme-color);
  color: var(--white-theme-color);
  text-shadow: none;
}
/*--------------------------------------------------------------------- Text Color -----------------------------------------------------------------------*/
.iq-banner .iq-video, .iq-works-box .step, a:hover, .iq-font-blue, .iq-fancy-box .iq-icon, .counter-info .iq-video, .iq-blog-detail a:hover, .iq-blog-detail .blog-title a:hover h5, .iq-footer-box .iq-icon i, .footer-copyright a, .iq-works-box a {
  color: var(--primary-theme-color);
}
/*--------------------------------------------------------------------- Background Color -----------------------------------------------------------------------*/
.heading-title .title:before, .button, .iq-fancy-box:hover .iq-icon, .iq-client:before, .iq-accordion .accordion-title:before, .info-share li a:hover {
  background: var(--primary-theme-color);
}
header.menu-sticky, #back-to-top .top:hover {
  background: rgba(0, 1, 0, );
}
/*--------------------------------------------------------------------- Background Gradient ---------------------------------------------------------------------*/
.iq-over-blue-90:before {
  background: rgba(0, 1, 0, );
}
.iq-works-box:hover {
  -webkit-box-shadow: 8px 12px 22px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 8px 12px 22px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 8px 12px 22px 0px rgba(0, 0, 0, 0.1);
}
/* Background Gradient Black */
/*--------------------------------------------------------------------- Boder Color ---------------------------------------------------------------------*/
 .iq-objects-software .iq-objects-03, .iq-objects-asked .iq-objects-03, .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus, .info-share li a:hover, .iq-objectsnew .iq-objects-04 {
  border-color: var(--primary-theme-color);
}
@media (max-width: 992px) {
  .navbar-light .navbar-toggler span, header .navbar .navbar-nav .nav-item a:hover, header .navbar .navbar-nav .nav-item a:focus, header .navbar .navbar-nav .nav-item a.active, header .navbar .navbar-nav .nav-item a.active:focus, header .navbar .navbar-nav .nav-item a.active:hover {
    color: var(--primary-theme-color);
 }
}