@import url("../fonts/Satoshi/css/satoshi.css");
@import url("../fonts/ClashDisplay/css/clash-display.css");
@import url("../fonts/Magnita/Magnita.css");
@import url("../fonts/bootstrap-icons-1.10.2/font.css");
@import url("responsive.css");

/* ::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #fff;
}

::-webkit-scrollbar-thumb {
    background: var(--secondcolor);
    border-radius: 0;
} */

.mb-0{
    margin-bottom: 0px;
}
.mb-20{
    margin-bottom: 20px;
}

/*------ CSS MOVES TO preset7 -----*/
body,
.sp-preloader {
    background-color: #fff;
}
.sp-preloader>div {
    background: #056938;
}
.sp-preloader>div:after {
    background: #fff;
}

#sp-top-bar {
    background: #333;
    color: #aaa;
}

#sp-top-bar a {
    color: #aaa;
}

#sp-header {
    background: #fff;
}

a {
    color: #056938;
}

a:hover,
a:focus,
a:active {
    color: var(--maincolor);
}
.tags>li {
    display: inline-block;
}
.tags>li a {
    background: rgba(43, 168, 74, 0.1);
    color: #056938;
}
.tags>li a:hover {
    background: var(--maincolor);
}
.article-social-share .social-share-icon ul li a {
    color: #252525;
}
.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: #056938;
}
.pager>li a {
    border: 1px solid #ededed;
    color: #252525;
}
.sp-megamenu-parent>li>a {
    color: #fff;
}
.sp-megamenu-parent>li:hover>a {
    color: #056938;
}
.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #056938;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #252525;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
    color: #056938;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #056938;
}
.sp-megamenu-parent .sp-mega-group>li>a {
    color: #252525;
}

#offcanvas-toggler>.fa {
    color: #252525;
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #056938;
}
.offcanvas-menu {
    background-color: #fff;
    color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    color: #252525;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
.offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    color: #056938;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(37, 37, 37, 0.5);
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    color: rgba(37, 37, 37, 0.8);
}
.btn-primary,
.sppb-btn-primary {
    border-color: #056938;
    background-color: #056938;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #044cd0;
    background-color: #044cd0;
}

ul.social-icons>li a:hover {
    color: #056938;
}
.sp-page-title {
    background: #056938;
}
.layout-boxed .body-innerwrapper {
    background: #fff;
}
.sp-module ul>li>a {
    color: #252525;
}
.sp-module ul>li>a:hover {
    color: #056938;
}
.sp-module .latestnews>div>a {
    color: #252525;
}
.sp-module .latestnews>div>a:hover {
    color: #056938;
}
.sp-module .tagscloud .tag-name:hover {
    background: #056938;
}
.search .btn-toolbar button {
    background: #056938;
}

#sp-footer,
#sp-bottom {
    background: #171717;
    color: #fff;
}

#sp-footer a,
#sp-bottom a {
    color: #a2a2a2;
}

#sp-footer a:hover,
#sp-bottom a:hover,
#sp-footer a:active,
#sp-bottom a:active,
#sp-footer a:focus,
#sp-bottom a:focus {
    color: #fff;
}
.sp-comingsoon body {
    background-color: #056938;
}
.pagination>li>a,
.pagination>li>span {
    color: #252525;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    color: #252525;
}
.pagination>.active>a,
.pagination>.active>span {
    border-color: #056938;
    background-color: #056938;
}
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: #056938;
    background-color: #056938;
}
.error-code,
.coming-soon-number {
    color: #056938;
}
.text-primary {
    color: #056938 !important;
}

.mb-20{
    margin-bottom: 20px;
}

/*------ CSS MOVES TO preset7 -----*/

body {
    font-family: "Satoshi";
    font-weight: normal;
    font-size: 20px;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.7;
}
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
    font-weight: 700;
    color: var(--secondcolor);
}
.h1,
h1 {
    font-size: 85px;
    line-height: 1.023em;
}
.h2,
h2 {
    font-size: 64px;
    line-height: 1.093em;
}
.h4,
h4 {
    font-size: 24px;
}

p {
    line-height: inherit;
    /* margin: 0; */
}
.text-xl {
    font-size: 28px;
    line-height: 1.5em;
}
.text-lg {
    font-size: 24px;
    line-height: 1.583em;
}
.text-md {
    font-size: 22px;
}

hr {
    opacity: 0.09;
    margin: 5px 0;
}
.fw-600 {
    font-weight: 600;
}
.fw-500 {
    font-weight: 500;
}
.border-30 {
    border-radius: 30px;
}
.border-100 {
    border-radius: 100px;
}
.shapes {
    position: absolute;
}.main-title-sec h1.sppb-addon-title {
    font-size: 20px !important;
    line-height: 1.3 !important;
}
.light-bg {
    background-color: #EDF1EE;
}
.light-bg-deep {
    background-color: #EBF3EE;
}
.font-magnita {
    font-family: "Magnita";
}
.font-clash {
    font-family: "ClashDisplay";
}
.font-satoshi {
    font-family: "Satoshi";
}
.tran3s {
    transition: all 0.3s ease-in-out;
}
.tran4s {
    transition: all 0.4s ease-in-out;
}
.tran5s {
    transition: all 0.5s ease-in-out;
}
.tran6s {
    transition: all 0.6s ease-in-out;
}
.style-none {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    display: inline-block;
    color: inherit;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

img {
    max-width: 100%;
    display: block;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
    cursor: pointer;
    background: transparent;
    color: inherit;
}

button:focus {
    outline: none;
}

input,
textarea {
    outline: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}

audio,
video,
canvas {
    max-width: 100%;
}

iframe {
    border: none !important;
}
.sppb-btn.active,
.sppb-btn:active {
    background-image: inherit !important;
}
.sppb-btn.focus,
.sppb-btn:active:focus,
.sppb-btn:active:hover,
.sppb-btn:focus,
.sppb-btn:hover {
    outline: 0;
}
.sppb-btn.circle {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.sppb-btn.active,
.sppb-btn:active {
    outline: 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
.sppb-optin-form .sppb-btn i:first-child {
    display: none;
}

form.sppb-optin-form.submit-button-inside .button-wrap {
    top: 50% !important;
    transform: translatey(-50%);
}

#sp-footer {
    font-size: inherit;
    position: relative;
    z-index: 2;
}

#sp-footer #sp-footer2 {
    text-align: inherit;
}
.sp-scroll-up {
    background: var(--maincolor);
}
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty) {
    padding: 0;
}
.z-index3 {
    z-index: 3 !important;
}
.z-index2 {
    z-index: 2 !important;
}
.z-index0 {
    z-index: 0 !important;
}
.sppb-media-heading {
    margin: 0;
}
.sppb-progress {
    margin-bottom: 0px;
}
.sppb-carousel-extended-outer-stage {
    -webkit-perspective: inherit;
    perspective: inherit;
}
.animated-number-position-left .sppb-addon-content,
.animated-number-position-right .sppb-addon-content,
.sppb-addon-clients .sppb-carousel-extended-outer-stage {
    align-items: center;
}
.sppb-person-name,
.sppb-person-designation {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.sp-slider img {
    height: auto !important;
    width: auto !important;
}
.sppb-addon-clients .sppb-carousel-extended-item {
    padding: 0;
}

@media (max-width: 768px) {
    .sppb-addon-clients img {
        margin-bottom: 20px;
    }
}

body .sppb-btn,
body .sppb-sp-slider-button .sp-slider-btn-text,
.login .btn,
.registration form>div .btn {
    font-weight: 700;
    font-size: 18px;
    line-height: 48px;
    padding: 0 30px;
    text-align: center;
    border-radius: 40px;
    transition: all 0.3s ease-in-out 0s;
    border: none;
    white-space: normal;
}


body .sppb-btn.sppb-btn-primary,
body .sppb-sp-slider-button .sp-slider-btn-text,
.login .btn,
.registration form>div .btn-primary {
    color: #000;
    background-color: var(--maincolor);
}

body .sppb-btn:hover,
.registration form>div .btn:hover,
body .sppb-btn.sppb-btn-primary:hover,
body .sppb-sp-slider-button .sp-slider-btn-text:hover,
.login .btn:hover,
.registration form>div .btn-primary:hover {
    background-color: var(--thirdcolor);
    color: #fff;
}

body .sppb-btn.sppb-btn-secondary {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 52px;
    text-align: center;
    padding: 0 35px;
    border: 1px solid #fff;
    border-radius: 50px;
    transition: all 0.3s ease-in-out 0s;
    background: transparent;
}

body .sppb-btn.sppb-btn-secondary .icon {
    width: 1.35em;
}

body .sppb-btn.sppb-btn-secondary:hover {
    background: var(--thirdcolor);
    border-color: var(--thirdcolor);
}

body .sppb-btn.sppb-btn-default {
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    padding: 0 38px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: var(--thirdcolor);
    transition: all 0.3s ease-in-out 0s;
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    padding: 0 38px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: var(--thirdcolor);
    transition: all 0.3s ease-in-out 0s;
}

body .sppb-btn.sppb-btn-default:hover {
    background-color: var(--maincolor);
    color: var(--fourthcolor);
}

body .sppb-btn.sppb-btn-default:hover svg {
    fill: var(--fourthcolor);
}

body .sppb-btn.sppb-btn-link {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
    text-underline-offset: 0.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0;
    background: transparent;
}

body .sppb-btn.sppb-btn-link img {
    width: 22px;
    margin-top: 3px;
}

body .sppb-btn.sppb-btn-link:hover span {
    text-decoration: underline;
}
.sppb-btn i,
a.d-block em,
.sppb-sp-slider-button .sp-slider-btn-text i {}
.full-width-image .sppb-addon-single-image-container {
    width: 100%;
    display: block;
}
.full-width-image .sppb-addon-single-image-container img {
    width: 100%;
}
.sppb-progress {
    border-radius: 45px;
}
.social-icon-right a i {
    color: inherit !important;
}
.sppb-addon-clients .sppb-carousel-extended-item img {
    margin: auto;
    text-align: center;
    display: block;
}
.sppb-person-image img {
    width: 100%;
}
.sppb-carousel-extended-heading,
.sppb-carousel-extended-subheading {
    transition: .3s ease-in-out;
    margin: 0;
}

@media(max-width: 768px) {
    .sppb-addon-clients a {
        display: block;
    }
    .sppb-addon-clients a img {
        margin-left: auto;
        margin-right: auto;
    }
}
.sp-slider div[class^="sppb-col"] {
    position: static;
}
.sppb-icon .sppb-icon-container>i {
    width: auto !important;
    height: auto !important;
    line-height: inherit !important;
}
.sppb-text-left.animated-number-position-bottom .sppb-addon-content,
.sppb-text-left.animated-number-position-left .sppb-addon-content {
    align-items: center;
}
.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
    height: auto !important;
}

body .sppb-addon-optin-forms {
    padding: 0px;
}
.sppb-addon-table-main td {
    color: inherit;
    font-size: inherit;
}
.com-finder .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    display: flex;
    align-items: center;
}
.com-finder .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) span {
    margin-right: 5px;
}
.center-section>.sppb-container-inner>.sppb-row,
.center-section>.sppb-row-container>.sppb-row,
.center-section>.sppb-row {
    justify-content: center;
}
.even-section>.sppb-row-container>.sppb-row,
.even-section>.sppb-container-inner>.sppb-row,
.even-section>.sppb-row {
    justify-content: space-between !important;
}
.right-section>.sppb-row-container>.sppb-row,
.right-section>.sppb-row {
    justify-content: flex-end !important;
}

#sp-main-body .sppb-section .sppb-container-inner,
#sp-main-body .sppb-section div[class^="sppb-col-"],
#sp-main-body .sppb-section .sppb-column,
#sp-main-body .sppb-section .sppb-column-addons,
#sp-main-body .sppb-section .sppb-row-container,
#sp-footer .sppb-section .sppb-container-inner,
#sp-footer .sppb-section div[class^="sppb-col-"],
#sp-footer .sppb-section .sppb-column,
#sp-footer .sppb-section .sppb-column-addons,
#sp-footer .sppb-section .sppb-row-container {
    position: static;
}
.relative-section .sppb-container-inner,
.relative-section div[class^="sppb-col-"],
.relative-section .sppb-column,
.relative-section .sppb-column-addons {
    position: static;
}
.nowraprow>.sppb-container-inner>.sppb-row {
    flex-wrap: nowrap;
}

#sp-top {
    position: relative;
    z-index: 999;
}

#sp-top>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-top>.container>.container-inner>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-header>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-header>.container>.container-inner>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-logo-section>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-logo-section>.container>.container-inner>.row {
    -ms-flex-align: center !important;
    align-items: center !important;
}

#sp-footer,
#sp-bottom {
    background: inherit;
    z-index: 0;
}
.sppb-carousel-extended-description {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
}
.sppb-ajaxt-contact-form i:first-child {
    display: none;
}
.sppb-sp-slider-button:first-of-type {
    margin-left: 0px;
}
.sppb-addon-text-block .sppb-addon-content br:first-of-type,
.sppb-optin-form-details br:first-child,
.sppb-addon-feature .sppb-addon-text br:first-child,
.sppb-addon-pie-progress .sppb-addon-text br:first-child {
    display: none !important;
}

@media (max-width: 1400px) {
    .sppb-addon-articles .sppb-col-sm-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 1200px) {
    .sppb-addon-articles .sppb-col-sm-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 992px) {

    .sppb-addon-articles .sppb-col-sm-4,
    .sppb-addon-articles .sppb-col-sm-3,
    .sppb-addon-articles .sppb-col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 768px) {

    .sppb-addon-articles .sppb-col-sm-4,
    .sppb-addon-articles .sppb-col-sm-3,
    .sppb-addon-articles .sppb-col-sm-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.width-auto .sppb-column-addons {
    width: auto;
}

/* HEADER */

#sp-header {
    height: auto;
    padding: 18px 25px 18px 40px;
    transition: all 0.4s ease-in-out 0s;
    position: absolute;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: transparent;
    box-shadow: none;
}

#sp-header.header-sticky {
    background: var(--fourthcolor);
    border: none;
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 575px) {
    #sp-header {
        padding: 18px;
    }

    #sp-header.header-sticky {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

#sp-header .logo {
    height: auto;
}

#sp-header .logo img {
    height: auto;
}

#sp-header .sp-megamenu-parent {
    text-align: center;
    float: none;
}
.sp-megamenu-parent>li {
    text-align: left;
}
.sp-megamenu-parent>li>a,
.sp-megamenu-parent>li>span,
.sp-megamenu-parent>li:last-child>a {
    font-family: "Satoshi";
    font-weight: 500;
    font-size: 17px;
    line-height: initial;
    color: var(--thirdcolor);
    /* padding: 10px 0;
  margin: 0 10px; */
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    line-height: 40px;
    min-height: 40px;
    padding: 0px 15px;
}

@media (max-width: 1200px) {

    .sp-megamenu-parent>li>a,
    .sp-megamenu-parent>li>span,
    .sp-megamenu-parent>li:last-child>a {
        margin: 0 20px;
    }
}

body.ltr .sp-megamenu-parent>li.sp-has-child>a::after,
body.ltr .sp-megamenu-parent>li.sp-has-child>span::after {
    display: none;
}


.sp-megamenu-parent>li.active>a:hover,
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent>li.active:hover>a,
.sp-megamenu-parent>li.active>a {
    color: var(--maincolor);
    background: #eaf3de;
    border-radius: 30px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 5px;
    border: none;
    min-width: 200px;
    box-shadow: 0px 50px 100px rgba(0, 0, 0, 0.12);
    transition: all 0.3s ease-out;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    padding: 0 15px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge),
.sp-megamenu-parent .sp-mega-group>li>a,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item>a,
.sp-megamenu-parent .sp-mega-group>li>a {
    text-transform: capitalize;
    line-height: 35px;
    color: var(--secondcolor);
    font-size: 18px;
    background: transparent;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    padding: 0;
    font-weight: 400;
    display: inline-block;
    margin: 0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:before,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item>a:before,
.sp-megamenu-parent .sp-mega-group>li>a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 1px;
    background: var(--fourthcolor);
    transform: scale(0, 1);
    transform-origin: 0 0;
    transition: all 0.2s ease-in-out 0s;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-mega-group>li>a:hover {
    color: var(--secondcolor);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover:before,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item>a:hover:before,
.sp-megamenu-parent .sp-mega-group>li>a:hover:before {
    transform: scale(1);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item+li.sp-menu-item,
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item+li.sp-menu-item,
.sp-megamenu-parent .sp-mega-group>li+li {
    margin-top: 7px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner {
    padding: 20px 25px;
}
.sp-megamenu-parent .sp-mega-group>li>.sp-group-title {
    text-transform: none;
    color: #1C2539;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    transition: 0.3s;
    padding: 20px 15px 0 15px;
    font-size: 20px;
    margin-bottom: 10px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega li.sp-menu-item:not(:last-child) {
    border-bottom: 0;
}


#offcanvas-toggler {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    font-size: 20px;
    position: relative;
    z-index: 22;
    height: auto;
}
.burger-icon>span {
    background-color: var(--maincolor);
}

#sp-header.header-sticky .burger-icon>span {
    background-color: var(--maincolor);
}
.offcanvas-active .burger-icon>span,
#modal-menu-toggler.active .burger-icon>span {
    background-color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #fff !important;
}
.close-offcanvas {
    z-index: 99;
}

.welcome-txt {
    padding: 20px 20px 0;
    margin-bottom: 15px;
}
.welcome-txt span {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    border-bottom: 2px solid var(--maincolor);
    padding-bottom: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module,
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
    margin: 0;
    padding: 0 20px;
}
.offcanvas-menu .offcanvas-inner .header-modules .sp-module {
    padding: 0;
}

@media (max-width: 992px) {
    .offcanvas-menu {
        background-color: var(--thirdcolor);
        color: #fff;
        width: 100%;
    }
    body.ltr.offcanvs-position-right .offcanvas-menu{
        right: -100%;
    }
    .offcanvas-menu .offcanvas-inner a {
        color: #fff;
    }
    .offcanvas-menu .offcanvas-inner a:hover,
    .offcanvas-menu .offcanvas-inner a:focus,
    .offcanvas-menu .offcanvas-inner a:active {
        color: #fff;
    }
    .offcanvas-menu .p-3 {
        padding: 0 !important;
    }
    .offcanvas-menu .offcanvas-inner .sp-module ul>li a,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li span,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
        color: #fff;
    }
    .offcanvas-menu .logo {
        display: none;
    }
    .offcanvas-menu .offcanvas-inner {
        padding: 50px 25px;
    }
    .offcanvas-menu .offcanvas-inner ul.menu>li>a,
    .offcanvas-menu .offcanvas-inner ul.menu>li>span {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .offcanvas-menu .offcanvas-inner {
        padding: 0;
    }
    .offcanvas-menu .offcanvas-inner>.d-flex {
        display: none !important;
    }
    .offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
        margin-bottom: 0px;
    }
    .burger-icon>span {
        margin: 3px 0;
        transition: .3s;
        float: right;
        width: 100%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        background-color: #1C2539;
    }
    .burger-icon {
        width: 35px;
    }
    .burger-icon>span:nth-child(1) {
        width: calc(100% - 5px);
        height: 2px;
    }
    .burger-icon>span:nth-child(2) {
        width: 100%;
        height: 2px;
    }
    .burger-icon>span:nth-child(3) {
        width: calc(100% - 8px);
        height: 2px;
    }
    .burger-icon:hover>span {
        width: 100%;
    }

    #sp-header.header-sticky .burger-icon>span {
        background-color: #1a2428;
    }

    body.ltr #offcanvas-toggler.offcanvas-toggler-right {
        float: right;
        margin-left: 0px;
    }

    #offcanvas-toggler {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translatey(-50%);
        display: inline-block;
        height: auto;
        cursor: pointer;
        background: var(--maincolor-alta);
        height: 55px;
        width: 55px;
        padding: 17px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        line-height: 21px;
        font-weight: 700;
        border-radius: 15px;
        transition: 0.3s;
    }

    #offcanvas-toggler:hover {
        background: var(--maincolor);
    }

    #offcanvas-toggler:hover .burger-icon>span {
        background: #fff;
    }
    .offcanvas-menu {
        background-color: transparent;
    }
    .offcanvas-menu .p-3 {
        padding: 0 !important;
    }
    .offcanvas-menu .logo {
        display: none;
    }
    .offcanvas-menu .menu {
        display: none !important;
    }
    .offcanvas-active .burger-icon>span,
    #modal-menu-toggler.active .burger-icon>span {
        background-color: var(--maincolor);
    }

    /* body.ltr.offcanvs-position-right .offcanvas-menu {
        right: -400px;
    } */
    body.ltr.offcanvs-position-right .offcanvas-menu {
        right: -100%;
    }

    body.rtl.offcanvs-position-right .offcanvas-menu {
        left: -400px;
    }
    .offcanvas-menu {
        width: 400px;
    }
    .offcanvas-menu .fa,
    .offcanvas-menu .fab,
    .offcanvas-menu .far,
    .offcanvas-menu .fas {
        color: inherit;
    }

}


/* */

/* PAGE TITLE */

#sp-title {
    position: relative;
    /* overflow: hidden; */
}

#sp-title .sp-module {
    height: 100%;
    position: absolute;
    width: 100%;
}

#sp-title .sp-module .sp-module-content,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section>.sppb-container-inner,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section>.sppb-container-inner>.sppb-row>div,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section>.sppb-container-inner>.sppb-row>div>.sppb-column,
#sp-title .sp-module .sp-module-content .mod-sppagebuilder .page-content .sppb-section>.sppb-container-inner>.sppb-row>div>.sppb-column>.sppb-column-addons {
    height: 100%;
    position: static !important;
}

#sp-title .sppb-row-container,
#sp-title .sppb-row-column,
#sp-title .sppb-column,
#sp-title .sppb-column-addons {
    position: static !important;
}
.sp-page-title {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 155px 0 70px;
    /* background: linear-gradient(180deg, #8cbf41 0%, rgb(6 105 56) 85.00%, rgb(6 105 56) 100%); */
    background: linear-gradient(0deg, rgba(5, 105, 56, 1) 0%, rgba(142, 191, 66, 1) 100%);
    background-size: 100% auto;
}
/* .blog-page .sp-page-title:after {
    background: rgba(35, 117, 58, 0.55);
}
.blog-page #sp-top-bar {
    background: transparent;
} 
.blog-page .sp-page-title {
    margin-top: -48px;
    padding: 200px 0 80px;
}*/


@media (max-width: 768px) {
    .sp-page-title {
        padding: 137px 0 70px;
    }
}
.sp-page-title:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 35%;
    top: 0;
    left: 0;
    z-index: 0;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%); */
}
.sp-page-title:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    /* background: linear-gradient(121.31deg, rgba(0, 0, 0, 0.18) 1.55%, rgba(0, 0, 0, 0.88) 98.35%); */
}
.sp-page-title>.container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

@media (min-width: 992px) {
    .sp-page-title>.container {
        margin: auto !important;
        /* max-width: 55%; */
    }
}
.sp-page-title .sp-page-title-heading {
    font-weight: 700;
    font-size: 36px;
    line-height: 1.4em;
    margin: 22px 0 40px;
    z-index: 9;
    order: 2;
}

