/*!
	Theme Name: Nader
	Author: Ali Emadzadeh
	Author URI: https://www.rtl-theme.com/author/halbia/
	Version: 2.5.1
	Requires at least: 5.8
	Tested up to: 6.2.0
	Requires PHP: 7.3
	Text Domain: nader
*/
:root {
    --nader-color-main       : #D79D4B;
    --nader-color-dark       : #222;
    --nader-color-dark-light : #777;
    --nader-color-white      : #FFF;
    --nader-color-gray       : #DDD;
    --nader-color-yellow     : #FFD801;
}

* {
    scrollbar-width : thin;
    scrollbar-color : var(--nader-color-main)
}

*::-webkit-scrollbar {
    width : 12px;
}

*::-webkit-scrollbar-track {
    background : #F4F4F4;
}

*::-webkit-scrollbar-thumb {
    background-color : var(--nader-color-main);
    border-radius    : 20px;
    border           : 2px solid #F4F4F4
}

.disable-select {
    -webkit-user-select : none; /* Safari */
    -ms-user-select     : none; /* IE 10 and IE 11 */
    user-select         : none; /* Standard syntax */
}

.dfx {
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
}

.jcc {
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
}

.jcsb {
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
}

.jcend {
    justify-content : flex-end;
}

.aic {
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
}

.theme-btn .nader-icon svg,
.theme-btn .nader-icon img {
    height : auto;
}

.nader_title {
    position : relative;
}

.nader_title.long_line .before, .nader_title.long_line::after {
    content  : "";
    position : absolute;
    height   : 2px;
    top      : 45%;
}

.nader_title.long_line .before {
    background-color : #EAEAEA;
    width            : 100%;
    z-index          : 1;
}

.nader_title.long_line::after {
    background-color : var(--nader-color-main);
    width            : 50px;
    z-index          : 1;
}

.nader_title .text_wrapper {
    position    : relative;
    z-index     : 2;
    display     : inline-block;
    font-family : "Emkan";
    font-weight : bold;
    font-size   : 70px;
    background  : white;
    color       : #333;
}

.nader_title .text_wrapper span {
    position    : relative;
    font-family : "Emkan";
    font-weight : 900;
}

.nader_title .text_wrapper span::before {
    position      : absolute;
    bottom        : 13px;
    height        : 9px;
    width         : 100%;
    content       : "";
    background    : rgba(215, 157, 75, 0.25);
    border-radius : 50px;
}

[type=email], [type=number], [type=tel], [type=url] {
    direction : rtl;
}

/**
*   Resume
 */

@media (min-width : 992px) {
    .nader-resume {
        display           : -webkit-box;
        display           : -ms-flexbox;
        display           : flex;
        -webkit-box-align : center;
        -ms-flex-align    : center;
        align-items       : center;
    }
}

.nader-resume .icon-box {
    border            : 1px solid rgba(0, 0, 0, 0.15);
    border-radius     : 8px;
    padding           : 23px 15px 17px;
    width             : 140px;
    min-width         : 110px;
    max-height        : 120px;
    margin            : 0 auto 35px;
    background-color  : var(--nader-color-white);
    -ms-flex-negative : 0;
    flex-shrink       : 0;
}

@media (min-width : 992px) {
    .nader-resume .icon-box {
        margin-bottom : 0;
    }
}

.nader-resume .icon-box .box-title {
    font-size   : 14px;
    font-weight : 600;
    margin-top  : 8px;
    color       : #292929;
}

.nader-resume .timeline {
    position : relative;
    width    : 100%;
}

.nader-resume .timeline .timeline-divider {
    position : absolute;
    height   : 35px;
    width    : 1px;
}

@media (max-width : 991px) {
    .nader-resume .timeline .timeline-divider::before {
        content          : "";
        position         : absolute;
        top              : -35px;
        width            : 1px;
        height           : 100%;
        background-color : rgba(0, 0, 0, 0.2);
    }

    body.dark .nader-resume .timeline .timeline-divider::before {
        background-color : #262728;
    }

    .nader-resume .timeline .timeline-divider::after {
        content          : "";
        position         : absolute;
        top              : -35px;
        width            : 1px;
        height           : 10px;
        background-color : #292929;
        animation        : updownline 2s ease-out infinite;
    }

    body.dark .nader-resume .timeline .timeline-divider::after {
        background-color : var(--nader-color-main);
    }
}

.nader-resume .timeline .timeline-item {
    border           : 1px solid #EAEAEA;
    padding          : 1.3rem;
    border-radius    : 7px;
    position         : relative;
    background-color : var(--nader-color-white);
    max-width        : 100%;
    margin           : 0 auto;
}

.nader-resume .timeline .timeline-item + .timeline-item {
    margin-top : 20px;
}

@media (min-width : 992px) {
    .nader-resume .timeline .timeline-item + .timeline-item {
        margin-top : 16px;
    }
}

@media (min-width : 1200px) {
    .nader-resume .timeline .timeline-item + .timeline-item {
        margin-top : 30px;
    }
}

@media (min-width : 1400px) {
    .nader-resume .timeline .timeline-item + .timeline-item {
        margin-top : 45px;
    }
}

@media (min-width : 1720px) {
    .nader-resume .timeline .timeline-item + .timeline-item {
        margin-top : 60px;
    }
}

.nader-resume .timeline .timeline-item + .timeline-item::before {
    content  : "";
    position : absolute;
    top      : -48px;
    height   : 55px;
    z-index  : -1;
}

@media (min-width : 992px) {
    .nader-resume .timeline .timeline-item + .timeline-item::before {
        top    : -15px;
        height : 20px;
    }
}

@media (min-width : 1200px) {
    .nader-resume .timeline .timeline-item + .timeline-item::before {
        top    : -30px;
        height : 40px;
    }
}

@media (min-width : 1400px) {
    .nader-resume .timeline .timeline-item + .timeline-item::before {
        top    : -45px;
        height : 50px;
    }
}

@media (min-width : 1720px) {
    .nader-resume .timeline .timeline-item + .timeline-item::before {
        top    : -60px;
        height : 60px;
    }
}

.nader-resume .timeline .timeline-item .years-range {
    color         : #292929;
    font-size     : 13px;
    margin-bottom : 5px;
}

.nader-resume .timeline .timeline-item .title {
    color       : #292929;
    font-weight : 600;
    font-size   : 0.9rem;
    margin      : 0;
}

.nader-resume .timeline .timeline-item p {
    color     : #292929;
    font-size : 14px;
}


@media (min-width : 992px) {
    .nader-resume.odd .timeline::before {
        content       : "";
        position      : absolute;
        top           : 50%;
        width         : 25px;
        border-bottom : 1px dashed #292929;
        z-index       : -1;
    }
}

@media (min-width : 1200px) {
    .nader-resume.odd .timeline::before {
        width : 120px;
    }
}

