/*-----------------------------------------------------------------------------------

    Template Name:TOVO APP
    Template URI: http://themes.pixelstrap.com/tovo
    Description: This is App Landing Page
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------*/
.caption-img {
    filter: hue-rotate(13.142rad);
    height: 100px;
  }
  
  .loader {
    background-color: #33A9FF;
  }
  
  h1 {
    color: #33A9FF;
  }
  
  .price-type h2 {
    color: #33A9FF;
  }
  
  .home-two .slide-cap-desc {
    color: #f1f1f1;
  }
  
  .navbar-light .default-nav .navbar-nav .nav-link.active {
    color: #33A9FF;
  }
  .navbar-light.darkHeader .navbar-nav .nav-link.active {
    color: #33A9FF !important;
  }
  .navbar-light.darkHeader .navbar-nav .nav-item.dropdown .dropdown-menu .nav-link:hover {
    color: #33A9FF;
  }
  
  .slide-cap-desc {
    color: #f1f1f1;
  }
  
  .tap-top {
    background: linear-gradient(to right, #BC88FF, #33A9FF) !important;
  }
  
  .about-right {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%);
  }
  
  .address-bar {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%);
  }
  
  .team-block .team-social li a {
    border: 1px solid #33A9FF;
  }
  .team-block .team-social li a:hover {
    background-color: #33A9FF;
    border: 1px solid #33A9FF;
  }
  
  .color-picker .settings-header {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  .color-picker .settings-header h3 {
    color: white;
  }
  .color-picker .section {
    border: 1px solid #33A9FF;
  }
  .color-picker a.handle {
    border: 1px solid #33A9FF;
    background: #33A9FF;
  }
  
  .testimonial-text h3 {
    color: #33A9FF;
  }
  
  .btn-custom.theme-color {
    background-image: linear-gradient(to right, #BC88FF, #33A9FF, #b37bfc, #28a4fc);
  }
  .btn-custom.theme-color:hover {
    background-position: 100% 0;
  }
  
  #fp-nav ul li a.active {
    border: 1px solid #33A9FF;
  }
  #fp-nav ul li a.active span {
    background: #33A9FF !important;
  }
  #fp-nav ul li a span {
    background: #33A9FF !important;
  }
  #fp-nav ul li:hover a.active span {
    background: #33A9FF !important;
  }
  
  .fp-slidesNav ul li a span {
    background: #33A9FF !important;
  }
  .fp-slidesNav ul li a.active span {
    background: #33A9FF !important;
  }
  .fp-slidesNav ul li:hover a.active span {
    background: #33A9FF !important;
  }
  
  .theme-nav .navbar-nav .active > .nav-link {
    color: #33A9FF;
  }
  
  .home-style-two .navbar-nav .dropdown-menu .nav-link:hover {
    color: #33A9FF !important;
  }
  
  .three .navbar-nav .dropdown-menu .nav-link:hover {
    color: #33A9FF !important;
  }
  
  .abt-hover:hover .icon-hover {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%);
  }
  
  .icon-hover:hover {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%);
    border: 1px solid #ff8fc0;
  }
  
  .team-carousel.owl-theme .owl-dots .owl-dot span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  .team-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  
  /* .slick-dots li button:before {
      background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important; }  
    
  
  .slick-dots li.slick-active button:before {
    background: linear-gradient(to bottom, #21ecff 0, #2cc6ff 99%) !important; } */
  
  .blog-carousel.owl-theme .owl-dots .owl-dot span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  .blog-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  
  .testimonial-carousel.owl-theme .owl-dots .owl-dot span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  .testimonial-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  
  .price-carousel.owl-theme .owl-dots .owl-dot span {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 99%) !important;
  }
  
  .blog-pagin a.page-link {
    color: #33A9FF;
    border: 1px solid #eee;
  }
  .blog-pagin a.page-link:hover {
    background-color: #33A9FF;
  }
  
  .page-item.active .page-link {
    background-color: #33A9FF;
  }
  
  .tags .badge-theme {
    background-color: #33A9FF;
    color: white;
  }
  
  .blog-cat-detail ul li a:hover,
  .manual-down {
    color: #33A9FF;
  }
  
  .price-block:hover .mrp h2 {
    color: #33A9FF;
  }
  
  .authentication-form {
    filter: hue-rotate(13.142rad);
  }
  
  .innerpage-decor img {
    filter: hue-rotate(13.142rad);
  }
  
  .faq .card-header[aria-expanded="true"] a {
    color: #33A9FF;
  }
  
  .review-box h5 {
    color: #33A9FF;
  }
  
  @media (max-width: 768px) {
    .home-two,
    .home-three {
      background-color: #33A9FF;
    }
  }
  .theme-nav {
    /*Dropdown css*/
    /*dropdown css end*/
  }
  .theme-nav .nav-item:hover .nav-link {
    color: #33A9FF;
  }
  .theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link.active {
    color: #33A9FF !important;
  }
  .theme-nav .nav-item.dropdown .dropdown-menu .nav-item .nav-link:hover {
    color: #33A9FF !important;
    transition: all 0.3s ease;
  }
  .theme-nav.darkHeader .dropdown-menu .nav-item .nav-link.active {
    color: #33A9FF;
  }
  .theme-nav .navbar-nav .active > .nav-link {
    color: #33A9FF;
  }
  
  .rounded-dots .slick-dots .slick-active button:before {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 100%);
    background: #33A9FF;
  }
  
  .rounded-dots .slick-dots button:before {
    background: linear-gradient(to bottom, #BC88FF 0, #33A9FF 100%);
    background: #33A9FF;
  }
  
  .theme-nav .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link:hover {
    color: #33A9FF !important;
  }

  .f-color-2 {
    color: black;
  }