@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/IRANSansX-Thin.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 200;
    src: url("../fonts/IRANSansX-UltraLight.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/IRANSansX-Light.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/IRANSansX-Medium.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansXd;
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/IRANSansX-Demibold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/IRANSansX-Black.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/IRANSansX-Bold.woff2") format("woff2");
    font-display: swap;
}

@font-face {
    font-family: IRANSansX;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/IRANSansX-Regular.woff2") format("woff2");
    font-display: swap;
}

img {
    max-width: 100%;
    height: auto;
}

/*
a {
    color: #000;
    text-decoration: none;
    font-size: 16px;
}


ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}*/

::selection {
    color: #fff;
}

section {
    padding: 30px 0;
    overflow: hidden;
    position: relative;
}

p {
    font-size: 16px;
    margin: 0;
}





body {
    direction: rtl;
    font-family: "IRANSansX";
    background-color: #f9feffd3;
}

.custom-shape-1 {
    width: 20px;
    height: 20px;
    border: 1px solid #0077b6;
    transform: rotate(-45deg);
    border-radius: 3px;
    position: absolute;
    z-index: -1;
    right: 0;
    left: 0;
    top: 10px;
    margin: auto;
    animation: shape-rotate linear infinite 3s;
}

@keyframes shape-rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes shape-scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}


.custom-shape-2 {
    position: absolute;
    border-radius: 3px;
    width: 30px;
    z-index: -1;
    height: 30px;
    border: 2px solid rgb(223, 145, 0);
    left: 50%;
    bottom: 50px;
}

.star-shape {
    position: absolute;
    left: 10%;
    width: 30px;
    z-index: -1;
    height: 30px;
    bottom: 30px;
    animation: shape-scale linear infinite 1s;
}


.custom-shape-3 {
    background-color: rgb(242, 226, 7);
    width: 20px;
    height: 20px;
    z-index: -1;
    border-radius: 3px;
    position: absolute;
    right: 30%;
    animation: shape-rotate linear infinite 5s;
    transform: rotate(60deg);
    top: 30px;
}


.custom-shape-4 {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: rgb(223, 145, 0);
    border-radius: 50%;
    z-index: -1;
    top: 40px;
    left: 20%;
}


:is(h1, h2, h3, h4, h5, h6) {
    margin: 10px 0;
}

.text-editor * {
    line-height: 35px;
    text-align: justify;
    color: #113C4E;
}

.text-editor :is(h1, h2, h3, h4, h5, h6) {
    padding: 15px 0;
    font-weight: bold;
    text-align: right;
    color: #000;
}

.text-editor img {
    max-width: 100%;
    height: auto;
}

.text-editor a {
    color: #3f7b70;
    text-decoration: underline;
}

.text-editor ul {
    padding: 15px;
    list-style-type: disc;
}

.text-editor ol {
    padding: 15px;
}

    .text-editor ol li {
        margin-bottom: 10px;
    }

.text-editor ul li {
    margin-bottom: 10px;
}


.lock-scroll {
    margin: 0;
    height: 100%;
    overflow: hidden
}

.sidebar-overlay {
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.92);
    position: fixed;
    right: 0px;
    top: 0px;
    display: none;
}

.modal-overlay {
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.604);
    position: fixed;
    right: 0px;
    top: 0px;
    display: none;
}


.sidebar-menu {
    position: fixed;
    z-index: 999999999;
    background: #fff;
    width: 315px;
    height: 100%;
    top: 0;
    right: -400px;
    transition: all 0.2s;
    overflow-y: scroll;
}

.show-menu {
    right: -1px !important;
}

.sidebar-logo a img {
    height: 75px;
    margin: 10px;
}

.btn-close-offcanvas {
    left: 5px;
    top: 5px;
}

.mobile-menu {
    margin-top: 30px;
    margin-right: 15px;
}

    .mobile-menu ul {
        display: none;
        margin-right: 10px;
    }

    .mobile-menu li {
        padding: 5px;
        position: relative;
        border-radius: 5px;
        border-bottom: 1px dashed #c3c0c0;
    }

        .mobile-menu li:last-child {
            border-bottom: none;
        }

        .mobile-menu li a:hover {
            background-color: #d3d3d3;
        }

        .mobile-menu li a {
            padding: 5px;
            display: block;
            border-radius: 5px;
            padding: 10px 5px;
            text-decoration: none;
            color: #000;
        }

    .mobile-menu > li > a:before {
        content: '';
        background-image: url("../images/icons/chevron-down-svgrepo.svg");
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 3px;
        position: absolute;
        left: 10px;
        font-size: 7px;
        transition: all 0.3s;
        top: 16px;
    }


    .mobile-menu > li > ul > li a:before {
        content: '';
        background-image: url("../images/icons/chevron-down-svgrepo.svg");
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 3px;
        position: absolute;
        font-size: 7px;
        left: 10px;
        top: 16px;
        transition: all 0.3s;
    }

    .mobile-menu > li > a:only-child:after,
    .mobile-menu > li > ul > li a:only-child:after {
        content: '' !important;
        background-image: none !important;
    }

    .mobile-menu > li > a:only-child:before,
    .mobile-menu > li > ul > li a:only-child:before {
        content: '' !important;
        background-image: none !important;
    }