@media (min-width : 1400px) {
    .nader-resume.odd .timeline::before {
        width : 120px;
    }
}

@media (min-width : 1720px) {
    .nader-resume.odd .timeline::before {
        width : 80px;
    }
}

.nader-resume.even {
    -webkit-box-pack : end;
    -ms-flex-pack    : end;
    justify-content  : flex-end;
    margin-top       : 40px;
}

@media (min-width : 576px) {
    .nader-resume.even {
        margin-top : 0;
    }
}

@media (min-width : 992px) {
    .nader-resume.even .timeline::before {
        content       : "";
        position      : absolute;
        top           : 50%;
        width         : 25px;
        border-bottom : 1px dashed #292929;
        z-index       : -1;
    }
}

@media (min-width : 1200px) {
    .nader-resume.even .timeline::before {
        width : 120px;
    }
}

@media (min-width : 1400px) {
    .nader-resume.even .timeline::before {
        width : 120px;
    }
}

@media (min-width : 1720px) {
    .nader-resume.even .timeline::before {
        width : 80px;
    }
}

.nader-resume .timeline .timeline-divider {
    left: 50%;
}
.nader-resume .timeline .timeline-item + .timeline-item::before {
    left: 50%;
    border-left: 1px dashed #989898;
}

@media (max-width: 991px) {
    .nader-resume .timeline .timeline-divider:before, .nader-resume .timeline .timeline-divider:after {
        left: 50%;
    }
}
@media (min-width: 992px) {
    .nader-resume.odd .timeline {
        margin-left: 25px;
        margin-right: 0;
    }
    .nader-resume.odd .timeline:before {
        left: -25px;
    }
    .nader-resume.even .timeline {
        margin-right: 25px;
        margin-left: 0;
    }
    .nader-resume.even .timeline:before {
        right: -25px;
    }
}
@media (min-width: 1200px) {
    .nader-resume.odd .timeline {
        margin-left: 35px;
        margin-right: 0;
    }
    .nader-resume.odd .timeline:before {
        left: -65px;
    }
    .nader-resume.even .timeline {
        margin-right: 35px;
        margin-left: 0;
    }
    .nader-resume.even .timeline:before {
        right: -65px;
    }
}
@media (min-width: 1400px) {
    .nader-resume.odd .timeline {
        margin-left: 40px;
        margin-right: 0;
    }
    .nader-resume.odd .timeline:before {
        left: -65px;
    }
    .nader-resume.even .timeline {
        margin-right: 40px;
        margin-left: 0;
    }
    .nader-resume.even .timeline:before {
        right: -65px;
    }
}
@media (min-width: 1720px) {
    .nader-resume.odd .timeline {
        margin-left: 80px;
    }
    .nader-resume.odd .timeline:before {
        left: -80px;
    }
    .nader-resume.even .timeline {
        margin-right: 80px;
    }
    .nader-resume.even .timeline:before {
        right: -80px;
    }
}

/**
*   Nader Info Box
 */
.nader-info-box {
    display    : inline-block;
    width      : 100%;
    text-align : center;
    transition : all 0.3s linear;
}

.nader-info-box .icon {
    position           : relative;
    width              : 50px;
    height             : 50px;
    margin             : 0 auto;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    z-index            : 1;
    -webkit-transition : all 0.3s linear;
}

.nader-info-box .icon::before {
    content          : "";
    position         : absolute;
    top              : 0;
    width            : 50%;
    height           : 100%;
    background-color : #F4F4F4;
    z-index          : -1;
    transition       : all 0.3s;
}

.nader-info-box .nader-icon i,
.nader-info-box .nader-icon svg,
.nader-info-box .nader-icon svg path {
    transition : all 0.3s;
}

.nader-info-box .title {
    margin      : 18px 0 10px;
    font-size   : 13px;
    font-weight : 600;
}

.nader-info-box p {
    font-size   : 12px;
    font-weight : 400;
    line-height : 1.5rem;
}

.nader-info-box:hover .icon::before {
    border-radius : 4px;
    width         : 100% !important;
}


/**
*   Nader Circle Progress Bar
 */

.nader-circle-progress {
    text-align : center;
}

.nader-circle-progress .circle {
    width             : 100%;
    max-width         : 100%;
    margin            : 0 auto;
    display           : inline-block;
    position          : relative;
    text-align        : center;
    background-repeat : no-repeat;
    border-radius     : 50%;
    overflow          : hidden;
}

.nader-circle-progress .circle .center-text {
    position              : absolute;
    width                 : calc(100% - 10px);
    height                : calc(100% - 10px);
    top                   : 50%;
    border-radius         : 50%;
    display               : -webkit-box;
    display               : -ms-flexbox;
    display               : flex;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
    -webkit-box-pack      : center;
    -ms-flex-pack         : center;
    justify-content       : center;
    z-index               : 1;
    -webkit-transform     : translate(-50%, -50%);
    transform             : translate(-50%, -50%);
    background-size       : cover;
}

@media (min-width : 1200px) {
    .nader-circle-progress .circle .center-text {
        width  : calc(100% - 16px);
        height : calc(100% - 16px);
    }
}

.nader-circle-progress .circle .center-text::before {
    content           : "";
    position          : absolute;
    top               : 50%;
    width             : 100%;
    height            : 100%;
    border-radius     : 50%;
    -webkit-transform : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
    background-color  : rgba(241, 240, 245, 0.95);
    z-index           : -1;
}

.nader-circle-progress .circle .center-text span {
    color       : #292929;
    display     : block;
    font-weight : 700;
    font-size   : 1.5rem;
    line-height : normal;
}

.nader-circle-progress .circle .center-text span::after {
    content     : "%";
    font-size   : 1rem;
    font-weight : 400;
}

.nader-circle-progress .circle .center-text p {
    color       : #292929;
    font-size   : 12px;
    font-weight : 500;
}

.nader-circle-progress .circle canvas {
    vertical-align : middle;
    width          : 100% !important;
    height         : 100% !important;
}


/**
*   Nader Service Box
 */

.nader-service-box {
    display    : inline-block;
    width      : 100%;
    text-align : center;
    transition : all 0.3s linear;
}

.nader-service-box .nader-icon {
    position   : relative;
    width      : 60px;
    height     : 60px;
    z-index    : 1;
    transition : all 0.3s;
}

.nader-service-box .nader-icon i,
.nader-service-box .nader-icon svg,
.nader-service-box .nader-icon svg path {
    transition : all 0.3s;
}

.nader-service-box .nader-icon::before {
    content          : "";
    position         : absolute;
    top              : 0;
    width            : 50%;
    height           : 100%;
    background-color : #F4F4F4;
    border-radius    : 4px;
    z-index          : -1;
    transition       : all 0.3s;
}

.nader-service-box:hover .nader-icon::before {
    width : 100% !important;
}

.nader-service-box .service-title {
    font-size   : 17px;
    font-weight : 700;
    transition  : all 0.3s;
}

