:root {
    --header_height: $header_height;
    --link-color: #1958F9;
    --link-hover-color: #064AF9;
    --text-color: #000000;
    --bg-color: #FFFFFF
}

body,
.sp-preloader {
    background-color: #FFFFFF;
    color: #000000
}

.sp-preloader>div {
    background: #1958F9
}

.sp-preloader>div:after {
    background: #FFFFFF
}

#sp-top-bar {
    background: #FFFFFF;
    color: #FFFFFF
}

#sp-top-bar a {
    color: #FFFFFF
}

#sp-header {
    background: #000000
}

#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: #1958F9
}

a {
    color: #1958F9
}

a:hover,
a:focus,
a:active {
    color: #064AF9
}

.tags>li {
    display: inline-block
}

.tags>li a {
    background: rgba(25, 88, 249, 0.1);
    color: #1958F9
}

.tags>li a:hover {
    background: #064AF9
}

.article-social-share .social-share-icon ul li a {
    color: #000000
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: #1958F9
}

.pager>li a {
    border: 1px solid #ededed;
    color: #000000
}

.sp-reading-progress-bar {
    background-color: #1958F9
}

.sp-megamenu-parent>li>a {
    color: #FFFFFF
}

.sp-megamenu-parent>li:hover>a {
    color: #FFFFFF
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #FFFFFF
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #000000
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #FFFFFF
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #1958F9
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #ffffff
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
    color: #1958F9
}

.sp-megamenu-parent .sp-mega-group>li>a {
    color: #FFFFFF
}

#offcanvas-toggler>.fa {
    color: #FFFFFF
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #FFFFFF
}

#offcanvas-toggler>.fas {
    color: #FFFFFF
}

#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
    color: #FFFFFF
}

#offcanvas-toggler>.far {
    color: #FFFFFF
}

#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
    color: #FFFFFF
}

.offcanvas-menu {
    background-color: #000000;
    color: #FFFFFF
}

.offcanvas-menu .offcanvas-inner a {
    color: #FFFFFF
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    color: #1958F9
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #FFFFFF
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #1958F9
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(255, 255, 255, 0.5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgba(255, 255, 255, 0.5)
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgba(255, 255, 255, 0.8)
}

.btn-primary,
.sppb-btn-primary {
    border-color: #1958F9;
    background-color: #1958F9
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #064AF9;
    background-color: #064AF9
}

ul.social-icons>li a:hover {
    color: #1958F9
}

.sp-page-title {
    background: #000000
}

.layout-boxed .body-innerwrapper {
    background: #FFFFFF
}

.sp-module ul>li>a {
    color: #000000
}

.sp-module ul>li>a:hover {
    color: #1958F9
}

.sp-module .latestnews>div>a {
    color: #000000
}

.sp-module .latestnews>div>a:hover {
    color: #1958F9
}

.sp-module .tagscloud .tag-name:hover {
    background: #1958F9
}

.search .btn-toolbar button {
    background: #1958F9
}

#sp-footer,
#sp-bottom {
    background: #000000;
    color: #FFFFFF
}

#sp-footer a,
#sp-bottom a {
    color: #ffffff
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
    color: #FFFFFF
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #FFFFFF
}

.sp-comingsoon body {
    background-color: #1958F9
}

.pagination>li>a,
.pagination>li>span {
    color: #000000
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: #000000
}

.pagination>.active>a,
.pagination>.active>span {
    border-color: #1958F9;
    background-color: #1958F9
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: #1958F9;
    background-color: #1958F9
}

.error-code,
.coming-soon-number {
    color: #1958F9
}

body .sppb-btn,
body .btn {
    background-color: #1958F9
}

body .sppb-btn.sppb-btn-outline,
body .btn.sppb-btn-outline {
    border-color: #1958F9
}

body .sppb-btn.sppb-btn-secondary,
body .btn.sppb-btn-secondary {
    color: #1958F9
}

body .sppb-btn.sppb-btn-secondary:hover,
body .sppb-btn.sppb-btn-secondary:focus,
body .sppb-btn.sppb-btn-secondary:active,
body .btn.sppb-btn-secondary:hover,
body .btn.sppb-btn-secondary:focus,
body .btn.sppb-btn-secondary:active {
    color: #064AF9
}

body .sppb-btn.sppb-btn-link,
body .btn.sppb-btn-link {
    color: #1958F9
}