.top-menu > li {
    display: inline-block;
    margin-left: 0px;
    position: relative;
}


    .top-menu > li > a {
        color: #000;
        text-decoration: none;
        position: relative;
        transition: all .3s;
        font-size: 14px;
        padding: 10px 15px;
        border-radius: 30px;
    }

.lock-body {
    overflow-y: hidden;
}


.top-menu > li a:hover {
    color: #FFF;
}

.header-phone-number li {
    display: inline-block;
    font-size: 14px;
    margin-left: 30px;
    font-weight: bold;
}

    .header-phone-number li a {
        font-size: 14px;
        font-weight: normal;
        position: relative;
    }

        .header-phone-number li a::before {
            content: "";
            position: absolute;
            left: -20px;
            width: 15px;
            transform: rotate(7deg);
            top: 3px;
            height: 15px;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(../images/icons/phone10.svg);
        }

.sub-header-wrapper {
    margin: 0 80px;
    bottom: 5px;
}


/* .top-menu>li ul {
    position: absolute;
    min-width: 200px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
    top: 45px;
    right: -50px;
    list-style-type: none;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.15);
    transform: translateY(0px);
    padding-right: 20px;
    z-index: 2;
} */


.top-menu li ul {
    position: absolute;
    top: 40px;
    transform: translate(0, 10%) scale(0.8);
    z-index: 3;
    padding: 24px 20px;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 5px 8px 28px rgba(93, 93, 102, 0.1);
    transition: .2s;
    list-style-type: none;
}

.top-menu > li > ul::before {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: "";
    top: -9px;
    right: 30px;
}


.top-menu > li ul li a {
    display: block;
    padding: 5px;
    font-size: 15px;
    transition: all .3s;
    position: relative;
    overflow: hidden;
}

    .top-menu > li ul li a::after {
        content: '';
        position: absolute;
        top: 10%;
        left: 10%;
        transform: translate(-50%, -50%);
        padding: 0;
        border-radius: 50%;
        z-index: -1;
        background: #393944;
        transition: padding .05s;
    }

    .top-menu > li ul li a:hover::after {
        padding: 110%;
        transition: padding .25s ease-in;
    }

    .top-menu > li ul li a:hover {
        color: #fff;
    }




.top-menu > li > ul > li > ul {
    right: 220px;
    top: 13px;
}

.top-menu > li:hover > ul {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    visibility: visible;
}

.top-menu > li > ul > li:hover > ul {
    transform: translate(0, 0) scale(1);
    opacity: 1;
    visibility: visible;
}





.top-menu > li > a:before {
    content: '';
    background-image: url("../images/icons/chevron-down-svgrepo.svg");
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    left: 0px;
    font-size: 7px;
    top: 15px;
}


.top-menu > li > ul > li a:before {
    content: '';
    background-image: url("../images/icons/chevron-left-svgrepo.svg");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 3px;
    position: absolute;
    font-size: 7px;
    left: 0;
    top: 25px;
    transition: all .3s;
}



.top-menu > li > ul > li a:before {
    content: '';
    font-size: 10px;
    color: #fff;
    padding-left: 3px;
    position: absolute;
    left: 10px;
    top: 13px
}

/* .top-menu>li>a:only-child:after,
.top-menu>li>ul>li a:only-child:after {
    content: '' !important;
    background-image: none !important;

} */

.top-menu > li > a:only-child:before,
.top-menu > li > ul > li a:only-child:before {
    content: '' !important;
    background-image: none !important;
}


.truncate1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}


.header-social li a {
    border-radius: 5px;
    text-align: center;
    color: #fff;
    width: 110px;
    height: 35px;
    font-size: 12px;
    display: inline-block;
    padding-top: 9px;
}