.nader-service-box p {
    color     : #292929;
    font-size : 15px;
    overflow  : hidden;
}


/**
*   Nader Blog Posts
 */

.nader-blog-posts {
    display               : grid;
    grid-template-columns : 1fr;
    -webkit-column-gap    : 25px;
    -moz-column-gap       : 25px;
    column-gap            : 25px;
    row-gap               : 25px;
}

.nader-blog-posts .blog-post-item-wrapper {
    display    : flex;
    transition : all 0.3s linear;
}

.nader-blog-posts .blog-post-item {
    width : 100%;
}

.nader-blog-posts .post-media {
    width         : 100%;
    height        : 240px;
    border-radius : 7px;
    overflow      : hidden;
}

.nader-blog-posts .blog-post-item .post-media a {
    display : flex;
    height  : 100%;
}

.nader-blog-posts .blog-post-item .post-media img {
    width              : 100%;
    object-fit         : cover;
    -webkit-transform  : scale(1);
    transform          : scale(1);
    -webkit-transition : all linear 0.3s;
    transition         : all linear 0.3s;
}

.nader-blog-posts .blog-post-item .post-details {
    margin-top : 20px;
    width      : 100%;
}

.nader-blog-posts .blog-post-item .post-details .date {
    font-size     : 12px;
    font-weight   : 400;
    margin-bottom : 3px;
}

.nader-blog-posts .blog-post-item .post-details .tag {
    color : #292929;
}

.nader-blog-posts .blog-post-item .post-details .tag:hover, .nader-blog-posts .blog-post-item .post-details .tag:focus {
    color : #000;
}

.nader-blog-posts .blog-post-item .post-details .blog-title {
    font-size     : 15px;
    font-weight   : 700;
    line-height   : 1.65;
    margin-bottom : 8px;
}

.nader-blog-posts .blog-post-item .post-details .blog-title a {
    display             : inline;
    background          : -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background          : linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size     : 0 1px;
    background-position : 0 95%;
    background-repeat   : no-repeat;
    padding             : 0.3% 0;
    -webkit-transition  : all 0.3s linear;
    transition          : all 0.3s linear;
}

.nader-blog-posts .blog-post-item .post-details .blog-title a:hover {
    background-size : 100% 1px;
    color           : #2A2A2A;
}

.nader-blog-posts .blog-post-item .post-details .desc {
    font-size     : 14px;
    margin-bottom : 1.2rem;
    overflow      : hidden;
}

.nader-blog-posts .blog-post-item:hover .post-media img {
    transform : scale(1.1);
}

.nader-blog-posts:hover .btn-style2 {
    -webkit-transition : all 0.3s linear;
    transition         : all 0.3s linear;
}

.nader-blog-posts .blog-post-item:hover [class*="btn"]::before {
    width : 100%;
}

.wp-pagenavi {
    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
    gap             : 2px;
    margin-top      : 50px;
    font-size       : 14px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display         : flex;
    align-items     : center;
    justify-content : center;
    min-width       : 36px;
    height          : 36px;
    border-radius   : 4px;
    background      : inherit;
    transition      : all 0.3s;
    color           : #444;
}

.wp-pagenavi a:hover {
    background : #ebe9eb;
    color      : #8a7e88;
}

/**
*   Nader Pricing Plan
 */
.nader-pricing-plan-item {
    background-color : #F4F4F4;
    border-radius    : 0.9rem;
    padding          : 0 30px 45px;
    position         : relative;
    transition       : all 0.3s linear;
}

.nader-pricing-plan-item .pricing-header .nader-icon {
    background-color           : #292929;
    width                      : 82px;
    margin                     : 0 auto 40px;
    padding                    : 1rem 1rem 1.5rem;
    border-bottom-left-radius  : 40px;
    border-bottom-right-radius : 40px;
}

.nader-pricing-plan-item h2 {
    flex-direction : column;
    gap            : 20px;
    font-size      : 1.2rem;
    font-weight    : 500;
}

.nader-pricing-plan-item h2 span {
    font-weight : 700;
    color       : #292929;
    font-size   : 2.1rem;
}

.nader-pricing-plan-item .pricing-body {
    margin : 30px 0 40px;
}

.nader-pricing-plan-item .pricing-body li {
    font-size   : 16px;
    padding     : 0.5rem 0;
    font-weight : 500;
    color       : #292929;
}

.nader-pricing-plan-item .pricing-body li span {
    height            : 28px;
    width             : 28px;
    line-height       : 40px;
    background-color  : rgba(255, 255, 255, 0.3);
    color             : #292929;
    border-radius     : 50%;
    margin-right      : 15px;
    display           : -webkit-inline-box;
    display           : -ms-inline-flexbox;
    display           : inline-flex;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : center;
    -ms-flex-pack     : center;
    justify-content   : center;
    box-shadow        : 0 0 4px rgba(0, 0, 0, 0.25);
}

.nader-pricing-plan-item .pricing-body li span svg {
    width : 14px;
}

.nader-pricing-plan-item .theme-btn {
    padding   : 1rem 2rem;
    font-size : 0.9rem;
}


/**
*   Nader Team Member
 */

.NaderTeamMember {
    border : none;
}

.NaderTeamMember .thumb {
    height        : 420px;
    border-radius : 10px;
    overflow      : hidden;
}

.NaderTeamMember .thumb img {
    object-fit         : cover;
    width              : 100%;
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
    -webkit-filter     : grayscale(1);
    filter             : grayscale(1);
}

.NaderTeamMember .card-footer {
    padding           : 1.2rem 0 10px;
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    background-color  : transparent;
    border-top        : 0;
}

.NaderTeamMember .card-footer .media-holder {
    position : relative;
    cursor   : pointer;
}

.NaderTeamMember .card-footer .media-holder span {
    width              : 45px;
    height             : 45px;
    background-color   : #292929;
    border-radius      : 50%;
    color              : #000;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    -webkit-transition : 0.3s;
    transition         : 0.3s;
}

.NaderTeamMember .card-footer .media-holder span .smb {
    width  : 20px;
    height : 20px;
}

.NaderTeamMember .card-footer .media-holder span .smb path {
    fill : white;
}

.NaderTeamMember .card-footer .media-holder .drop-menu {
    position : absolute;
    bottom   : 100%;
    padding  : 20px 0;
}

.NaderTeamMember .card-footer .media-holder .drop-menu {
    -webkit-transform  : translateY(-20px);
    transform          : translateY(-20px);
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
    opacity            : 0;
    visibility         : hidden;
}

.NaderTeamMember .card-footer .media-holder .drop-menu ul {
    background-color : #292929;
    border-radius    : 30px;
    padding          : 20px 0;
}

.NaderTeamMember .card-footer .media-holder .drop-menu a {
    color              : rgba(255, 255, 255, 0.7);
    padding            : 6px 18px;
    display            : block;
    text-align         : center;
    font-size          : 0.9rem;
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
}