body .sppb-btn.sppb-btn-link:hover,
body .sppb-btn.sppb-btn-link:focus,
body .sppb-btn.sppb-btn-link:active,
body .btn.sppb-btn-link:hover,
body .btn.sppb-btn-link:focus,
body .btn.sppb-btn-link:active {
    color: #064AF9
}

.sppb-carousel-extended-nav-control .nav-control {
    color: #1958F9;
    border: 1px solid #1958F9 !important
}

.sppb-carousel-extended-dots ul li.active,
.sppb-carousel-extended-dots ul li span,
.sppb-carousel-extended-dots ul li span.active {
    background-color: #1958F9
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a {
    color: #1958F9;
    border-color: #1958F9
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info .sp-simpleportfolio-tags {
    color: #000000
}

.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover .sp-simpleportfolio-title a {
    color: #1958F9
}

.sp-simpleportfolio-view-item .sp-simpleportfolio-header:after {
    background-color: #1958F9
}

.sp-simpleportfolio-meta .sp-simpleportfolio-created h4,
.sp-simpleportfolio-meta .sp-simpleportfolio-tags h4 {
    border: 1px solid #1958F9;
    color: #1958F9
}

.ma-page-accordion .sppb-addon-content .sppb-panel,
.ma-page-accordion .sppb-addon-content .sppb-panel-default {
    margin: 26px 0;
    border: none;
    border-radius: 4px;
    background: transparent
}

.ma-page-accordion .sppb-addon-content .sppb-panel .sppb-panel-body,
.ma-page-accordion .sppb-addon-content .sppb-panel-default .sppb-panel-body {
    border: none
}

.ma-page-accordion .sppb-addon-content .sppb-panel .sppb-panel-body .sppb-row-column,
.ma-page-accordion .sppb-addon-content .sppb-panel-default .sppb-panel-body .sppb-row-column {
    padding: 0
}

.ma-page-accordion .sppb-toggle-direction {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 100px !important;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    border-image: initial;
    border-radius: 50px;
    background: none
}

.ma-page-accordion .sppb-toggle-direction .fa-chevron-right {
    color: #000000;
    transform: rotate(90deg);
    transition: 700ms ease
}

.faq-page-accordion .sppb-panel,
.faq-page-accordion .sppb-panel-default {
    background: #1958F9
}

.services-navigation.sppb-link-list-wrap nav ul li a:hover,
.services-navigation.sppb-link-list-wrap nav ul li a.active,
.services-navigation.sppb-link-list-wrap nav ul li a:active {
    border-color: #1958F9;
    background-color: #1958F9
}

.Testimonial-carousel-style .sppb-carousel-extended-item .sppb-testimonial-carousel-icon .fa-quote-left {
    color: #1958F9
}

.multiple-overlay-bg:before {
    background-color: #1958F9
}

.testimonial-carousel-style2 .sppb-carousel-extended-item:after {
    background-color: #1958F9
}

#sp-header.header-with-modal-menu {
    color: #FFFFFF
}

#sp-header.header-with-modal-menu a {
    color: rgba(255, 255, 255, 0.6)
}

#sp-header.header-with-modal-menu a:hover,
#sp-header.header-with-modal-menu a:focus {
    color: #FFFFFF
}

#sp-header-topbar a:hover {
    color: #1958F9
}

.sp-page-title::after {
    background-color: rgba(0,0,0,0.3)
}

#modal-menu .sp-megamenu-parent>li:hover>a,
#modal-menu .sp-megamenu-parent>li:hover>span,
#modal-menu .sp-megamenu-parent>li.active>a,
#modal-menu .sp-megamenu-parent>li.active>span {
    color: #1958F9
}

#modal-menu .modules-wrapper {
    color: #FFFFFF
}

#modal-menu .modules-wrapper a {
    color: #FFFFFF
}

#modal-menu .modules-wrapper a:hover,
#modal-menu .modules-wrapper a:focus {
    color: #FFFFFF
}

.view-login #sp-main-body,
.view-reset #sp-main-body,
.view-remind #sp-main-body,
.view-registration #sp-main-body {
    background-color: #1958F9
}

.login .form-check-input:checked {
    background-color: #1958F9 !important;
    border-color: #1958F9 !important
}