.header-social li {
    display: inline-block;
}

    .header-social li.instagram a {
        background: #833ab4;
        background: linear-gradient(to right, #833ab4, #fd1d1d, #fcb045);
    }



    .header-social li.whatsapp a {
        background-color: #25D366;
    }

.header-call-btn a {
    padding: 11px 30px;
    border-radius: 30px;
    color: #fff;
    text-align: center;
    color: #fff;
    font-size: 13px;
    transition: all .3s;
    text-decoration: none;
}


.header-call-btn {
    text-align: end;
}

.header-logo {
    text-align: center;
}

.header-btn a {
    background-color: green;
    border-radius: 5px;
    padding: 10px 15px;
    color: #fff;
}

.header-logo a img {
    height: 60px;
}

.header-logo {
    border-left: 1px solid #dddddd;
}

.header-btn {
    text-align: center;
}



.widget1 {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
    transition: all .3s;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

    .widget1 .title {
        font-size: 20px;
        padding: 5px 0;
    }

    .widget1 .content {
        line-height: 28px;
        color: #7e7e7e;
        min-height: 84px;
        margin: 10px 0;
    }

        .widget1 .content > * {
            font-size: 14px;
        }

    .widget1 figure {
        position: relative;
        text-align: center;
        padding: 35px 0;
    }




        .widget1 figure::before {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            top: -5px;
            margin: auto;
            border-radius: 50%;
            opacity: .2;
            width: 85px;
            z-index: 1;
            height: 85px;
        }

        .widget1 figure::after {
            content: "";
            position: absolute;
            right: 0;
            left: 0;
            top: 5px;
            opacity: .4;
            margin: auto;
            z-index: 2;
            border-radius: 50%;
            width: 65px;
            height: 65px;
        }



        .widget1 figure img {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            position: absolute;
            top: 7px;
            right: 0;
            left: 0;
            margin: auto;
            z-index: 3;
            padding: 10px;
            overflow: visible;
        }


    .widget1 .btn-read-more {
        border-top: 1px solid #e1e1e1;
        text-align: center;
        padding-top: 10px;
    }



        .widget1 .btn-read-more a {
            font-size: 14px;
            font-weight: bold;
        }

.title-section {
    padding: 15px 20px 15px 0;
    font-size: 25px;
    font-weight: bolder;
    position: relative;
}

    .title-section::before {
        content: "";
        height: 100%;
        width: 5px;
        border-radius: 3px;
        position: absolute;
        top: 0;
        right: -5px;
    }

.widget2 {
    position: relative;
}

    .widget2 .shape {
        position: absolute;
        width: 100px;
        height: 100px;
        transition: all .3s;
        top: -30px;
        left: -30px;
        opacity: .5;
    }


.widget2-wrapper .row .col-lg-10:nth-child(even) .widget2 .content .shape {
    top: -30px;
    right: -30px;
    transform: rotate(90deg);
}

/* .widget2 .content::before {
    content: "";
    position: absolute;
    opacity: .5;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/icons/blob.svg");
    top: -30px;
    left: -30px;
    z-index: 1;
} */

.widget2 .content {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    padding: 70px 120px 70px 40px;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

.widget2 img {
    right: 90px;
    z-index: 1;
    position: relative;
    width: 330px;
    height: 330px;
    top: 20px;
}

.widget2 .img-box {
    text-align: center;
}

.widget2 .content p {
    font-size: 15px;
    color: #7e7e7e;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;
}



.widget2-wrapper .row .col-lg-10:nth-child(even) .widget2 img {
    right: -90px;
}



.widget2-wrapper .row .col-lg-10:nth-child(even) .widget2 .content {
    padding: 70px 40px 70px 120px;
}

.widget3 .number {
    font-size: 64px;
    font-weight: 700;
    line-height: 50px;
    -webkit-text-stroke: 1px rgb(39 39 39 / 30%);
    -webkit-text-fill-color: #ebebeb;
    color: transparent;
}


.widget3 .content {
    min-height: 156px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

    .widget3 .content p {
        font-size: 15px;
        color: #7e7e7e;
        line-height: 26px;
        text-align: justify;
    }


.widget3 .read-more a {
    position: relative;
    transition: all .3s;
    font-weight: bold;
    font-size: 14px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


    .widget3 .read-more a::before {
        content: "";
        position: absolute;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        left: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        top: 9px;
        background-image: url("../images/icons/chevron-left-svgrepo-white.svg");
        padding: 5px;
    }


.widget3 img {
    width: 70px;
    height: 70px;
}


#intro2 {
    background-image: url("../images/v748-toon-111\ copy.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    position: relative;
}

    #intro2 .content {
        position: absolute;
        top: 30%;
    }

        #intro2 .content h1 {
            font-size: 50px;
            font-weight: 600;
            margin-bottom: 30px;
        }


.widget4 .img-box img {
    width: 200px;
    height: 200px;
}


.widget4 {
    border-radius: 130px;
    position: relative;
    overflow: hidden;
}

    .widget4 .content {
        padding-left: 90px;
    }

        .widget4 .content p {
            line-height: 35px;
            color: #7e7e7e;
            font-size: 15px;
        }



    .widget4 .btn-read-more a {
        display: block;
        position: absolute;
        height: 100%;
        width: 100px;
        top: 0;
        display: flex;
        align-items: center;
        color: #fff;
        left: -10px;
    }

        .widget4 .btn-read-more a span {
            transform: rotate(-90deg);
            font-style: italic;
        }

.main-text-wrapper::before {
    position: absolute;
    content: "";
    width: 50%;
    height: 8px;
    top: -4px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;
}


.main-text-wrapper::after {
    position: absolute;
    content: "";
    width: 50%;
    height: 8px;
    bottom: -4px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;
}

.blog-card .title a {
    font-size: 19px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    transition: all .3s;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none;
    color: #000;
}



.blog-card .content .icon {
    position: relative;
}

    .blog-card .content .icon::before {
        content: "";
        background-size: cover;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0;
        top: 2px;
    }

.blog-card .content .info {
    padding: 10px 0;
}

    .blog-card .content .info li {
        display: inline-block;
        margin-left: 30px;
    }

.blog-card .content .view .icon::before {
    background-image: url(../images/icons/view1.svg);
}


.blog-card .content .comments .icon::before {
    background-image: url(../images/icons/comment1.svg);
}

.blog-card .content .publish-date .icon::before {
    background-image: url(../images/icons/calender1.svg);
}

.blog-card .content .value {
    color: #7e7e7e;
    padding-right: 30px;
}

.blog-card .btn-read-more {
    border-top: 1px dotted #7e7e7e;
    text-align: center;
    padding-top: 10px;
}


    .blog-card .btn-read-more a {
        display: block;
        text-decoration: none;
    }


.blog-card .title {
    min-height: 60px;
    line-height: 30px;
}


.blog-card .img-box {
    overflow: hidden;
}

    .blog-card .img-box img {
        transition: all .3s ease-in;
    }

.blog-card:hover .img-box img {
    transform: scale(1.05);
}


#blogs .btn-show-all {
    color: #fff;
}

#intro-slider .item {
    position: relative;
}

#intro-slider .owl-nav button {
    position: absolute;
    width: 80px;
    transition: all .3s;
    height: 100%;
    top: -5px;
    background-color: transparent;
}

    #intro-slider .owl-nav button:hover {
        background-color: #0000001a;
    }


    #intro-slider .owl-nav button.owl-prev {
        left: -5px;
    }


    #intro-slider .owl-nav button.owl-next {
        right: -5px;
    }

