@font-face {
    font-family: 'myb';
    src: url(../fonts/myb.ttf)
}

@font-face {
    font-family: 'myr';
    src: url(../fonts/myr.ttf)
}

@media (max-width: 480px) {
    .view-article .finatic-blog-details div[itemprop="articleBody"] {
        padding: 10px 20px !important;
    }
}

html {
    --scrollbarBG: rgba(199, 199, 199, 0.38);
    --thumbBG: #b0d6a8;
}

body::-webkit-scrollbar {
    width: 11px;
}

body {
    background-color: #f4f4f4;
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

body::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

body::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 3px;
    border: 3px solid var(--scrollbarBG);
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: 'myb' !important;
}

p,
body {
    font-family: 'myr'!important;
}

.sppb-addon-articles-layout.layout-arabica .intro-items-slider .sppb-addon-article .sppb-article-info-wrap {
    border-radius: 0px;
}

.logo-image {
    width: 222px !important;
}

#sp-top-bar {
    display: none;
}

#sp-logo .logo .logo-slogan {
    letter-spacing: normal !important;
    font-size: 18px;
}

.sp-page-title {
    background-image: url(../images/pat.png;);
    background-repeat: repeat;
    background-attachment: inherit;
    background-position: center;
    background-size: auto;
}

.sp-page-title .sp-page-title-heading {
    color: #6eb95f;
}

.sppb-addon-tab .sppb-nav > li > a {
    padding: 14px 33px 14px 33px;
}

.fa {
    color: #6eb95f;
    font-size: 18px;
    padding-left: 12px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    padding: 7px 7px;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
    color: #6eb95f;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner a {
    color: #6eb95f;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    line-height: 24px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover {
    background-color: rgba(235, 235, 235, 1.00);
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    padding: 0 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul.menu-child {}

.offcanvas-overlay:active {
    right: 0 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul li a {
    color: rgba(130, 130, 130, 0.8);
    border-bottom: #ccc 1px solid;}

.view-article .finatic-blog-details .article-img-wrpaaer .article-header{
        padding: 22px;
        position: inherit;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0px;
    }
    .view-article .finatic-blog-details div[itemprop="articleBody"] {
        background-color: rgba(255, 255, 255, 1.00) !important;
        margin-top: 0px;
        padding: 10px 50px;
    }
    .pager > li a {
        padding: 15px 22px;
        border: #6eb95f solid 1px;
    }
    .sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap {
        display: block;
        height: 250px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center !important;
    }
    .sppb-addon-articles .sppb-addon-article .sppb-article-info-wrap h3 a {
        overflow: hidden;
        font-size: 16px;
        line-height: 27px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .finatic-blog .blog .article-list .article .article-body {
        height: 200px;
    }
    .finatic-blog .blog .article-list .article .article-body .article-header h2 {
        overflow: hidden;
        font-size: 12px;
        line-height: 27px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .finatic-blog .blog .article-list .article .article-body {
        height: 200px;
    }
    .sppb-addon-accordion .sppb-panel-faq > .sppb-panel-heading .sppb-panel-title {
        padding: 7px 12px;
    }
    #sp-footer,
    #sp-bottom {
        font-family: tahoma;
        background: #fff;
        color: #929292;
        font-size: 12px;
        text-align: center
    }
    #sp-bottom .sp-module ul > li > a {
        background-image: url(../images/r-arrow.png);
        background-position: right;
        background-repeat: no-repeat;
        text-align: right;
        background-size: auto;
        display: block;
        padding-right: 20px;
        color: #929292;
    }
    #sp-bottom .sp-module .sp-module-title {
        color: #6eb95f;
        text-align: right;
    }
    #sp-bottom {
        padding: 40px 0px 12px 0px;
    }
    .newss .acym_module_form input[type="email"]:not(.form-control) {
        padding: 12px 20px 12px 20px;
        border-radius: 0px;
        background-color: #e6e8e5;
        color: rgba(131, 131, 131, 1.00);
        width: 200px;
    }
    .newss .acym_module_form .btn.btn-primary {
        border-radius: 0px;
        padding: 12px 30px 12px 30px;
        margin-right: 0px !important;
        font-family: 'myr';
    }
    .newss .acym_introtext {
        font-family: 'myr';
        font-size: 14px;
        line-height: normal;
        margin-bottom: 23px;
    }
    #sp-bottom h3 {
        color: #6eb95f;
        text-align: right;
        font-size: 21px;
    }
    .fa-twitter,
    .fa-facebook,
    .fa-youtube {
        color: #6eb95f
    }
    /* -------------------------------------------------------- */
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        top: 55px !important;
        border: none;
    }
    body.rtl.offcanvs-position-left .body-wrapper {
        right: 0;
        overflow: hidden;
        position: initial;
    }
    /* mpa */
    .webui-popover-title {
        font-size: 13px;
    }
    .webui-popover .webui-popover-content > div:first-child {
        font-size: 12px;
        padding-top: 9px;
    }
    /* form */
    .convertforms .cf-label,
    .convertforms .cf-control-input-desc {
        font-size: 14px;
        font-family: "myr" !important;
        color: #4c4c4c !important;
    }
    .convertforms .cfupload .dz-message {
        padding: 0px 0px !important;
    }
    .selecct {
        padding: 6px 33px !important;
    }
    .convertforms .cf-checkbox-group .cf-label,
    .convertforms .cf-radio-group .cf-label {
        padding-right: 9px !important;
    }
    .convertforms button,
    .convertforms form,
    .convertforms label,
    .convertforms .cf-input {
        font-family: "myr";
    }
    .com-content.view-category .article-list .article .article-intro-image img {
        display: block;
        height: auto;
        background-repeat: no-repeat;
        background-size: 100%;
        width: 100%;
    }
    ul.pagination .page-item:first-child .page-link,
    ul.pagination .page-item:last-child .page-link {
        display: none;
    }
    .com-content.view-category .article-list .article .article-intro-image img {
        height: 190px;
        width: auto !important;
    }
    .selectt {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .convertforms .cf-checkbox-group .cf-label,
    .convertforms .cf-radio-group .cf-label {
        padding-right: 5px;
    }