.view-registration .col-lg-4 .input-password-toggle,
.view-registration .col-lg-9 .input-password-toggle,
.view-registration .col-xl-6 .input-password-toggle,
.view-registration .reset-confirm .input-password-toggle,
.view-login .col-lg-4 .input-password-toggle,
.view-login .col-lg-9 .input-password-toggle,
.view-login .col-xl-6 .input-password-toggle,
.view-login .reset-confirm .input-password-toggle,
.view-reset .col-lg-4 .input-password-toggle,
.view-reset .col-lg-9 .input-password-toggle,
.view-reset .col-xl-6 .input-password-toggle,
.view-reset .reset-confirm .input-password-toggle,
.view-remind .col-lg-4 .input-password-toggle,
.view-remind .col-lg-9 .input-password-toggle,
.view-remind .col-xl-6 .input-password-toggle,
.view-remind .reset-confirm .input-password-toggle {
    background-color: #1958F9 !important
}

.view-registration .col-lg-4 .form-control:focus,
.view-registration .col-lg-9 .form-control:focus,
.view-registration .col-xl-6 .form-control:focus,
.view-registration .reset-confirm .form-control:focus,
.view-login .col-lg-4 .form-control:focus,
.view-login .col-lg-9 .form-control:focus,
.view-login .col-xl-6 .form-control:focus,
.view-login .reset-confirm .form-control:focus,
.view-reset .col-lg-4 .form-control:focus,
.view-reset .col-lg-9 .form-control:focus,
.view-reset .col-xl-6 .form-control:focus,
.view-reset .reset-confirm .form-control:focus,
.view-remind .col-lg-4 .form-control:focus,
.view-remind .col-lg-9 .form-control:focus,
.view-remind .col-xl-6 .form-control:focus,
.view-remind .reset-confirm .form-control:focus {
    border-color: #1958F9
}

.article-list .article .article-header h1 a:hover,
.article-list .article .article-header h1 a:active,
.article-list .article .article-header h1 a:focus,
.article-list .article .article-header h2 a:hover,
.article-list .article .article-header h2 a:active,
.article-list .article .article-header h2 a:focus {
    color: #064AF9
}

.article-list .article .readmore:after {
    color: #1958F9
}

.article-list .article .readmore a {
    color: #1958F9
}

.article-list .article .readmore a:hover,
.article-list .article .readmore a:active,
.article-list .article .readmore a:focus {
    color: #064AF9
}

.article-info>span a {
    color: #ffffff
}

.article-info>span a:hover {
    color: #34A4D9
}

.related-article-large .article-information>span a {
    color: #000000
}

.related-article-large .article-information>span a:hover {
    color: #064AF9
}

.article-details-top-wrapper:after {
    background-color: #8693b2
}

.tagspopular ul>li a,
.tags>li a {
    color: #000
}

.tagspopular ul>li a:hover,
.tags>li a:hover {
    color: #064AF9
}

.categories-module li {
    margin-bottom: 15px
}

.categories-module li a:hover {
    background-color: #1958F9
}

ul.pagination li.disabled.page-item>span,
ul.pagination li [aria-label="Go to next page"],
ul.pagination li [aria-label="Go to previous page"] {
    color: #1958F9;
    border: 1px solid #1958F9
}

ul.pagination li.active .page-link,
ul.pagination li:hover .page-link {
    color: #fff;
    background-color: #1958F9
}

#sp-bottom-banner {
    background-color: #1958F9
}

html.coming-soon body {
    background-color: #1958F9
}

html.error-page body {
    background-color: #1958F9
}

.registration #member-registration #jform_privacyconsent_privacy-lbl>a {
    color: #000000
}

.registration #member-registration #jform_privacyconsent_privacy-lbl>a:hover,
.registration #member-registration #jform_privacyconsent_privacy-lbl>a:focus {
    color: #064AF9
}

.page5-customer-say .sppb-carousel-extended-item:hover {
    border-color: #1958F9
}

.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: #000000
}

.sppb-addon-persion .sppb-person-information a>span.sppb-person-name:hover,
.sppb-addon-persion .sppb-person-information>span.sppb-person-name:hover,
.sppb-addon-person .sppb-person-information a>span.sppb-person-name:hover,
.sppb-addon-person .sppb-person-information>span.sppb-person-name:hover {
    color: #064AF9
}

.sppb-addon-persion .sppb-person-social-icons ul li a:hover,
.sppb-addon-person .sppb-person-social-icons ul li a:hover {
    color: #064AF9
}

.testimonial-carousel-style-3 .sppb-testimonial-carousel-message span {
    color: #1958F9
}

.view-login #sp-component .logout button.btn.btn-primary,
.view-registration #sp-component .logout button.btn.btn-primary {
    color: #1958F9 !important
}