.faq-card {
    cursor: pointer;
    position: relative;
}

    .faq-card .question h3 {
        font-size: 18px;
        padding: 0 18px;
        font-weight: bold;
        transition: all .3s;
    }



    .faq-card .answer {
        font-size: 13px;
        color: #7e7e7e;
        display: none;
        padding-top: 10px;
    }

    .faq-card::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px;
        height: 30px;
        left: 20px;
        top: 27px;
        transition: all .3s;
        background-image: url(../images/icons/chevron-down-svgrepo.svg);
    }



    .faq-card.open::before {
        content: "";
        position: absolute;
        background-repeat: no-repeat;
        background-size: cover;
        width: 30px;
        height: 30px;
        left: 20px;
        top: 27px;
        transition: all .3s;
        background-image: url(../images/icons/close-sm-svgrepo-com.svg);
    }

.blog-info li.time-to-read {
    position: relative;
}

    .blog-info li.time-to-read span:first-child {
        padding-right: 35px;
    }

    .blog-info li.time-to-read::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAACF0lEQVR4nNVVPWtUQRR9NoJGYxMkFnZ+gAZNgpjOiEE7g61/JE2i+wOWhZ05Zx4Zd4l9gj9AQgxJaWMRTSSQIkUKo2hwV9snd7mPbJY3896WXhh4zD3nnvsxMy9JCqzRaFwgOVPkKzLBeu8vVgJ7768B+AigY629XyH4XQAnAD45565Hwc65eyQPSWYADowxd8oEms3mTQBfhUPyCMCDQqC19gXJrgbf8t6Pqegzki0N0tW1B+ANgKda9ZhwVKQrsQbLHAfwR4O/rdVq59M0vU1yW0nBJYEB3BIOyRXdk1jjgyIvrbULmvUsyV8K/gZgkeRkvV4fkWWMmSK5JD7F/CT5SDuxILGCPdXMe8FJrrbb7cshrPgArOUiMo+ymSV9bVnNsuxcGV4wuQjJzShYhpa3pShzat8H940xoySP1T8Xy76lAosBf1YkoL5X6vexCnrnOXTBGBHQwYt/LybQUdClmAALhKSlWn0nJvBbQKGTw4iAzkEETmICu0qeTIY0c9qiL0GQDEhBS8MKAHitFSwHQdbaJ7FjGjLv/RUA35X7OIkZyXUFrg1x0d4p531S5fkl+SMXMcaMlmTeC66cG0kVc8497zstx3KJAEzL8ZUl39LzvC2azHyl4GmaXgWwk7/tLHmu+/4hO8ItFSC5oYTPQrDWPtQnZJ/kX13y3RJff0IAPlSpYEKAlbJJzlQtnImqnP/H/gFYUi7rrJOSfwAAAABJRU5ErkJggg==");
    }