/* .sp-page-title .sp-page-title-sub-heading {
  font-size: 20px;
  line-height: 1.583em;
  color: #fff;
  margin-top: 0px;
  order: 3;
  position: relative;
  z-index: 9;
  background: #8cbf41;
  padding: 5px 20px;
  border-radius: 30px;
} */

.sp-page-title .sp-page-title-sub-heading {
    line-height: 1.583em;
    color: #fff;
    margin-top: 0px;
    order: 3;
    position: relative;
    z-index: 9;
    padding: 5px 20px;
    border-radius: 30px;
    border: 1px solid #8ebf43;
    font-size: 16px;
}

@media (max-width: 992px) {
    .sp-page-title .sp-page-title-heading {
        font-size: 40px;
    }
    .sp-page-title .sp-page-title-sub-heading {
        font-size: 20px;
    }
}

@media (max-width: 768px) {
    .sp-page-title .sp-page-title-heading {
        font-size: 24px !important;
        margin-bottom: 25px;
    }
    .sp-page-title .sp-page-title-sub-heading {
        font-size: 13px;
    }
}
.sp-page-title .breadcrumb {
    position: relative;
    z-index: 9;
    align-items: center;
    order: 1;
    margin: 0;
    justify-content: center;
}
.sp-page-title .breadcrumb>li {
    margin: 0;
}


.sp-page-title .breadcrumb>li.float-start {
    display: none;
}


.sp-page-title .breadcrumb>li>a {
    color: #ffffff;
    font-size: 20px;
}
.breadcrumb-item+.breadcrumb-item {
    padding-left: 5px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 5px;
}
.sp-page-title .breadcrumb>li+li::before {
    font-size: 20px;
}
.sp-page-title .breadcrumb>li>a:hover {
    color: var(--maincolor);
}
.sp-page-title .breadcrumb>.active span {
    font-size: 20px;
    color: #ffffff;
}

@media (max-width: 768px) {
    .sp-page-title .breadcrumb>li>a {
        font-size: 16px;
    }
    .sp-page-title .breadcrumb>li+li::before {
        font-size: 16px;
    }
    .sp-page-title .breadcrumb>.active span {
        font-size: 16px;
    }
}

/* */

#sp-header.header-sticky~section#sp-main-body {
    padding-top: 0;
    padding-bottom: 0;
}
.com-content #sp-main-body,
.com-j2store #sp-main-body,
.com-tags #sp-main-body,
.com-spsimpleportfolio #sp-main-body,
.com-search #sp-main-body,
.com-finder #sp-main-body,
.com-hikashop #sp-main-body,
.com-users #sp-main-body {
    padding: 0px;
}
.com-hikashop #sp-main-body,
.com-content:not(.view-article) #sp-main-body {
    padding-bottom: 90px;
}
.com-spsimpleportfolio #sp-main-body {
    z-index: 2;
    position: relative;
}


.com-content #sp-header.header-sticky~section#sp-main-body,
.com-j2store #sp-header.header-sticky~section#sp-main-body,
.com-tags #sp-header.header-sticky~section#sp-main-body,
.com-spsimpleportfolio #sp-header.header-sticky~section#sp-main-body,
.com-search #sp-header.header-sticky~section#sp-main-body,
.com-finder #sp-header.header-sticky~section#sp-main-body,
.com-hikashop #sp-header.header-sticky~section#sp-main-body,
.com-users #sp-header.header-sticky~section#sp-main-body {
    padding-top: 0px;
}
.com-spsimpleportfolio.view-item #sp-main-body,
.com-spsimpleportfolio.view-item #sp-header.header-sticky~section#sp-main-body {
    padding: 0;
}


/* SIDEBAR */

.sidebar-class .sppb-row-container {
    width: 100% !important;
}
.sidebar-class.com-sppagebuilder #sp-main-body {
    margin: 0 auto;
}

@media (min-width: 768px) {
    .sidebar-class.com-sppagebuilder #sp-main-body {
        max-width: 750px;
    }
}

@media (min-width: 992px) {
    .sidebar-class.com-sppagebuilder #sp-main-body {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .sidebar-class.com-sppagebuilder #sp-main-body {
        max-width: 1170px;
    }
}
.com-sppagebuilder #sp-right,
.com-sppagebuilder #sp-left {
    padding-top: 50px;
    padding-bottom: 120px;
    position: relative;
}

#sp-left .sp-module,
#sp-right .sp-module {
    border: 0px solid #f3f3f3;
    padding: 0;
    border-radius: 0px;
}

#sp-left .sp-module ul>li,
#sp-right .sp-module ul>li {
    display: block;
    border-bottom: 0px solid #f3f3f3;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
    padding: 0;
}

/* */

/* CUSTOM CLASS */

.block-feature-five::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 45%;
    background: url(../images/shape_09.svg) no-repeat right bottom;
    background-size: cover;
    z-index: -1;
}
.footer-two::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180deg, #F5F8F7 0%, rgba(240, 243, 242, 0.58) 69.88%, rgba(238, 241, 240, 0.15) 100%);
}
.footer-large-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    top: -20%;
    background: url(../images/bg_04.svg) no-repeat center bottom;
    background-size: cover;
    z-index: -1;
}
.block-feature-nine {
    border-radius: 30px 30px 100px 100px;
}
.inner-banner-one::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 35%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.53) 0%, rgba(0, 0, 0, 0) 100%);
}
.inner-banner-one::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: linear-gradient(121.31deg, rgba(0, 0, 0, 0) 0.55%, rgba(0, 0, 0, 0.88) 98.35%);
}
.column-height * {
    height: 100%;
}

/* */

/* LOGIN & REGISTRATION */

.login .col-lg-4,
.registration .form-validate {
    padding: 50px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background: #fceae8;
}

@media (min-width: 992px) {
    .login .col-lg-4 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
}

@media (min-width: 1200px) {
    .login .col-lg-4 {
        flex: 0 0 auto;
        width: 50%;
    }
}
.login-description,
.registration legend {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #002633;
    line-height: 1.2;
}
.registration fieldset:last-of-type {
    margin-top: 40px;
}
.registration .spacer {
    display: none;
}
.login .form-control,
.registration .form-control {
    padding: 12px 20px;
    outline: none;
    resize: none;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 300;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: none;
    padding: 13px 20px 13px 20px;
    background: #fff;
}
.input-group-text,
.login .password-group button.input-password-toggle,
.registration button.input-password-toggle {
    display: flex;
    align-items: center;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    border: none;
    width: 50px;
    height: 50px;
    background: #002633;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    border-radius: 5px 0px 0px 5px !important;
    -webkit-border-radius: 5px 0px 0px 5px !important;
    -moz-border-radius: 5px 0px 0px 5px !important;
    -ms-border-radius: 5px 0px 0px 5px !important;
    -o-border-radius: 5px 0px 0px 5px !important;
    justify-content: center;
}
.login .password-group button.input-password-toggle,
.registration button.input-password-toggle {
    border-radius: 0px 5px 5px 0px !important;
    -webkit-border-radius: 0px 5px 5px 0px !important;
    -moz-border-radius: 0px 5px 5px 0px !important;
    -ms-border-radius: 0px 5px 5px 0px !important;
    -o-border-radius: 0px 5px 5px 0px !important;
}
.registration .input-group-text .btn-secondary {
    background: transparent;
    border: none;
    border-radius: 0px 5px 5px 0px !important;
    -webkit-border-radius: 0px 5px 5px 0px !important;
    -moz-border-radius: 0px 5px 5px 0px !important;
    -ms-border-radius: 0px 5px 5px 0px !important;
    -o-border-radius: 0px 5px 5px 0px !important;
}
.login .list-group {
    flex-direction: row;
    justify-content: space-between;
}
.login .list-group-item {
    position: relative;
    display: block;
    padding: 0;
    color: var(--maincolor);
    background-color: transparent;
    border: none;
}

/* */

/* BLOG */

.article-list .article,
.sppb-addon-articles .sppb-addon-article {
    padding: 0;
    border: 0;
    position: relative;
    transition: all 0.3s ease-out;
    overflow: visible;
    border-radius: 0px;
    margin-bottom: 80px;
}
.sppb-addon-articles .sppb-col-lg-6:first-child .sppb-addon-article {
    margin-bottom: 30px;
}
.blog-list .article-list .article,
.blog-list.sppb-addon-articles .sppb-addon-article {
    background: #F4F4F4;
    border-radius: 30px;
    overflow: hidden;
    border-radius: 30px;
}
.article-list .article .article-intro-image,
.article-list .article .article-featured-video,
.article-list .article .article-featured-audio,
.article-list .article .article-feature-gallery,
.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap,
.sppb-articles-carousel-img {
    margin: 0;
    border-bottom: 0px solid #f5f5f5;
    overflow: hidden;
    position: relative;
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    border: 0px solid transparent;
    border-radius: 0px;
    max-height: 350px;
    border-radius: 2rem;
}
.blog-list .article-list .article .article-intro-image,
.blog-list .article-list .article .article-featured-video,
.blog-list .article-list .article .article-featured-audio,
.blog-list .article-list .article .article-feature-gallery,
.blog-list.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap,
.blog-list .sppb-articles-carousel-img {
    border-radius: 30px 30px 0 0;
}
.articles-leading .article .article-intro-image,
.articles-leading .article .article-featured-video,
.articles-leading .article .article-featured-audio,
.articles-leading .article .article-feature-gallery {}
.article-list .article .article-intro-image:after,
.article-list .article .article-featured-video:after,
.article-list .article .article-featured-audio:after,
.article-list .article .article-feature-gallery:after,
.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap:after,
.sppb-articles-carousel-img:after {}
.article-list .article:hover .article-intro-image:after,
.article-list .article:hover .article-featured-video:after,
.article-list .article:hover .article-featured-audio:after,
.article-list .article:hover .article-feature-gallery:after,
.sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap:after,
.sppb-articles-carousel-column:hover .sppb-articles-carousel-img:after {}
.article-list .article .article-intro-image img,
.article-list .article .article-featured-video img,
.article-list .article .article-featured-audio img,
.article-list .article .article-feature-gallery img,
.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap img,
.sppb-articles-carousel-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0px;
    display: block;
    transition: all .8s cubic-bezier(.25, .46, .45, .94);
}
.article-list .article:hover .article-intro-image img,
.article-list .article:hover .article-featured-video img,
.article-list .article:hover .article-featured-audio img,
.article-list .article:hover .article-feature-gallery img,
.sppb-addon-articles .sppb-addon-article:hover .sppb-article-img-wrap img,
.sppb-articles-carousel-column:hover .sppb-articles-carousel-img img {}
.article-intro-image>a,
.sppb-addon-articles .sppb-addon-article .sppb-article-img-wrap {
    height: 100%;
}
.article-intro-image>a {
    width: 100%;
}
.article-body,
.sppb-article-info-wrap,
.sppb-articles-carousel-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-flow: wrap;
    position: relative;
    padding-top: 30px;
}
.blog-list .article-body,
.blog-list .sppb-article-info-wrap,
.blog-list .sppb-articles-carousel-content {
    padding: 26px 35px;
}
.article-list .article .article-header,
.sppb-article-info-wrap h3,
.sppb-articles-carousel-link {
    order: 1;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
}
.blog-list .article-list .article .article-header,
.blog-list .sppb-article-info-wrap h3,
.blog-list .sppb-articles-carousel-link {
    order: 2;
}
.article-list .article .article-header h2,
.sppb-article-info-wrap h3,
.sppb-articles-carousel-link {
    font-size: 32px;
    line-height: 1.281em;
    font-weight: 500;
    color: var(--secondcolor);
    margin-bottom: .5rem;
}

@media (max-width: 768px) {

    .article-list .article .article-header h2,
    .sppb-article-info-wrap h3 {
        font-size: 20px !important;
    }
}
.article-list .article .article-header h2 a,
.sppb-article-info-wrap h3 a {
    color: var(--thirdcolor);
    transition: all 500ms ease;
    display: block;
}
.article-list .article .article-header h2 a:hover,
.sppb-article-info-wrap h3 a:hover,
.article-list .article .article-header h2 a:focus,
.sppb-article-info-wrap h3 a:focus {
    /* text-decoration: underline; */
    color: var(--maincolor);
}
.article-list .article .article-info,
.sppb-addon-articles .sppb-article-meta {
    order: 3;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px;
    width: 100%;
    border-top: 1px solid #D1D1D1;
    padding-top: 20px;
    margin-top: 20px;
}
.blog-list .article-list .article .article-info,
.blog-list .sppb-addon-articles .sppb-article-meta {
    order: 1;
    border: none;
    padding: 0;
    margin: 0 0 12px;
}
.article-info>span,
.sppb-addon-articles .sppb-article-meta>span,
.sppb-articles-carousel-meta-category a,
.sppb-articles-carousel-meta-date {
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    margin: 0;
}
.article-info>span a,
.sppb-addon-articles .sppb-article-meta>span a {
    color: inherit;
}
.article-info>span a:hover {
    color: var(--maincolor);
}
.article-info>span+span::before,
.sppb-addon-articles .sppb-article-meta>span+span:before {
    margin: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: ".";
}
.article-info>span:before,
.sppb-addon-articles .sppb-article-meta>span:before,
.sppb-articles-carousel-meta-date:before,
.sppb-articles-carousel-meta-category a:before {}
.article-info>span.createdby:before,
.sppb-article-meta>span.sppb-meta-author:before {
    content: ;
}
.article-info>span.published:before,
.sppb-article-meta>span.sppb-meta-date:before,
.sppb-articles-carousel-meta-date:before {
    content: ;
}
.article-info>span.category-name:before,
.sppb-article-meta>span.sppb-meta-category:before,
.sppb-articles-carousel-meta-category a:before {
    content: ;
}
.article-info>span.hits:before {
    content: ;
}
.article-info>span.published,
.sppb-article-meta>span.sppb-meta-date,
.sppb-articles-carousel-meta-date {
    line-height: 38px;
    font-size: 16px;
    padding: 0 18px;
    text-transform: uppercase;
    background: #fff;
    color: var(--secondcolor);
    position: absolute;
    left: 20px;
    top: -60px;
    border-radius: 2rem;
}
.blog-list .article-info>span.published,
.blog-list .sppb-article-meta>span.sppb-meta-date,
.blog-list .sppb-articles-carousel-meta-date {
    border-radius: 0;
}
.article-info>span.published:before,
.sppb-article-meta>span.sppb-meta-date:before,
.sppb-articles-carousel-meta-date:before,
.sppb-article-meta>span.sppb-meta-category:before {
    display: none;
}
.article-introtext,
.sppb-article-introtext {
    order: 4;
    margin: 0;
}
.article-introtext p {
    margin-bottom: 0;
}
.article-list .article .readmore,
.sppb-readmore {
    order: 2;
    -ms-flex: 0 0 20%;
    flex: 0 0 200%;
    max-width: 20%;
    display: flex;
    justify-content: flex-end;
}
.blog-list .article-list .article .readmore,
.blog-list .sppb-readmore {
    order: 3;
}
.article-list .article .readmore {
    font-size: inherit;
    width: 100%;
}
.article-list .article .readmore a,
.sppb-readmore .readmore {
    font-size: 25px;
    width: 60px;
    height: 60px;
    border: 1px solid var(--secondcolor);
    background: #fff;
    color: var(--secondcolor);
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    transition: all 0.3s ease-in-out;
}
.blog-list .article-list .article .readmore a,
.blog-list .sppb-readmore .readmore {
    border: none;
}
.article-list .article .readmore a:hover,
.sppb-readmore .readmore:hover {
    background: var(--maincolor);
    border-color: var(--maincolor);
    color: var(--secondcolor);
}

ul.pagination {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0;
}
.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.page-link,
.disabled>.page-link,
.page-link.disabled,
.pagination>li>a,
.pagination>li>span {
    padding: 0;
    font-weight: 500;
    height: 50px;
    width: 52px;
    line-height: 50px !important;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    text-align: center;
    color: var(--tg-gray-four);
    font-size: 20px;
    border: 1px solid #E0E0E0;
    border-radius: 3px !important;
    background: transparent;
    font-family: var(--tg-heading-font-family);
}
.page-item.active .page-link,
.page-link:hover {
    background: var(--maincolor) !important;
    border-color: var(--maincolor);
    color: #fff !important;
}
.pagination-counter {
    margin-top: 40px;
}

/* SINGLE ARTICLE */

/* .article-details .sppb-row-container {padding: 0; max-width: 100%;} */

.article-details {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    overflow: hidden;
}
.article-details>*:not(.article-full-image) {
    order: 4;
    width: 100%;
}
.article-details .article-header {
    order: 3;
}
.article-details .article-info {
    order: 2;
    margin-bottom: 12px;
}
.article-details .article-can-edit {
    position: relative;
    margin-bottom: 0px;
}
.article-details .article-header h1,
.article-details .article-header h2 {
    font-size: 32px;
    line-height: 1.281em;
    font-weight: 500;
    color: var(--secondcolor);
}

@media (max-width: 768px) {

    .article-details .article-header h1,
    .article-details .article-header h2 {
        font-size: 22px;
    }
}
.article-details .article-full-image {
    position: relative;
    display: block;
    order: 1;
    width: 100%;
    margin: 0 0 26px;
}
.article-details .article-full-image img {
    border-radius: 15px;
    display: block;
    width: 100%;
}


.article-details .article-ratings-social-share {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
    align-items: center;
    order: 6;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-top: 30px;
    margin: 0px 0 0 !important;
    border-top: 0px solid #dddddd;
}
.tags {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    border: none;
    justify-content: center;
    display: block;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    border-top: 0;
    padding-top: 30px;
    border-bottom: 0;
    order: 5;
    margin: 0px 0 0 !important;
    border-top: 0px solid #dddddd;
}

@media (max-width: 768px) {

    .tags,
    .article-details .article-ratings-social-share {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: block !important;
        margin-top: 40px !important;
        margin-bottom: 0px !important;
    }
    .article-social-share {
        float: none;
    }
}
.tags:before {
    content: "Tags:";
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4);
}
.tags>li {
    margin: 0;
}
.tags>li a {
    line-height: 26px;
    border-radius: 16px;
    background: #F4F4F4;
    padding: 0 10px;
    color: var(--secondcolor);
    font-size: 16px;
    border: none;
}
.tags>li a:hover {
    background-color: var(--maincolor);
    color: var(--secondcolor);
}
.tags>li {
    margin-left: 5px;
}
.article-social-share .social-share-icon:before {
    content: "Share:";
    font-weight: 500;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.4);
}
.article-social-share .social-share-icon ul {
    display: inline-block;
}
.article-social-share .social-share-icon ul li {
    margin: 0;
    margin-left: 17px;
}
.article-social-share .social-share-icon ul li:not(:last-child) {
    margin-right: 0px;
}
.article-social-share .social-share-icon ul li a {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    background-color: transparent;
    color: var(--secondcolor);
    font-size: 18px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
    width: auto;
    height: auto;
    border: none;
}
.article-social-share .social-share-icon ul li a:hover {
    color: var(--maincolor);
}
.article-details .article-author-information {
    padding: 0;
    text-align: left;
    border: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    order: 7;
    background-color: #f1f5f9;
    padding: 60px 60px 60px;
    display: -webkit-box;
    display: flex;
    border-radius: 5px;
    margin-top: 30px;
}
.article-details .article-author-information>.d-flex {
    justify-content: center;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.article-details .article-author-information>.d-flex .flex-shrink-0 img {
    width: 100px;
    flex: 0 0 auto;
}
.article-details .article-author-information h5 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    margin-bottom: 15px;
}
.article-details .article-author-information .author-bio {
    margin-bottom: 0 !important;
}
.author-website {
    color: #002633;
    margin-left: 4px;
    margin-top: 15px !important;
}
.author-website a,
.author-website a:hover {
    color: var(--maincolor);
}

#article-comments {
    border-top: 0px solid #f5f5f5;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    order: 9;
    width: 100%;
    margin-top: 53px;
    padding-top: 0px;
}


.article-details ul.pagination {
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    padding: 0;
}
.article-details .page-link,
.article-details .page-link:hover {
    background: transparent;
    padding: 0;
    border: none;
    margin-right: 0;
    font-weight: 600;
    color: var(--maincolor) !important;
}
.article-details .pagenavigation {
    order: 6;
    width: 100%;
    margin-top: 30px;
    padding: 0px;
    border-top: 0;
}
.article-details .pagenavigation .pagination {
    justify-content: space-between;
}
.article-details .pagenavigation .btn {
    border: medium none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    gap: 5px;
    align-items: center;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 0;
    padding: 18px 34px;
    text-align: center;
    text-transform: uppercase;
    touch-action: manipulation;
    transition: all 0.3s ease;
    vertical-align: middle;
    white-space: nowrap;
    font-family: 'Inter', sans-serif;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #FFF6F1;
    color: var(--maincolor);
}
.article-details .pagenavigation .btn:hover {
    color: #fff;
}
.article-details .pagenavigation .btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: scale(0.2, 1);
    transform: scale(0.2, 1);
    background-color: var(--secondcolor);
    background: var(--maincolor);
}
.article-details .pagenavigation .btn:hover:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}
.article-details .pagenavigation .btn span[class^="icon-"] {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    font-size: 15px;
}

/* */

/* SHOP */

.hikashop_products_pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.hikashop_products_pagination .pagination {
    width: 100%;
    max-width: 50%;
    display: block;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.2;
}
.hikashop_products_pagination .pagination .limit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    width: 100%;
}
.form-select.hikashop_pagination_dropdown {
    width: auto;
    max-width: none;
    border: none;
    box-shadow: none !important;
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.2;
}
.hikashop_results_counter {
    display: block;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.2;
}
.hikashop_product {
    margin-bottom: 60px;
}
.hikashop_product .hikashop_listing_img_title {
    position: relative;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
.hikashop_product_image {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    margin-bottom: 0px;
    background: #F5F5F5;
}
.hikashop_product_image:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#00ffffff", GradientType=1);
    content: "";
    opacity: 0.3;
    left: -100%;
    pointer-events: none;
    z-index: 1;
}
.hikashop_product .hikashop_listing_img_title:hover .hikashop_product_image:before {
    left: 100%;
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease;
}
.hikashop_product_image * {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block;
}
.hikashop_product_image img {
    transition: all 0.4s ease-in-out;
}
.hikashop_product .hikashop_listing_img_title:hover .hikashop_product_image img {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}
.hikashop_product .content {
    position: relative;
    padding: 22px 0px 0px;
}
.hikashop_product .hikashop_product_vote {
    position: relative;
    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;
}
.hikashop_listing_img_title {
    position: relative;
}
.hikashop_badge_div img {
    max-height: 24px !important;
}
.hikashop_listing_img_title .hk-rating {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
}

span.hikashop_product_name a {
    display: block;
    font-weight: 500;
    color: var(--secondcolor);
    font-size: 20px;
    text-transform: capitalize;
}

span.hikashop_product_name a:hover {
    color: var(--maincolor);
}
.hikashop_product_price_full {
    font-weight: 500;
    font-size: 22px;
    color: var(--eightcolor);
    margin-top: 10px;
    display: block;
}
.hikashop_product_price_full .hikashop_product_price {
    display: block;
}

