/** Template Name: DCode - Saas & Software Landing Page Templates
   Author: SacredThemes
   Author URL: https://sacredthemes.net
   Created: August 2020
   Version: 1.6
   File Description: Default Color CSS File
*/
::-moz-selection { /** Code for Firefox **/
    color:#ffffff;
    background:#009cec;
  }
  ::selection {
    color:#ffffff;
    background:#009cec;
  } 
  a {
      color:#009cec;
  }
  .btn-primary{
      background-image: -moz-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: -webkit-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: linear-gradient(to bottom, #488fed 0%, #009cec 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 156, 236, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 156, 236, 0.4);
      background-size:auto 140%;
      border:0px; 
  }
  .btn-primary:hover, .btn-primary:focus{
      color: #fff;
  }
  .btn-primary.btn-light{
      background:#ffffff;
      color:#485974;
  }
  .btn-primary.btn-light:hover, .btn-primary.btn-light:focus{
      color:#009cec;
  }
  .btn-secondary{
      background-color: #485974;
      border-color: #485974;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-secondary:hover, .btn-secondary:focus{
      background-color: #2d3646;
      border-color: #2d3646;
      color:#ffffff; 
  }
  .btn-outline-primary{
      background:transparent;
      border:2px solid #009cec;
      color:#009cec;
  }
  .btn-outline-primary:hover, .btn-outline-primary:focus{
      background:#009cec;
      border-color:#009cec;
      color:#ffffff;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-outline-secondary{
      background:transparent;
      border:2px solid #485974;
      color:#485974;
  }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus{
      background:#485974;
      color:#ffffff;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .btn-outline-primary.btn-light{
      background:transparent;
      border:2px solid #ffffff;
      color:#ffffff;
  }
  .btn-outline-primary.btn-light:hover, .btn-outline-primary.btn-light:focus{
      background:#ffffff;
      color:#485974;
      -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4);
  }
  .menu-primary li.menu-item:hover > a, .menu-primary li.menu-item.active > a{
      color:#009cec;
  }
  .menu-fixed .menu-primary li.menu-item:hover > a, .menu-fixed .menu-primary li.menu-item.active > a{
      color:#009cec;
      opacity:1;
  }
  .menu-fixed .btn-outline-primary.btn-light {
      background: transparent;
      border: 2px solid #009cec;
      color: #009cec;
  }
  .menu-fixed .btn-outline-primary.btn-light:hover {
      background:#009cec;
      border-color:#009cec;
      color: #ffffff;
  }
  .menu-fixed .btn-primary.btn-light{
      background-image: -moz-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: -webkit-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: linear-gradient(to bottom, #488fed 0%, #009cec 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      background-size:auto 140%;
      border:0px; 
      color: #ffffff;
  }
  .menu-primary .sub-menu > li.menu-item > a:before{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #488fed), color-stop(100%, #009cec));
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .menu-primary .sub-menu > li.menu-item.col-title > a:after{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #488fed), color-stop(100%, #009cec));
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  
  .page-header.dc-one{
      background-image:url('../../images/default-color/bg-1.jpg');
      background-position:center center;
      background-size:cover;
      background-repeat:no-repeat;  
  }
  .page-header.dc-two{
      background-image:url('../../images/default-color/bg-3.png');
      background-position:center top;
      background-size:cover;
      background-repeat:no-repeat;
  }
  .page-header.dc-four{
      background-image:url('../../images/default-color/bg-4.png');
      background-position:center bottom;
      background-size:100% auto;
      background-repeat:no-repeat;
  }
  .page-header.dc-five{
      background-color:#f4faff;
      background-image:url('../../images/bg-5.png');
      background-position:center center;
      background-size:100% auto;
      background-repeat:no-repeat;
  }
  .page-header.dc-nine{
      background-image:url('../../images/default-color/bg-5.png');
      background-position:top center;
      background-size:100% auto;
      background-repeat:no-repeat;
  }
  .page-header.dc-ten {
      background-image: url('../../images/default-color/bg-1-data-analysis-2.png');
      /* background-position: center; */
      background-size: cover;
      position: relative;
      background-repeat: no-repeat;
  }
  .page-header.dc-eleven {
      background-image: url('../../images/default-color/data-vs-bg.png');
      /* background-position: center; */
      background-size: cover;
      position: relative;
      background-repeat: no-repeat;
  }
  .page-header.dc-twelve {
      background-image: url('../../images/default-color/bg-cloud-hosting.png');
      /* background-position: center; */
      background-size: unset;
      position: relative;
      background-repeat: no-repeat;
  }
  .page-header.dc-thirteen {
      background-image: url('../../images/default-color/bg-hr.png');
      /* background-position: center; */
      background-size: cover;
      position: relative;
      background-repeat: no-repeat;
  }
  .search-option .search-btn a{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .heading-wrapper span{
      color:#009cec ;
  }
  .heading-wrapper.with-separator h1:after, 
  .heading-wrapper.with-separator h2:after,
  .heading-wrapper.with-separator h3:after{
      background: -moz-linear-gradient(left, #00a7f5 0%, #009cec 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #00a7f5), color-stop(100%, #009cec));
      background: -webkit-linear-gradient(left, #00a7f5 0%, #0077d9 100%);
      background: linear-gradient(to right, #00a7f5 0%, #0077d9 100%);

      
  }
  .key-feature .icon{
      color:#009cec;
      background: -webkit-gradient(left top, right bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f5ff));
      background: -webkit-linear-gradient(-45deg, #ffffff 0%, #f6f5ff 100%);
      background: linear-gradient(135deg, #ffffff 0%, #f6f5ff 100%);
  }
  #support{
      background: #f6f5ff;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f5ff), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #f6f5ff 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #f6f5ff 0%, #ffffff 100%);
  }
  .light-gradient-bg{
      background: #f6f5ff;
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f5ff), color-stop(100%, #ffffff));
      background: -webkit-linear-gradient(top, #f6f5ff 0%, #ffffff 100%);
      background: linear-gradient(to bottom, #f6f5ff 0%, #ffffff 100%);	
  }
  .screenshot-section:before{
      background:url('../../images/default-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size:cover;
  }
  .light-bg{
      background:#f6f5ff;
  }
  .cta-section{
      background:url('../../images/default-color/bg-2.jpg') no-repeat scroll center bottom;
      background-size:cover; 
  }
  .cta-section-green{
    background:url('../../images/green-color/bg-2.jpg') no-repeat scroll center bottom;
    background-size:cover; 
}
  .footer-theme-one{
      background:url('../../images/default-color/footer-bg-1.png') no-repeat scroll center top;
      background-size:cover; 
  }
  .footer-theme-one .footer-logo:before{
      background: #009cec;
      background: -moz-linear-gradient(0deg, #009cec 0%, #009cec 100%);
      background: -webkit-linear-gradient(0deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(90deg, #009cec 0%, #009cec 100%);
  }
  .footer-theme-two{
      background: -webkit-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-84deg, #009cec 0%, #009cec 100%);
  }
  .footer-theme-three{
      background: -webkit-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-84deg, #009cec 0%, #009cec 100%);
  }
  .footer-theme-eight:before{
      background: -webkit-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-84deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-84deg, #009cec 0%, #009cec 100%);
  }
  .pricing-plans-one .card-title{
      color:#009cec; 
  }
  .pricing-plans-one .pricing-feature-list li::before{
      color:#009cec; 
  }
  .pricing-plans-one .price-card.popular .card-header{
      background:url('../../images/default-color/plan-card-header-bg.png') no-repeat scroll center bottom;
      background-size:cover; 
      padding:50px 30px 50px; 
      margin-bottom:30px; 
  }
  .pricing-plans-one .price-card.popular .card-title, .pricing-plans-one .price-card.popular .plan-cost, .pricing-plans-one .price-card.popular .plan-validity{
      color:#ffffff; 
  }
  .list-style-one li:before, .list-style-one li:after{
      background:#009cec; 
  }
  .features-block.theme-one .inner-box:before {
    background: #009cec;
    background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
    background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
    background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
}
  .client-testimonial.theme-one blockquote:before{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .counter-block .counter-number-suffix{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;   
  }
  .menu-fixed .style-dark.search-option .search-btn a{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      color:#ffffff;
  }
  .menu-fixed .style-dark.search-option .search-btn a:before{
      border: rgba(42,31,188,0.2) solid 6px;
  }
  .screenshot-slider .slick-arrow{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      -webkit-box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4);
      box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4);
  }
  .testimonial-section.style-two:before{
      background: url('../../images/default-color/bg-2.jpg') no-repeat scroll center bottom;
      background-size:cover;
  }
  .client-testimonial.theme-two .testimonial-text::after{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .dc-two.about-section .video-wrapper:before{
      background:#009cec;
  }
  .dc-two.about-section .video-player:before{
      background:url('../../images/default-color/inner-ring.png') no-repeat center center; 
  }
  .dc-two.about-section .video-player:after{
      background:url('../../images/default-color/outer-ring.png') no-repeat center center; 
  }
  .icon-box.theme-one .icon{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .pricing-plans-two .card-title:after{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .pricing-plans-two .pricing-feature-list li::before {
      color: #009cec;
  }
  .pricing-plans-two .plan-cost-wrapper{
      background-color: #485974;
  }
  .pricing-plans-two .popular .plan-cost-wrapper{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .dark-bg{
      background:#009cec;
  }
  .features-block.theme-two .inner-box{
      background:rgba(62,105,220,0.15);
  }
  .features-block.theme-two .inner-box:hover{
      background:rgba(62,105,220,0.30);
  }
  .gradient-heading-bg:before{
      background: url('../../images/default-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size: cover;
      content: "";
      height:300px;
      width: 100%;
      position: absolute;
      top: 0;
  }
  .page-header.dc-three{
      background: #488fed;
      background: -moz-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: -webkit-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
  }
  .page-header.dc-comingsoon{
      background: #488fed;
      background: -moz-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: -webkit-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
  }
  .page-header.dc-eight{
      background: #488fed;
      background: -moz-linear-gradient(top, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(top, #488fed 0%, #009cec 100%);
      background: linear-gradient(to bottom, #488fed 0%, #009cec 100%);
  }
  .icon-box.theme-two .icon{
      background:#f6f5ff; 
  }
  .fact-section{
      position:relative; 
  }
  .fact-section:before{
      background: url('../../images/default-color/traiangle-transparent-bg.png') no-repeat scroll bottom center;
      background-size: auto;
      content: "";
      height:100%;
      width: 100%;
      position: absolute;
      bottom:0;
      left:0;
      background-position: left bottom;
  }
  .slick-dots li.slick-active button {
      background:#488fed;
      border:#009cec;
  }
  .pricing-plans-three .plan-cost, .pricing-plans-three .plan-validity{
      color:#009cec; 
  }
  .pricing-plans-three .pricing-feature-list li::before{
      color:#009cec; 
  }
  .pricing-plans-three .price-card.popular{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      color:#ffffff; 
  }
  .pricing-plans-three .popular .plan-cost, .pricing-plans-three .popular .plan-validity, .pricing-plans-three .popular .card-title{
      color:#ffffff; 
  }
  .pricing-plans-three .popular .pricing-feature-list{
      color:#ffffff; 
  }
  .pricing-plans-three .popular .pricing-feature-list li::before {
      color:#ffffff;
  }
  .pricing-plans-three .popular .btn-primary {
      background: #ffffff;
      color: #485974;
  }
  #navigation .btn-outline-primary.btn-light{
      background-image: -moz-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: -webkit-linear-gradient(top, #488fed 0%, #009cec 100%);
      background-image: linear-gradient(to bottom, #488fed 0%, #009cec 100%);
      -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      background-size: auto 140%;
      border: 0px;
  }
  #navigation .btn-outline-primary.btn-light:hover, #navigation .btn-outline-primary.btn-light:focus {
      background-position: bottom center;
      color:#ffffff; 
  }
  .menu-fixed #navigation .btn-outline-primary.btn-light{
      color:#ffffff;
  }
  .inner-page-header{
      position:relative;
      background: url('../../images/default-color/half-circle-bg.png') no-repeat scroll bottom center;
      background-size: cover;
  }
  .st-team-member.theme-one .member-position{
      color:#009cec; 
  }
  .article-block .entry-title a:hover{
      color:#009cec;
  }
  .post-meta a:hover{
      color:#009cec;
  }
  .pagination li span.current{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .news-grid.column-2 .article-details:before{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .filters li span::after{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .filters li.is-checked span{
      color: #009cec;
  }
  .post-meta span.entry-meta::before, .entry-tags .label:before {
      color: #009cec;	
  }
  .sidebar ul li::after {
      color:#009cec;
  }
  .sidebar a:hover{
      color:#009cec;
  }
  .tagcloud a:hover, .entry-tags a:hover{
      background:#009cec;
  }
  .sidebar .widget-title:after{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  blockquote::before {
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .circle-background-animation:before{
      background: url('../../images/default-color/circle-img.png') no-repeat scroll center center;
  }
  .how-it-work-wrapper .step-number{
      background:rgba(62,105,220,0.15);
  }
  .features-block.theme-three .inner-box:hover{
      -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4);
      border:1px solid #488fed; 
  }
  .st-tab-btn .nav-tabs .nav-item .nav-link:after, .st-tab-btn .nav-tabs .nav-link:after{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .st-tab-btn .nav-tabs .nav-link:hover, .st-tab-btn .nav-tabs .nav-item.show .nav-link, .st-tab-btn .nav-tabs .nav-link.active{
      color:#009cec;
  }
  .signin-wrapper .box-header::before{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .dc-signin.theme-two{
      background:url('../../images/default-color/bg-6.jpg') no-repeat scroll center center;
      background-size:cover; 
  }
  .dc-signin.theme-two .intro-box{
      background: -moz-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: -webkit-linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
      background: linear-gradient(45deg, #488fed 0%, #009cec 51%, #0f0786 100%);
  }
  .page-header.dc-six:before{
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
  }
  .page-header.dc-six:after{
      background-image: url('../../images/default-color/traiangle-transparent-bg-flip.png');
  }
  .enquiry-form-box .form-wrapper .form-header h4 span{
      color: #009cec;
  }
  .widget .widget-title h3.title{
      color: #009cec;
  }
  
  .dc-features-group > .dc-features-item .dc-features-item-hover::before{
      background-color: #009cec;
  }
  .page-header.dc-seven:before{
      background:#f6f5ff; 	
  }
  .timeline::before{
      background: -moz-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #488fed), color-stop(100%, #009cec));
      background: -webkit-linear-gradient(left, #488fed 0%, #009cec 100%);
      background: linear-gradient(to right, #488fed 0%, #009cec 100%);
  }
  .timeline .step-number{
      color:#009cec;
  }
  .timeline .timeline-item:before{
      background:#009cec;
  }
  #accordion.style-2 .panel-default .panel-title a::after{
      background:#009cec;
  }
  .client-testimonial.theme-four .slick-arrow {
      background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
      -webkit-box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4);
      box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4);
  }
  .contact-box-wrapper .contact-details-box{
      background:#009cec;
  }
  @media only screen and (max-width:991px) {
      .footer-theme-one {
          background: url('../../images/default-color/footer-bg-1-mobile.png') no-repeat scroll center top;
          background-size: cover;
      }
      #navigation .menu-primary li.menu-item:hover > a, #navigation .menu-primary li.menu-item.active > a {
          opacity: 1;
          color: #009cec;
      }
  }
  /**--------------------- pricing plan new ------------------------**/
  .pricing-palden .pricing-deco {
      border-radius: 10px 10px 0 0;
      background: linear-gradient(135deg, #488fed8a, #291ec053);
      padding: 2em 0 7em;
      position: relative;
  } 
  .deco-active{
      background: linear-gradient(135deg, #488fed, #009cec) !important;
  }
  .pricing-palden .pricing-action {
      font-weight: bold;
      margin: auto 3em 2em 3em;
      padding: 1em 2em;
      color: #fff;
      border-radius: 30px;
      background: linear-gradient(135deg, #488fed, #009cec);
      -webkit-transition: background-color 0.3s;
      transition: background-color 0.3s;
  }   
  /**----------------------- new second pricing css ----------------------**/
  .pricing-card{
      flex: 1;
      max-width: 360px;
      background-color: #fff;
      box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
      margin: 20px 10px;
      text-align: center;
      cursor: pointer;
      overflow: hidden;
      transition: .3s linear;
      border-radius: 20px;
      border: 2px solid #009cecd1;
    }  
    .price{
      color: #009cec;
      margin: 10px 0;
      transition: .2s linear;
    }  
    .pricing-card-header{
      background: linear-gradient(135deg, #488fed, #009cec);
      display: inline-block;
      border-radius: 10px;
      color: #fff;
      padding: 8px 22px;
      box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
      transition: .4s linear;
      margin: 22px;
    }  
    .pricing-card:hover .pricing-card-header{
      box-shadow: 0 0 0 26em #5c9af75e;
      background:#fff;
      color: #009cec;
    }
    /**--------------------- new content box four css ---------------------**/ 
    .service-card .icon-wrapper {
      background-color: #ffffff;
      color: #009cec;
    }  
    .advertisers-service-sec .service-card:hover .icon-wrapper {
      color: #009cec;
    }
    .advertisers-service-sec span {
      color: #009cec;
    }  
    .advertisers-service-sec .service-card::after {
      content: "";
      width: 100%;
      height: 100%;
      background: linear-gradient(135deg,#488fed , #009cec);
      position: absolute;
      left: 0%;
      top: -98%;
      z-index: -2;
      transition: all 0.5s cubic-bezier(0.77, -0.04, 0, 0.99); 
    }  	
    .advertisers-service-sec .service-card:hover{
       transform: scale(1. 1);
    }
    /**--------------------- new content box five css -------------------**/  
      .flexcardNumberBlue {
          background: #FDFFFE;
          background: -webkit-linear-gradient(135deg,#3e81e5 , #009cec);
          background: -moz-linear-gradient(135deg,#3e81e5 , #009cec);
          background: linear-gradient(135deg,#3e81e5 , #009cec);
          box-shadow: 0px 2px 2px #3e81e5;
     }
     .flexcardNumberBlue:before {
         background: #3e81e5 ;
     }
     .flexcardNumberBlue:after {
         background: #488fed;
     }
      .flexcardBlue {
          background: #fff;
          box-shadow: 2px 4px 1px #488fed4e;
      }
  
      /**--------------------- testimonial new css --------------------**/	
      .carousel-inner{
          border-radius: 20px;
          border: 2px solid #009cec;
      }
      .testimonial4_slide h4{
          color: #009cec;
      }
      .carousel-control-prev .testi-arrow, .carousel-control-prev .testi-arrow:hover,	.carousel-control-next .testi-arrow, .carousel-control-next .testi-arrow:hover{
          color: #fff !important;
          font-size: 25px;
          height: 45px;
          width: 45px;
          background-color: #009cece5;
          border-radius: 50%;
          padding: 10px;
      }
      .carousel-control-next, .carousel-control-prev{
          opacity:unset !important;
      }
      .testimonial_sec .testimonial_inner .slick-list .slick-track .card-carousel .card-body .rating > span {
          color: #009cecf3;
      }
      .card-carousel{
          border: 1px solid #009cecb7 !important;
          border-radius: 10px !important;
          margin: 0px 8px !important;
          background-color: #fff;
      }
      .card-carousel .card-body{
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1) !important;
      }
      .feedback-five:before{
          background: url('../../images/default-color/traiangle-transparent-bg-flip.png') no-repeat scroll bottom center;
          background-size: auto;
          content: "";
          height:100%;
          width: 100%;
          position: absolute;
          bottom:0;
          left:0;
          background-position: right center;
      }
      /**------------------------ new countdown css ---------------------**/
        .time div{
          width:150px;
          height:150px;
          border:4px solid #009cecf3;
          border-radius:50%;
          display:grid;
          place-content:center;
        }
      /**---------------------- new tabbing section css ----------------------**/
      .no_wrap {
          text-align:center;
          color: #009cecf3;
      }	  
      .tab_container [id^="tab"]:checked + label {
          background: #fff;
          box-shadow: inset 0 3px #009cecf3;
      }
      .tab_container [id^="tab"]:checked + label .fa {
          color: #009cecf3;
      }
      /**----------------------- new accordion section css -----------------------**/	
      .accordian-new:first-child {
          background: #fff;
          border-left: 4px solid #009cecf3;
        }
        .accordian-new:nth-child(2) {
          background: #fff;
          border-left: 4px solid #009cecf3;
        }
        .accordian-new:nth-child(3) {
          background: #fff;
          border-left: 4px solid #009cecf3;
        }
        .accordian-new:nth-child(4) {
          background: #fff;
          border-left: 4px solid #009cecf3;
        }
        /**----------------------- new counter section css ---------------------**/
        .container-new {
          width: 100%;
          height: auto;
          display: flex;
          padding: 30px 0px 40px 0px;
          flex-direction: column;
          justify-content: space-around;
          position: relative;
          font-size: 16px;
          border-radius: 0.5em;
          background-color: #fff;
          border-bottom: 5px solid #009cecf3;
        }
        .container-new i {
          color: #009cecf3;
          font-size: 2.5em;
          text-align: center;
        }		
      .counter-suffix{
          background: -webkit-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
          background: -moz-linear-gradient(-135deg, #009cec 0%, #009cec 100%);
          background: linear-gradient(-135deg, #009cec 0%, #009cec 100%);
          -webkit-background-clip: text;
          background-clip: text;
          color: transparent;
          font-size: 52px;
          font-weight: bold;
          font-family: 'Source Sans Pro', sans-serif;
          position: relative;
          top: -12px;
          line-height: 0.8;
      }