.related-posts ul li {
    position: relative;
    margin-bottom: 70px;
}


    .related-posts ul li:first-child {
        margin-top: 30px;
    }

    .related-posts ul li:last-child {
        margin-bottom: 30px;
    }

    .related-posts ul li .img-box {
        position: absolute;
        right: 0;
        top: -25px;
    }


    .related-posts ul li .content {
        padding-right: 80px;
    }


.pinned-posts ul li {
    position: relative;
    margin-bottom: 70px;
}

    .pinned-posts ul li::before {
        content: "";
        position: absolute;
        top: -30px;
        right: -10px;
        width: 20px;
        height: 20px;
        z-index: 1;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAABJElEQVR4nO2VP0sDMRjGo4Ngi4sgRzBt0uRN3vcy3KKDBRfBD+Dk6qAOLYJ0cim0H13S88q1XE3v36QPvMNB7vckTx7uGPuTEkKcS0NTzm8GvRhIoDtpcC2B5kmWDTs34JwPFOBnXyYnI+3uFdBqY2BwPTb0gYgXrcne+zNl3HMBLk9rE+H9ZYijCl7bZL8lWqdWAX39Bt8O0DzarnJLpMGHct6HZrMGaJE/0zTaklgccm8mNn0MOw+bC+9HY0qSbCjBzY6BK00vjLHTKLSRCdAirGNNBQBXh+5AWVwKa68bw/NM8xNUmYw03nYCl+Bm4SS7F58+dQbnP70O35ytyTF9rwMvtGMS63tdeKFafS9LGXqPwVtpDO51Yuittz/Vv1iFvgESF4SEinOpPgAAAABJRU5ErkJggg==");
    }


    .pinned-posts ul li:first-child {
        margin-top: 30px;
    }

    .pinned-posts ul li:last-child {
        margin-bottom: 30px;
    }

    .pinned-posts ul li .img-box {
        position: absolute;
        right: 0;
        top: -25px;
    }


    .pinned-posts ul li .content {
        padding-right: 80px;
    }

.last-post-slider .blog-card {
    margin: 20px 0;
    direction: rtl;
}


.last-post-slider .owl-nav button {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    font-size: 18px !important;
    color: #fff !important;
}

.title-list {
    padding: 20px 30px;
}

.title-list-wrapper .title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 8px;
    display: block;
    border-radius: 5px;
}

.title-list li {
    margin-bottom: 15px;
    list-style-type: circle;
}

    .title-list li:last-child {
        margin-bottom: 0;
    }

    .title-list li a {
        color: #000;
        font-weight: bold;
        transition: all .3s;
    }


        .title-list li a:hover {
            padding-right: 10px;
        }

.footer-wrapper {
    background: linear-gradient(to top, #09203f 0%, #537895 100%);
    padding: 40px;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.footer-links li a {
    color: #fff;
}

.footer-links li {
    margin-left: 30px;
    display: inline-block;
}

.footer-logo img {
    height: 50px;
}

.footer-text {
    color: #d6d6d6;
    font-size: 13px;
    line-height: 26px;
}

.footer-content {
    padding: 25px;
    border-radius: 15px;
    background-color: #06224733;
}

    .footer-content .title {
        color: #d6d6d6;
    }

.footer-call-info {
    padding-top: 10px;
}

    .footer-call-info li {
        color: #d6d6d6;
        margin-bottom: 10px;
    }

        .footer-call-info li a {
            color: #d6d6d6;
        }

.footer-bottom p {
    font-size: 13px;
    color: #3f3f3f;
}

.footer-social li {
    display: inline-block;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
}

header .header-btn-call a {
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
}



.widget5 .title a {
    color: #5c5c5c;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 10px;
}


#widget2 .shapes img {
    width: 300px;
    height: 300px;
    position: absolute;
}

#widget2 .shapes .shape-1 {
    left: 30px;
    top: 20px;
}