span.hikashop_product_price_before_discount {
    font-weight: 300;
    margin-right: 10px;
    display: inherit;
}
.hikashop_product_price_per_unit {
    display: none;
}
.hikashop_product_price_before_discount_amount {
    color: #555;
    font-size: 18px;
}
.com_hikashop #sp-component .sppb-btn i {
    display: none;
}
.icon-box .hikashop_product_stock_count {
    display: none;
}
.hikashop_listing_img_title .icon-box {
    position: absolute;
    right: 20px;
    top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.hikashop_listing_img_title .icon-box a,
.hikashop_listing_img_title .icon-box button {
    position: relative;
    display: block;
    height: 40px;
    width: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    color: #ffffff;
    z-index: 9;
    background-color: var(--secondcolor);
    cursor: pointer;
    border-radius: 50px;
    margin-bottom: 10px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0;
}
.hikashop_listing_img_title .icon-box a:hover,
.hikashop_listing_img_title .icon-box button:hover {
    background-color: var(--maincolor);
    color: fff);
}
.hikashop_listing_img_title .icon-box button {
    font-size: 0;
}
.hikashop_listing_img_title .icon-box button:before {
    display: none;
}
.hikashop_listing_img_title .icon-box button:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f07a";
    font-size: 14px;
    background: transparent;
    position: static;
    height: auto;
    width: auto;
}
.hikashop_listing_img_title:hover .icon-box {
    top: 20px;
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

span.hikashop_product_name {
    margin-bottom: 0;
}

/* Single Product */

.hikashop_product_page .hikashop_badge_div.hikashop_badge_topleft_div {
    display: none;
}
.hikashop_global_image_div {
    display: flex;
    flex-direction: row-reverse;
}
.hikashop_product_main_image {
    background: #F6F6F6;
    padding: 20px;
    max-width: 448px;
}
.hikashop_product_main_image * {
    margin: 0;
}
.hikashop_product_main_image a,
.hikashop_product_main_image a img {
    width: 100%;
}
.hikashop_product_main_image a img {
    margin: 0 !important;
}
.hikashop_product_page div.hikashop_small_image_div a {
    padding: 15px;
    margin: 0;
    margin-right: 15px;
    background: #F6F6F6;
}
.hikashop_product_page div.hikashop_small_image_div {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.hikashop_product_page div.hikashop_small_image_div a,
.hikashop_product_page div.hikashop_small_image_div a.hikashop_active_thumbnail {
    border: 0;
    border-radius: 0px;
}

img.hikashop_child_image {
    max-height: 130px;
    max-width: 130px;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    margin: 0;
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    border: 0 !important;
    background: transparent;
    padding: 0px;
}
.hikashop_product_page div.hikashop_small_image_div a.hikashop_active_thumbnail img.hikashop_child_image {
    opacity: 1;
    border-radius: 0px;
}

#hikashop_image_main_thumb_div {
    overflow: hidden;
    padding: 0px;
    background-color: white;
    border-radius: 0px;
    border: 0;
}
.hikashop_slide_prev,
.hikashop_slide_next {
    transition: 0.6s ease;
    border-radius: 100%;
    border: 2px solid #fff;
    background: #fff;
}

a.hikashop_slide_prev_active:hover,
a.hikashop_slide_next_active:hover {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}

a.hikashop_slide_next i,
a.hikashop_slide_prev i {
    color: var(--maincolor);
}
.hikashop_slide_prev:hover i,
.hikashop_slide_next:hover i {
    color: #fff;
}
.hikashop_product_main_image img {
    position: relative;
}
.product-d-category {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    background: #EAEAEA;
    border-radius: 3px;
    line-height: 25px;
    padding: 0 10px;
}
.hikashop_vote_stars {
    padding: 0px;
}
.hk-rating {
    margin: 0;
    display: flex;
    gap: 0 5px;
    margin-bottom: 0px;
}

#hikashop_product_top_part h1 {
    text-transform: capitalize;
    font-size: 32px;
    margin: 25px 0 20px;
    line-height: 1.093em;
    font-weight: 500;
    color: var(--secondcolor);
}


.hikashop_product_page .hikashop_product_price_full .hikashop_product_price_per_unit {
    display: none;
}
.hikashop_product_page .hikashop_product_price_full {
    font-size: 26px;
    font-weight: 700;
    color: var(--thirdcolor);
    padding: 25px 0 5px;
}
.hikashop_product_page span.hikashop_product_price_before_discount_amount {
    font-size: 24px;
}
.hikashop_product_top_part .long-description {
    display: none;
}
.hikashop_product_top_part .short-description>p {
    padding: 10px 0 15px;
}
.hikashop_product_top_part .short-description .product-feature {
    margin-bottom: 0px;
}
.hikashop_product_top_part .short-description .product-feature li {
    color: #000;
    position: relative;
    padding-left: 30px;
    margin-bottom: 8px;
}
.hikashop_product_top_part .short-description .product-feature li:before {
    content: "\f633";
    position: absolute;
    font-family: "bootstrap-icons";
    top: 2px;
    left: 0;
    color: var(--thirdcolor);
}
.hikashop_product_characteristics {
    margin-top: 25px;
}

#hikashop_product_characteristics,
#hikashop_product_options {
    border: 0;
    padding: 0;
    border-radius: 0;
}
.hikashop_product_characteristics_table tr {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}
.hikashop_product_characteristics_table td,
.hikashop_product_options_table td {
    font-size: 16px;
    color: var(--secondcolor);
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.hikashop_product_characteristics_table td select {
    padding: 8px 40px 8px 15px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--secondcolor);
    vertical-align: middle;
    background: url("../images/select_down_arrow02.png") no-repeat scroll 97.5% center;
    background-color: rgba(0, 0, 0, 0);
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: .3s ease-in-out;
    width: 100%;
    height: 35px;
    cursor: pointer;
}
.hikashop_product_code_main .sku {
    color: var(--tg-paragraph-color);
    font-weight: var(--tg-body-font-weight);
    font-size: var(--tg-body-font-size);
    line-height: var(--tg-body-line-height);
}
.product-category-review {
    margin-top: 30px;
}
.hikashop_product_tags .tags:before,
.sku_wrapper,
.brand {
    color: var(--text-color);
    font-size: var(--body-font-size);
    color: #333;
    margin-top: 20px;
    display: inline-block;
}
.hikashop_product_tags .tags>li:first-child {
    margin-left: -4px;
}
.brand a {
    font-size: 16px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    color: #777777;
    margin-left: 10px;
}
.hikashop_product_stock_count {
    color: #989CA2;
    font-size: 17px;
}
.hikashop_product_quantity_main {
    display: flex;
    align-items: center;
    align-content: center;
    padding-top: 0px;
    margin-top: 0 !important;
    align-items: flex-start;
    align-content: flex-start;
    padding-top: 0px;
    flex-direction: column;
}
.hikashop_quantity_form {
    margin-bottom: 40px;
}
.hikashop_quantity_form:before {
    content: "Quantity: ";
    font-weight: 500;
    color: var(--secondcolor);
    font-size: 18px;
    margin: 0 15px 0 0;
    line-height: 1.2;
    display: inline-block;
}
.hikashop_product_quantity_input_div_default_main {
    display: inline-flex;
    align-content: center;
    align-items: center;
    width: 60px;
    padding: 0px;
    padding-left: 10px;
    margin: 0 10px 0 0;
    background-color: #fff;
    height: 40px;
    font-weight: 500;
    border: 1px solid #e0e4e8;
    border-radius: 0;
}
.hikashop_product_quantity_div input.form-control,
.form-control.hikashop_product_quantity_field {
    padding: 0;
    border: none;
}

a.hikashop_product_quantity_field_change_plus,
a.hikashop_product_quantity_field_change_minus,
.hikashop_product_quantity_change_div_plus_default a,
.hikashop_product_quantity_change_div_minus_default a {
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: transparent;
    color: #fff;
    font-size: 8px;
    background-color: var(--secondcolor);
    border: none;
    border-radius: 10px;
    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;
    outline: none;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    padding: 0;
}

a.hikashop_product_quantity_field_change_plus:before,
a.hikashop_product_quantity_field_change_minus:before,
.hikashop_product_quantity_change_div_plus_default a:before,
.hikashop_product_quantity_change_div_minus_default a:before {
    display: none;
}
.hikashop_product_tags .tags {
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    max-width: 100%;
    background: transparent;
    padding-top: 20px !important;
    margin-top: 40px !important;
    border-top: 1px solid #e2e2e2;
    border-radius: 0;
}

body .hikashop_product_top_part .hikacart.sppb-btn.sppb-btn-primary,
.hikashop_vote_form .button {
    font-weight: 700;
    font-size: 18px;
    line-height: 50px;
    padding: 0 38px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    background-color: var(--thirdcolor);
    transition: all 0.3s ease-in-out 0s;
}

body .hikashop_product_top_part .hikacart.sppb-btn.sppb-btn-primary:hover,
.hikashop_vote_form .button:hover {
    background-color: var(--maincolor);
    color: #000;
}
.hikashop_product_bottom_part {
    margin-top: 130px;
    margin-bottom: 60px;
}
.hikashop_product_bottom_part .short-description {
    display: none;
}
.hikashop_tabs_ul {
    margin: 0;
    border-bottom: 1px solid #EBEBEB;
}
.hikashop_tabs_ul li {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondcolor);
    letter-spacing: 1px;
    padding: 0 0 12px 0;
    position: relative;
    margin: 0 50px 0 0;
    border: none;
    border-radius: 0;
    display: inline-block;
    cursor: pointer;
}
.hikashop_tabs_ul li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -1px;
    z-index: 1;
    background: #000;
    transform: scale(0, 1);
    transition: all 0.3s ease-in-out 0s;
}
.hikashop_tabs_ul li+li {
    margin-left: 12px;
}
.hikashop_tabs_ul li.hikashop_tabs_li_selected:before {
    transform: scale(1);
}
.hikashop_tabs_content {
    min-height: auto;
    border-radius: 0;
    padding: 0;
    border: 0px solid #eee;
    margin-top: 50px;
}
.hikashop_tabs_content h5 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 18px;
}
.hikashop_tabs_content .product-feature li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.hikashop_tabs_content .product-feature li:before {
    content: "\f633";
    position: absolute;
    font-family: "bootstrap-icons";
    top: 2px;
    left: 0;
    color: var(--thirdcolor);
}

#hikashop_product_description_main {
    padding-top: 0px;
}

#hikashop_show_tabular_specification span {
    display: block;
    padding: 10px 20px;
}

#hikashop_show_tabular_specification span:nth-child(2n+1) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
    background-color: #fcfcfc;
    border: 0;
}
.hikashop_vote_form .hikashop_comment_textarea {
    border: 1px solid #EEEEEE;
    border-radius: 0;
    color: #666666;
    height: 160px;
    margin: 5px 0;
    padding: 15px;
    width: 100%;
}
.hikashop_comment_form_name input[type="text"]:not(.form-control) {
    border-radius: 0;
}
.notifyjs-corner {
    bottom: 0 !important;
    z-index: 99999;
}

div.hika_toolbar .hikabtn span.hk-icon {
    color: var(--maincolor);
}
.hikashop_product_page .hikashop_submodules h2 {
    margin-bottom: 25px;
    font-size: var(--h3-font-size);
    margin-top: 30px;
}
.hikashop_product_page .hikashop_submodules form {
    display: flex;
}
.hikashop_product_page .hikashop_products_listing>form {
    display: none;
}
.hikashop_vote_form .form-control {
    background: #ffffff;
    color: #555;
    font-size: 16px;
    border-color: #d6deec;
    border-width: 1px;
    border-radius: 10px;
    padding: 22px 22px 22px 30px !important;
    height: 65px;
    transition: .35s;
}
.hikashop_vote_form .hikashop_comment_textarea {
    background: #ffffff;
    color: #555;
    font-size: 16px;
    border-color: #d6deec;
    border-width: 1px;
    border-radius: 10px;
    padding: 22px 22px 22px 30px !important;
    transition: .35s;
}
.hikashop_cart_products .hikashop_product_price_full,
.hikashop_checkout_cart .hikashop_product_price_full {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.hikashop_cart_products .hikashop_product_price_full,
.hikashop_checkout_cart .hikashop_product_price_full {
    font-size: 22px;
}
.hikashop_cart_products .hikashop_product_price_full span.hikashop_product_price_before_discount,
.hikashop_checkout_cart .hikashop_product_price_full span.hikashop_product_price_before_discount {
    font-size: 18px;
    color: #555;
}
.view-cart .sppb-btn:before,
.view-cart .sppb-btn:after {
    display: none;
}

/* Checkout */

#hikashop_checkout .sppb-btn:not(.hikashop_product_quantity_field_change) {
    padding: 0 20px;
}

#hikashop_checkout .hikashop_product_quantity_div input.form-control,
#hikashop_checkout .form-control.hikashop_product_quantity_field {
    padding: 0;
}

#hikashop_checkout .sppb-btn i {
    margin-right: 5px;
}

#hikashop_checkout input,
#hikashop_checkout select {
    border-radius: 0;
}

#hikashop_checkout legend {
    color: #231E41;
}

#hikashop_checkout .hikashop_payment_methods_table td,
#hikashop_checkout .hikashop_checkout_cart td {
    padding: 15px;
}

#hikashop_checkout .hikashop_checkout_payment_images,
#hikashop_checkout .hikashop_checkout_shipping_images {
    margin: 10px 0;
}

#hikashop_checkout .hikashop_checkout_shipping_images {
    display: block;
}


#hikashop_checkout .hikashop_product_quantity_input_div_default_main {
    padding: 10px 12px;
}

#hikashop_checkout .hikashop_cart_product_image_thumb {
    max-width: 200px;
    position: relative;
    overflow: hidden;
}

#hikashop_checkout .hikashop_cart_product_image_thumb img {
    width: 100%;
    transform: scale(1.001);
    transition: 0.3s ease-in-out;
}

#hikashop_checkout .hikashop_cart_product_image_thumb:hover img {
    transform: scale(1.05);
}
.hikashop_checkout_login {
    padding: 20px 30px;
    margin-bottom: 25px;
    background-color: #f7f9fd;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.hikashop_checkout_login h1 {
    line-height: 1.5;
    font-size: 48px;
    margin-bottom: 30px;
    text-align: center;
}
.hikashop_checkout_login h2 {
    display: none;
}

#hikashop_checkout>div:not(.hikashop_checkout_loading_elem, .hikashop_checkout_loading_spinner) {
    padding: 20px 30px;
    margin-bottom: 25px;
    background-color: #f7f9fd;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.hikashop_checkout_buttons .buttons_right {
    float: none;
}

#hikabtn_checkout_next {
    width: 100%;
}
.hikashop_checkout_payment_images {
    display: flex;
    gap: 10px;
}
.hika_address_display br {
    margin: 5px 0;
}
.hika_address_field button {
    margin-top: 15px;
}

/* */

/* CART MODULE */

.hikashop_cart_module_product_name_value .hikashop_product_code_cart {
    display: none;
}

#sp-position1 .hikashop_cart_module {
    white-space: nowrap;
    line-height: 55px;
    display: inline-block;
    padding: 0 20px 0 0;
    font-weight: 500;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 !important;
    margin: 0;
    width: 55px;
    height: 55px;
    transform: scale(0.95);
    box-shadow: 0 0 0 2px #FFFFFF;
    background-color: #F2F3F5;
    transition: 0.3s ease-in-out;
}

#sp-position1 .sb-icon img {
    width: 22px;
}

#sp-position1 .hikashop_cart_module:hover {
    filter: brightness(102%);
}
.hikashop_small_cart_checkout_link {
    width: 55px;
    display: flex;
    word-wrap: break-word;
    white-space: normal;
    line-height: 10px;
    height: 55px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 100%;
    background-color: #F2F3F5;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    line-height: 15px;
    font-size: 13px;
    color: #231E41;
}

#sp-position1 .hikashop_cart_module:hover .hikashop_small_cart_checkout_link {
    color: var(--maincolor);
}

div.hikashop_cart_dropdown_content {
    right: 0;
    top: 30px;
    padding: 20px;
}
.hikashop_cart table thead tr {
    border-bottom: 5px solid white;
}
.hikashop_cart table tbody tr {
    border-bottom: 15px solid white;
}
.hikashop_cart table tfoot tr {
    border-bottom: 15px solid white;
}
.hikashop_cart_module_product_name_value a {
    font-size: 16px;
    color: #1a2428;
    font-weight: 600;
    text-transform: capitalize;
}
.hikashop_cart_module .hikashop_product_price {
    width: 100%;
}
.hikashop_cart_module_product_name_value a {
    margin: 0;
    width: calc(100% - 10px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    -moz-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    box-orient: vertical;
    padding-left: 10px;
    display: block;
}
.hikashop_cart_module .sppb-btn {
    padding: 0px 15px;
}
.hikashop_checkout_loading_spinner,
.hikashop_checkout_loading_elem {
    display: none !important;
}
.hikashop_checkout_loading {
    position: static !important;
}

/* */

/* ANIMATION */
@keyframes jump {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, 50%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpTwo {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, 20px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpThree {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, -20px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpFour {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpFive {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, 10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes prXOne {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-15px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes prXTwo {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rotated {
    0% {
        transform: rotate(0);
    }

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

@keyframes rotatedTwo {
    0% {
        transform: rotate(0);
    }

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

@keyframes rotatedHalf {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes rotatedHalfTwo {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes scale-right {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(20%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0.2;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes hvr-ripple-out {
    0% {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
    }

    50% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0.8;
    }

    100% {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        opacity: 1;
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    100% {
        top: -30px;
        right: -30px;
        bottom: -30px;
        left: -30px;
        opacity: 0;
    }
}

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

    40% {
        transform: scale(0.5);
    }

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

@keyframes scale-up-two {
    0% {
        transform: scale(0.5);
    }

    40% {
        transform: scale(0.8);
    }

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

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

    40% {
        transform: scale(2);
    }

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

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}
.bounce {
    animation-name: bounce;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.pulse {
    animation-name: pulse;
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}
.shake {
    animation-name: shake;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
.swing {
    transform-origin: top center;
    animation-name: swing;
}

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

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}
.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}
.wobble {
    animation-name: wobble;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}
.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}
.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}
.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}
.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}
.bounceInUp {
    animation-name: bounceInUp;
}

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

    25% {
        transform: scale(0.95);
    }

    50% {
        opacity: 1;
        transform: scale(1.1);
    }

    100% {
        opacity: 0;
        transform: scale(0.3);
    }
}
.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}
.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}
.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}
.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translateY(150px);
    }

    100% {
        transform: translateY(0);
    }
}
.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}
.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-200px);
    }

    100% {
        transform: translateX(0);
    }
}
.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(200px);
    }

    100% {
        transform: translateX(0);
    }
}
.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}
.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}
.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}
.slideOutUp {
    animation-name: slideOutUp;
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}
.hinge {
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}
.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    animation-name: rollOut;
}