.NaderTeamMember .card-footer .media-holder .drop-menu a:hover {
    color : white;
}

.NaderTeamMember .card-footer .media-holder .expand {
    display : none;
}

.NaderTeamMember .card-footer .media-holder:hover .elips {
    display : none;
}

.NaderTeamMember .card-footer .media-holder:hover .expand {
    display : block;
}

.NaderTeamMember .card-footer .media-holder:hover .drop-menu {
    -webkit-transform : translateY(0);
    transform         : translateY(0);
    opacity           : 1;
    visibility        : visible;
}

.NaderTeamMember .card-footer h4 {
    font-size   : 1.3rem;
    font-weight : bold;
}

.NaderTeamMember .card-footer h6 {
    font-size   : 0.9rem;
    font-weight : 300;
    display     : inline-block;
}

.NaderTeamMember:hover .thumb img {
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);
}


/**
*   Nader Projects
 */


.nader-projects .filter-button {
    text-align    : center;
    margin-bottom : 60px;
}

.nader-projects .filter-button li {
    display            : inline-block;
    padding            : 4px 10px;
    color              : #292929;
    font-size          : 13px;
    font-weight        : 600;
    cursor             : pointer;
    text-align         : center;
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
    border-radius      : 5px;
}

@media (min-width : 576px) {
    .nader-projects .filter-button li {
        padding   : 8px 15px;
        font-size : 14px;
    }
}

.nader-projects .filter-button li.active {
    background-color : #292929;
    color            : var(--nader-color-white);
}

.elementor-editor-active .portfolio-inner,
.elementor-editor-preview .portfolio-inner {
    height : auto !important;
}

.nader-projects .portfolio-inner .item {
    position      : relative;
    border-radius : 7px;
    overflow      : hidden;
}

.nader-projects .portfolio-inner .item .img-box {
    display : flex;
    height  : 400px;
}

.nader-projects .portfolio-inner .item .item-label {
    position           : absolute;
    top                : 0;
    height             : 100%;
    background-color   : #F4F4F4;
    font-size          : 20px;
    font-weight        : 600;
    text-align         : center;
    padding            : 15px;
    width              : 50px;
    -webkit-transition : all 0.3s;
    transition         : all 0.3s;
    z-index            : 9;
}

@media (min-width : 576px) {
    .nader-projects .portfolio-inner .item .item-label {
        padding : 25px;
        width   : 65px;
    }
}

.nader-projects .portfolio-inner .item .item-label p {
    color             : #000;
    white-space       : nowrap;
    -webkit-transform : rotate(-90deg);
    transform         : rotate(-90deg);
}

.nader-projects .portfolio-inner .item img {
    width      : 100%;
    object-fit : cover;
}


/**
*   Nader Comments Slider
 */

.nader-comments-slider .feedbackNav {
    max-width : 400px;
    margin    : 0 auto;
}

.nader-comments-slider .feedbackNav .navItem {
    overflow           : hidden;
    border-radius      : 17px;
    -webkit-transform  : scale(0.8);
    transform          : scale(0.8);
    -webkit-transition : all 0.3s ease;
    transition         : all 0.3s ease;
    opacity            : 0.5;
    cursor             : pointer;
}

.nader-comments-slider .feedbackNav .navItem img {
    width          : 100%;
    -webkit-filter : grayscale(1);
    filter         : grayscale(1);
}

.nader-comments-slider .feedbackNav .navItem.slick-center {
    -webkit-transform : scale(1) !important;
    transform         : scale(1) !important;
    opacity           : 1 !important;
}

.nader-comments-slider .feedbackNav .navItem.slick-center img {
    -webkit-filter : grayscale(0);
    filter         : grayscale(0);
}

.nader-comments-slider .feedbackCarousel .item {
    text-align : center;
}

.nader-comments-slider .feedbackCarousel .item .details {
    position : relative;
}

.nader-comments-slider .feedbackCarousel .item .details .quote-icon {
    position  : absolute;
    top       : 30px;
    left      : 50%;
    transform : translateX(-50%);
}

.nader-comments-slider .feedbackCarousel .item .speech {
    font-size   : 1.35rem;
    font-style  : italic;
    font-weight : 300;
}

.nader-comments-slider .feedbackCarousel .item .name {
    font-size   : 1.25rem;
    font-weight : 600;
}

.nader-comments-slider .feedbackCarousel .item .designation {
    font-size : 1rem;
}


/**
 Owl Slider NextPrev Buttons & Dots Default Styles
 */

.owl-carousel .owl-dots {
    display         : flex;
    align-items     : center;
    justify-content : center;
    margin-top      : 10px;
}

.owl-carousel .owl-dots button.owl-dot {
    width         : 12px;
    height        : 12px;
    border-radius : 50px;
    background    : #DDD;
    transition    : all 0.3s;
}

.owl-carousel .owl-dots button.owl-dot.active {
    background : #BBB;
    width      : 24px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
    width           : 40px;
    height          : 40px;
    display         : flex;
    align-items     : center;
    justify-content : center;
    border-radius   : 50px;
    transition      : all 0.3s;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    opacity : 1;
}


/**
*   Nader Accordion
 */

.nader-accordion {
    display        : flex;
    flex-direction : column;
    gap            : 10px;
}

.nader-accordion .nader-accordion-header {
    justify-content : space-between;
    background      : #F4F4F4;
    border-radius   : 10px;
    padding         : 16px 18px;
    transition      : all 0.3s;
}

.nader-accordion .nader-accordion-header .accordion-title {
    font-size   : 16px;
    font-weight : bold;
    gap         : 15px;
}

.nader-accordion .nader-accordion-header .accordion-title .nader-icon {
    font-size : 24px;
}

.nader-accordion .nader-accordion-header .accordion-status-icon {
    width  : 30px;
    height : 30px;
}

.nader-accordion .nader-accordion-item .nader-accordion-header .btn_closer {
    display : none;
}

.nader-accordion .nader-accordion-item .nader-accordion-header .btn_opener {
    display : flex;
}

.nader-accordion .nader-accordion-item.active .nader-accordion-header .btn_closer {
    display : flex;
}

.nader-accordion .nader-accordion-item.active .nader-accordion-header .btn_opener {
    display : none;
}

.nader-accordion .nader-accordion-header .accordion-status-icon i {
    font-size : 18px;
}

.nader-accordion .nader-accordion-content {
    padding    : 1rem 1.25rem;
    text-align : justify;
    display    : none;
}

.nader-accordion .open-item .nader-accordion-content {
    display : block;
}


/**
*   Nader Tabs
 */

.nader-tabs {
    display        : flex;
    flex-direction : column;
}

.nader-tabs .nader-tabs-header {
    flex-wrap     : wrap;
    border-radius : 10px 10px 0 0;
    overflow      : hidden;
}