#widget2 .shapes .shape-2 {
    border-radius: 25%;
    transform: rotate(0deg);
    right: 108px;
    top: 66px;
}

.widget1:hover {
    transform: translateY(-10px);
}


.widget3 .read-more a:hover {
    color: #fff;
}


.widget5 .img-box img {
    transition: all .3s;
}


.widget5:hover .img-box img {
    transform: rotate(10deg) translateY(-6px);
}

















/**My Css*/

.popup-gallery {
    background: #ffffff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: var(--bs-box-shadow-sm) !important;
    border: 1px solid #fbfbfb;
    padding-bottom: 0;
}

    .popup-gallery figcaption {
        display: block;
        font-weight: bold;
        padding-top: 15px;
    }

caption {
    color: #000000 !important;
    caption-side: top !important;
    text-align: center;
    background: #e3efdd;
    font-weight: bold;
}

.breadcrumb li a {
    position: relative;
    color: #000;
    text-decoration: none;
    padding-left: 10px;
}

    .breadcrumb li a:after {
        content: '>';
        position: relative;
        right: 5px;
        font-size: 10px;
        color: #323232;
    }

.breadcrumb li:last-child a:after {
    content: '';
}

.breadcrumb {
    background: #f5f5f5;
    padding: 5px;
    border-radius: 3px;
    margin: 15px auto;
}

.product-box-dsc .price {
    font-weight: bold;
    margin: 10px 0;
    font-size: 20px;
    display: inline-block;
    color: #026f02;
}






/*contact wrapper*/

#contact-wrapper.open {
    opacity: 1;
    visibility: visible;
}

#contact-wrapper {
    width: 300px;
    min-height: 400px;
    background-color: #efefef;
    border-radius: 10px;
    position: fixed;
    right: 40px;
    bottom: 70px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    direction: rtl;
    text-align: right;
    box-shadow: var(--bs-box-shadow-lg) !important;
    overflow: hidden;
    transition: all 0.2s;
}

.radius-open {
    border-radius: 20px 56px 56px !important;
}

#contact-wrapper .contact-header {
    background: rgb(49, 185, 126);
    background: linear-gradient(90deg, rgba(49, 185, 126, 1) 0%, rgba(21, 138, 87, 1) 100%);
    height: 60px;
    padding: 15px;
    position: relative;
    color: #fff;
    padding-right: 53px;
    font-weight: bold;
}

    #contact-wrapper .contact-header svg {
        fill: #fff;
    }


    #contact-wrapper .contact-header .icon {
        display: block;
        position: absolute;
        right: 4px;
        top: 8px;
        max-width: 50px;
        overflow: hidden;
    }

#close-contact-wrapper {
    background-color: #116d45;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
    padding-top: 3px;
}



.contact-overlay {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #2e2e2ee0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

    .contact-overlay.show {
        visibility: visible;
        opacity: 1;
    }

#fixed-phone button {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #ffffff;
    border: 0;
    transition: all 0.2s;
    box-shadow: var(--bs-box-shadow-sm) !important;
}

#close-contact-wrapper {
    cursor: pointer;
}

#btn-show-contact svg {
    fill: #fff;
    stroke: #fff;
}

#close-icon-item svg {
    fill: #e83939 !important;
}

#contact-wrapper .contact-content ul {
    padding: 0;
    margin: 0;
}

.header-logo {
    padding: 5px 15px;
}



#contact-wrapper .contact-content ul li {
    position: relative;
    list-style-type: none;
    margin-bottom: 10px;
}

#contact-wrapper .contact-content {
    padding: 15px;
}

    #contact-wrapper .contact-content ul li a {
        text-decoration: none;
        color: #323232;
        background-color: #fff;
        padding: 7px 10px;
        border-radius: 2px;
        width: 100%;
        display: block;
        box-shadow: var(--bs-box-shadow-sm) !important;
        position: relative;
        border-right: 5px solid rgb(4, 145, 56);
    }

        #contact-wrapper .contact-content ul li a span.title {
            padding-left: 5px;
        }

        #contact-wrapper .contact-content ul li a span.value {
            letter-spacing: 2px;
            font-weight: bold;
        }

