 /*** 

====================================================================
  CSS Variables
====================================================================

 ***/

 :root {
   --primary-color: #e31e24;
   --black:#000;
   /* background: #01aef0; */
   /* color: #2e3192; */
   /* color: #2e3194; */
 }

 /* theme-color */

 .switcher .switch_btn button {
   background: var(--primary-color);
 }

 .main-header.style-one .header-top .top-right li.social-links ul li a:hover {
   color: var(--primary-color);
 }

 .main-header.style-one .header-top .info li a:hover {
   color: var(--primary-color);
 }

 .theme-btn.style-one {
   background: var(--primary-color);
 }

 .main-menu .navigation>li.current>a,
 .main-menu .navigation>li:hover>a {
   color: var(--primary-color);
 }

 .main-menu .navigation>li>ul>li>a:hover {
   color: var(--primary-color);
 }

 .main-menu .navigation>li>ul>li>ul>li>a:hover {
   color: var(--primary-color);
 }

 .main-menu .navigation>li.dropdown.current>a:after,
 .main-menu .navigation>li.dropdown:hover>a:after {
   color: var(--primary-color);
 }

 .main-menu .navigation li.dropdown .megamenu li a:hover {
   color: var(--primary-color);
 }

 .theme-btn.style-two:after {
   background: var(--primary-color);
 }

 .intro-section .inner-box {
   background: var(--primary-color);
 }

 .intro-section .inner-box:before {
   background: var(--primary-color);
 }

 .sec-title .separator {
   background: var(--primary-color);
 }

 .sec-title .separator:before {
   background: var(--primary-color);
 }

 .sec-title .separator:after {
   background: var(--primary-color);
 }

 h3 a:hover {
   color: var(--primary-color) !important;
 }

 #image_block_01 .image-box .icon-holder .icon-box {
   color: var(--primary-color);
 }

 #content_block_01 .content-box .inner-box .single-item:hover .count-box {
   background: var(--primary-color);
 }

 .service-block-one .lower-content .link a {
   color: var(--primary-color);
 }

 #video_block_01 .video-inner a {
   color: var(--primary-color);
 }

 #content_block_02 .content-box .list-item li i {
   color: var(--primary-color);
 }

 #content_block_02 .content-box .bold-text p {
   color: var(--primary-color);
 }

 #content_block_03 .content-box .progress-content .progress-box .bar-inner {
   background: var(--primary-color);
 }

 #content_block_04 .form-inner .appointment-form .form-group input:focus,
 #content_block_04 .form-inner .appointment-form .form-group textarea:focus {
   border-color: var(--primary-color) !important;
 }

 .testimonial-section .testimonial-content .inner-box h3 {
   color: var(--primary-color);
 }

 .testimonial-section .owl-theme .owl-dots .owl-dot.active span,
 .testimonial-section .owl-theme .owl-dots .owl-dot span:hover {
   background: var(--primary-color);
 }

 .news-block-one .inner-box .lower-content .upper-box .post-info li a:hover {
   color: var(--primary-color);
 }

 .news-block-one .inner-box .lower-content .lower-box .link a {
   color: var(--primary-color);
 }

 .news-block-one .inner-box .lower-content .lower-box .admin a:hover {
   color: var(--primary-color);
 }

 .news-section .more-text a:hover {
   color: var(--primary-color);
 }

 .newsletter-section {
   background: var(--primary-color);
 }

 .main-footer .footer-top .widget-section .logo-widget .social-links li a:hover {
   color: var(--primary-color);
 }

 .main-footer .footer-top .widget-section .widget-title h3:before {
   background: var(--primary-color);
 }

 .main-footer .footer-top .widget-section .links-widget .widget-content ul li a:hover {
   color: var(--primary-color);
 }

 .main-footer .footer-top .widget-section .links-widget .widget-content ul li a:hover:before {
   color: var(--primary-color);
 }

 .main-footer .footer-top .widget-section .post-widget .post-inner .post h5 a:hover {
   color: var(--primary-color);
 }

 .main-header.style-two .header-top .top-left .social-links li a:hover {
   color: var(--primary-color);
 }

 .main-header.style-two .header-upper .header-upper-box .upper-right ul li .title span a:hover {
   color: var(--primary-color);
 }

 .main-header.style-two .header-lower .outer-box {
   background: var(--primary-color);
 }

 .search-popup .search-form fieldset input[type="submit"] {
   background: var(--primary-color);
 }

 .search-popup .recent-searches li a:hover {
   color: var(--primary-color);
   border-color: var(--primary-color);
 }

 .banner-style-two .owl-dots .owl-dot span {
   background: var(--primary-color);
 }

 .main-header.style-two .sticky-header .menu-area {
   background: var(--primary-color);
 }

 .intro-style-two .inner-container .single-item .inner-box .icon-box {
   color: var(--primary-color);
 }

 #content_block_05 .content-box .inner-box .single-item .box h4 {
   color: var(--primary-color);
 }

 .service-block-two .inner-box .icon-box {
   color: var(--primary-color);
 }

 h4 a:hover {
   color: var(--primary-color);
 }

 .service-block-two .inner-box:before {
   background: var(--primary-color);
 }

 .service-block-two .inner-box:after {
   background: var(--primary-color);
 }

 .service-style-two .more-text p {
   color: var(--primary-color);
 }

 .team-block-one .inner-box .image-box .social-links {
   background: var(--primary-color);
 }

 .team-block-one .inner-box .image-box .link a:hover {
   background: var(--primary-color);
 }

 .team-block-one .inner-box .lower-content .designation {
   color: var(--primary-color);
 }

 .faq-section:before {
   background: var(--primary-color);
 }

 #content_block_06 .accordion-box .block .acc-btn.active h6 {
   color: var(--primary-color);
 }

 #content_block_06 .accordion-box .block .acc-btn .icon-outer {
   color: var(--primary-color);
 }

 .news-style-two .news-block-one .inner-box .lower-content .upper-box .post-info li i {
   color: var(--primary-color);
 }

 .news-block-two .inner-box .inner .post-info li a:hover {
   color: var(--primary-color);
 }

 .main-header.style-three .header-top {
   background: var(--black);
 }

 .main-header.style-three .main-menu .navigation>li.current,
 .main-header.style-three .main-menu .navigation>li:hover {
   background: var(--primary-color) !important;
 }

 .main-header.style-three .search-box-outer .search-toggler:hover {
   color: var(--primary-color);
 }

 .banner-style-three .content-box .btn-box .theme-btn:hover {
   background: var(--primary-color);
 }

 #content_block_07 .content-box .lower-box .btn-box .video-btn {
   background: var(--primary-color);
 }

 #content_block_07 .content-box .lower-box .btn-box .more-btn {
   border: 1px solid var(--primary-color);
 }

 #content_block_07 .content-box .lower-box .btn-box .more-btn:hover {
   background: var(--primary-color);
 }

 .intro-style-three .inner-container .single-column:nth-child(2) .single-item .inner-box {
   background: var(--primary-color);
 }

 .service-style-three .tab-btn-box .tab-btn.active-btn,
 .service-style-three .tab-btn-box .tab-btn:hover {
   background: var(--primary-color);
 }

 .service-style-three .tabs-content .content-box .upper-box h5 {
   color: var(--primary-color);
 }

 .service-style-three .tabs-content .content-box .bold-text p {
   color: var(--primary-color);
 }

 .service-style-three .tabs-content .content-box .bold-text p a:hover {
   color: var(--primary-color);
 }

 .pricing-block-one .pricing-table {
   border: 1px solid var(--primary-color);
 }

 .pricing-block-one .pricing-table .table-header h2 span {
   color: var(--primary-color);
 }

 .pricing-block-one .pricing-table .table-header span {
   color: var(--primary-color);
 }

 .pricing-block-one .pricing-table .table-content .title:before {
   background: var(--primary-color);
 }

 .main-header.style-two.style-four .header-top .top-right li a:hover {
   color: var(--primary-color);
 }

 .service-block-four .inner-box .lower-content .icon-box {
   color: var(--primary-color);
 }

 .service-block-four .inner-box .lower-content .link a {
   color: var(--primary-color);
 }

 .working-block-one .inner-box .icon-holder .icon-box {
   color: var(--primary-color);
 }

 .working-block-one .inner-box .icon-holder .icon-box .count {
   background: var(--primary-color);
 }

 .video-section:before {
   background: var(--primary-color);
 }

 .main-header.style-five .header-upper .main-menu .navigation>li.current,
 .main-header.style-five .header-upper .main-menu .navigation>li:hover {
   background: var(--primary-color);
 }

 .main-header.style-five .main-menu .navigation>li>a {
   color: var(--primary-color);
 }

 .main-header.style-five .main-menu .navigation>li>a:after {
   color: var(--primary-color);
 }

 .main-header.style-five .sticky-header .main-menu .navigation>li.current>a,
 .main-header.style-five .sticky-header .main-menu .navigation>li:hover>a {
   color: var(--primary-color) !important;
 }

 .main-header.style-five .sticky-header .main-menu .navigation>li.current>a:after,
 .main-header.style-five .sticky-header .main-menu .navigation>li:hover>a:after {
   color: var(--primary-color) !important;
 }

 .banner-style-five .content-box .btn-box a:hover {
   background: var(--primary-color);
 }

 .banner-style-five .owl-nav .owl-prev:hover,
 .banner-style-five .owl-nav .owl-next:hover {
   background: var(--primary-color);
   border-color: var(--primary-color);
 }

 #content_block_08 .content-box .inner-box .single-item h5 {
   color: var(--primary-color);
 }

 #content_block_08 .content-box .lower-box .btn-box .video-btn {
   background: var(--primary-color);
 }

 #content_block_08 .content-box .lower-box .btn-box .more-btn {
   border: 1px solid var(--primary-color);
 }

 #content_block_08 .content-box .lower-box .btn-box .more-btn:hover {
   background: var(--primary-color);
 }

 .about-style-four .image-box:before {
   background: var(--primary-color);
 }

 .project-block-two .inner-box .lower-content p {
   color: var(--primary-color);
 }

 .project-style-two .owl-theme .owl-dots .owl-dot.active span,
 .project-style-two .owl-theme .owl-dots .owl-dot span:hover {
   background: var(--primary-color);
 }

 .project-style-two .more-text p a {
   color: var(--primary-color);
 }

 .page-title .content-box {
   background: var(--primary-color);
 }

 .page-title .content-box:before {
   background: var(--primary-color);
 }

 .service-details .service-sidebar .categories-list li a.active,
 .service-details .service-sidebar .categories-list li a:hover {
   background: var(--primary-color);
 }

 .service-details .service-sidebar .download-file .file-list li:first-child a {
   background: var(--primary-color);
 }

 .service-details-content .content-box-one .inner h5 {
   color: var(--primary-color);
 }

 .research-details-content .upper-box .info-list li .box .icon-box {
   color: var(--primary-color);
 }

 .research-details-content .two-column .text .single-item h3 {
   color: var(--primary-color);
 }

 .research-details-content .lower-box .social-links li a:hover {
   color: var(--primary-color);
 }

 .single-book-content .lower-content h3 a {
   color: var(--primary-color);
 }

 .team-details .left-content .upper-box .title p {
   color: var(--primary-color);
 }

 .team-details .left-content .upper-box .list-item li span {
   color: var(--primary-color);
 }

 .news-block-three .inner-box .lower-content .post-info li a:hover {
   color: var(--primary-color);
 }

 .pagination li.prev-btn a:hover,
 .pagination li.next-btn a:hover {
   color: var(--primary-color);
 }

 .sidebar-page-container .sidebar .sidebar-widget .widget-title h3:before {
   background: var(--primary-color);
 }

 .sidebar-page-container .sidebar .sidebar-widget .widget-title h3:after {
   background: var(--primary-color);
 }

 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a.active span,
 .sidebar-page-container .sidebar .sidebar-categories .categories-list li a:hover span {
   background: var(--primary-color);
 }

 .sidebar-page-container .sidebar .sidebar-archives .archives-lits li a:hover {
   color: var(--primary-color);
 }

 .blog-details .news-block-three .inner-box .lower-content .two-column .text blockquote .author-info span {
   color: var(--primary-color);
 }

 .blog-details .blog-details-content .post-share-option .post-share li a:hover {
   color: var(--primary-color);
 }

 .blog-details .blog-details-content .post-share-option .post-tags li i {
   color: var(--primary-color);
 }

 .blog-details .blog-details-content .comments-area .comment .comment-info h4 {
   color: var(--primary-color);
 }

 .blog-details .blog-details-content .comments-area .comment .replay-btn a:hover {
   color: var(--primary-color);
 }

 .blog-details .blog-details-content .comments-form-area .comment-form .form-group input:focus,
 .blog-details .blog-details-content .comments-form-area .comment-form .form-group textarea:focus {
   border-color: var(--primary-color) !important;
 }

 .contact-section .form-inner .contact-form .form-group input:focus,
 .contact-section .form-inner .contact-form .form-group textarea:focus {
   border-color: var(--primary-color) !important;
 }

 .contact-section .info-inner .info-box li p a:hover {
   color: var(--primary-color);
 }

 .contact-section .info-inner .follow-box .social-links li a:hover {
   border-color: var(--primary-color);
   color: var(--primary-color);
 }

 .mobile-menu .social-links li a:hover {
   color: var(--primary-color);
 }