.nader-tabs .nader-tabs-header .nader-tabs-item-title {
    flex       : 1 1 auto;
    padding    : 20px 30px;
    background : #F5F5F5;
    transition : all 0.3s;
}

.nader-tabs .nader-tabs-header .nader-tabs-item-title.active {
    background : #E5E5E5;
}

.nader-tabs .nader-tabs-header .nader-tabs-item-title .title {
    font-size   : 16px;
    font-weight : bold;
    gap         : 15px;
}

.nader-tabs .nader-tabs-header .nader-tabs-item-title .title i {
    font-size : 16px;
}

.nader-tabs .nader-tabs-body {
    padding : 20px 15px 10px;
}

.nader-tabs .nader-tabs-body .nader-tabs-item-content {
    display    : none;
    opacity    : 0;
    transform  : translateY(15px);
    transition : all 0.3s;
}

.nader-tabs .nader-tabs-body .nader-tabs-item-content.active {
    display : block;
}

.nader-tabs .nader-tabs-body .nader-tabs-item-content.active.show {
    opacity   : 1;
    transform : translateY(0);
}

.nader-tabs .nader-tabs-body .nader-tabs-item-content p {
    text-align : justify;
}


/**
*   Nader Linear Progress
 */

.nader-linear-progress-style-1 .nader-progress-line {
    justify-content : space-between;
    height          : 50px;
    width           : 100px;
    padding         : 5px;
    border-radius   : 6px;
    background      : #F0F0F0;
}

.nader-linear-progress-style-1 .nader-progress-title {
    font-size : 16px;
    color     : #111;
}

.nader-linear-progress-style-1 .nader-progress-percent {
    border-radius : 6px;
    background    : #111;
    color         : white;
    height        : 100%;
    padding-right : 10px;
    padding-left  : 10px;
    font-size     : 16px;
}

.nader-linear-progress-style-2 .nader-progress-header {
    margin-bottom : 10px;
    color         : #111;
}

.nader-linear-progress-style-2 .nader-progress-line-box {
    width         : 100%;
    height        : 10px;
    padding       : 3px;
    border-radius : 50px;
    background    : #E5E5E5;
}

.nader-linear-progress-style-2 .nader-progress-line {
    height        : 100%;
    border-radius : 50px;
    background    : #777;
}


/**
*   Nader Animated Headline
 */

.nader-animated-headline .nader-animated-headline-title {
    position : relative;
}

.nader-animated-headline .nader-animated-headline-title span {
    position   : relative;
    opacity    : 0;
    visibility : hidden;
}

.nader-animated-headline .nader-animated-headline-title span.visible {
    opacity    : 1;
    visibility : visible;
}

.nader-animated-headline.dir-top .nader-animated-headline-title span.visible {
    top : 0 !important;
}

.nader-animated-headline.dir-bottom .nader-animated-headline-title span.visible {
    bottom : 0 !important;
}


/**
*   Nader3Image
 */

.nader-3-image-block {
    display : grid;
    height  : 400px;
}

.nader-3-image-block img {
    object-fit : cover;
    height     : 100% !important;
    width      : 100%;
}

.nader-3-image-block .big-img, .nader-3-image-block .thumb-1, .nader-3-image-block .thumb-2 {
    overflow : hidden;
}

.nader-3-image-block.tall-in-start, .nader-3-image-block.tall-in-end {
    grid-template-columns : 1fr 1fr;
    gap                   : 20px;
}

.nader-3-image-block .tall-img {
    height          : 100%;
    grid-column     : 1;
    transform-style : preserve-3d;
}

.nader-3-image-block.tall-in-end .tall-img {
    grid-column : 2;
    grid-row    : 1;
}

.nader-3-image-block.tall-in-start .double-img, .nader-3-image-block.tall-in-end .double-img {
    display        : flex;
    flex-direction : column;
    gap            : 20px;
    grid-column    : 2;
}

.nader-3-image-block.tall-in-end .double-img {
    grid-column : 1;
    grid-row    : 1;
}

.nader-3-image-block .thumb-img {
    transform-style : preserve-3d;
}

.nader-3-image-block .tall-img .simpleParallax, .nader-3-image-block .thumb-img .simpleParallax {
    height : 100%;
}

.nader-3-image-block.tall-in-start .double-img .thumb-img, .nader-3-image-block.tall-in-end .double-img .thumb-img {
    height : calc(50% - 10px);
}

.nader-3-image-block.wide-in-bottom, .nader-3-image-block.wide-in-top {
    display : flex;
    gap     : 20px;
}

.nader-3-image-block.wide-in-top {
    flex-direction : column-reverse;
}

.nader-3-image-block.wide-in-bottom {
    flex-direction : column;
}

.nader-3-image-block.wide-in-bottom .wide-img, .nader-3-image-block.wide-in-top .wide-img,
.nader-3-image-block.wide-in-bottom .double-img, .nader-3-image-block.wide-in-top .double-img {
    height : calc(50% - 10px);
}

.nader-3-image-block.wide-in-bottom .double-img, .nader-3-image-block.wide-in-top .double-img {
    display               : grid;
    grid-template-columns : 1fr 1fr;
    gap                   : 20px;
}


/**
*   Nader 2 Block Image
 */

.nader-2-image-block {
    position : relative;
    height   : 400px;
    width    : 100%;
}

.nader-2-image-block img {
    object-fit : cover;
    height     : 100% !important;
    width      : 100%;
}

.nader-2-image-block .image-box-1 {
    position : relative;
    overflow : hidden;
}

.nader-2-image-block .image-box-2 {
    overflow : hidden;
}

.nader-2-image-block .image-box {
    height : 100%;
}

.nader-2-image-block.strait-left .image-box-1,
.nader-2-image-block.strait-right .image-box-1 {
    width : 80%;
}

.nader-2-image-block.strait-left .image-box-2,
.nader-2-image-block.strait-right .image-box-2 {
    position : absolute;
    top      : 10%;
    height   : 80%;
    width    : 60%;
}

.nader-2-image-block.corner-top-left .image-box-1,
.nader-2-image-block.corner-top-right .image-box-1 {
    top    : 15%;
    width  : 85%;
    height : 85%;
}

.nader-2-image-block.corner-top-left .image-box-2,
.nader-2-image-block.corner-top-right .image-box-2 {
    position : absolute;
    width    : 60%;
    height   : 60%;
    top      : 0;
}

.nader-2-image-block.corner-bottom-left .image-box-1,
.nader-2-image-block.corner-bottom-right .image-box-1 {
    width  : 85%;
    height : 85%;
}

.nader-2-image-block.corner-bottom-left .image-box-2,
.nader-2-image-block.corner-bottom-right .image-box-2 {
    position : absolute;
    bottom   : 0;
    width    : 60%;
    height   : 60%;
}


/**
*   Nader Floating Menu
 */