@keyframes jump {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, 50%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpTwo {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, 20px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpThree {
    0% {
        transform: translate3d(0, 0, 0);
    }

    40% {
        transform: translate3d(0, -20px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpFour {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jumpFive {
    0% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, 10px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes prXOne {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-15px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes prXTwo {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rotated {
    0% {
        transform: rotate(0);
    }

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

@keyframes rotatedTwo {
    0% {
        transform: rotate(0);
    }

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

@keyframes rotatedHalf {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(90deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes rotatedHalfTwo {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(-90deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes scale-right {
    0% {
        transform: translateX(0%);
    }

    50% {
        transform: translateX(20%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes fade-in {
    0% {
        opacity: 0.2;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

@keyframes hvr-ripple-out {
    0% {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
    }

    50% {
        top: -15px;
        right: -15px;
        bottom: -15px;
        left: -15px;
        opacity: 0.8;
    }

    100% {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        opacity: 1;
    }
}

@keyframes hvr-ripple-out-two {
    0% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    100% {
        top: -30px;
        right: -30px;
        bottom: -30px;
        left: -30px;
        opacity: 0;
    }
}

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

    40% {
        transform: scale(0.5);
    }

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

@keyframes scale-up-two {
    0% {
        transform: scale(0.5);
    }

    40% {
        transform: scale(0.8);
    }

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

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

    40% {
        transform: scale(2);
    }

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

/* */

@media (min-width: 320px) {
    .contained-row .sppb-container-inner {
        max-width: 400px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 576px) {
    .contained-row .sppb-container-inner {
        max-width: 540px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .contained-row .sppb-container-inner {
        max-width: 720px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .contained-row .sppb-container-inner {
        max-width: 960px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    .contained-row .sppb-container-inner {
        max-width: 1140px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 575px) {
    .contained-row .sppb-container-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* J4 Optimization */

.sp-megamenu-wrapper,
#sp-header>.container>.container-inner>.row>div:not(#sp-logo)>.sp-column,
#sp-header>.row>div:not(#sp-logo)>.sp-column {
    display: block !important;
}


#sp-header .sp-module {
    margin-left: 0px !important;
}


@media (min-width: 1400px) {
    .contained-row .sppb-container-inner {
        max-width: 1320px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1400px) {
    .contained-section {
        max-width: 1320px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
}

/* PAGE BUILDER 5.X OPTIMIZATION */

#sp-main-body .sppb-section .sppb-row-container .sppb-row .sppb-row-column,
#sp-footer .sppb-section .sppb-row-container .sppb-row .sppb-row-column,
.sppb-col,
.sppb-col-auto,
.sppb-col-lg,
.sppb-col-lg-1,
.sppb-col-lg-10,
.sppb-col-lg-11,
.sppb-col-lg-12,
.sppb-col-lg-2,
.sppb-col-lg-3,
.sppb-col-lg-4,
.sppb-col-lg-5,
.sppb-col-lg-6,
.sppb-col-lg-7,
.sppb-col-lg-8,
.sppb-col-lg-9,
.sppb-col-lg-auto,
.sppb-col-md,
.sppb-col-md-1,
.sppb-col-md-10,
.sppb-col-md-11,
.sppb-col-md-12,
.sppb-col-md-2,
.sppb-col-md-3,
.sppb-col-md-4,
.sppb-col-md-5,
.sppb-col-md-6,
.sppb-col-md-7,
.sppb-col-md-8,
.sppb-col-md-9,
.sppb-col-md-auto,
.sppb-col-sm,
.sppb-col-sm-1,
.sppb-col-sm-10,
.sppb-col-sm-11,
.sppb-col-sm-12,
.sppb-col-sm-2,
.sppb-col-sm-3,
.sppb-col-sm-4,
.sppb-col-sm-5,
.sppb-col-sm-6,
.sppb-col-sm-7,
.sppb-col-sm-8,
.sppb-col-sm-9,
.sppb-col-sm-auto,
.sppb-col-xl,
.sppb-col-xl-1,
.sppb-col-xl-10,
.sppb-col-xl-11,
.sppb-col-xl-12,
.sppb-col-xl-2,
.sppb-col-xl-3,
.sppb-col-xl-4,
.sppb-col-xl-5,
.sppb-col-xl-6,
.sppb-col-xl-7,
.sppb-col-xl-8,
.sppb-col-xl-9,
.sppb-col-xl-auto,
.sppb-col-xs-1,
.sppb-col-xs-10,
.sppb-col-xs-11,
.sppb-col-xs-12,
.sppb-col-xs-2,
.sppb-col-xs-3,
.sppb-col-xs-4,
.sppb-col-xs-5,
.sppb-col-xs-6,
.sppb-col-xs-7,
.sppb-col-xs-8,
.sppb-col-xs-9,
.sppb-row-column {
    position: static;
}

:root {
    --maincolor: #8ebf43;
    --secondcolor: #19352D;
    --thirdcolor: #056938;
    --fourthcolor: #0C3A30;
    --fifthcolor: #FFDB1E;
    --sixthcolor: #46846A;
    --seventhcolor: #FFE86B;
    --eightcolor: #0E3E2F;
}
.text-secondary {
    color: var(--secondcolor) !important;
}
.primary-color {
    color: var(--maincolor) !important;
}

/*----------- NEW ADDED CSS ----------*/
.hide {
    display: none !important;
}
.z-2 {
    z-index: 2 !important;
}

a {
    text-decoration: none;
}

#sp-header {
    border: none;
}

#sp-header .logo img {
    max-height: 45px;
}

#sp-header.header-sticky {
    background: transparent;
    box-shadow: none;
    padding-top: 20px;
}
.main-hero-sec {
    z-index: inherit !important;
}

#sp-page-builder .page-content .main-hero-sec .sppb-section {
    position: inherit;
}

#sp-page-builder .calculator-section-home.sppb-section,
#sp-page-builder .main-hero-sec.sppb-section,
.main-hero-sec .sppb-section {
    z-index: inherit !important;
    position: static !important;
}
.hero-image-right {
    position: relative !important;
}
.hero-image-right .mx-image {
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 1;
}
.hero-image-right .furniture-img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.hero-image-right .hero-shield-img img {
    margin-bottom: -10px;
}
.top-calc-wrapper.top-calc-module form>.row {
    display: flex;
    align-items: center;
}
.top-calc-wrapper .content-premium-block {
    margin: -150px 0 -45px;
}
.top-calc-wrapper .content-premium-block span#content-amount {
    display: none;
}
.top-calc-wrapper .content-premium-block .content-slider-input-block {
    display: inline-block;
    width: 100%;
    border: none;
    padding: 0;
    margin-bottom: 30px;
}
.top-calc-wrapper .content-premium-block .calc-title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 28px;
    font-weight: 700;
    height: 40px;
    visibility: hidden;
}
/* .top-calc-wrapper .content-premium-block .calc-title img {
    width: 25px;
    margin-right: 10px;
    margin-top: -2px;
    display: inline-block;
} */
.top-calc-wrapper .content-premium-block .calc-title img.dark-img {
    display: none;
}
.top-calc-wrapper .content-premium-block #content-pre-amount {
    width: 100%;
    margin: 0;
    padding: 12px 15px 12px 60px !important;
    font-size: 16px;
    text-align: left;
    border: none;
    background: #f8f8f8 !important;
    color: var(--maincolor);
    border-radius: 30px;
    font-weight: 800;
}
.top-calc-wrapper .content-premium-block input:-internal-autofill-selected {
    color: var(--maincolor) !important;
}

.top-calc-wrapper .content-premium-block input:-webkit-autofill,
.top-calc-wrapper .content-premium-block input:-webkit-autofill:hover,
.top-calc-wrapper .content-premium-block input:-webkit-autofill:focus,
.top-calc-wrapper .content-premium-block input:-internal-autofill-selected {
    background: #f8f8f8 !important;
    -webkit-box-shadow: 0 0 0px 1000px #f8f8f8 inset;
}
.top-calc-wrapper .content-premium-block .calc-input-title {
    font-weight: 700 !important;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 18px;
}
.top-calc-wrapper .content-premium-block-input .calc-input-title {
    line-height: 15px;
    width: 45%;
    padding: 10px 5px 10px 15px;
}
.top-calc-wrapper .content-premium-block-input .calc-input-title span {
    line-height: 8px;
    display: inline-block;
    margin-top: 10px;
}
.top-calc-wrapper .content-premium-block .calc-input-title span {
    font-weight: normal !important;
    font-size: 13px;
}
.top-calc-wrapper .content-premium-block .rating-text {
    margin-top: 25px;
    margin-bottom: 0;
    font-size: 14px;
}
.top-calc-wrapper .content-premium-block .rating-text i {
    color: #fff;
    font-size: 19px;
    vertical-align: middle;
    margin: -7px 3px 0 8px;
    text-align: right;
}
.top-calc-wrapper .content-right-block ul {
    margin: 0;
    padding: 0;
}
.top-calc-wrapper .content-right-block ul li {
    margin-top: 8px;
    font-size: 16px;
}
.top-calc-wrapper .content-right-block ul li:first-child {
    margin-top: 0;
}
.top-calc-wrapper .content-premium-block-input {
    background: var(--thirdcolor);
    border-radius: 10px;
    padding: 6px;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
}
.top-calc-wrapper .content-right-block {
    padding: 30px 25px;
    min-height: 258px;
    display: flex;
    align-items: center;
}
.content-premium-block-input #content-premium {
    float: none;
    text-align: right;
    font-weight: bold;
    width: 150px;
    margin: 0 auto;
    display: inline-block;
}
.top-calc-wrapper .content-premium-block-input #content-premium {
    margin: 0 0 0 auto;
    font-size: 18px;
    width: auto;
    text-align: center;
    display: inline;
}
.top-calc-wrapper .content-premium-block-input #content-premium span {
    font-weight: normal;
}
.top-calc-wrapper .premium-box {
    font-size: 15px;
    margin-left: auto;
    font-weight: normal;
}
.top-calc-wrapper span.premium-tooltip {
    position: absolute;
    top: 8px;
    right: 8px;
}
.tooltip.show{
    opacity: 1;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #fff;
    --bs-tooltip-arrow-height: 10px;
    --bs-tooltip-arrow-width: 20px;
}
.tooltip .tooltip-inner {
    background: #fff;
    opacity: 1;
    color: var(--thirdcolor);
    max-width: 350px;
    box-shadow: 0px 5px 19px rgba(0,0,0,0.08);
    padding: 15px;
}
.top-calc-wrapper .jboxtooltip-mod-calccontent i {
    margin: -3px 0 0 5px;
    font-size: 18px;
    vertical-align: middle;
}
.top-calc-wrapper .calc-input-box {
    position: relative;
    display: inline-block;
    width: 100%;
}
.top-calc-wrapper .calc-input-box span {
    position: absolute;
    z-index: 1;
    left: 6px;
    color: var(--thirdcolor);
    background: #f8f8f8;
    padding: 3px 10px;
    top: 50%;
    display: block;
    margin-top: -9px;
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
}
.top-calc-wrapper .amount-spinner {
    display: inline-block;
    vertical-align: middle;
}
.top-calc-wrapper .amount-spinner>div {
    width: 8px;
    height: 8px;
    margin-right: 3px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    position: relative;
    top: -3px;
}
.top-calc-wrapper .amount-spinner .bounce-1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.amount-spinner .bounce-2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
.top-calc-wrapper .content-right-block .benefits-list {
    color: var(--thirdcolor);
    font-size: 18px;
    padding-left: 25px;
}
.top-calc-wrapper .content-right-block .benefits-list .fa {
    margin-right: 5px;
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--maincolor);
    transition: all 0.2s ease-in-out 0s;
    position: relative;
    vertical-align: middle;
    margin-top: -2px;
}
.top-calc-wrapper .content-right-block .benefits-list .fa.fa-check-square:before {
    content: "\f633";
    font-family: "bootstrap-icons";
    top: 50%;
    left: 0;
    color: #ffffff;
    transition: all 0.2s ease-in-out 0s;
    transform: translate(0px, -50%);
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.top-calc-wrapper .content-premium-block  .calc-calc-part {
    min-height: 160px;
}
.top-calc-wrapper .content-premium-block .calc-inner-content {
    background: var(--maincolor) url(../images/calc_shield.png) no-repeat right;
    padding: 35px 30px 35px;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    position: relative;
    min-height: 278px;
    background-size: contain;
}
.top-calc-wrapper .content-premium-block .calc-inner-content.calc-start {
    background-image: none;
}
.top-calc-wrapper .content-premium-block .calc-title .calc-icon {
    width: 30px;
    margin-right: 15px;
}
.top-calc-wrapper .content-premium-block .calc-title .title-content {
    font-size: 18px;
    line-height: 19px;
    font-weight: 600;
}
.top-calc-wrapper .content-premium-block .calc-title .title-content span {
    font-size: 14px;
    font-weight: normal;
}
.top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default input {
    opacity: 0;
    display: none;
}
.top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default {
    background: var(--thirdcolor);
    color: #fff;
    border: none;
    border-bottom: none;
    border-radius: 15px 15px 0 0;
    margin-right: 10px;
    padding: 16px 30px 10px;
    font-weight: 600;
    min-width: 140px;
    font-size: 18px;
    line-height: 26px;
    position: relative;
    z-index: 1;
}
.top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default.btn-success {
    background-color: var(--maincolor);
    border-color: var(--maincolor);
}
.top-calc-wrapper .content-premium-block-input .premium-calc-sec {
    width: 55%;
    text-align: center;
    background: #8ebf43;
    border-radius: 6px;
    padding: 20px 10px;
    line-height: 24px;
    position: relative;
}
.top-calc-wrapper .content-premium-block-input .premium-calc-sec span.jboxtooltip-mod-calccontent {
    position: absolute;
    top: 3px;
    right: 10px;
}
.top-calc-wrapper .calc-inner-content .calculator-premium-btn {
    margin-top: 15px;
}
.top-calc-wrapper .calc-inner-content .calculator-premium-btn button {
    background: #33863b;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 25px;
    min-width: 200px;
    border-radius: 25px;
    transition: 0.3s;
}
.top-calc-wrapper .calc-inner-content .calc-btn-box .calculator-premium-btn.active button{
    background: var(--thirdcolor);
    cursor: pointer;
}
/* .top-calc-wrapper .calc-inner-content .calculator-premium-btn button:hover{
    background: var(--thirdcolor);
} */

.top-calc-wrapper .calc-btn-box {
    margin-top: 35px;
    display: flex;
}
.top-calc-wrapper .calc-btn-box .calc-input-box {
    max-width: 170px;
}
.top-calc-wrapper .calc-inner-content .calc-btn-box .calculator-premium-btn {
    margin-top: 0;
    margin-left: 20px;
}
.top-calc-wrapper .calc-inner-content .calc-btn-box .calculator-premium-btn button {
    min-width: 160px;
    padding: 8px 15px;
}
.top-calc-wrapper .col-sm-4 .calc-btn-box{
    margin-top: 0;
}
.content-premium-loader {
    width: 100%;
    text-align: center;
    /* position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #056938;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 10px 10px;
    z-index: 1; */
}

.buttons-block .white-box-calc,
.buttons-block .transparent-box-calc{
    padding: 25px 25px 30px;
    background: #fff;
    border-radius: 10px;
}
.buttons-block .transparent-box-calc {
    background: transparent;
    padding: 25px 10px 30px;
}

.buttons-block .question-title {
    margin-bottom: 5px;
    font-weight: 700 !important;
    color: var(--thirdcolor);
    font-size: 17px;
}
.buttons-block .calc-subtitle {
    font-size: 15px;
    color: var(--thirdcolor);
    margin-bottom: 20px;
    max-width: 100%;
    line-height: 20px;
}
.buttons-block input,
.buttons-block a {
    /* background: #fff; */
    /* color: #777; */
    display: inline-block;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600;
    min-width: 160px;
    background: linear-gradient(90deg, #8ebf43, #056938);
    color: #fff;
    border: none;
    transition: 0.3s;
}
.buttons-block input {
    background: var(--thirdcolor);
    border: 2px solid var(--thirdcolor);
}
.buttons-block input.btn:hover,
.buttons-block input.btn:focus,
.buttons-block input.btn:active,
.buttons-block a.btn:hover,
.buttons-block a.btn:focus,
.buttons-block a.btn:active {
    /* background: #056938;
    color: #fff;
    text-decoration: none;
    border-color: #056938; */
    color: #fff;
    text-decoration: none;
    transform: scale(1.07);
}
.buttons-block a {
    border: 2px solid #fff;
    background: #fff;
    color: var(--thirdcolor);
}

.buttons-block input.btn:hover,
.buttons-block input.btn:focus,
.buttons-block input.btn:active{
    background: var(--thirdcolor);
}
.buttons-block a.btn:hover,
.buttons-block a.btn:focus,
.buttons-block a.btn:active{
    border: 2px solid var(--thirdcolor);
    background: var(--thirdcolor);
    color: #fff;
}
.jBox-content {
    font-size: 15px;
}

#sp-header {
    padding: 1rem 0;
}
.right-top .sppb-row-container {
    padding-right: 0;
}

body.ltr #sp-header .sp-megamenu-parent {
    position: static;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    left: 50%;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
    right: 0px;
    width: 100vw;
    max-width: inherit;
    transform: translate(-50%, 30px);
    left: 50%;
    animation: spFadeIn 400ms ease-in;
    padding: 0 27px 0 10px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-mega .sp-dropdown-inner {
    padding: 0;
}

body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full .sp-dropdown-inner {
    background: transparent;
}
.sp-megamenu-parent>li {
    position: static;
    margin: 0 2px;
}
.sp-megamenu-parent>li>a:before {
    content: '';
    position: absolute;
    background: transparent;
    height: 100%;
    width: 100%;
    top: 100%;
}

.top-calc-wrapper .content-premium-block .calc-inner-content.business-view {
    background-color: var(--thirdcolor);
}
.top-calc-wrapper .calc-inner-content.business-view .calc-btn-box .calculator-premium-btn.active button {
    background: var(--maincolor);
}
.top-calc-wrapper .calc-inner-content.business-view .content-premium-block-input {
    background: var(--maincolor);
}
.top-calc-wrapper .calc-inner-content.business-view .content-premium-block-input .premium-calc-sec {
    background: var(--thirdcolor);
}

.top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default.business-btn {
    background-color: var(--thirdcolor);
    border-color: #ffffff80;
}
.top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default.private-btn {
    background: var(--maincolor);
    border-color: #ffffff80;
}


/*----------- MEGA Menu CSS -----------*/
#yt_menuwrap>.container>.row,
#yt_menuwrap #meganavigator,
#yt_menuwrap #meganavigator li.level1 {
    position: initial;
}

#meganavigator .fullmegachild .mega-content {
    left: 0px !important;
    border: none;
    width: 100%;
    margin-top: 20px;
    border-radius: 0;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
    display: none;
}

#yt_menuwrap #meganavigator li.level1.fixed-menu {
    position: relative;
}

#meganavigator .fixed-menu .mega-content {
    /* max-width: 245px; */
    border: none;
    box-shadow: none;
}
.menu-fixed #meganavigator .mega-content {
    margin-top: 0;
}

#meganavigator .fullmegachild .mega-content,
#meganavigator .fixed-menu .mega-content {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out;
    /* It slowly shows the element as we place the mouse on the box and when the time reaches 2 seconds, it is fully visible. */
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-in-out;
}

#meganavigator .fullmegachild.hover .mega-content,
#meganavigator .fixed-menu.hover .mega-content {
    opacity: 1;
    visibility: visible;
}

#meganavigator .mega-content.megachild .mega-content-inner {
    padding: 0;
}
.mega-content .mega-content-inner .first .mega-group-title {
    display: none;
}

#meganavigator .mega-content .mega-col .mega-module .module-row {
    margin: 0;
    align-items: inherit;
    justify-content: flex-start;
    min-height: 230px;
}

#meganavigator .mega-content .mega-col .mega-module .module-row.fullheight {
    min-height: 456px;
    max-height: 456px;
}

#yt_menuwrap #meganavigator li.level1.havechild:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: relative;
    top: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    left: 50%;
    margin-top: -15px;
    margin-left: -10px;
    z-index: 10;
    opacity: 0;
    transition: opacity 0.5s ease-out;
    /* It slowly shows the element as we place the mouse on the box and when the time reaches 2 seconds, it is fully visible. */
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-in-out;
}

#yt_menuwrap #meganavigator li.level1.havechild:hover:after {
    opacity: 1;
}

#meganavigator .mega-content:before {
    display: none;
}
.module-row .left-column {
    background: #056838;
    color: #fff;
}
.module-row .left-column .content-block {
    height: 50%;
    margin: 0 -15px;
    padding: 32px 30px;
}
.module-row.business-row .left-column .content-block {
    height: 100%;
}
.module-row .left-column .content-block+.content-block {
    background: var(--maincolor);
    padding-top: 30px;
}
.module-row .right-column {
    background: #fff;
    padding-left: 5px;
}
.module-row .right-column .menu-list .row .col-sm-4:nth-child(3n + 1) {
    clear: both;
    padding-left: 10px;
}
.module-row .left-column .content-block+.content-block .readmore-link a {
    color: #fff;
}
.module-row .right-column .content-block {
    color: var(--thirdcolor);
}
.module-row .content-block-title {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0px;
}
.module-row .content-block-desc {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 22px;
}
.module-row .menu-list {
    height: 100%;
    padding: 32px 0;
}
.module-row .menu-list .row {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    margin: 0px;
}
.module-row .left-column .content-block .col-sm-9,
.module-row .right-column .content-block .col-sm-9 {
    padding-left: 0;
    padding-right: 0;
}
.module-row .right-column .content-block .col-sm-3 {
    padding-left: 0;
}
.module-row .menu-list .row .col-sm-4 {
    margin-bottom: 0;
    padding: 0px 20px 25px;
    height: 50%;
    position: relative;
}
.module-row.business-row .menu-list .row .col-sm-4 {
    height: 100%;
}
.module-row .menu-list .row .col-sm-4:before {
    content: '';
    position: absolute;
    width: calc(100% - 80px);
    height: 1px;
    background: var(--maincolor);
    bottom: 0;
    left: 40px;
}
.module-row .menu-list .row .col-sm-4:after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 30px);
    background: var(--maincolor);
    bottom: 0;
    right: 0;
    top: 0;
}
.module-row .menu-list .row .col-sm-4.column4:after,
.module-row .menu-list .row .col-sm-4.column5:after {
    top: 30px;
}
.module-row .menu-list .row .col-sm-4.column3:before,
.module-row .menu-list .row .col-sm-4.column5:after{
    display: none;
}
.module-row .menu-list .content-block-title {
    margin-top: 0px;
}

/* .module-row .menu-list .row .col-sm-4.column3:before, */
.module-row .menu-list .row .col-sm-4.column3:after,
.module-row .menu-list .row .col-sm-4.column4:before,
.module-row .menu-list .row .col-sm-4.column5:before,
.module-row .menu-list .row .col-sm-4.column6:before,
.module-row .menu-list .row .col-sm-4.column6:after

/* .module-row .menu-list .row .col-sm-4.column5:after
.module-row .menu-list .row .col-sm-4.column6:before,
.module-row .menu-list .row .col-sm-4.column6:after*/
    {
    display: none;
}
.module-row .menu-list .row .col-sm-4.column4,
.module-row .menu-list .row .col-sm-4.column4,
.module-row .menu-list .row .col-sm-4.column5,
.module-row .menu-list .row .col-sm-4.column5,
.module-row .menu-list .row .col-sm-4.column6 {
    margin-bottom: 0;
    padding-bottom: 30px;
    padding-top: 30px;
}
.module-row .menu-list .row .col-sm-4.column6.online-portal-sec {
    padding: 0 30px 0 0;
}
.module-row .menu-list .row .col-sm-4.column6.online-portal-sec .content-block {
    height: 100%;
    background: linear-gradient(180deg, rgb(236, 243, 238) 0%, #FFFFFF 100%);
    border-radius: 20px;
    padding: 25px 15px 25px;
}
.module-row .content-block img,
.module-row .content-block svg {
    max-height: 40px;
    width: 100%;
}

/* .module-row .menu-list .row .col-sm-4.online-portal-sec{
    padding: 0;
}
.module-row .menu-list .row .col-sm-4.online-portal-sec .content-block {
    padding: 30px 30px;
    background: #f0f0f0;
    position: relative;
    bottom: 0;
    border-radius: 20px;
    width: calc(100% - 30px);
    margin-bottom: 20px;
}
html[lang="fr-fr"] .module-row .menu-list .row .col-sm-4.online-portal-sec .content-block,
html[lang="it-it"] .module-row .menu-list .row .col-sm-4.online-portal-sec .content-block{
    margin-bottom:30px;
} */
html[lang="fr-fr"] #meganavigator .mega-content .mega-col .mega-module .module-row.fullheight {
    min-height: 510px;
    max-height: 510px;
}
.white.svg-converted path {
    fill: #ffffff;
}
.green.svg-converted path {
    fill: var(--maincolor);
}
.dark-green.svg-converted circle {
    fill: #056838;
}
.module-row .content-block .readmore-link svg,
.module-row .content-block .readmore-link img {
    max-height: 20px;
    vertical-align: middle;
    margin-left: 5px;
    width: 20px;
    display: inline-block;
}
.module-row .content-block .readmore-link {
    font-weight: 600;
    height: 24px;
}
.module-row .content-block .readmore-link a {
    color: var(--maincolor);
    font-size: 15px;
    line-height: 16px;
}
.module-row .menu-list .content-block .readmore-link a:hover {
    color: #056838;
}
.module-row .menu-list .content-block .readmore-link a:hover svg circle {
    fill: #056838;
}
.module-row .menu-list.business-menu .col-sm-4 {
    padding-bottom: 0;
    margin-bottom: 0;
}
.module-row .menu-list.business-menu .col-sm-4:before {
    display: none;
}
.module-row .menu-list.business-menu .col-sm-4:after {
    height: 100%;
}

/* .mega-content-inner{
    opacity:0;
}    */

div.mod-languages ul li.lang-active {
    background-color: #056938 !important;
    padding: 0px 8px 0;
    border-radius: 3px;
}

div.mod-languages ul li a:hover {
    color: #222 !important;
}

div.mod-languages ul li.lang-active a {
    color: #fff !important;
}
.view-article #sp-main-body .container {
    width: 100%;
    max-width: 100%;
}

#sp-page-builder .page-content .sppb-section.round-circle-box {
    max-width: 120px;
    margin-left: auto;
    position: relative !important;
    margin-right: auto;
}

#sp-page-builder .page-content .sppb-section.round-circle-box .count-number {
    position: absolute;
    left: 0;
    top: 0;
    background: #8cbf41;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 35px;
    font-weight: 600;
}

#sp-page-builder .page-content .sppb-section.review-form-section {
    position: relative !important;
}

/* .review-form-section:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #8ebf434d;
  width: 50%;
  height: 100%;
} */