.instagram-bg {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
    border: 2px solid #fff;
}

div#fixed-phone {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99;
}

#close-icon-item {
    display: none;
}

    #close-icon-item.open {
        display: block;
    }

#phone-icon-item {
    display: none;
}

    #phone-icon-item.open {
        display: block;
    }

.whatsapp-fixed {
    position: fixed;
    bottom: 20px;
    left: 20px;
    background-color: #069e31;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}

    .whatsapp-fixed a svg {
        fill: #fff;
    }

.telegram-bg {
    background: #1773d5;
    margin-top: 5px;
}

    .telegram-bg:hover {
        background: #15af71;
    }

.whatsapp-bg {
    background: #17d588;
    margin-top: 5px;
}

    .whatsapp-bg:hover {
        background: #15a56b;
    }


div#toc-section {
    background: #d5e6e7;
    padding: 15px;
    margin: 10px auto;
    border-radius: 5px;
}

#tabl-of-content li {
    list-style: circle;
    margin-right: 20px;
    border-bottom: 1px dashed #b1d1d3;
    padding-bottom: 4px;
    padding-top: 5px;
}

    #tabl-of-content li a {
        color: #000;
        text-decoration: none;
    }

#toc-section .title {
    display: block;
    font-weight: bold;
    font-size: 20px;
}

.header-phone-number a {
    text-decoration: none;
    color: #323232;
    font-size: 18px !important;
}

ul.header-phone-number {
    margin: 0;
    padding: 0;
}

.header-social {
    margin: 0;
}

    .header-social a {
        text-decoration: none;
    }


.top-menu li a {
    color: #000;
    text-decoration: none;
}




.widget1 a {
    text-decoration: none;
}




























.sidebar-menu {
    position: fixed;
    z-index: 999999999;
    background: #fff;
    width: 315px;
    height: 100%;
    top: 0;
    right: -400px;
    transition: all 0.2s;
    overflow-y: scroll;
}


.sidebar-logo {
    border-left: none !important;
}

.show-menu {
    right: 0 !important;
}

.sidebar-logo a img {
    height: 75px;
    margin: 10px;
}

.btn-close-offcanvas {
    left: 5px;
    top: 5px;
}

.mobile-menu {
    margin-top: 0;
    margin-right: 0;
    padding: 0px;
    text-align: right;
}

ul.mobile-menu li .drop-menu {
    padding-right: 15px;
    background: #f9f9f9;
}

.mobile-menu ul {
    display: none;
    margin-right: 10px;
}