.nader-floating-menu {
    position      : fixed;
    bottom        : 30px;
    width         : 43px;
    z-index       : 100;
    background    : #EEE;
    overflow      : hidden;
    border-radius : 3px;
    box-shadow    : 0 5px 20px rgba(0, 0, 0, 0.1);
    border        : 1px solid rgba(0, 0, 0, 0.05);
}

.nader-floating-menu li {
    transition : all 0.3s;
}

.nader-floating-menu li.active {
    background : #111;
}

.nader-floating-menu li.active span {
    color : white;
}

.nader-floating-menu li.active .nader-icon i {
    color : white;
}

.nader-floating-menu li.active .nader-icon svg {
    fill : white;
}

.nader-floating-menu a {
    display        : flex;
    align-items    : center;
    flex-direction : column;
    padding        : 15px 10px;
    gap            : 12px;
    font-size      : 18px;
}

.nader-floating-menu span {
    writing-mode : vertical-rl;
    display      : none;
    font-size    : 13px;
}


/*
*   Go To Top Button
 */
.stuck-to-down {
    display        : flex;
    flex-direction : column;
    gap            : 5px;
    position       : fixed;
    bottom         : 20px;
    z-index        : 50;
}


/*
*   Go To Top Button
 */
.topbutton {
    position   : relative;
    display    : none;
    margin     : 0;
    opacity    : 0;
    visibility : hidden;
    background : var(--nader-color-dark);
    transition : all 0.3s;
    height     : 0;
    width      : 46px;
}

@media only screen and (min-width : 768px) {
    .topbutton {
        display : block;
    }
}


.topbutton.btn-show {
    opacity    : 1;
    visibility : visible;
}

.scroll-to-top-line {
    width         : 46px;
    border-radius : 4px;
    overflow      : hidden;
}

.scroll-to-top-line.btn-show {
    height         : 110px;
    padding-top    : 10px;
    padding-bottom : 10px;
}

.scroll-to-top-line .icon {
    margin-bottom : 5px;
}

.scroll-to-top-line .icon svg {
    fill   : var(--nader-color-main);
    width  : 28px;
    height : 28px;
}

.scroll-to-top-line .scroll-top-line {
    display    : block;
    width      : 2px;
    height     : 50px;
    margin     : 0 auto;
    background : #555;
}

.scroll-to-top-line .scroll-top-fill {
    position   : relative;
    display    : block;
    width      : 2px;
    height     : 0;
    background : var(--nader-color-main);
}

.scroll-to-top-simple {
    display         : flex;
    align-items     : center;
    justify-content : center;
    height          : 0;
    border-radius   : 4px;
    background      : var(--nader-color-dark);
}

.scroll-to-top-simple.btn-show {
    height : 46px;
}

.scroll-to-top-simple svg {
    fill   : var(--nader-color-main);
    height : 26px;
}


/**
*   Posts For Main Loop
 */

.all-blogs .blog-post-item {
    display               : grid;
    grid-template-columns : 1fr;
    column-gap            : 50px;
}

.all-blogs .blog-post-item + .blog-post-item {
    margin-top : 30px;
}

.all-blogs .blog-post-item .post-details {
    margin-top : 15px;
}

.all-blogs .blog-post-item .blog-title {
    font-size     : 20px;
    margin-bottom : 15px;
}

.all-blogs .blog-post-item .post-details .blog-title a {
    display             : inline;
    font-weight         : bold;
    background          : -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background          : linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size     : 0px 1px;
    background-position : 0 95%;
    background-repeat   : no-repeat;
    padding             : 0.3% 0;
    -webkit-transition  : all 0.2s linear;
    transition          : all 0.2s linear;
}

.all-blogs .blog-post-item .post-details .blog-title a:hover {
    background-size : 100% 1px;
    color           : #2A2A2A;
}

html[dir="rtl"] .all-blogs .blog-post-item .post-details .blog-title a {
    background-position : 100% 95%;
}


@media (min-width : 576px) {
    .all-blogs .blog-post-item .post-details .blog-title {
        margin-bottom : 8px;
    }
}

@media (min-width : 768px) {
    .all-blogs .blog-post-item {
        grid-template-columns : 5fr 7fr;
    }

    .all-blogs .blog-post-item .post-details {
        margin-top : 0;
    }

    .all-blogs .blog-post-item .post-details .blog-title {
        font-size     : 16px;
        margin-bottom : 20px;
    }
}

@media (min-width : 1024px) {
    .all-blogs .blog-post-item .post-details .blog-title {
        font-size     : 18px;
        margin-bottom : 25px;
    }
}

@media (min-width : 1200px) {
    .all-blogs .blog-post-item .post-details .blog-title {
        font-size     : 20px;
        margin-bottom : 30px;
    }
}

.all-blogs .blog-post-item .date {
    font-size     : 13px;
    margin-bottom : 10px;
}

.all-blogs .blog-post-item .date a:hover {
    color : var(--nader-color-main);
}

.all-blogs .blog-post-item .post-category {
    gap : 7px;
}

.all-blogs .blog-post-item .desc p {
    text-align : justify;
}

.all-blogs .blog-post-item .btn-style2 {
    margin-top : 15px;
}

.all-blogs .blog-post-item:hover .btn-style2::before {
    width : 100%;
}

.all-blogs .wp-pagenavi {
    gap : 5px;
}

.all-blogs .wp-pagenavi a,
.all-blogs .wp-pagenavi span {
    font-size : 15px;
    padding   : 20px 16px;
}

.all-blogs .wp-pagenavi .current {
    background : #F4F4F4;
}

.all-blogs .blog-post-item .post-media {
    width         : 100%;
    border-radius : 7px;
    overflow      : hidden;
}

.all-blogs .blog-post-item .post-media img {
    width      : 100%;
    transform  : scale(1);
    transition : all linear 0.3s;
}

.all-blogs .blog-post-item:hover .post-media img {
    transform : scale(1.1);
}


.mouse-cursor {
    display        : block;
    position       : fixed;
    top            : -50px;
    left           : -50px;
    width          : 42px;
    height         : 42px;
    border         : 2px solid var(--nader-color-main);
    border-radius  : 50%;
    pointer-events : none;
    z-index        : 10000;
    transform      : translateX(-50%) translateY(-50%);
}

.mouse-cursor.cursor_outer {
    transition : opacity 0.3s;
}

.mouse-cursor.cursor_outer.pointer {
    opacity : 0;
}

.mouse-cursor.cursor_inner {
    background    : var(--nader-color-main);
    border-radius : 50%;
    width         : 6px;
    height        : 6px;
    border        : none;
    z-index       : 10000;
    transition    : width 0.3s, height 0.3s, opacity 0.3s;
}

.mouse-cursor.cursor_inner.pointer {
    width   : 70px;
    height  : 70px;
    opacity : 0.4;
}

@media screen and (max-width : 992px) {
    .mouse-cursor {
        display : none;
    }
}