body.pt-0.com-content section#sp-main-body,
body.pt-0.com-content #sp-header.header-sticky~section#sp-main-body {
    padding: 0;
}
.review-list-section {}
.review-box {
    background: #ffffff;
    border-radius: 0;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin: 20px 0px 0px;
    /* width: 300px; */
    width: 100%;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.review-box .review-icon-boc {
    width: 45px;
}
.review-box .review-right-sec {
    width: calc(100% - 45px);
    padding-left: 12px;
}
.review-box .review-right-sec .top-star-sec {
    display: flex;
}
.review-box .review-right-sec .rating-number {
    color: #4C7BE5;
    font-size: 20px;
    font-weight: 800;
    margin-right: 10px;
}
.review-box .review-right-sec .rating-star {
    font-size: 20px;
    color: #E7B73E;
}
.review-box .review-right-sec .rating-star i.fa {
    padding: 0;
    margin: -2px 0px 0;
}
.review-box .review-right-sec .rating-text {
    font-size: 14px;
    margin-top: 2px;
}
.review-box .review-right-sec .rating-number.google {
    color: #4C7BE5;
}
.review-box .review-right-sec .rating-number.facebook {
    color: #435995;
}
.review-box .review-right-sec .rating-number.local {
    color: #4DABE5;
}

button.mfp-close {
    font-family: inherit;
}

ul.list-arrow li i {
    color: #8dbf43;
    margin-right: 8px;
}

/* -------------------------------------
 * timeline
 * ------------------------------------- */
.timeline-view {
    list-style: none;
    margin: 50px 0 30px 135px;
    padding-left: 30px;
    border-left: 8px solid #fff;
    position: relative;
}
.timeline-view:before,
.timeline-view:after {
    content: '';
    background: #fff;
    width: 8px;
    height: 100%;
    position: absolute;
    left: -8px;
    bottom: 100%;
}
.timeline-view:after {
    bottom: auto;
    top: 100%;
}
.timeline-view li {
    margin: 40px 0;
    position: relative;
}
.timeline-view p {
    margin: 0 0 15px;
}
.timeline-view .date {
    margin-top: -10px;
    top: 50%;
    left: -210px;
    font-size: 0.95em;
    line-height: 20px;
    position: absolute;
    font-weight: 600;
}
.timeline-view .circle {
    margin-top: -10px;
    top: 50%;
    left: -44px;
    width: 10px;
    height: 10px;
    background: #8DBF43;
    border: 5px solid #ffffff;
    border-radius: 50%;
    display: block;
    position: absolute;
    box-sizing: content-box;
}
.timeline-view .content {
    padding: 70px 30px 10px;
    border-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-radius: 0.5em;
    position: relative;
    max-height: 2px;
}
.timeline-view .content:before,
.timeline-view .content:after {
    content: "";
    width: 0;
    height: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    right: 100%;
    display: none;
}
.timeline-view .content:before {
    border-right-color: inherit;
    border-width: 20px;
    top: 50%;
    margin-top: -20px;
}
.timeline-view .content:after {
    border-right-color: #8dbf43;
    border-width: 17px;
    top: 50%;
    margin-top: -17px;
}
.timeline-view .content p {
    max-height: 0;
    color: transparent;
    text-align: justify;
    word-break: break-word;
    hyphens: auto;
    overflow: hidden;
    line-height: 30px;
}
.timeline-view label {
    font-size: 1.3em;
    position: absolute;
    z-index: 100;
    cursor: pointer;
    top: 20px;
    transition: transform 0.2s linear;
}
.timeline-view .radio {
    display: none;
}
.timeline-view .radio:checked+.relative label {
    cursor: auto;
    transform: translateX(50px);
    color: #fff;
    font-weight: 600;
}
.timeline-view .radio:checked+.relative .circle {
    background: #056938;
}
.timeline-view .radio:checked~.content {
    border-color: #8dbf43;
    margin-right: 20px;
    transform: translateX(20px);
    transition: max-height 0.4s linear, border-color 0.5s linear, transform 0.2s linear;
    max-height: 100%;
    background: #8dbf43;
}
.timeline-view .radio:checked~.content:after {
    display: block;
}
.timeline-view .radio:checked~.content p {
    max-height: 200px;
    color: #fff;
    transition: color 0.3s linear 0.3s;
}
.contact-tabs ul.sppb-nav-modern.sppb-nav {
    background: #056938;
    border-radius: 40px;
    padding: 35px 10px;
    justify-content: space-between;
    margin-bottom: 50px;
}
.contact-tabs ul.sppb-nav-modern.sppb-nav.sppb-nav-modern>li {
    margin: 0px;
    border-left: 1px solid #fff;
}
.contact-tabs ul.sppb-nav.sppb-nav-modern>li:first-child {
    border-left: none;
}
.contact-tabs ul.sppb-nav.sppb-nav-modern>li>a {
    background: transparent;
    border: none;
    color: #8ebf43;
    padding: 0 15px 0 30px;
    font-size: 22px;
}
.contact-tabs ul.sppb-nav.sppb-nav-modern>li:first-child>a {
    padding-left: 0px;
}
.contact-tabs ul.sppb-nav.sppb-nav-modern>li>a span {
    color: #fff;
    font-weight: normal;
    font-size: 17px;
}
.contact-tabs ul.sppb-nav-modern.sppb-nav .sppb-tab-subtitle {
    display: block;
}
.contact-tabs ul.sppb-nav.sppb-nav-modern>li.active:after {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    background: url(../../../images/shadow-arrow-dark.svg) no-repeat;
    width: 35px;
    height: 16px;
    border: none;
    background-size: 100% auto;
    bottom: -50px;
    top: auto;
    display: block;
    margin: 0 auto;
}
.contact-tabs .form-group hr.hr-border {
    margin: 10px 0px 25px;
}
.contact-tabs .form-group hr {
    margin: 10px 0px 20px;
}
.contact-tabs .rsform-block p{
    color: var(--thirdcolor);
}
.contact-tabs .rsform-block p.small-txt{
    font-size: 18px;
}
.tab-design-2 .sppb-modern-tab {
    flex-direction: row;
    justify-content: center;
}
.tab-design-2 ul.sppb-nav-modern.sppb-nav {
    background: #056938;
    border-radius: 100px;
    padding: 30px 25px 30px 40px;
    justify-content: space-between;
    margin-bottom: 50px;
}
.tab-design-2 ul.sppb-nav-modern.sppb-nav.sppb-nav-modern>li {
    margin: 0px;
    border-left: 1px solid #fff;
}
.tab-design-2 ul.sppb-nav.sppb-nav-modern>li:first-child {
    border-left: none;
}
.tab-design-2 ul.sppb-nav.sppb-nav-modern>li>a {
    background: transparent;
    border: none;
    color: #8ebf43;
    padding: 0 15px 0 30px;
    font-size: 22px;
}
.tab-design-2 ul.sppb-nav.sppb-nav-modern>li:first-child>a {
    padding-left: 0px;
}
.tab-design-2 ul.sppb-nav.sppb-nav-modern>li>a span {
    color: #fff;
    font-weight: normal;
    font-size: 17px;
}
.tab-design-2 ul.sppb-nav-modern.sppb-nav .sppb-tab-subtitle {
    display: block;
}
.tab-design-2 ul.sppb-nav.sppb-nav-modern>li.active:after {
    position: absolute;
    left: 0;
    right: 0;
    content: '';
    background: url(../../../images/shadow-arrow-dark.svg) no-repeat;
    width: 35px;
    height: 16px;
    border: none;
    background-size: 100% auto;
    bottom: -45px;
    top: auto;
    display: block;
    margin: 0 auto;
}
.tab-design-3 .sppb-modern-tab {
    flex-direction: row;
    justify-content: left;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav {
    background: #056938;
    padding: 4px;
    border-radius: 35px;
    box-shadow: 0px 0px 1px 0 #056938;
    display: inline-flex;
    border: 1px solid #056938;
    margin-bottom: 40px;
    flex-wrap: nowrap;
    width: 50%;
    position: relative;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li {
    margin: 0px;
    flex-basis: calc(100% /2);
    position: relative;
    z-index: 1;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li>a {
    border-radius: 35px;
    border: none;
    background: none;
    font-size: 18px;
    padding: 15px 25px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li.active>a {
    /* background: var(--maincolor); */
    color: #fff;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li>a:before {
    content: '';
    background: var(--maincolor);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 35px;
    z-index: -1;
    transition: 0.5s ease-in;
    left: 0;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li.active>a:before {
    width: 100%;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav>li:first-child>a:before {
    left: auto;
    right: 0;
}
.tab-design-3 .sppb-modern-tab ul.sppb-nav:before,
.tab-design-3 .sppb-modern-tab ul.sppb-nav:after{
    display: none;
}

.tab-design-4 .sppb-modern-tab {
    flex-direction: row;
    justify-content: left;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav {
    background: #eaf3de;
    padding: 4px;
    border-radius: 35px;
    box-shadow: 0px 0px 1px 0 #eaf3de;
    display: inline-flex;
    border: 1px solid #eaf3de;
    margin-bottom: 40px;
    flex-wrap: nowrap;
    width: 50%;
    position: relative;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li {
    margin: 0px;
    flex-basis: calc(100% /2);
    position: relative;
    z-index: 1;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li>a {
    border-radius: 35px;
    border: none;
    background: none;
    font-size: 18px;
    padding: 15px 25px;
    color: var(--maincolor);
    text-align: center;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li.active>a {
    /* background: var(--maincolor); */
    color: #fff;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li>a:before {
    content: '';
    background: var(--maincolor);
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    border-radius: 35px;
    z-index: -1;
    transition: 0.5s ease-in;
    left: 0;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li.active>a:before {
    width: 100%;
}
.tab-design-4 .sppb-modern-tab ul.sppb-nav>li:first-child>a:before {
    left: auto;
    right: 0;
}

/*------- CONTACT FORM DESIGN -------*/
.contact-tabs .form-group {
    margin-bottom: 25px;
}
.contact-tabs .form-group .form-control {
    padding: 8px 20px;
    min-height: 50px;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
    color: var(--thirdcolor);
}
.contact-tabs .form-group input[type="file"] {
    color: var(--thirdcolor);
    font-size: 16px;
}
.contact-tabs .form-group .form-control::placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.contact-tabs .form-group .form-control::-moz-placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.contact-tabs .form-group .form-control::-webkit-input-placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.contact-tabs .form-group.has-error .form-control,
.contact-tabs .form-group .form-control.rsform-error {
    border-color: #a94442;
}
.contact-tabs .form-group.rsform-block-send .formControls {
    position: relative;
}
.contact-tabs .form-group .formControls.selectdiv {
    position: relative;
}
.form-group.rsform-block .formControls.selectdiv:after {
    content: '\f107';
    color: #333;
    padding: 0;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 18px;
    pointer-events: none;
    right: 20px;
    top: 0px;
    line-height: 50px;
    font-weight: 900;
}
.contact-tabs .form-group.rsform-block-send .formControls.selectdiv:after {
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.contact-tabs .form-group.rsform-block-send .formControls:after {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100px;
    height: 34px;
    color: var(--thirdcolor);
    text-align: right;
    line-height: 34px;
    font-size: 14px;
}

html[lang="de-de"] .contact-tabs .form-group.rsform-block-send .formControls:after,
html[lang="de"] .contact-tabs .form-group.rsform-block-send .formControls:after {
    content: "* Pflichtfelder";
}

div[id*="rsform_error_"]>p {
    border-radius: 6px;
    background: red;
    color: white;
    padding: 12px 20px;
    margin: 0 0 25px;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
}
.contact-tabs .form-group.rsform-block-date_time .input-group-btn,
.contact-tabs .form-group.rsform-block-birthdate .input-group-btn {
    background: #8ebf42 url(../images/icon-calendar.svg) center center no-repeat;
    width: 50px;
    position: absolute;
    text-indent: -9999px;
    height: 50px !important;
    right: 0;
    z-index: 10;
    border-radius: 0px 6px 6px 0px;
    background-size: 30px;
}
.calendar-icon.rsform-calendar-button,
.calendar-icon.rsform-calendar-button:active {
    background: #8EC043 url(../images/icon-calendar.svg) center center no-repeat;
    width: 50px;
    position: relative;
    text-indent: -9999px;
    height: 50px !important;
    border-radius: 0px 6px 6px 0px;
    background-size: 30px;
    border: none;
}
.contact-inner-tabs ul.sppb-nav {
    justify-content: center;
    border: none;
}
.contact-inner-tabs ul.sppb-nav-tabs>li {
    margin: 0px;
}
.custom-accordion-block {
    margin-bottom: 30px;
}
.custom-accordion-block .custom-accordion {
    border-radius: 10px;
    margin-top: 15px;
}
.custom-accordion-block .sppb-panel-heading {
    padding: 12px 20px 10px 20px;
}
.custom-accordion-block .sppb-panel-heading span.sppb-panel-title {
    font-size: 20px;
    color: var(--thirdcolor);
}
.custom-accordion-block .sppb-panel-heading.sppb-accordion-icon-position-right .sppb-accordion-icon-wrap {
    float: right;
    color: var(--thirdcolor);
    font-size: 22px;
    transition: .4s;
    display: inline-block;
}
.custom-accordion-block .sppb-panel-heading.sppb-accordion-icon-position-right.active .sppb-accordion-icon-wrap {
    transform: rotate(90deg);
}
.custom-accordion-block .sppb-panel-body {
    padding: 0px 20px 20px 20px;
    font-size: 18px;
    color: var(--thirdcolor);
}

body.ltr #sp-header .sp-megamenu-parent>li:first-child {
    /* display: none; */
}

/*--- Calendar Design Change ----*/
body .xdsoft_datetimepicker {
    padding: 0;
}

body .xdsoft_datetimepicker .xdsoft_datepicker {
    width: 260px;
    margin: 0;
}

body .xdsoft_datetimepicker .xdsoft_mounthpicker {
    background: #8ebf42;
    display: inline-block;
    width: 100%;
    padding: 8px;
}

body .xdsoft_datetimepicker .xdsoft_month,
body .xdsoft_datetimepicker .xdsoft_year {
    background: none;
    color: #fff;
    font-weight: 700;
}

body .xdsoft_datetimepicker .xdsoft_label i,
body .xdsoft_datetimepicker button.xdsoft_prev,
body .xdsoft_datetimepicker button.xdsoft_next,
body .xdsoft_datetimepicker button.xdsoft_today_button {
    background-image: url(../images/arrow-white-cal.png);
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    color: #777;
    text-align: center;
}

body .xdsoft_datetimepicker .xdsoft_calendar {
    margin-top: -6px;
}

body .xdsoft_datetimepicker .xdsoft_calendar td {
    height: 35px;
    background: #fff;
    text-align: center;
}

body .xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: normal;
    font-size: 11px;
    border: none;
    background: #8ebf42;
    color: #fff;
    height: 45px;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #8ebf42;
}

body .xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding: 0;
}

body .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #056938;
    border-color: #056938;
    box-shadow: none;
    color: #fff;
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #056938;
    box-shadow: none;
}

body .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    background: #8ebf42;
    color: #fff;
}

body .xdsoft_datetimepicker .xdsoft_calendar td:hover,
body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #8ebf42 !important;
    border-color: #8ebf42;
}

body .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
    margin: 0;
    background: #056938;
    padding: 12px 0px;
}

body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 191px;
    border-bottom: none;
    background: #fff;
    border: none;
}

body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    /* background: #fff; */
    border: none;
    border-bottom: 1px solid #ebebeb;
    height: auto;
    line-height: 32px;
}

body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    margin-bottom: 10px;
}

body .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-top: 11px;
}

#sp-footer a:hover,
#sp-bottom a:hover,
#sp-footer a:active,
#sp-bottom a:active,
#sp-footer a:focus,
#sp-bottom a:focus {
    color: #000;
}
.footer-two::before {
    background: linear-gradient(180deg, #8cbf41 0%, rgb(6 105 56) 69.88%, rgb(6 105 56) 100%)
}
.list-assets,
.list-assets li.list-item {
    border: none;
    padding: 0;
    list-style: none;
}
.list-assets li.list-item a {
    margin-top: 20px;
    background: #f3f3f3;
    display: inline-block;
    text-decoration: none;
    padding: 15px 100px 15px 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: var(--thirdcolor);
    font-size: 18px;
    border-radius: 10px;
}
.list-assets li.list-item:first-child a {
    margin-top: 0px;
}
.list-assets li.list-item a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0;
    background: var(--maincolor);
    transition: all .3s ease;
}
.list-assets li.list-item a:after {
    content: "\f019";
    position: absolute;
    color: var(--maincolor);
    font-size: 20px;
    vertical-align: middle;
    right: -25px;
    top: 15px;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    transition: all .3s ease;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.list-assets li.list-item a .pdf-badge {
    display: inline-block;
    background: var(--thirdcolor);
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    border-radius: 5px;
    line-height: 18px;
    margin-left: 10px;
}
.list-assets li.list-item a:hover:before {
    width: 100%;
}
.list-assets li.list-item a:hover:after {
    right: 20px;
}

#sp-top-bar {
    padding: 5px 0;
    background: var(--maincolor);
    font-size: 12px;
}
#sp-top-bar.menuareahover{
    background: transparent;
}
section#sp-top-bar.topbar-section {
    position: relative;
    z-index: 100;
    /* background: transparent; */
}
/* .topbar-line{
    background: var(--maincolor)
} */

#sp-top-bar .top-left-sec .sp-module {
    display: block;
    margin: 0;
}

#sp-top-bar .top-right-sec {
    text-align: right;
}

#sp-top-bar .top-right-sec .sp-module {
    text-align: left;
}

#sp-top-bar .top-right-sec .sp-module ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#sp-top-bar .top-right-sec .sp-module ul li {
    display: inline-block;
}

#sp-top-bar .top-right-sec .sp-module ul li a {
    color: #fff;
    line-height: 28px;
}

#sp-top-bar .top-right-sec .sp-module ul li a i.fa {
    margin-right: 10px;
}
#sp-top-bar .top-right-sec .sp-module ul li a i.fa-shield-alt {
    font-size: 15px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

#sp-top-bar .top-right-sec .sppb-addon-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#sp-top-bar .top-right-sec .sp-module .top-links ul {
    margin-right: 25px;
}

#sp-top-bar .top-right-sec .sp-module .top-links ul li {
    border-left: 1px solid #ddd;
    padding-left: 12px;
    margin-left: 12px;
}

#sp-top-bar .top-right-sec .sp-module .top-links ul li:first-child {
    border: none;
    padding: 0px;
    margin: 0px;
}

#sp-header .container-inner {
    background: #fff;
    border-radius: 12px;
    padding: 15px 1rem 15px 2rem;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}


