/*
Theme Name: Mortar Child
Theme URI: https://www.mortar-wp.egenslab.com/
Template: mortar
Author: Egenslab
Author URI: https://themeforest.net/user/egenslab/
Description: Mortar is a modern, responsive, and feature-rich Startup & Digital Agency WordPress Theme that is designed for startups, digital marketing agencies, creative businesses, freelancers, and IT service providers. Built with the latest web technologies, Mortar offers a stunning design, clean code, and powerful features to help you establish a strong online presence. Building with Elmentor page builder so that easily can customize by anyone and will find great user experience for the smooth animation.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready,This theme, like WordPress, is licensed under the GPL.Use it to make something cool, have fun, and share what you've learned with others.

*/
:root {
   --primary-color: #000000 !important;
   --secondary_white: #ffffff !important;
  --primary-color4: #000000 !important;
  --secondary-color: #000000;
  --title-color2: #000000;
  --primary-color3: #000000 !important;
  --primary-color1: #000000 !important;
  --primary-color1-opc: 0, 0, 0;
}

/* ----------------------- header  */
.nav-right .two {
  color: var(--primary-color);
}
.nav-right .two svg {
  stroke:var(--primary-color)
}
.nav-right .two:hover {
  color: #ffffff !important;
}
.nav-right .two:hover svg {
  stroke: #ffffff !important;
}
.mega-menu2 .title-area .icon svg {
  stroke: #ffffff !important;
}
.home5-banner-section .banner-content .btn-and-rating-area .primary-btn5 {
  color: #ffffff !important;
}
.header-area.sticky .nav-right .two {
  color: #ffffff;
}
.header-area.sticky .nav-right .two svg {
  stroke: #ffffff;
}
.btn-and-rating-area svg {
  stroke: #ffffff;
}
.solution-menu-banner .banner-content .primary-btn1{
   background-color: var(--secondary_white) !important;
}
.solution-menu-banner .banner-content .primary-btn1 svg{
   background-color: var(--secondary_white) !important;
}
.solution-menu-banner .banner-content .primary-btn1 svg{
  stroke: var(--primary-color) !important;
}
.solution-menu-banner span{
  color: var(--primary-color);
}
.mobile-logo-area .menu-close-btn:hover{
  background-color: var(--primary-color) !important;
}
.company-logo img{
  max-width: 150px;
}
.nav-right .mobile-menu-btn svg{
  fill: var(--primary-color4);
}
.nav-right .primary-btn3{
  background-color: var(--primary-color) !important;
}
header.style-3 .main-menu > ul > li.active > a {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.right-sidebar-button svg{
   fill: var(--primary-color) !important;
}
.nav-right .primary-btn3 span{
  background-color:var(--primary-color) !important;
}
.right-sidebar-menu .sidebar-logo-area .right-sidebar-close-btn:hover {
    background-color: var(--primary-color) !important;
}
 header.style-3 .main-menu > ul > li.active > a {
    color:  var(--primary-color) !important;
    border-color:  var(--primary-color) !important;
}
header.style-5 .mobile-logo-area .mobile-logo-wrap img.dark {
    display: block;
}
header.style-5 .mobile-logo-area .mobile-logo-wrap img.light {
    display: none;
}
.right-sidebar-menu .sidebar-logo-area .sidebar-logo-wrap a .light {
  max-width: 40px;
}






.home5-banner-section .banner-content h1{
  font-size: 62px;
}
.banner-content-wrap .banner-content .primary-btn3{
  background-color: var(--primary-color);
}
.banner-content-wrap .banner-content .primary-btn3 span{
  background-color:#000000;
}
.contact-btn-area.two a {
  color: #ffffff;
  background-color: var(--primary-color4);
}
.contact-btn-area.two a:hover{
    color: #ffffff;
    background-color: var(--primary-color) !important;
}
.contact-btn-area.two a:hover::after{
  background-color: var(--primary-color) !important;
}
.contact-area .contact-list .single-contact a:hover{
  color: var(--secondary_white) !important;
}
.contact-area .contact-list .single-contact a:hover svg{
  fill: var(--secondary_white) !important;
}
.home5-banner-section .contact-area .divider-shape{
  fill: var(--secondary_white) !important;
}
.contact-btn-area.two a:hover svg {
  stroke: #ffffff;
}
.service-content .primary-btn5:hover {
  color: #ffffff;
}
.service-content .primary-btn5:hover svg {
  stroke: #ffffff;
}
.counter-and-btn-area .primary-btn5 {
  color: var(--primary-color);
}
.counter-and-btn-area .primary-btn5{
    background-color: var(--secondary_white);
}
.counter-and-btn-area .primary-btn5:hover::after,
.counter-and-btn-area .primary-btn5:after{
    background-color: var(--secondary_white);
}
.counter-and-btn-area .primary-btn5 svg {
  stroke: var(--primary-color);
}
.industries-list li a:hover {
  background-color: var(--primary-color4);
}
.industries-list li a:hover span{
    color: #ffffff !important;
}
.industries-list li a:hover span sup{
    color: #bfbbbbbf !important;
}
.process-connection-wrap .icon img{
    filter: invert(1);
}
.home5-process-section .process-card3 .step-no{
    background-color: var(--primary-color);
}
.slider-btn-grp .slider-btn:hover svg {
    stroke: #ffffff !important;
}
.slider-btn-grp .slider-btn:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.blog-content-wrap .read-more-btn:hover .icon{
    background-color:var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.blog-content-wrap .read-more-btn:hover .icon svg{
    stroke: #ffffff !important;
}
.progress-wrap svg.progress-circle{
     stroke: var(--primary-color) !important;
}
.progress-wrap .arrow{
  fill: var(--primary-color);
}
.feature-card3 .vector{
  fill: var(--primary-color);
}
.primary-btn4 .content{
   background-color:var(--primary-color) !important;
}
.primary-btn4 .icon{
   background-color:var(--primary-color);;
}
.banner-img-wrap .counter-area .counter-wrap .vector {
 filter: grayscale(1);
}
.partner-area .partner-title-area h6 span {
    color: var(--primary-color) !important;
}
.home5-feature-section .about-area .counter-wrap .counter-gif img{
  filter: grayscale(1);
}
.home5-feature-section .about-area .content a:hover {
    color: var(--secondary_white);
}
.home5-feature-section .about-area .content a:hover svg{
    stroke: var(--secondary_white);
}
header.style-5 .main-menu > ul > li .mega-menu2.two .conference-btn,
    header.style-3 .main-menu > ul > li .mega-menu2.two .conference-btn {
 color: var(--secondary_white) !important;
   background-color: var(--primary-color) !important;
}
header.style-5 .main-menu > ul > li .mega-menu2.two .conference-btn svg,
    header.style-3 .main-menu > ul > li .mega-menu2.two .conference-btn svg{
  stroke: var(--secondary_white) !important;
}
.progress-wrap.active-progress:hover{
  background-color: var(--primary-color) !important;
}
.progress-wrap.active-progress{
  background-color: #FFFFFF;
}
.home5-about-section .about-wrapper .vector1,
.home5-about-section .about-wrapper::after{
  filter: grayscale(1);
}
.case-study-card2 .case-study-content-wrap .primary-btn4.transparent .content{
  color: var(--secondary_white);
}
.about-page-banner-section .banner-content-wrap .banner-content .primary-btn3{
  color: var(--secondary_white);
}
.about-page-banner-section .banner-content-wrap .banner-content .primary-btn3 svg{
  stroke: var(--secondary_white) !important;
}
.about-page-feature-section .contact-btn-area.two .primary-btn3:hover{
   background-color: var(--secondary_white) !important;
}
.career-page-position-section .single-position .primary-btn4 .content{
    color: var(--secondary_white);
}
.details-pagination .divider-line {
  fill: #1c1a1e;
}
.team-join-wrap img{
  filter: grayscale(1);
}