/**
*   Linear Preloader
 */
#linear-preloader {
    position : fixed;
    left     : 0;
    top      : 0;
    height   : 100vh;
    width    : 100%;
    z-index  : 99999;
    display  : flex;
}

#linear-preloader:before,
#linear-preloader:after {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 50%;
    height           : 100%;
    z-index          : -1;
    background-color : var(--nader-color-dark);
    transition       : all 0.3s ease 0s;
}

#linear-preloader:after {
    left  : auto;
    right : 0;
}

#linear-preloader .loader_line {
    margin     : auto;
    width      : 1px;
    height     : 250px;
    position   : relative;
    overflow   : hidden;
    transition : all 0.8s ease 0s;
}

#linear-preloader .loader_line:before {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 50%;
    width            : 1px;
    height           : 0%;
    transform        : translateY(-50%);
    background-color : var(--nader-color-main);
    animation        : lineheight 1000ms ease-in-out 0s forwards;
}

#TT .loader_line:after {
    content          : "";
    position         : absolute;
    left             : 0;
    top              : 0;
    width            : 1px;
    height           : 100%;
    background-color : #999;
    transform        : translateY(-100%);
    animation        : lineround 1200ms linear 0s infinite;
    animation-delay  : 2000ms;
}

@keyframes lineheight {
    0% {
        height : 0%;
    }
    100% {
        height : 100%;
    }
}

@keyframes lineround {
    0% {
        transform : translateY(-100%);
    }
    100% {
        transform : translateY(200%);
    }
}

/*hiding all*/
#linear-preloader.preloaded .loader_line:after {
    opacity : 0;
}

#linear-preloader.preloaded .loader_line {
    opacity : 0;
    height  : 100% !important;
}

#linear-preloader.preloaded:before,
#linear-preloader.preloaded:after {
    animation : preloadedzero 300ms ease-in-out 500ms forwards;
}

@keyframes preloadedzero {
    0% {
        width : 50%;
    }
    100% {
        width : 0%;
    }
}


/**
*   Nader Comments Slider 2
 */

.nader-comments-slider-2 .comment-item-wrapper {
    position : relative;
    z-index  : 10;
}

.nader-comments-slider-2 .comment-item {
    padding       : 25px;
    background    : white;
    border-radius : 20px;
    box-shadow    : 0 10px 25px 0 rgba(0, 0, 0, 0.15);
}

.nader-comments-slider-2 .comment-item p {
    text-align  : justify;
    font-size   : 16px;
    line-height : 2rem;
    font-weight : bold;
    color       : #444;
}

.nader-comments-slider-2 .comment-item .info {
    align-items : flex-end;
}

.nader-comments-slider-2 .comment-item .info img {
    width         : 70px;
    border-radius : 10px;
    box-shadow    : 0 5px 12px 0 rgba(0, 0, 0, 0.25);
}

.nader-comments-slider-2 .comment-item .details strong {
    display   : block;
    font-size : 14px;
}

.nader-comments-slider-2 .comment-item .details span {
    display   : block;
    font-size : 12px;
    color     : #BEBEBE;
}

/**
*   Nader Blog Posts Slider
 */

.blog-post-slider-item {
    position : relative;
    overflow : hidden;
}

.blog-post-slider-item .blog-post-slider-media {
    overflow : hidden;
}

.blog-post-slider-item .blog-post-slider-media img {
    width      : 100%;
    height     : 100%;
    object-fit : cover;
    transition : all 0.3s;
}

.blog-post-slider-item:hover .blog-post-slider-media img {
    transform : scale(1.05);
}

.blog-post-slider-item .blog-post-slider-body {
    margin-top : 15px;
    padding    : 10px 10px 20px;
}

.blog-post-slider-item .blog-post-slider-body .post-item-title {
    font-size          : 14px;
    font-weight        : bold;
    line-height        : 24px;
    display            : -webkit-box;
    -webkit-line-clamp : 2;
    -webkit-box-orient : vertical;
    overflow           : hidden;
}

.blog-post-slider-item .blog-post-slider-body .post-item-title a {
    display             : inline;
    background          : -webkit-gradient(linear, left top, right top, from(currentColor), to(currentColor));
    background          : linear-gradient(to right, currentColor 0%, currentColor 100%);
    background-size     : 0 1px;
    background-position : 0 95%;
    background-repeat   : no-repeat;
    padding             : 1px 0;
    transition          : all 0.3s linear;
}

.blog-post-slider-item .blog-post-slider-body .post-item-title a:hover {
    background-size : 100% 1px;
    color           : #2A2A2A;
}

html[dir="rtl"] .blog-post-slider-item .blog-post-slider-body .post-item-title a {
    background-position : 100% 95%
}

.blog-post-slider-item-wrapper.product .blog-post-slider-item .blog-post-slider-body {
    padding : 10px;
}

.blog-post-slider-item .blog-post-slider-body .product-details {
    margin-top : 15px;
    font-size  : 14px;
}

.blog-post-slider-item .blog-post-slider-body .product-details .price del {
    font-size : 11px;
    color     : #999;
}

.blog-post-slider-item .blog-post-slider-body .product-details .price ins {
    background : transparent;
}

.blog-post-slider-item .blog-post-slider-body .product-details.rating {
    font-size : 13px;
    color     : #888;
}

.blog-post-slider-item .blog-post-slider-footer {
    font-size  : 13px;
    padding    : 10px;
    border-top : 1px solid #EEE;
    color      : #888;
}

.product .blog-post-slider-item .blog-post-slider-footer {
    padding : 0;
}

.blog-post-slider-item .blog-post-slider-footer .add-to-cart-btn {
    padding     : 10px;
    gap         : 15px;
    font-weight : bold;
    color       : var(--nader-color-main);
    transition  : all 0.3s;
}

.blog-post-slider-item .blog-post-slider-footer .add-to-cart-btn svg {
    fill       : var(--nader-color-main);
    transition : all 0.3s;
}

.blog-post-slider-item .blog-post-slider-footer .add-to-cart-btn:hover {
    background : var(--nader-color-dark);
    color      : var(--nader-color-main);
}

.blog-post-slider-item .blog-post-slider-footer .add-to-cart-btn:hover svg {
    fill : var(--nader-color-main);
}