.preconfirmation-form .bottom-form-text {
    background: #096b3a;
    padding: 15px;
    margin-top: 10px;
    color: white;
    border-radius: 7px;
    margin-bottom: 5px;
    font-size: 18px;
}
.preconfirmation-form .bottom-form-text p {
    margin: 0px;
}
.preconfirmation-form .form-group {
    margin-bottom: 25px;
}
.preconfirmation-form .form-group .form-control {
    padding: 8px 20px;
    min-height: 50px;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
}
.preconfirmation-form .form-sec-head {
    line-height: 30px;
    margin-bottom: 10px;
}
.preconfirmation-form button[type="submit"].rsform-submit-button {
    /* background: #086938; */
    background: linear-gradient(90deg, #8ebf43, #056938);
    color: #fff;
    transition: 0.4s;
    border-radius: 30px;
    padding: 15px 20px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}
.preconfirmation-form button[type="submit"].rsform-submit-button:hover,
.preconfirmation-form button[type="submit"].rsform-submit-button:focus {
    transform: scale(1.07);
}
.preconfirmation-form .form-group.has-error .form-control,
.preconfirmation-form .form-group .form-control.rsform-error,
.preconfirmation-form .formControl.has-error .form-control {
    border-color: #a94442;
}
.payment-logos .sppb-addon-single-image-container {
    width: 100%;
}
.payment-logos img {
    width: 100%;
}

/*---------- Step Offer Form ------------*/
.insurance-change-container-main>.rsformProgress {
    display: block;
}
.insurance-change-container-main .rsformProgress {
    padding: 0 25px;
}
.insurance-change-container-main .insurance-change-form {
    padding: 0 25px;
}
.insurance-change-container-main .rsformProgress .main-progress.progress-with-circle {
    position: relative;
    top: 18px;
    display: flex;
    width: 100%;
    height: 8px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
}
.insurance-change-container-main .rsformProgress .main-progress .progress-bar {
    background-color: #8ec043;
    border-radius: 8px;
}
.insurance-change-container-main .rsformProgress .main-div {
    display: block;
    margin-top: 10px;
    margin-bottom: 80px;
}
.unblock-money-form{
    position: relative;
}
.unblock-money-form.insurance-change-container-main .rsformProgress .main-div{
    margin-bottom: 65px;
}
.insurance-change-container-main .rsformProgress .main-div .first_wizardbar {
    display: flex;
    background-color: #fff;
    width: 100%;
    height: 8px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
    border-radius: 8px;
}
.insurance-change-container-main .rsformProgress .main-div .first_wizardbar a {
    display: grid;
    width: 50%;
    color: #b7b7b7;
    top: -35px;
    position: relative;
    font-weight: 600;
}
.insurance-change-container-main .rsformProgress .main-div .first_wizardbar a.active {
    color: #8ec043;
    font-weight: bold;
}
.insurance-change-container-main .rsformProgress .main-div .icon-circle {
    border-color: #8ebf43;
    z-index: 1;
    background: #8EC043;
    font-size: 15px;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.2);
    font-weight: 600;
    width: 35px;
    height: 35px;
    background-color: #FFFFFF;
    margin: 0 auto 10px;
    position: relative;
    top: 20px;
    line-height: 31px;
    margin-bottom: 20px;
}
.insurance-change-container-main .rsformProgress .main-div .first_wizardbar span {
    font-size: 18px;
    display: inline-block;
    margin-top: 8px;
}
.insurance-change-container-main .rsformProgress .main-div .first_wizardbar .icon-circle.checked {
    border-color: #8ebf43;
    color: #fff;
    z-index: 1;
    background: #8EC043;
}
.insurance-change-container-main div[id*="rsform_error_"] {
    padding: 0 25px;
}
.insurance-change-container-main .rsform-block-offer-last-prev button#offer_last_prev {
    display: none;
}
.insurance-change-container-main .rsform-block-send button#Send {
    float: right;
}
.insurance-change-container-main .form-group.rsform-block-send>.formControls:after {
    display: none;
}
.insurance-change-container-main .offer_step_button button.rsform-button-prev,
.insurance-change-container-main .rsform-block-send button#SendPrev,
#offerModalBox .offer_step_button button.rsform-button-prev,
#offerModalBox .offer_step_button button#SendPrev {
    background: none !important;
    color: #086938;
    font-weight: bold;
    padding: 16px 0 16px 30px;
    letter-spacing: 0;
    outline: none;
    border: none !important;
    margin-top: 0;
    font-size: 16px;
    position: relative;
}
#offerModalBox .offer_step_button button.rsform-button-prev,
#offerModalBox .offer_step_button button#SendPrev{
    margin-top: 0px;
}
.insurance-change-container-main .offer_step_button button.rsform-button-prev:after,
.insurance-change-container-main .rsform-block-send button#SendPrev:after,
#offerModalBox .offer_step_button button.rsform-button-prev:after,
#offerModalBox .offer_step_button button#SendPrev:after {
    display: none;
}
.insurance-change-container-main .offer_step_button button.rsform-button-prev:before,
.insurance-change-container-main .rsform-block-send button#SendPrev:before,
#offerModalBox .offer_step_button button.rsform-button-prev:before,
#offerModalBox .offer_step_button button#SendPrev:before {
    content: '';
    width: 20px;
    margin-left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23056938"><path d="M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z"></path></svg>');
    position: absolute;
    height: 20px;
    top: 50%;
    transform: translate(0, -50%);
    left: 0px;
    transform: rotate(180deg);
    margin-top: -10px;
}
.insurance-change-container-main .offer_step_button button.rsform-button-prev:active,
.insurance-change-container-main .rsform-block-send button#SendPrev:active {
    box-shadow: none;
}
.insurance-change-container-main .rsform-block-header-text p {
    font-size: 17px;
    line-height: 1.5em;
}
.insurance-change-container-main .rsform-block-header-text p.title-ym,
.insurance-change-container-main .rsform-block-header-text h3 {
    text-align: left;
    color: #8DBF43;
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 2px;
    font-weight: 600;
}
.insurance-change-container-main .form-group,
.request-demo-form .form-group {
    margin-bottom: 25px;
}
.insurance-change-container-main .form-group .form-control{
    padding: 8px 20px;
    min-height: 50px;
    border: 1px solid transparent;
    outline: none;
    box-shadow: none;
    color: var(--thirdcolor);
}
.insurance-change-container-main .form-group .form-control::placeholder{
    color: var(--thirdcolor);
    opacity: 1;
}
.form-group.rsform-block .formControls.selectdiv .form-control{
    padding-right: 40px;
}
.insurance-change-container-main .form-group.has-error .form-control,
.insurance-change-container-main .form-group .form-control.rsform-error,
.request-demo-form .form-group .form-control.rsform-error {
    border-color: #a94442;
}
.insurance-change-container-main button[type="submit"].rsform-submit-button {
    background: #086938;
    color: #fff;
    transition: 0.4s;
    border-radius: 30px;
    padding: 17px 20px;
    border: 2px solid #086938;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}
.insurance-change-container-main button[type="submit"].rsform-submit-button:hover,
.insurance-change-container-main button[type="submit"].rsform-submit-button:focus {
    background: none;
    border: 2px solid #056938;
    color: #056938;
}
.insurance-change-container-main .form-group.rsform-block-send .formControls {
    position: relative;
}
.insurance-change-container-main .form-group .formControls.selectdiv {
    position: relative;
}
.form-group.rsform-block .formControls.selectdiv:after {
    content: '\f107';
    color: #333;
    padding: 0;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 18px;
    pointer-events: none;
    right: 20px;
    top: 0px;
    line-height: 50px;
    font-weight: 900;
}
.insurance-change-container-main .form-group.rsform-block-send .formControls.selectdiv:after {
    top: 0px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.insurance-change-container-main .form-group.rsform-block-send .formControls:after {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100px;
    height: 34px;
    color: #7f7f7e;
    text-align: right;
    line-height: 34px;
    font-size: 14px;
}
.insurance-change-form .form-group.rsform-block .formControls select {
    line-height: 2;
    height: 40px;
}
.insurance-change-form .rsform-block-anrede>label {
    padding-top: 9px;
    font-weight: normal;
    color: #777;
}
.insurance-change-form .rsform-block.rsform-block-deposit-amount .curr-label {
    background: #8ebf42;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    padding: 0 15px;
    font-size: 15px;
    font-weight: bold;
    border-radius: 0px 6px 6px 0px;
    color: #fff;
    align-items: center;
}
.insurance-change-form .rsform-block.rsform-block-deposit-amount input {
    border-radius: 6px;
}
.insurance-change-container-main .form-group .col-sm-12.formControls {
    position: relative;
    clear: both;
}
.insurance-change-container-main .form-group label {
    font-size: 1rem;
}

.request-demo-form div[id*="rsform_error_"] {
    padding: 0 20px;
}
.request-demo-form h3 {
    font-size: 22px;
    color: var(--maincolor);
}
.text-dark-green {
    color: var(--thirdcolor)
}
.request-demo-form .form-group .form-control{
    padding: 8px 20px;
    min-height: 50px;
    border: 1px solid #f5f5f5;
    outline: none;
    background: #eeeeee;
    color: var(--thirdcolor);
}
.request-demo-form .form-group .form-control::placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.request-demo-form .form-group .form-control::-moz-placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.request-demo-form .form-group .form-control::-webkit-input-placeholder {
    color: var(--thirdcolor);
    opacity: 1;
}
.request-demo-form .rsform-block-send button,
.contact-tabs button[type="submit"].rsform-submit-button,
.insurance-change-container-main .offer_step_button button,
.insurance-change-container-main .rsform-block-send button#Send,
#offerModalBox .offer_step_button button,
#offerModalBox .footer-button-section button#Send,
.offerform-container-main button.btn-primary {
    background-color: var(--thirdcolor) !important;
    border: 2px solid var(--thirdcolor) !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    box-shadow: none;
    background-image: none;
    border: none;
    font-size: inherit;
    background: none;
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding: 14px 50px 14px 25px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 16px;
}
.request-demo-form .rsform-block-send button:hover,
.request-demo-form .rsform-block-send button:focus,
.contact-tabs button[type="submit"].rsform-submit-button:hover,
.contact-tabs button[type="submit"].rsform-submit-button:focus,
.insurance-change-container-main .offer_step_button button:hover,
.insurance-change-container-main .offer_step_button button:focus,
.insurance-change-container-main .rsform-block-send button#Send:hover,
.insurance-change-container-main .rsform-block-send button#Send:focus,
#offerModalBox .offer_step_button button:hover,
#offerModalBox .offer_step_button button:focus,
#offerModalBox .footer-button-section button#Send:hover,
#offerModalBox .footer-button-section button#Send:focus,
.offerform-container-main button.btn-primary:hover,
.offerform-container-main button.btn-primary:focus{
    background-color: transparent !important;
    color: var(--thirdcolor);
}
.request-demo-form .rsform-block-send button:after,
.contact-tabs button[type="submit"].rsform-submit-button:after,
.insurance-change-container-main .offer_step_button button:after,
.insurance-change-container-main .rsform-block-send button#Send:after,
#offerModalBox .offer_step_button button:after,
#offerModalBox .footer-button-section button#Send:after,
.offerform-container-main button.btn-primary:after {
    content: '';
    width: 20px;
    margin-left: 10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23fff"><path d="M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z"></path></svg>');
    position: absolute;
    height: 20px;
    top: 50%;
    transform: translate(0, -50%);
    right: 25px;
}
.request-demo-form .rsform-block-send button:hover:after,
.contact-tabs button[type="submit"].rsform-submit-button:hover:after,
.insurance-change-container-main .offer_step_button button:hover:after,
.insurance-change-container-main .rsform-block-send button#Send:hover:after,
#offerModalBox .offer_step_button button:hover:after,
#offerModalBox .footer-button-section button#Send:hover:after,
.offerform-container-main button.btn-primary:hover:after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23056938"><path d="M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z"></path></svg>')
}

.radio-selection {
    display: inline-block;
    background: #fff;
    border-radius: 5px;
    vertical-align: middle;
}
.radio-selection>div {
    display: flex;
}
.radio-selection label.radio-inline {
    padding: 11px 12px;
    border: 1px solid #ccc;
    margin: 0;
    border-radius: 4px 0px 0px 4px;
    color: #777;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 26px;
}
.radio-selection label.radio-inline+label.radio-inline {
    margin-left: -1px;
    border-radius: 0px 4px 4px 0px;
}
.radio-selection label.radio-inline.active+label.radio-inline {
    border-left-color: #056938;
}
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
.radio-selection .radio-inline input[type=radio] {
    opacity: 0;
}
.radio-selection label.radio-inline.active {
    background: #056938;
    color: #fff;
    border-color: #056938;
}
.radio-selection label.radio-inline.rsform-error {
    border-color: #a94442;
}
.unblock-money-form .form-horizontal .col-sm-12.control-label {
    text-align: left;
    font-weight: normal;
    padding-top: 0;
    margin-bottom: 8px;
    font-size: 13px;
}
.unblock-money-form .form-horizontal .col-sm-12.control-label.sr-only {
    display: none;
}
.unblock-money-form .insurance-change-form .rsform-block .formControls .form-control.rsform-error {
    border-color: #a94442;
}
.unblock-money-form .desc-label {
    position: absolute;
    top: 12px;
    left: 25px;
    z-index: 10;
    color: var(--thirdcolor);
    opacity: 1;
    font-size: 1rem;
    transition: 0.5s;
}
.unblock-money-form .rsform-block-start-gocaution.active .desc-label {
    opacity: 0;
}
.unblock-money-form [id*=rsform_error] {
    /* position: absolute; */
    /* bottom: 10px; */
    /* width: 100%; */
    /* left: 0; */
    /* padding: 0 25px; */
    margin-bottom: 20px;
}
.unblock-money-form fieldset.formContainer {
    padding: 0 25px 40px 25px;
}
.unblock-money-form div[id*="rsform_error_"]>p{
    margin-bottom: 0;
}

/* html[lang="fr-fr"] .insurance-change-container-main .rsformProgress,
html[lang="fr-fr"] .unblock-money-form fieldset.formContainer,
html[lang="fr-fr"] .unblock-money-form [id*=rsform_error] {
    padding: 0;
} */
.unblock-money-form .rsform-block-header-text h3 {
    color: #8ebf42;
}
.white-popup-block {
    border-radius: 15px;
}
.white-popup-block h4.sppb-addon-title {
    color: #056938;
}
.white-popup-block p {
    font-size: 18px;
}
.white-popup-block .offerform-container-main .formContainer {
    padding: 0;
}
.white-popup-block .offerform-container-main .formContainer .form-group {
    margin-bottom: 25px;
}
.white-popup-block .offerform-container-main .formContainer .form-group.rsform-type-submitbutton {
    margin-bottom: 0px;
}
.white-popup-block .offerform-container-main .formContainer .form-group.rsform-type-submitbutton button {
    margin-top: 0 !important;
}
.white-popup-block .offerform-container-main .formContainer .form-group .form-control {
    padding: 8px 20px;
    min-height: 50px;
    outline: none;
    box-shadow: none;
}
.white-popup-block .offerform-container-main .formContainer button[type="submit"].rsform-submit-button {
    background: #086938;
    color: #fff;
    transition: 0.4s;
    border-radius: 30px;
    padding: 17px 60px 17px 20px;
    border: 2px solid #086938;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}
.white-popup-block .offerform-container-main .formContainer button[type="submit"].rsform-submit-button:hover,
.white-popup-block .offerform-container-main .formContainer button[type="submit"].rsform-submit-button:focus {
    background: none;
    border: 2px solid #056938;
    color: #056938;
}
.menu-focus {
    display: block;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    pointer-events: none;
    background: rgba(5, 104, 56, 0.10);
    opacity: 0;
    transition: opacity .1s, height 0s .1s;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.menu-focus.active {
    opacity: 1;
    height: 100vh;
    bottom: 0;
    top: 0;
    left: 0;
    width: 100%;
    transition-delay: 0s;
}
.sp-megamenu-parent .row.flex.module-row {
    position: relative;
    z-index: 11;
}
.com-content.remove-top-padding section#sp-main-body {
    padding-top: 0 !important;
}

/*--------- PHOTO GRID CSS --------*/
.photo-grid-view .grid {
    display: grid !important;
}
.photo-grid-view .gap-4 {
    gap: 1rem !important;
}
.photo-grid-view .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.photo-grid-view .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.photo-grid-view .items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.photo-grid-view .rounded-lg {
    border-radius: .5rem !important;
}
.photo-grid-view .shadow {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}

@media (min-width: 1024px) {
    .photo-grid-view .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) {
    .photo-grid-view .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1024px) {
    .photo-grid-view .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    }
    .photo-grid-view .lg\:gap-4 {
        gap: 1rem !important;
    }
    .photo-grid-view .lg\:col-span-4 {
        grid-column: span 4 / span 4 !important;
    }
}

/*--------- PHOTO GRID CSS --------*/

.subtitle-txt .sppb-addon-title {
    background: #dbeac6;
    padding: 6px 25px;
    border-radius: 25px;
    font-size: 16px;
    color: #056938;
}
.sppb-btn:hover,
.sppb-btn:active {
    text-decoration: none;
    transform: scale(1.07);
}
.btn-style-2 {
    font-size: 16px;
    font-weight: 700;
    padding: 0 20px;
    text-align: center;
    background: linear-gradient(90deg, #8ebf43, #056938);
    color: #fff;
    line-height: 40px;
    border: none;
    border-radius: 25px;
    position: relative;
}
.contact-heading-block.contact-heading-block .sppb-addon-title span {
    color: #8ebf43;
}
.contact-list-item ul li {
    display: inline-block;
    font-weight: 500;
    color: var(--thirdcolor);
    border-radius: 45px;
    margin: 10px 0;
    position: relative;
    font-size: 20px;
    line-height: 22px;
    width: 100%;
    padding-left: 40px;
}
.contact-list-item ul li::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--maincolor);
    left: 0px;
    top: 50%;
    transition: all 0.2s ease-in-out 0s;
    transform: translate(0px, -50%);
}
.contact-list-item ul li::after {
    content: "\f633";
    position: absolute;
    font-family: "bootstrap-icons";
    top: 50%;
    left: 5px;
    color: #ffffff;
    transition: all 0.2s ease-in-out 0s;
    transform: translate(0px, -50%);
    font-size: 17px;
}
.timeline-block .jux-tl-item .jux-tl-time {
    color: var(--thirdcolor);
    font-size: 18px;
    top: 15px;
}
.timeline-block .jux-tl-info {
    background: var(--thirdcolor);
}
.timeline-block h2.jux-tl-title {
    font-size: 20px;
    margin: 0;
}
.timeline-block h2.jux-tl-title a {
    color: #fff;
}
.timeline-block .jux-tl-item.right .arrow {
    border-right-color: var(--thirdcolor);
}
.timeline-block .jux-tl-item.left .arrow {
    border-left-color: var(--thirdcolor);
}
.timeline-block .jux-tl-item .jux-tl-desc {
    color: #fff;
    font-size: 18px;
    line-height: 1.4;
    margin-top: 25px;
}
.timeline-block .jux-tl-control {
    background-image: url(../images/plus.png);
}
.timeline-block .jux-tl-item.selected .jux-tl-control {
    background-image: url(../images/minus.png);
}
.timeline-block .jux-tl-wrap {
    background-image: url(../images/line.png);
}
.bottom-icons li{
    margin-left: 10px;
}

.social-icon li .icon-trustpilot{
    width: 18px;
}
.social-icon li .icon-trustpilot .st0{
    fill: #fff;
}
.social-icon li a:hover .icon-trustpilot .st0{
    fill: var(--thirdcolor);
}
.social-icon li a:hover .icon-trustpilot .st1{
    fill: #ffffff;
}
.working-process .working-process-inner{
    margin: 0 auto;
}
.working-process:hover .working-process-inner{
    border: 2px dashed var(--maincolor) !important;
}
.working-process:hover .working-process-inner::after {
    transform: scale(1) !important;
}
.sppb-panel-heading h2.sppb-panel-title{
    display: inline-block;
}
span.gradient-txt1 {
    color: transparent;
    background-image: linear-gradient(132deg, #8ebf43, #056938);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*--------- Offer Modal ---------*/
.rsformoffer-sidebtn.rsformoffer-box-hidden {
    display: none;
}
a.offer-btn {
    font-size: 16px;
    font-weight: 600;
    color: var(--maincolor);
    cursor: pointer;
}
a.offer-btn:hover{
    color: var(--thirdcolor);
}
.offer-modal-open .mfp-container {
    padding: 0;
}
.offer-modal-open .white-popup-block {
    width: 100%;
    max-width: 100%;
    margin: 0;
    border-radius: 0px;
}
.offer-modal-open .modal-backdrop{
    z-index: 98;
}
.offer-modal-open .modal-dialog {
    transform: none;
    height: 100vh;
    margin: 0;
    width: 100% !important;
    max-width: 100%;
    background: #fff;
}

#offerModalBox.modal:before{
    display: none;
}
#offerModalBox .modal-dialog.modal-lg {
    width: 100% !important;
    height: 100%;
    margin: 0;
    background: #fff;
    transition: transform .3s ease-out;
    transform: translate(0,0);
    --bs-modal-width: 100%;
}
#offerModalBox .modal-header {
    background: #086938;
    padding: 10% 0 3%;
    border-radius:0;
    display: block;
}
#offerModalBox .modal-header .close {
    position: absolute;
    top: 30px;
    right: 25px;
}
#offerModalBox.modal button.close span {
    font-size: 60px !important;
    line-height: 35px;
    display: inline-block;
}
#offerModalBox.modal .modal-content {
    box-shadow: none;
    border-radius: 0;
    border: none;
}
#offerModalBox.modal .modal-content .modal-body{
    max-width:50%;
    margin:0 auto;
}
/*------ Offer Box Popup Design ------*/

#offerModalBox .modal-header {
    padding: 2% 0 2%;
    color: #fff;
}
#offerModalBox .modal-header .modal-subtitle{
    font-size: 18px;
    font-weight: 600;
    margin-top: 25px;
}
#offerModalBox.modal .modal-content .modal-body{
    max-width:680px;
}
.offerform-container-main > .rsformProgress{
    display:none;
}
#offerModalBox .rsformProgress,
.show-in-mobile .offerform-container-main .rsformProgress{
    max-width:400px;
    margin:20px auto 0;
}
#offerModalBox .rsformProgress .main-progress.progress-with-circle,
.show-in-mobile .offerform-container-main .rsformProgress .main-progress.progress-with-circle{
    position: relative;
    top: 36px;
    display: flex;
    width: 100%;
    height: 6px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
}
#offerModalBox .rsformProgress .main-progress .progress-bar,
.show-in-mobile .offerform-container-main .rsformProgress .main-progress .progress-bar {
    background-color: #8ec043;
    border-radius: 8px;
}
#offerModalBox .rsformProgress .main-div,
.show-in-mobile .offerform-container-main .rsformProgress .main-div{
    display: block;
    margin-top: 30px;
    margin-bottom: 40px;
}
#offerModalBox .rsformProgress .main-div .first_wizardbar,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar {
    display: flex;
    background-color: #F3F2EE;
    width: 100%;
    height: 6px;
    text-align: center;
    margin-bottom: 0;
    padding-left: 0;
    border-radius:8px;
}
#offerModalBox .rsformProgress .main-div .first_wizardbar a,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar a{
    display: grid;
    width: 50%;
    color: #fff;
    top: -35px;
    position: relative;
}

#offerModalBox .rsformProgress  .main-div .first_wizardbar a.active,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar a.active {
    color: #8ec043;
    font-weight: bold;
}
#offerModalBox .rsformProgress .main-div .first_wizardbar .icon-circle,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .icon-circle{
    border-color: #8ebf43;
    z-index: 1;
    background: #8EC043;
    font-size: 15px;
    border: 2px solid #F3F2EE;
    text-align: center;
    border-radius: 50%;
    color: #777;
    font-weight: 600;
    width: 34px;
    height: 34px;
    background-color: #FFFFFF;
    margin: 0 auto 10px;
    position: relative;
    top: 20px;
    line-height: 30px;
    margin-bottom:25px;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-div .icon-circle{
    margin-bottom:15px;
}

.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar a,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .icon-circle{
    color:#777;
}
#offerModalBox .rsformProgress .main-div .first_wizardbar span,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar span {
    font-size: 16px;
    display: inline-block;
    margin-top: 8px;
}
#offerModalBox .rsformProgress .main-div .first_wizardbar .icon-circle.checked,
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar .icon-circle.checked {
    border-color: #8ebf43;
    color: #fff;
    z-index: 1;
    background: #8EC043;
}

#offerModalBox .rsform-block-offer-last-prev button#offer_last_prev {
    display: none;
}

@keyframes animArrow{
    0%{
        transform:translateX(0)
    }
    49.5%{
        opacity:0;transform:translateX(15px)
    }
    50%{
        opacity:0;transform:translateX(-15px)
    }to{
        transform:translateX(0)
    }
}

@keyframes animArrowLeft{
    0%{
        transform:scaleX(-1) translateX(0)
    }
    49.5%{
        opacity:0;transform:scaleX(-1) translateX(15px)
    }
    50%{
        opacity:0;transform:scaleX(-1) translateX(-15px)
    }to{
        transform:scaleX(-1) translateX(0)
    }
}

#offerModalBox .offer_step_button button#offer_step_oneNext{
    margin-top:15px;
}

#offerModalBox div.formBody {
    float: none;
    text-align: center;
}
#offerModalBox .row.bottom_footer {
    position: relative;
}
#offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before{
    position: absolute;
    top: -30px;
    font-size: 13px;
    left: 15px;
    display:none;
}
html[lang="de-de"] #offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before {
    content: "* Pflichtfelder";
}
html[lang="it-it"] #offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before {
    content: "* Campi obbligatori";
}
html[lang="fr-fr"] #offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before {
    content: "* Champs obligatoires";
}
html[lang="fr-fr"] #offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before {
    content: "* Required fields";
}
#offerModalBox .rsform-block-offer-last-prev div.formBody{
    text-align:left;
}
.rsform-sidebar .offerform-container .form-group.rsform-block {
    margin-bottom: 15px;
}
.rsform-sidebar .offerform-container .form-group.rsform-block-business-header1{
    margin-bottom: 10px;
    margin-top: 25px;
}
.rsform-sidebar .offerform-container .form-group.rsform-block-business-header2{
    margin-bottom:10px;
}

.offerform-container label, 
.offerform-container input, 
.offerform-container select, 
.offerform-container textarea, 
.offerform-container ::placeholder{
    font-size:16px;
    height:auto;
}
.offerform-container .form-control,
.offerform-container .form-control:focus{
    border-color:#e3e3e3;
}
.offerform-container .form-control.rsform-error{
    border-color: #F44336;
}
.offerform-container select.form-control, 
.offerform-container input[type="text"], 
.offerform-container input[type="password"], 
.offerform-container input[type="url"], 
.offerform-container input[type="email"],
.offerform-container input[type="tel"]{
    padding: 8px 40px 8px 20px;
    min-height: 50px;
    outline: none;
    box-shadow: none;
    color: var(--thirdcolor);
}
.offerform-container .rsform-block-zipcode input#zipcode {
    padding-right: 15px;
}
.offerform-container .form-control:focus{
    box-shadow: none;
    -webkit-box-shadow:none;
}
.rsform-block-contact-type-selection .formControls > label,
.rsform-block-type .formControls > label
 {
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.rsform-block-contact-type-selection div.radio,
.rsform-block-type div.radio
{
    padding-top: 15px;
}
.rsform-block-contact-type-selection label.radio,
.rsform-block-type label.radio{
    position: relative;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 7px rgb(0 0 0 / 10%);
    margin: 0;
    display: flex;
    height: auto;
    padding: 12px 40px 12px 20px;
    border: 2px solid transparent;
    cursor: pointer;
    color: var(--thirdcolor);
}
.rsform-block-contact-type-selection label.radio.rsform-error,
.rsform-block-type label.radio.rsform-error{
    border-color:#F44336;
}
.rsform-block-contact-type-selection label.radio,{
}
.rsform-block-contact-type-selection label.radio.active,
.rsform-block-type label.radio.active{
    border-color:#8ebf43;
}
.rsform-block-contact-type-selection label.radio input[type=radio],
.rsform-block-type label.radio input[type=radio]{
    position: absolute;
    opacity: 0;
}
.rsform-block-contact-type-selection label.radio:before,
.rsform-block-type label.radio:before{
    content:'';
    position: absolute;
    border-radius: 50%;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    left: auto;
    border: 2px solid #d0d0d0;
    width: 24px;
    height: 24px;
    background: #fff url(../images/icon-check.png) no-repeat center;
    background-size: 70%;
}

.rsform-block-contact-type-selection label.active.radio:before,
.rsform-block-type label.active.radio:before{
    background-color: #8ec043;
    border-color: #8ec043;
}

.offerform-container .field.float-label-select {
    margin-top: 10px;
    position: relative;
}
.offerform-container .field label {
    position: absolute;
    display: block;
    font-size: 12px;
    pointer-events: none;
    left: 20px;
    top: -6px;
    opacity: 1;
    font-weight: inherit;
    transition: all 0.2s;
    touch-action: manipulation;
    letter-spacing: 0;
    color: var(--thirdcolor);
}
.offerform-container .field input:placeholder-shown + label,
.offerform-container .field textarea:placeholder-shown + label,
.offerform-container .field textarea:placeholder-shown + * + label,
.offerform-container .field input:placeholder-shown + i + label,
.offerform-container .float-label-select select + label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 1.525rem) scale(1.3);
    font-weight: inherit;
}

