:root {
  --gray-bg: #f1f6f5;
  --gray-border: #f1f6f5;
  /*Main Color*/
  --main-bg-color: #179cd7;
  --main-text-color: #179cd7; 
  --main-bdr-color: #179cd7;
  /*Second Color*/ 
  --second-bg-color: #192732;
  --second-text-color: #192732;
  --second-bdr-color: #192732;
  /*Button Color*/
  --anchor-color: #172830;
}


/*
      ============================================================
           Default Color Start
      ============================================================
*/
.th-cl,
.popup-icon,
.error404 h2,
.svg-icon svg,
.svg-icon span,
.btn-icon:hover,
.copy-right p a,
.blog-meta a:hover,
.form-control:focus,
/* .we-are-thumb .svg-icon, */
.social-list li a:hover,
.news-thumb:hover .title a,
/* .blog-thumb:hover .title a, */
.we-are-thumb-3 .simple-btn,
.iq-author-detail .post-by a, 
/* .we-are-thumb:hover .title a, */
.team-thumb-1:hover .title a,
.testimonial-thumb .designation,
.widget_nav_menu ul li a:hover,
footer .contact-list li:hover i, 
.testimonial-thumb .title:hover a,
.comments li .comment-header a:hover,
.comment-holder:hover .comment-header h4
{
  color: #179cd7
}
.svg-icon svg{
  fill: #179cd7
}
.btn-icon:hover .circle,
.btn-icon:hover .triangle,
.play-icon:hover .circle,
.play-icon:hover .triangle{
  stroke: #179cd7
}
/*
      ============================================================
           Default Background Color Start
      ============================================================
*/
.btn,
.th-bg,
.btn:hover, 
.btn::after,
.btn-2::after,
.tags a:hover,
.project-thumb,
.project-thumb-2,
.social-box:hover,
.price-table:hover,
/* .blog-thumb figure, */
.enter-email button,
.team-thumb-2:hover,
.team-thumb-1 figure,
.navigation li:hover > a,
.navigation li.active > a,
.dl-menuwrapper li a:hover,
.dot-1 .slick-dots li button,
.section-heading span::after,
.section-heading span::before,
input[type="submit"].btn:hover,
.sidebar .widget-title::before, 
.dotstyle-puff li button::after,
.strategy-list li:hover::before,
.progress-wrap .progress_single, 
.woo-product:hover .product-img a,
.news-thumb:hover figure .date-tag, 
.chr-pagination .page-numbers:hover,
.chr-pagination .page-numbers.current,
.header-2  .navigation ul li:hover > a, 
.widget-newsletter .input-field .search-icon,
.asked-questiond .simple-accordian .accordion-1:hover, 
.asked-questiond .simple-accordian .accordion-1.accordion-open, 
.social-box .social-list.long li a:hover, 
.review-tabs .nav-tabs>li.active>a, 
.graph-bar
{
    background-color: #179cd7
}
/*
      ============================================================
           Default Border Color Start
      ============================================================
*/
.btn.th-bg,
blockquote,
.btn:hover,
.btn::after,
.btn-2:hover,
.tags a:hover,
/* .blog-thumb::after,
.blog-thumb::before, */
.team-thumb-2:hover,
.form-control:focus,
.enter-email button,
.navigation ul li ul,
.navigation .children,
.navigation .sub-menu,
.dotstyle-puff li button,
.strategy-list li::before,
.reply-form input.btn:hover, 
.dotstyle-puff li button:hover,
.dotstyle-puff li button:focus,
.price-table:hover .price-div::after, 
.price-table:hover .price-div::before,
.dotstyle-puff li.slick-active button,
input[type="submit"].btn:hover, .btn:hover, 
.contact-form input[type="submit"].btn:hover, 
.dot-1 .slick-dots li.slick-active button
{
    border-color: #179cd7
}


.dotstyle-puff li button::after{
  box-shadow: #179cd7;
}
/*
      ============================================================
           Default Transition Start
      ============================================================
*/
a,
label,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
input,
.btn,
.blog,
figure,
.title,
.tags a,
.title a,
textarea,
.navigation a,
.btn,
/* .main-banner , */
.tags a,
.popup-icon,
.social-box,
.blog-thumb,
.blog-meta a,
.price-table,
.woo-product,
.we-are-thumb,
.team-thumb-2,
.team-thumb-1,
.blog-thumb *,
.news-thumb *,
.price-table *,
.navigation ul,
.we-are-thumb-3,
.team-thumb-1 *,
.strategy-list li,
.price-div::after,
.project-thumb img,
.price-div::before,
.comment-header a,
.contact-list li a,
.contact-list li i,
.comment-header h4, 
.social-box::before,
.accordion-1::before,
.project-thumb .text,
.project-thumb-2 img,
.project-thumb-2 .text,
.social-box .social-list,
.team-thumb-2 figure img,
.project-thumb-2 .text *,
.strategy-list li::before,
.social-box .social-list li,
.woo-product,.product-img,.product-img a,
.asked-questiond .simple-accordian .accordion-1, 
.news-thumb {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
/*
      ============================================================
           Second Background Color Start
      ============================================================
*/
.accordion-1,
.sidebar .widget-title,
.strategy-list li::before,
.accordion .accordion-heading,
.gray-bg{
    background-color:#fff;
}
.tags a,
.team-thumb-2,
.news-thumb .blog-meta
/* .intro-thumb */{
  border-color:#f1f6f5;
}
/*
      ============================================================
           Social Icons Background Color Start
      ============================================================
*/
.google-bg{
	color: #fff !important;
	border: none !important;
	background-color: #f0042a;
}
.twitter-bg{
	color: #fff !important;
	border: none !important;
	background-color: #55acee;	
}
.linkedin-bg{
	color: #fff !important;
	border: none !important;
	background-color: #00598e;	
}
.facebook-bg{
	color: #fff !important;
	border: none !important;
	background-color: #3b5998;	
}