.blog-post-slider-item .blog-post-slider-item-inner {
    position   : absolute;
    bottom     : 0;
    left       : 0;
    right      : 0;
    width      : 100%;
    padding    : 40px 15px 15px;
    background : #000;
    background : linear-gradient(0deg, #000 30%, #00000000 100%);
}

.blog-post-slider-item-inner .blog-post-slider-body {
    margin-top : 0;
    padding    : 0;
}

.blog-post-slider-item-inner .blog-post-slider-body .post-item-title {
    color : var(--nader-color-white);
}

.blog-post-slider-item-inner .blog-post-slider-body .post-item-title a:hover {
    color : var(--nader-color-white);
}

.blog-post-slider-item-inner .blog-post-slider-footer {
    padding    : 10px 0 0;
    border-top : none;
    color      : #CCC;
}

.blog-post-slider-item-wrapper.product .blog-post-slider-item.overlay .blog-post-slider-body {
    padding : 0;
}

/**
Mobile Menu Socials
 */
@media screen and (min-width : 1200px) {
    .mobile-menu-socials {
        display : none;
    }
}

.mobile-menu .mobile-menu-socials {
    flex-wrap     : wrap;
    margin-top    : 30px;
    margin-bottom : 30px;
}

.mobile-menu .mobile-menu-socials li {
    flex-basis : calc(100% / 5);
}

.mobile-menu .mobile-menu-socials li a {
    padding       : 18px;
    border-bottom : none;
}

.mobile-menu .mobile-menu-socials li a span {
    margin : 0 auto !important;
}

.mobile-menu .mobile-menu-socials li a svg {
    margin : 0 !important;
}


.search-opener, .mini-cart-opener, .corner-button {
    background    : var(--nader-color-dark);
    width         : 46px;
    height        : 46px;
    transition    : all 0.3s;
    border-radius : 4px;
}

.search-opener svg, .mini-cart-opener svg, .corner-button svg {
    fill : var(--nader-color-main);
}

.cursor-pointer {
    cursor : pointer;
}


.overlay-box,
.mobile-menu-overlay,
.search-overlay-box {
    width      : 100%;
    height     : 100vh;
    position   : fixed;
    top        : 0;
    left       : -101%;
    z-index    : 100;
    background : #000000BB;
    opacity    : 0;
    visibility : hidden;
    transition : all 0.3s;
}

.search-overlay-box {
    left : 0;
    top  : -101vh;
}

.overlay-box.active {
    left       : 0;
    visibility : visible;
    opacity    : 1;
}

.search-overlay-box.active {
    top        : 0;
    visibility : visible;
    opacity    : 1;
}

.mobile-menu-overlay.active {
    visibility : visible;
    opacity    : 1;
}

.mouse-cursor {
    border : 2px solid var(--nader-color-main);
}

.mouse-cursor.cursor_inner {
    background : var(--nader-color-main);
}

.site-header .contact-btn {
    background : var(--nader-color-dark);
}

.site-header .contact-btn .stretched-link {
    color : var(--nader-color-white);
}

.lb-data .lb-number {
    display : none !important;
}

.project-gallery-image .gallery-item {
    display       : block;
    border-radius : 7px;
    overflow      : hidden;
    height        : 300px;
}

.project-gallery-image .gallery-item img {
    width      : 100%;
    height     : 100%;
    object-fit : cover;
}

.project-gallery-image .owl-dots {
    gap : 5px;
}

.project-gallery-image .owl-dots button.owl-dot {
    width  : 10px;
    height : 10px;
}

.project-gallery-image .owl-dots button.owl-dot.active {
    background : var(--nader-color-main);
}

.archive-banner {
    position            : relative;
    box-shadow          : 0 10px 40px 0 rgba(0, 0, 0, 0.15);
    border-radius       : 20px;
    background          : var(--nader-color-white);
    background-position : center center;
    background-repeat   : no-repeat;
    background-size     : cover;
}

.archive-banner:before {
    content       : "";
    z-index       : -1;
    position      : absolute;
    width         : calc(100% - 40px);
    height        : 50px;
    bottom        : -8px;
    background    : #ffffff;
    border-radius : 20px;
    box-shadow    : 0 5px 15px rgba(0, 0, 0, 0.1);
}

.archive-banner h1 {
    font-size   : 22px;
    font-weight : bold;
    color       : #111;
}

.nader-breadcrumb {
    width         : calc(100% - 40px);
    gap           : 10px;
    margin        : -17px auto;
    font-size     : 13px;
    font-weight   : bold;
    background    : var(--nader-color-white);
    border        : 1px solid #eee;
    border-radius : 0 0 20px 20px;
}

.nader-breadcrumb a, .nader-breadcrumb .delimiter {
    font-weight : normal;
}

.page .nader-breadcrumb {
    width         : 100%;
    margin        : 0;
    border-radius : 50px;
    box-shadow    : 0 10px 40px 0 rgb(0 0 0 / 10%);
}

.si-banner img {
    width : 100%;
}

@media screen and (max-width : 992px) {
    .single-sidebar-section {
        margin-top : 50px;
    }
}

.single-sidebar-section .sidebar-item {
    position      : relative;
    background    : var(--nader-color-white);
    box-shadow    : 0 10px 40px 0 rgba(0, 0, 0, 0.15);
    border-radius : 20px;
}

.single-sidebar-section .sidebar-item:before {
    content       : "";
    z-index       : -1;
    position      : absolute;
    width         : calc(100% - 40px);
    height        : 50px;
    bottom        : -8px;
    background    : #ffffff;
    border-radius : 20px;
    box-shadow    : 0 5px 15px rgba(0, 0, 0, 0.1);
}

.single-sidebar-section .sidebar-item .si-header {
    position       : relative;
    margin-bottom  : 15px;
    padding-bottom : 7px;
    border-bottom  : 1px dashed #f0f0f0;
}

.single-sidebar-section .sidebar-item .si-header:before,
.single-sidebar-section .sidebar-item .si-header:after {
    position : absolute;
    bottom   : -1px;
    content  : "";
    height   : 2px;
}

.single-sidebar-section .sidebar-item .si-header:before {
    width      : 20px;
    background : var(--nader-color-main);
}

.single-sidebar-section .sidebar-item .si-header:after {
    width      : 60px;
    background : var(--nader-color-gray);
}

.single-sidebar-section .sidebar-item .si-header svg {
    width  : 20px;
    height : 20px;
    fill   : var(--nader-color-main);
}

.single-sidebar-section .sidebar-item .si-header span {
    font-size   : 16px;
    font-weight : bold;
}

.nader-counter.horizontal {
    display     : flex;
    align-items : center;
    gap         : 10px;
}

.spin-effect {
    animation : spin_effect 1.5s infinite linear;
}

@keyframes spin_effect {
    from {
        transform : rotate(0deg);
    }
    to {
        transform : rotate(359deg);
    }
}


.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:after {
    background-image : url("assets/images/woo-account/menu/home-5-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after {
    background-image : url("assets/images/woo-account/menu/stack-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:after {
    background-image : url("assets/images/woo-account/menu/download-cloud-2-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:after {
    background-image : url("assets/images/woo-account/menu/map-pin-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:after {
    background-image : url("assets/images/woo-account/menu/emotion-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:after {
    background-image : url("assets/images/woo-account/menu/logout-box-r-line.svg");
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wishlist a:after {
    background-image : url("assets/images/woo-account/menu/heart-2-line.svg");
}