.offerform-container .field .backface {
    -webkit-backface-visibility: hidden;
    backface-visibility: inherit;
}

.offerform-container .float-label-select select + label,
.offerform-container .float-label-select select + i + label {
    visibility: hidden;
}

.offerform-container .field ::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

.offerform-container .field input:focus::-webkit-input-placeholder,
.offerform-container .field textarea:focus::-webkit-input-placeholder {
    opacity: 0;
}
.offerform-container .field textarea{
    padding:15px 10px;
}

.offerform-container .field input:not(:placeholder-shown) + label,
.offerform-container .field textarea:not(:placeholder-shown) + label,
.offerform-container .field input:focus + label,
.offerform-container .field textarea:focus + label,
.offerform-container .field input:not(:placeholder-shown) + i + label,
.offerform-container .field textarea:not(:placeholder-shown) + * + label,
.offerform-container .field input:focus + i + label,
.offerform-container .float-label-select .flag-select-focused select + label,
.offerform-container .float-label-select .flag-select-focused select + i + label,
.offerform-container .float-label-select.input-filled-wdata select + label {
    transform: translate(0, 0rem) scale(1);
    cursor: pointer;
    top: -10px;
    left: 15px;
    background: #fff;
    padding: 0 5px;
    visibility:visible;
}

.offerform-container .form-group.rsform-block-send>.formControls:after{
    display: none;
}
/* .offerform-container .rsform-block-nachname .formControls.nachnamecls,
.offerform-container .rsform-block-address .formControls,
.offerform-container .rsform-block-mobile .formControls,
.offerform-container .rsform-block-nachname2 .formControls.nachnamecls,
.offerform-container .rsform-block-last-name{
    padding-right:10px;
}
.offerform-container .rsform-block-nachname2 .formControls.nachnamecls{
    padding-left:15px;
}
.offerform-container .rsform-block-plz .formControls,
.offerform-container .rsform-block-email .formControls,
.offerform-container .rsform-block-nachname2 .formControls,
.offerform-container .rsform-block-zipcode .formControls,
.offerform-container .rsform-block-mail .formControls,
.offerform-container .rsform-block-last-name .formControls,
.offerform-container .rsform-block-zipcode,
.offerform-container .rsform-block-first-name,
.offerform-container .rsform-block-city{
    padding-left:5px;
} */
.offerform-container .form-group.rsform-block {
    margin-bottom: 20px;
}

.offerform-container .form-group.rsform-block .formControls .selectdiv:after {
    content: '\f107';
    color: #333;
    padding: 0;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    font-size: 18px;
    pointer-events: none;
    right: 20px;
    top: 0px;
    line-height: 50px;
    font-weight: 900;
}
.offerform-container .require-field-txt {
    font-size: 12px;
    color: var(--thirdcolor);
}

.offerform-container .recaptcha-field-txt .row{
    display: flex;
    margin-top:15px;
}
.offerform-container .recaptcha-field-txt .row .col-md-12:first-child{
    width: 35%;
    line-height: 45px;
}
.offerform-container .recaptcha-field-txt .row .col-md-12 input.rsform-captcha-box{
    max-width: 195px;
}

.show-in-mobile #offerModalBox.modal {
    display: block;
    opacity: 1;
    position: inherit;
    height: auto;
    overflow: inherit;
}
.show-in-mobile #offerModalBox.modal{
    display: block;
    opacity: 1;
    position: inherit;
    height: auto;
    overflow: inherit;
}
.show-in-mobile #offerModalBox.modal .modal-dialog.modal-lg{
    transform: none;
}
.show-in-mobile #offerModalBox .modal-header{
    background: none;
    border: none;
    color: #8ebf42;
    padding:0;
}
.show-in-mobile #offerModalBox .modal-title,
.show-in-mobile #offerModalBox .modal-header .close{
    display: none;
}
.show-in-mobile #offerModalBox .rsform-block.rsform-block-main-header{
    padding-top:0;
}
.show-in-mobile #offerModalBox .rsformProgress{
    margin-top:0;
}
.show-in-mobile #offerModalBox.modal .modal-content .modal-body{
    padding:0;
    margin:0 -15px;
}
.show-in-mobile .offerform-container .rsform-block-plz .formControls, 
.show-in-mobile .offerform-container .rsform-block-email .formControls, 
.show-in-mobile .offerform-container .rsform-block-nachname2 .formControls,
.show-in-mobile .offerform-container .rsform-block-nachname .formControls.nachnamecls, 
.show-in-mobile .offerform-container .rsform-block-address .formControls, 
.show-in-mobile .offerform-container .rsform-block-mobile .formControls, 
.show-in-mobile .offerform-container .rsform-block-nachname2 .formControls.nachnamecls,
.show-in-mobile .offerform-container .rsform-block-zipcode .formControls, 
.show-in-mobile .offerform-container .rsform-block-mail .formControls, 
.show-in-mobile .offerform-container .rsform-block-last-name .formControls,
.show-in-mobile .offerform-container .rsform-block-nachname .formControls.nachnamecls
{
    padding-left:15px;
    padding-right:15px;
}
.show-in-mobile .offerform-container .nachnamecls, 
.show-in-mobile .offerform-container .col-sm-4.nachnamecls,
.show-in-mobile.rsform-sidebar .offerform-container .form-group.rsform-block{
    margin-bottom:20px !important;
}
.show-in-mobile .offerform-container .field.float-label-select{
    margin-top:0;
}
.show-in-mobile .offerform-container .row {
    margin-top: 0;
}
.show-in-mobile .row.footer-button-section{
    display: flex;
    flex-wrap: wrap;
}
.show-in-mobile .row.footer-button-section .col-sm-6 {
    width: 100%;
    text-align: center;
}
.show-in-mobile .row.footer-button-section .col-sm-6:first-child{
    order:2
}
.show-in-mobile .row.footer-button-section .rsform-block-send {
    text-align: center;
}
.show-in-mobile #offerModalBox .offer_step_button button.rsform-button-prev {
    width: 100%;
    max-width: 100%;
    background: none;
    color: #086938;
    padding: 0;
    border:none;
}
.show-in-mobile #offerModalBox button.rsform-button-prev:before{
    background-image: url(../images/arrow_dg_left.svg);
}
.show-in-mobile #offerModalBox .offer_step_button button, 
.show-in-mobile #offerModalBox .footer-button-section button#Send{
    margin-top: 15px;
    padding: 12px 18px;
    font-size: 13px;
}
.show-in-mobile #offerModalBox .offer_step_button button{
    font-size: 13px;
    letter-spacing: 0.5px;
}
.show-in-mobile #offerModalBox .rsform-block-send button#Send{
    margin-top:15px;
}
.show-in-mobile #offerModalBox .row.bottom_footer .rsform-block-offer-last-prev:before {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    width: 100%;
}
.show-in-mobile .offerform-container-main .rsformProgress{
    margin-top:0;
    display: block !important;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar .icon-circle{
    width:40px;
    height:40px;
    line-height:36px;
    font-size:15px;
    top:18px;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar span{
    font-size:13px;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-progress.progress-with-circle{
    height:5px;
    top:25px;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-div .first_wizardbar{
    height:5px;
}
.show-in-mobile .offerform-container-main .rsformProgress .main-div {
    margin-top: 20px;
}
.show-in-mobile #offerModalBox .modal-subtitle.text-center{
    margin-bottom:0;
}
.show-in-mobile #offerModalBox.modal .modal-content .modal-body .message-row p {
    width: 100% !important;
    padding-top: 15px !important;
    margin-bottom: 10px !important;
}
@media(min-width:600px){
    .show-in-mobile #offerModalBox.modal .modal-content .modal-body{
        margin: 0 auto;
    }
}

/* #sp-footer{
    position: relative;
    z-index: 999999;
}
#sp-footer #sp-footer1 .sp-column .sp-module:first-child {
    position: relative;
    z-index: 2;
    color: initial;
} */
.offer-form-design {
    background: var(--thirdcolor);
    position: relative;
    z-index: 99999;
}

.rsfp_thankyou_popup_inner p {
    display: block !important;
}

.rsfp_popup_activated .rsfp_thankou_popup_close_btn {
    top: 35px;
    right: 35px;
    z-index: 999;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin-top: -2px;
    background: #8ebf43;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 25px;
    opacity: 1;
    display: block;
}

.rsfp_thankyou_popup_inner {
    background: none !important;
    width: 100%;
    max-width: 720px;
}
.rsfp_thankyou_popup_inner .modal-dialog {
    width: 100% !important;
    color: var(--thirdcolor);
}

.rsfp_thankyou_popup_inner .modal-header {
    background: #086938;
    color: #fff;
}
.rsfp_thankyou_popup_inner .modal-header {
    display: block;
    line-height: 22px;
    font-size: 13px;
    text-align: left;
    border-radius: 3px 3px 0 0;
    padding: 30px 15px 15px;
    border-bottom: 5px solid var(--thirdcolor);
    background: var(--thirdcolor);
    color: #fff;
}
.rsfp_thankyou_popup_inner .modal-header .modal-title {
    color: #fff;
    margin-bottom: 15px;
}
.rsfp_thankyou_popup_inner .modal-header .modal-title .fa{
    font-size: 60px;
}
.rsfp_thankyou_popup_inner .modal-header h4.modal-subtitle {
    font-size: 22px;
    color: #fff;
}
.rsfp_thankyou_popup_inner .modal-dialog .modal-content {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
}
.rsfp_thankyou_popup_inner .modal-body {
    padding: 15px;
    font-size: 18px;
}
.rsfp_thankyou_popup_inner .modal-body hr{
    margin: 1.5em 0px;
}

/*-------- Gradient Form ----------*/
.gradient-form-design {
    background: linear-gradient(180deg, #8cbf41 0%, rgb(6 105 56) 85.00%, rgb(6 105 56) 100%);
}
.gradient-form-design .insurance-change-container-main .rsformProgress .main-div .first_wizardbar .icon-circle.checked{
    background: var(--thirdcolor);
    border-color: var(--thirdcolor);
}
.gradient-form-design .insurance-change-container-main .rsformProgress .main-progress .progress-bar{
    background: var(--thirdcolor);
}
.gradient-form-design .insurance-change-container-main .rsformProgress .main-div .first_wizardbar a.active{
    color: var(--thirdcolor);;
}
.gradient-form-design .insurance-change-container-main .rsform-block-header-text p.title-ym,
.gradient-form-design .insurance-change-container-main .rsform-block-header-text h3,
.gradient-form-design .insurance-change-container-main .rsform-block-header-text p,
.gradient-form-design .insurance-change-container-main .form-group .col-sm-12.formControls p,
.gradient-form-design .request-demo-form h3,
.gradient-form-design .request-demo-form p{
    color: #fff;
}
.gradient-form-design .request-demo-form .rsform-block-send button,
.gradient-form-design .contact-tabs button[type="submit"].rsform-submit-button,
.gradient-form-design .insurance-change-container-main .offer_step_button button,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#Send,
.gradient-form-design #offerModalBox .offer_step_button button,
.gradient-form-design #offerModalBox .footer-button-section button#Send,
.gradient-form-design .offerform-container-main button.btn-primary{
    background-color: var(--maincolor) !important;
    border: 2px solid var(--maincolor) !important;
}
.gradient-form-design .request-demo-form .rsform-block-send button:hover,
.gradient-form-design .request-demo-form .rsform-block-send button:focus,
.gradient-form-design .contact-tabs button[type="submit"].rsform-submit-button:hover,
.gradient-form-design .contact-tabs button[type="submit"].rsform-submit-button:focus,
.gradient-form-design .insurance-change-container-main .offer_step_button button:hover,
.gradient-form-design .insurance-change-container-main .offer_step_button button:focus,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#Send:hover,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#Send:focus,
.gradient-form-design #offerModalBox .offer_step_button button:hover,
.gradient-form-design #offerModalBox .offer_step_button button:focus,
.gradient-form-design #offerModalBox .footer-button-section button#Send:hover,
.gradient-form-design #offerModalBox .footer-button-section button#Send:focus,
.gradient-form-design .offerform-container-main button.btn-primary:hover,
.gradient-form-design .offerform-container-main button.btn-primary:focus{
    color: #fff;
    background: transparent !important;
}
.gradient-form-design .request-demo-form .rsform-block-send button:hover:after,
.gradient-form-design .contact-tabs button[type="submit"].rsform-submit-button:hover:after,
.gradient-form-design .insurance-change-container-main .offer_step_button button:hover:after,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#Send:hover:after,
.gradient-form-design #offerModalBox .offer_step_button button:hover:after,
.gradient-form-design #offerModalBox .footer-button-section button#Send:hover:after,
.gradient-form-design .offerform-container-main button.btn-primary:hover:after{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23fff"><path d="M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z"></path></svg>');
}
.gradient-form-design .insurance-change-container-main .offer_step_button button.rsform-button-prev,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#SendPrev,
.gradient-form-design #offerModalBox .offer_step_button button.rsform-button-prev,
.gradient-form-design #offerModalBox .offer_step_button button#SendPrev{
    color: #fff;
}
.gradient-form-design .insurance-change-container-main .offer_step_button button.rsform-button-prev:before,
.gradient-form-design .insurance-change-container-main .rsform-block-send button#SendPrev:before,
.gradient-form-design #offerModalBox .offer_step_button button.rsform-button-prev:before,
.gradient-form-design #offerModalBox .offer_step_button button#SendPrev:before{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="20px" viewBox="0 -960 960 960" width="20px" fill="%23FFFFFF"><path d="M647-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h447L451-716q-12-12-11.5-28t12.5-28q12-11 28-11.5t28 11.5l264 264q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L508-188q-11 11-27.5 11T452-188q-12-12-12-28.5t12-28.5l195-195Z"></path></svg>');
}
.gradient-form-design .insurance-change-container-main .rsformProgress .main-div .icon-circle{
    background-color: #c0dba6;
    border-color: #c0dba6;
    color: #fff;
}
.gradient-form-design .insurance-change-container-main .rsformProgress .main-div .first_wizardbar a{
    color: #c0dba6;
}
.gradient-form-design .insurance-change-container-main .form-group label {
    color: #fff;
    /* min-height: 54px;
    display: flex;
    align-items: center; */
}
.gradient-form-design .radio-selection label.radio-inline {
    color: var(--thirdcolor);
}
.gradient-form-design .radio-selection label.radio-inline.active{
    color: #fff;
}

.image-animation-block .addon-root-image .sppb-wow {
    visibility: hidden;
}
.hero-image-right .sppb-wow {
    visibility: hidden;
}

.dropdown.login-dropdown {
    padding: 18px 0;
    margin: -38px 0;
    margin-left: 20px;
}
.dropdown.login-dropdown:hover>.dropdown-menu{
    display: block;
}
.dropdown.login-dropdown>.dropdown-menu {
    right: -5px !important;
    top: 100% !important;
    background: var(--thirdcolor);
    border-radius: 15px;
    min-width: 220px;
    padding: 15px;
    transform: none !important;
}
.dropdown.login-dropdown>.dropdown-menu:before {
    content: '';
    width: 0px;
    height: 0px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #056938;
    position: absolute;
    top: -10px;
    right: 15px;
}
.dropdown.login-dropdown .btn {
    background: rgb(155 192 91 / 40%);
    width: 40px;
    height: 40px;
    outline: none;
    border-radius: 50%;
    border: none;
    transition: 0.5s;
}
.dropdown.login-dropdown:hover .btn{
    background: #9dc3b0cf;
}
.login-dropdown>.dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
    color: #fff;
}
.login-dropdown>.dropdown-menu a.dropdown-item {
    display: flex;
    align-items: center;
    color: #fff;
    background: none;
    padding: 0;
}
.login-dropdown>.dropdown-menu a.dropdown-item:hover{
    color: var(--maincolor);
}
.dropdown.login-dropdown>.dropdown-menu li {
    margin: 15px 0 0;
    border-top: 1px solid var(--maincolor);
    padding: 15px 0 0;
}
.dropdown.login-dropdown>.dropdown-menu li:first-child {
    margin: 0px;
    border-top: 0px;
    padding: 0;
}
.login-dropdown>.dropdown-menu a.dropdown-item img {
    max-width: 36px;
    margin-right: 15px;
    border: 2px solid var(--thirdcolor);
    border-radius: 50%;
}
.login-dropdown>.dropdown-menu a.dropdown-item:hover img{
    border-color: var(--maincolor);
}
.sp-megamenu-parent>li a.about-page {
    display: none;
}

.top-lang .mod-languages__select.btn-group button {
    font-size: 0;
    padding: 8px 5px;
    border-bottom: none;
    border-radius: 50%;
    border: 2px solid #ffffff;
    width: 30px;
    background: #ffffff;
    height: 30px;
}
.top-lang .mod-languages__select.btn-group ul.lang-block {
    border-radius: 15px;
    min-width: 180px;
    border: none;
    padding: 4px !important;
}
.top-lang .mod-languages__select.btn-group ul.lang-block li {
    padding: 0;
    margin: 3px 0 0;
    border-radius: 12px;
    width: 100%;
}
.top-lang .mod-languages__select.btn-group ul.lang-block li:first-child{
    margin: 0px;
}
.top-lang .mod-languages__select.btn-group ul.lang-block li a {
    padding: 10px 15px;
    line-height: 20px;
    width: 100%;
    color: var(--thirdcolor) !important;
}
.top-lang .mod-languages__select.btn-group ul.lang-block li a img {
    margin-right: 5px;
    margin-top: -3px;
}
.top-lang .mod-languages__select.btn-group ul.lang-block li.lang-active,
.top-lang .mod-languages__select.btn-group ul.lang-block li:hover {
    background: #eaf3de !important;
}

.offcanvas-menu .offcanvas-inner {
    padding: 0px;
    /* height: 100vh; */
}
.offcanvas-menu .offcanvas-logo-img {
    margin: 0 -15px;
}
.offcanvas-menu .offcanvas-logo-img .sppb-addon-single-image-container {
    background: #fff;
    border-radius: 0px 0px 20px;
    padding: 20px;
}
.offcanvas-menu .close-offcanvas {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas-active .offcanvas-menu .burger-icon>span,
.offcanvas-menu #modal-menu-toggler.active .burger-icon>span {
    background-color: var(--maincolor);
}
.offcanvas-active .offcanvas-menu .burger-icon {
    width: 16px;
    cursor: pointer;
    margin-top: -2px;
}
.offcanvas-active .offcanvas-menu .burger-icon>span:nth-child(3),
#modal-menu-toggler.active .burger-icon>span:nth-child(3) {
    transform: translate(0, -6px) rotate(45deg);
}

.offcanvas-menu .offcanvas-logo-img img {
    max-width: 150px;
}
.welcome-txt {
    padding: 0 20px;
    margin-top: 35px;
}
/* .offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 8px;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li {
    width: 30%;
    text-align: center;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li.middle-column {
    width: 40%;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons img {
    margin: auto;
    max-height: 22px;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li a {
    padding: 8px 0;
    font-weight: 700;
    font-size: 15px;
    width: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li a.active {
    background: var(--thirdcolor);
    border-radius: 8px;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li a span {
    color: var(--thirdcolor);
    display: inline-block;
    margin-top: 5px;
}
.offcanvas-menu .offcanvas-inner .sp-module.ofcanvas-footer-icons ul.mobile-footer-icons li a.active span{
    color: #fff;
} */