.mobile-menu li {
    padding: 5px;
    border-radius: 5px;
    border-bottom: 1px dashed #c3c0c0;
    position: relative;
}

    .mobile-menu li:last-child {
        border-bottom: none;
    }

    .mobile-menu li a:hover {
        background-color: #d3d3d3;
    }

    .mobile-menu li a {
        padding: 5px;
        display: block;
        border-radius: 5px;
        position: relative;
        padding: 10px 5px;
        color: #000;
        font-size: 15px;
        text-decoration: none;
    }


    .mobile-menu li .mobile-menu-item-icon {
        content: '';
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMiAxNS4yNUMxMS45MDE1IDE1LjI1MDQgMTEuODAzOCAxNS4yMzEyIDExLjcxMjggMTUuMTkzNEMxMS42MjE4IDE1LjE1NTcgMTEuNTM5MiAxNS4xMDAxIDExLjQ3IDE1LjAzTDYuNDcgMTAuMDNDNi4zNzAyNyA5Ljg4NDA4IDYuMzI1MjcgOS43MDc2NSA2LjM0MjkzIDkuNTMxODFDNi4zNjA1OCA5LjM1NTk4IDYuNDM5NzcgOS4xOTIwMiA2LjU2NjUxIDkuMDY4ODZDNi42OTMyNSA4Ljk0NTcxIDYuODU5NDEgOC44NzEyNiA3LjAzNTY5IDguODU4NjZDNy4yMTE5NiA4Ljg0NjA2IDcuMzg3MDIgOC44OTYxMSA3LjUzIDguOTk5OThMMTIgMTMuNDRMMTYuNDcgOC45OTk5OEMxNi42MTEgOC45MDg1OSAxNi43Nzg1IDguODY3MTcgMTYuOTQ1OCA4Ljg4MjM1QzE3LjExMzEgOC44OTc1NCAxNy4yNzA1IDguOTY4NDYgMTcuMzkyNyA5LjA4Mzc0QzE3LjUxNDkgOS4xOTkwMiAxNy41OTQ4IDkuMzUxOTggMTcuNjE5NyA5LjUxODEyQzE3LjY0NDYgOS42ODQyNSAxNy42MTMgOS44NTM5NCAxNy41MyA5Ljk5OTk4TDEyLjUzIDE1QzEyLjQ2MzMgMTUuMDc1NSAxMi4zODE5IDE1LjEzNjcgMTIuMjkwOCAxNS4xNzk3QzEyLjE5OTcgMTUuMjIyNyAxMi4xMDA3IDE1LjI0NjYgMTIgMTUuMjVaIiBmaWxsPSIjMDAwMDAwIi8+DQo8L3N2Zz4=');
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 3px;
        position: absolute;
        cursor: pointer;
        left: 15px;
        font-size: 7px;
        transition: all 0.3s;
        top: 17px;
        padding: 5px;
        background-color: #f0f0f0;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        border-radius: 3px;
    }

        .mobile-menu li .mobile-menu-item-icon.active {
            background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNyAxNS4yNUMxNi45MDE1IDE1LjI1MDQgMTYuODAzOCAxNS4yMzEyIDE2LjcxMjggMTUuMTkzNEMxNi42MjE4IDE1LjE1NTcgMTYuNTM5MiAxNS4xMDAxIDE2LjQ3IDE1LjAzTDEyIDEwLjU2TDcuNTMgMTVDNy4zODkwNCAxNS4wOTE0IDcuMjIxNDggMTUuMTMyOCA3LjA1NDE4IDE1LjExNzZDNi44ODY4NyAxNS4xMDI0IDYuNzI5NTEgMTUuMDMxNSA2LjYwNzMxIDE0LjkxNjJDNi40ODUxMiAxNC44MDA5IDYuNDA1MTYgMTQuNjQ4IDYuMzgwMjYgMTQuNDgxOEM2LjM1NTM2IDE0LjMxNTcgNi4zODY5NiAxNC4xNDYgNi40Njk5OSAxNEwxMS40NyA4Ljk5OTk4QzExLjYxMDYgOC44NTk1MyAxMS44MDEyIDguNzgwNjQgMTIgOC43ODA2NEMxMi4xOTg3IDguNzgwNjQgMTIuMzg5NCA4Ljg1OTUzIDEyLjUzIDguOTk5OThMMTcuNTMgMTRDMTcuNjcwNCAxNC4xNDA2IDE3Ljc0OTMgMTQuMzMxMiAxNy43NDkzIDE0LjUzQzE3Ljc0OTMgMTQuNzI4NyAxNy42NzA0IDE0LjkxOTQgMTcuNTMgMTUuMDZDMTcuMzg1MyAxNS4xOTA3IDE3LjE5NDggMTUuMjU5IDE3IDE1LjI1WiIgZmlsbD0iIzAwMDAwMCIvPg0KPC9zdmc+');
        }

.mobile-menu > li > a:only-child:after,
.mobile-menu > li > ul > li a:only-child:after {
    content: '' !important;
    background-image: none !important;
}

.mobile-menu > li > a:only-child:before,
.mobile-menu > li > ul > li a:only-child:before {
    content: '' !important;
    background-image: none !important;
}


.sidebar-overlay {
    z-index: 999999999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.92);
    position: fixed;
    right: 0px;
    top: 0px;
    display: none;
}


.sidebar-menu-section .mobile-logo {
    height: 40px;
}


.sidebar-header {
    padding: 20px;
}



.sidebar-menu::-webkit-scrollbar {
    width: 5px;
}


.sidebar-menu::-webkit-scrollbar-track {
    background-color: #f0f0f0;
}



.sidebar-menu::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 5px;
}


.mobile-menu, .mobile-menu ul {
    list-style-type: none;
}


.page-content {
    background: #fff;
    margin: 15px auto;
    box-shadow: var(--bs-box-shadow) !important;
    padding: 15px;
    border-radius: 15px;
    line-height: 30px;
}

    .page-content h2 {
        font-weight: bold;
        font-size: 22px;
        color: #000;
    }

    .page-content ul li {
        color: #3ea777;
    }

.product-card {
    border-radius: 10px;
    overflow: hidden;
    margin: 10px auto;
}

.product-title {
    font-size: 17px;
    display: block;
    padding: 5px;
    margin-bottom: 0px;
}

.product-title a {
    color: #323232;
    text-decoration: none;
    font-weight: bold;
}
    .product-title a:hover {
        color: #000;
        font-weight: bold;
    }
.product-card .price {
    display: block;
    font-size: 16px;
    padding: 10px;
    color: #289f7f;
}