.mobile-footer-icons-wrapper {
    bottom: 0;
    width: 100%;
    margin: 0 !important;
    padding: 10px;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    display: flex;
    background: #fff;
    border-radius: 8px;
    padding: 8px;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li {
    width: 30%;
    text-align: center;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li.middle-column {
    width: 40%;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons img {
    margin: auto;
    max-height: 22px;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li a {
    padding: 8px 0;
    font-weight: 700;
    font-size: 15px;
    width: 100%;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li a.active {
    background: var(--thirdcolor);
    border-radius: 8px;
    color: #fff;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li a span {
    color: var(--thirdcolor);
    display: inline-block;
    margin-top: 5px;
}
.mobile-footer-icons-wrapper ul.mobile-footer-icons li a.active span{
    color: #fff;
}


.comparison-table tbody th {
    border: none;
}

.maximum-premium-error-alert {
    margin: 25px 0 0;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    justify-content: center;
}
.maximum-premium-error-alert svg {
    width: 20px;
    margin-right: 10px;
    margin-top: -2px;
}
.maximum-premium-error-alert svg path {
    fill: #842029;
}

.rsform-block-captcha  .row {
    align-items: center;
}
.rsform-block-captcha .row .col-md-3 {
    width: 30%;
}
.rsform-block-captcha .row .col-md-9 {
    width: 70%;
    padding-left: 0;
}
.rsform-block-captcha img {
    width: 100%;
    border-radius: 5px;
    max-height: 48px;
}
.rsform-block-captcha .input-group input {
    border-radius: 6px !important;
    margin-left: 15px;
    order: 2;
}
.rsform-block-captcha .input-group .input-group-btn {
    height: 48px;
    margin: 1px 0 0 -1px !important;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 6px;
}
.rsform-block-captcha .input-group .input-group-btn a.rsform-captcha-refresh-button.btn.btn-default {
    color: var(--thirdcolor);
    font-size: 15px;
    border: none;
    box-shadow: none;
    background: #ecf3ee;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.rsform-block-captcha label {
    color: var(--thirdcolor);
    margin-top: -2px;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 16px !important;
}
.gradient-form-design .rsform-block-captcha label{
    color: #fff;
}

.pdf-icon .sppb-addon-single-image-container {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    /* display: flex;
    align-items: center;
    justify-content: center; */
    line-height: 80px;
    text-align: center;
}
.pdf-icon .sppb-addon-single-image-container img {
    max-height: 35px;
}
.file-title span {
    color: var(--maincolor);
    font-size: 15px;
}
body .file-download-btn::before {
	content: '';
	background: url(../images/gocaution_download_ic.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-size: 100%;
	margin-right: 10px;
	vertical-align: middle;
	margin-top: -4px;
}

.comparison-wrapper {
	display: flex;
}
.comparison-wrapper .left-sec {
	width: 400px;
	padding-right: 20px;
}
.comparison-wrapper .right-sec {
	width: calc(100% - 400px);
}
.comparison-wrapper ul{
    display: block;
}
.comparison-wrapper ul li .seprator-top{
    height: 60px;
}
.comparison-wrapper .left-sec ul li,
.comparison-wrapper .right-sec ul li{
	padding: 8px 0px;
    border-bottom: 1px dashed #d5d5d5;
    border-right: none;
    font-size: 17px;
    color: var(--thirdcolor);
    line-height: 35px;
}
.comparison-wrapper .left-sec ul li:last-child,
.comparison-wrapper .right-sec ul li:last-child{
    border: none;
}
.comparison-wrapper .left-sec ul li.title-row,
.comparison-wrapper .right-sec ul li.title-row {
	font-weight: bold;
	font-size: 19px;
	border-bottom-style: solid;
	border-color: #bfbfbf;
}
.comparison-wrapper .right-sec ul li .main-title-tab {
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 20px;
}
.comparison-wrapper .right-sec ul {
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
	border-radius: 10px;
}
.comparison-wrapper .right-sec .col {
	padding: 0 5px;
}
.comparison-footer-txt {
    font-size: 16px;
    color: var(--thirdcolor);
}

.blog.blog-page,
.blog-page .article-details {
    margin-top: 75px;
}
.blog-page .article-details{
    max-width: 70%;
    margin: 75px auto;
}
.view-article.blog-page #sp-main-body .container{
    max-width: 1320px;
}

.blog-page .article-details .article-header {
    margin-bottom: 15px;
}
.blog-page .article-details .article-header h1 {
    color: var(--thirdcolor);
    font-weight: 700;
}
.blog-page #sp-main-body .page-content .sppb-section {
    padding: 25px 0 0 0 !important;
    border-bottom: none !important;
}
.blog-page #sp-main-body .page-content .sppb-section .sppb-row-container{
    padding: 0;
}
.blog-page #sp-main-body .page-content .sppb-section .sppb-row-container p,
.blog-page #sp-main-body .page-content .sppb-section .sppb-row-container ul {
    font-size: 18px;
    line-height: 1.5;
}
.blog-page #sp-main-body .page-content .sppb-section .sppb-row-container h2{
    font-size: 25px !important;
}
.blog-page .article-list .article .article-header h2{
    color: var(--thirdcolor);
}
.shape-design-block{
    transition: all .5s ease-in-out;
    position: relative;
}
.shape-design-block:hover{
    transform: translate(0,-5px);
}
.shape-design-block.light-bg:hover{
    transform: none;
}
.shape-design-block::after {
    content: '';
    position: absolute;
    width: 119px;
    height: 112px;
    top: auto;
    left: auto;
    bottom: -1px;
    right: -1px;
    -webkit-mask: url(../images/shape-bottom.png) no-repeat;
    mask: url(../images/shape-bottom.png) no-repeat;
    background-color: #ebf3ee;
    z-index: 1;
}
.shape-design-block.light-bg::after{
    background-color: #f2f7f4;
}
.shape-design-block.shape-white::after{
    background-color: #ffffff;
}

.shape-design-block .arrow-btn{
    opacity: 1 !important;
}
.shape-design-block .arrow-btn a {
    position: absolute;
    bottom: 3px;
    right: 3px;
    z-index: 2;
    width: 50px !important;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    opacity: 1 !important;
    overflow: hidden;
}
.shape-design-block.shape-white .arrow-btn a{
    background: #eaf3de;
}
.shape-design-block .arrow-btn a i {
    display: inline-block;
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
    color: var(--thirdcolor);
}
.shape-design-block .arrow-btn img {
    max-width: 22px;
    transform: rotate(-35deg);
}
.shape-design-block:hover .arrow-btn a{
    background:var(--maincolor);
    color: #fff;
}
.shape-design-block.shape-white:hover .arrow-btn a{
    background: var(--thirdcolor);
}
.shape-design-block:hover .arrow-btn a i {
    transform: scale(0.5) translate(45px,-50px);
}
.shape-design-block .arrow-btn a::before {
    content: "\f144";
    display: inline-block;
    font-family: bootstrap-icons !important;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    font-weight: 400;
    transform: scale(0.02) translate(-65px,54px);
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.shape-design-block:hover .arrow-btn a::before {
    transform: scale(1) translate(-15px,10px);
}

.shape-right {
    position: absolute;
    top: -1px;
    right: -1px;
}
.shape-right svg path {
    fill: #f2f7f4;
}
.shape-block-1{
    transition:all 0.3s ease-in-out;
}
.shape-block-1 .block-feature-three .round-btn{
    overflow: hidden;
    width: 50px !important;
    height: 50px !important;
}
.shape-block-1:hover .block-feature-three .round-btn{
    background: var(--thirdcolor) !important;
    border-color: var(--thirdcolor) !important;
    color: #fff !important;
}
.shape-block-1 .block-feature-three .round-btn i{
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.shape-block-1 .block-feature-three .round-btn::before {
    content: "\f144";
    display: inline-block;
    font-family: bootstrap-icons !important;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    font-weight: 400;
    transform: scale(0.02) translate(-65px,54px);
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.shape-block-1:hover .block-feature-three .round-btn i {
    transform: scale(0.5) translate(45px,-50px);
}
.shape-block-1:hover .block-feature-three .round-btn::before{
    transform: scale(1) translate(-15px,10px);
}

.homepage-articles-shape .sppb-addon-article{
    transition:all 0.3s ease-in-out;
}
.homepage-articles-shape .sppb-addon-article::after {
    content: '';
    position: absolute;
    width: 119px;
    height: 112px;
    top: auto;
    left: auto;
    bottom: -1px;
    right: -1px;
    -webkit-mask: url(../images/shape-bottom.png) no-repeat;
    mask: url(../images/shape-bottom.png) no-repeat;
    background-color: #ebf3ee;
}
.homepage-articles-shape.sppb-addon-articles .sppb-addon-article .sppb-readmore .readmore{
    overflow: hidden;
}
.homepage-articles-shape.sppb-addon-articles .sppb-addon-article .sppb-readmore .readmore i{
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.homepage-articles-shape.sppb-addon-articles .sppb-addon-article .sppb-readmore .readmore::before {
    content: "\f144";
    display: inline-block;
    font-family: bootstrap-icons !important;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    height: auto;
    font-weight: 400;
    transform: scale(0.02) translate(-65px,54px);
    transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out;
}
.homepage-articles-shape.sppb-addon-articles .sppb-addon-article:hover .sppb-readmore .readmore i {
    transform: scale(0.5) translate(45px,-50px);
}
.homepage-articles-shape.sppb-addon-articles .sppb-addon-article:hover .sppb-readmore .readmore::before {
    transform: scale(1) translate(-13px,5px);
    color: #fff;
}

#sppb-addon-wrapper-daa50b42-738d-47e0-9ee3-d6a6121f1598{
    transform: rotateY(-180deg);
}
#sppb-addon-wrapper-daa50b42-738d-47e0-9ee3-d6a6121f1598 .sppb-wow .right-to-left .sppb-carousel-extended-item {
    transform: rotateY(-180deg);
}

.terms-slider-sec .sppb-carousel-extended-item {
    text-align: center;
    border-radius: 20px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background: #f6f6f6;
}
.terms-slider-sec .sppb-carousel-extended-content-wrap {
    position: relative;
    padding: 20px 0 0;
}
.terms-slider-sec .sppb-carousel-extended-content-wrap a.file-download-btn{
    background-color: var(--maincolor);
    color: #FFFFFF;
    font-size: 14px;
}
.terms-slider-sec .sppb-carousel-extended-content-wrap a.file-download-btn:hover{
    background-color: var(--thirdcolor);
}
.terms-slider-sec .sppb-carousel-extended-item > a {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.terms-slider-sec .sppb-carousel-extended-item > a img {
    max-height: 35px;
}

.blog-page #sp-main-body .page-content .sppb-section .sppb-row-container .common-faq-section h2 {
    font-size: 20px !important;
}

/*---------- Responsive Media -----------*/

@media(max-width:979px) {
    .sidenav .nav>li.haveChild .res-wrapnav .nav li:first-child {
        display: none;
    }
    .sidenav .nav>li:first-child {
        display: none;
    }
    html[lang="it-it"] .sidenav .nav>li.haveChild .res-wrapnav .nav li:first-child {
        display: block;
    }
}

@media(min-width: 992px) {
    #yt_menuwrap>.container>.row>#search {
        /* z-index: 99; */
        /* top: 0px; */
        /* position: absolute; */
        float: right;
        margin-top: -85px;
    }
    .header-section .container,
    .topbar-section .container,
    footer#sp-footer .sppb-row-container {
        max-width: 1496px;
        padding: 0 1rem;
    }
    .topbar-section .container {
        padding: 0 2rem;
    }
}

@media(max-width: 767px) {
    .timeline-view {
        margin-left: 0;
        padding-left: 0;
        border-left: none;
    }
    .timeline-view li {
        margin: 50px 0;
    }
    .timeline-view label {
        width: 85%;
        font-size: 1.1em;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        transform: translateX(18px);
    }
    .timeline-view .content {
        padding-top: 45px;
        border-color: #eee9dc;
    }
    .timeline-view .content:before,
    .timeline-view .content:after {
        border: solid transparent;
        bottom: 100%;
    }
    .timeline-view .content:before {
        border-bottom-color: inherit;
        border-width: 17px;
        top: -16px;
        left: 50px;
        margin-left: -17px;
    }
    .timeline-view .content:after {
        border-bottom-color: #48b379;
        border-width: 20px;
        top: -20px;
        left: 50px;
        margin-left: -20px;
    }
    .timeline-view .content p {
        font-size: 0.9em;
        line-height: 1.4;
    }
    .timeline-view .circle,
    .timeline-view .date {
        display: none;
    }
    .contact-tabs ul.sppb-nav-modern.sppb-nav {
        padding: 25px 10px;
        justify-content: space-between;
        margin-bottom: 50px;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        overflow-y: hidden;
        border-radius: 20px;
    }
    .contact-tabs ul.sppb-nav.sppb-nav-modern>li>a {
        font-size: 18px;
        white-space: nowrap;
    }
    .contact-tabs ul.sppb-nav.sppb-nav-modern>li>a span {
        font-size: 14px;
    }
    .contact-tabs button[type="submit"].rsform-submit-button {
        font-size: 14px;
        padding: 14px 18px;
    }
    .custom-accordion-block .sppb-panel-heading span.sppb-panel-title {
        font-size: 17px;
        line-height: 24px;
        float: left;
        width: calc(100% - 20px);
    }
    .custom-accordion-block .sppb-panel-heading {
        padding: 10px 20px;
    }
    .custom-accordion-block .sppb-panel-body {
        padding: 15px 20px 20px;
    }
    .custom-accordion-block .sppb-panel-heading.sppb-accordion-icon-position-right .sppb-accordion-icon-wrap {
        font-size: 18px;
    }

    #sp-top-bar .top-right-sec .sp-module{
        margin-left: 0;
    }
    /* #sp-top-bar .top-right-sec .sp-module ul.dropdown-menu.lang-block {
        display: block !important;
    } */
    /* #sp-top-bar .top-right-sec .sp-module ul li a{
        padding: 0px;
    } */
    /* .offcanvas-menu .offcanvas-inner a.offer-btn {
        display: block;
        text-align: center;
        margin-top: 20px;
    } */
    /* .hero-image-right .furniture-img {
        width: 100%;
        position: relative;
    } */
    .hero-image-right .furniture-img img.sppb-img-responsive {
        width: 100% !important;
    }
    .hero-image-right .furniture-img .sppb-addon-single-image-container{
        width: 100%;
    }
    .view-article #sp-main-body #sp-component {
        padding: 0;
    }
    /* section#sp-top-bar.topbar-section #sp-top-right {
        padding-left: 0;
        margin-left: -15px;
    } */
    .top-right-sec .sppb-row-container {
        padding: 0;
    }
    .top-left-sec .sppb-row-container {
        padding-left: 0;
    }

    .contact-top-sec {
        background: #ecf3ee !important;
    }
    .top-lang .mod-languages__select.btn-group ul.lang-block li a {
        padding: 8px 12px;
    }
    .hero-shield-img img {
        width: 85% !important;
    }
    .mobile-img {
        position: absolute;
        bottom: 0;
    }
    .contact-list-item ul li{
        font-size: 15px;
    }
    body .sppb-btn.sppb-btn-default{
        font-size: 16px;
        padding: 0 22px;
    }
    .top-calc-wrapper .content-premium-block {
        margin: 0;
        padding: 20px 15px;
    }
    .top-calc-wrapper .content-premium-block .calc-title{
        color: var(--thirdcolor);
        display: none;
    }
    .top-calc-wrapper .content-premium-block .calc-input-title{
        margin-bottom: 10px;
    }
    .top-calc-wrapper .content-premium-block-input {
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .top-calc-wrapper .content-premium-block-input .calc-input-title,
    .top-calc-wrapper .content-premium-block-input .premium-calc-sec{
        width: 100%;
        text-align: center;
    }
    .buttons-block input, .buttons-block a {
        padding: 10px 15px;
        min-width: 130px;
        text-align: center;
    }
    .top-calc-wrapper .content-right-block ul li {
        font-size: 14px;
        display: flex;
    }
    .top-calc-wrapper .content-right-block .benefits-list .fa {
        margin-top: 0;
        display: inline-flex;
        min-width: 22px;
        margin-right: 15px;
    }
    .top-calc-wrapper .premium-box {
        max-width: 190px;
        display: block;
        margin: auto;
    }
    .page-title-sec h1.sppb-addon-title {
        font-size: 32px !important;
    }
    .landlord-img img.sppb-img-responsive,
    .function-img img.sppb-img-responsive{
        width: 100% !important;
    }
    #sp-footer{
        overflow-x: hidden;
    }
    .top-calc-wrapper .calc-inner-content .calc-btn-box .calculator-premium-btn button {
        min-width: 130px;
        padding: 8px 15px;
    }
    .top-calc-wrapper .content-right-block{
        min-height: inherit;
        padding: 0px 15px;
    }
    .top-calc-wrapper .content-right-block .benefits-list{
        display: none;
    }
    .text-img img {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px;
    }
    .buttons-block .white-box-calc,
    .buttons-block .transparent-box-calc {
        border-radius: 10px;
        padding: 25px 25px 30px;
    }
    .contact-info-sec {
        margin-bottom: 25px;
    }
    .contact-info-sec .sppb-addon-content {
        text-align: left !important;
        display: flex;
    }
    .contact-info-sec .sppb-addon-content .sppb-img-container {
        margin: 0 20px 0 0 !important;
        width: 60px !important;
        height: 60px !important;
    }
    .contact-info-sec .sppb-addon-content .sppb-img-container img {
        max-width: 24px;
    }
    .contact-info-sec .sppb-addon-content .sppb-feature-box-title {
        margin: 0 !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }
    .contact-info-sec .sppb-addon-content  p {
        margin: 0;
    }
    .offcanvas-menu .offcanvas-inner ul.menu li .menu-child {
        margin: 10px 0 15px !important;
    }
    .offcanvas-menu .offcanvas-inner ul.menu li .menu-child li a {
        display: flex;
        align-items: center;
        padding: 0;
    }
    .offcanvas-menu .offcanvas-inner ul.menu li .menu-child li a img {
        max-width: 25px;
        margin-right: 20px;
    }
    .offcanvas-menu .offcanvas-inner ul.menu li .menu-child li a span.image-title {
        width: calc(100% - 45px);
        height: 100%;
        line-height: 25px;
        border-top: 1px solid var(--maincolor);
        padding-top: 10px;
        font-weight: 600;
        padding-bottom: 10px;
    }
    .offcanvas-menu .offcanvas-inner ul.menu li .menu-child li:first-child a span.image-title{
        border:none;
    }
    .offcanvas-menu .offcanvas-inner ul.menu > li > a,
    .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a {
        color: var(--maincolor) !important;
    }
    .offcanvas-menu .offcanvas-inner ul.menu>li {
        border-top: 1px solid var(--maincolor);
        padding: 5px 0px;
    }
    .offcanvas-menu .offcanvas-inner ul.menu>li:first-child{
        border-top: none;
        padding-top: 0px;
    }
    .ofcanvas-footer-icons {
        position: absolute;
        width: 100%;
        bottom: 0;
        background: var(--thirdcolor);
        padding-bottom: 15px !important;
    }
    .ofcanvas-footer-icons ul.mobile-footer-icons {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .offcanvas-menu .offcanvas-inner ul.menu {
        max-height: calc(100vh - 335px);
        overflow: auto;
        display: block;
    }
    .ofcanvas-footer-icons ul.mobile-footer-icons li a {
        width: 100%;
        display: flex;
        align-items: center;
    }
    .ofcanvas-footer-icons ul.mobile-footer-icons li a img {
        max-width: 25px;
        margin-right: 20px;
        max-height: 26px;
    }
    .ofcanvas-footer-icons ul.mobile-footer-icons li a span {
        width: calc(100% - 45px);
        height: 100%;
        line-height: 25px;
        border-top: 1px solid #ffffff;
        padding-top: 10px;
        font-weight: 600;
        padding-bottom: 10px;
        font-size: 18px;
    }
    .ofcanvas-footer-icons ul.mobile-footer-icons li:first-child a span{
        border-top: none;
    }

    #offerModalBox .modal-header {
        padding: 2% 15px 2%;
    }
    #offerModalBox .rsformProgress {
        padding: 0 20px 30px;
        width: 100%;
        margin-top: 5px;
    }
    #offerModalBox .footer-button-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    #offerModalBox .footer-button-section .col-sm-6:first-child {
        order: 2;
    }
    #offerModalBox .footer-button-section .col-sm-6 .rsform-block.rsform-block-send,
    #offerModalBox .offer_step_button .rsform-block-offer-last-prev div.formBody {
        text-align: center !important;
    }
    .offerform-container .col-4.rsform-block-zipcode {
        margin-bottom: 20px;
    }
    .accordion-sec-icons .sppb-panel-heading .sppb-panel-title {
        width: calc(100% - 40px);
        font-size: 16px !important;
    }
    .tab-design-3 .sppb-modern-tab ul.sppb-nav,
    .tab-design-4 .sppb-modern-tab ul.sppb-nav {
        width: 100%;
        border-radius: 15px;
        margin-bottom: 20px;
    }
    .tab-design-3 .sppb-modern-tab ul.sppb-nav>li>a,
    .tab-design-4 .sppb-modern-tab ul.sppb-nav>li>a{
        font-size: 15px;
        border-radius: 15px;
    }
    .tab-design-3 .sppb-modern-tab ul.sppb-nav>li>a:before,
    .tab-design-4 .sppb-modern-tab ul.sppb-nav>li>a:before{
        border-radius: 12px;
    }

    .common-faq-section h2.sppb-panel-title {
        font-size: 16px !important;
        width: calc(100% - 45px);
    }
    .br-15 img.sppb-img-responsive {
        border-radius: 15px !important;
    }
    .insurance-change-container-main .rsformProgress .main-div .first_wizardbar span {
        font-size: 16px;
        line-height: 20px;
    }
    .insurance-change-container-main .rsformProgress .main-div {
        margin-bottom: 90px;
    }
    .insurance-change-container-main .form-group .nachnamecls {
        margin-bottom: 25px;
    }
    .insurance-change-container-main .form-group.rsform-block-send .formControls {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .insurance-change-container-main .form-group.rsform-block-send .formControls button#SendPrev {
        order: 2;
    }
    .insurance-change-container-main #rsform_progress_10.rsformProgress .main-div {
        margin-bottom: 65px;
    }
    html[lang="it-it"] .top-calc-wrapper .content-premium-block .customer-type-radio label.btn.btn-default {
        padding: 16px 20px 10px;
    }

    .list-assets li.list-item a{
        font-size: 16px;
        display: flex;
        padding: 15px;
        align-items: start;
        flex-wrap: wrap;
        line-height: 24px;
    }
    .list-assets li.list-item a .pdf-badge {
        order: -1;
        margin: 0 0 8px;
    }
    .list-assets li.list-item a:after{
        display:none;
    }
    html[lang="fr-fr"] .footer-one-list .bottom-nav,
    html[lang="it-it"] .footer-one-list .bottom-nav {
        display: block !important;
    }
    .timeline-block .jux-tl-item.right .arrow {
        border-right-color: transparent;
        border-bottom-color: var(--thirdcolor);
    }
    .timeline-block .jux-tl-item.left .arrow {
        border-left-color: transparent;
        border-bottom-color: var(--thirdcolor);
    }
    .timeline-block .jux-tl-item.right .arrow:after,
    .timeline-block .jux-tl-item.left .arrow:after {
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
    .timeline-block .jux-tl-item .jux-tl-time {
        font-size: 16px;
        top: 0;
    }
    .timeline-block .jux-tl-info{
        padding: 15px;
    }
    .timeline-block .jux-tl-info h2 {
        font-size: 15px !important;
    }
    .timeline-block .jux-tl-item .jux-tl-desc {
        font-size: 15px;
        margin-top: 15px;
    }

    .blog-page .sp-page-title {
        padding: 155px 0 30px;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .blog-page .article-list .article .article-intro-image {
        max-height: 200px;
        border-radius: 15px;
    }
    .blog.blog-page,
    .blog-page .article-details{
        margin-top: 20px;
    }
    .blog-page .article-list .article{
        margin-bottom: 30px;
    }
    .blog-page .article-details {
        max-width: 100%;
        margin: 20px 0;
        padding: 0 20px;
    }
    .blog-page .article-details .article-full-image img {
        border-radius: 10px;
    }
    .blog-page .article-info>span,
    .blog-page .sppb-addon-articles .sppb-article-meta>span,
    .blog-page .sppb-articles-carousel-meta-category a,
    .blog-page .sppb-articles-carousel-meta-date {
        font-size: 13px;
    }
    .blog-page .article-details .article-header h1 {
        font-size: 22px !important;
    }
    .blog-page #sp-main-body .page-content .sppb-section .sppb-row-container h2 {
        font-size: 20px !important;
    }
    .blog-page #sp-main-body .page-content .sppb-section .sppb-row-container p,
    .blog-page #sp-main-body .page-content .sppb-section .sppb-row-container ul {
        font-size: 16px;
        line-height: 1.5;
    }

    .shape-design-block.shape-white-mobile::after{
        background-color: #ffffff;
    }
    .shape-design-block.shape-white-mobile .arrow-btn a{
        background: #eaf3de;
    }
    .shape-design-block.shape-white-mobile:hover .arrow-btn a{
        background: var(--thirdcolor);
    }
    .terms-slider-sec .sppb-carousel-extended-content-wrap{
        padding: 20px 20px 0;
    }
}

@media(max-width:579px){
    .comparison-wrapper .left-sec {
        width: 210px;
        padding-right: 20px;
    }
    .comparison-wrapper .right-sec {
        width: calc(100% - 210px);
        overflow: auto;
    }
    .comparison-wrapper .right-sec .row {
        flex-wrap: nowrap;
        margin: 0;
    }
    .comparison-wrapper .left-sec ul li,
    .comparison-wrapper .right-sec ul li {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .comparison-wrapper .left-sec ul li.title-row,
    .comparison-wrapper .right-sec ul li.title-row {
        font-size: 16px;
    }
    .comparison-wrapper .right-sec .col {
        min-width: 135px;
    }
    .comparison-wrapper .right-sec ul li .main-title-tab {
        font-size: 18px;
    }
}
@media (max-width: 991px) {
     h1.sppb-addon-title{
        font-size: 20px !important;
        line-height: 1.3 !important;
    }
}