@import url('reset.css');
@import url('helper.css');
@import url('splitingtext.css');


/* cookies css start */
.cookies-card {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    width: 850px;
    max-width: 100%;
    box-shadow: 0 5px 25px rgba(0,0,0,0.1);
    border-radius: 10px;
    z-index: 9999;
}

.cookies-card-inner {
    padding: 15px;
}

.cookies-card__icon {
    width: 45px;
    height: 45px;
    background-color: #e0e7ed;
    color: #2b2b2b;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
}

.cookies-card__content {
    width: calc(100% - 135px);
    padding-left: 15px;
}

.cookies-card__btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-flow: column;
    align-items: center;
    width: 85px;
}
/* cookies css end */

/* header css start */
.sp_header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    transition: all 0.3s;
}

.sp_header.active {
    background-color: #fff;
    box-shadow: 0 5px 5px rgba(0,0,0,0.08);
    top: -100%;
}

.sp_header.active.reverse {
    top: 0;
}

.header_action_area {
    padding: 0.5rem 0;
    background-color: var(--sp-clr-theme-dark);
}

.sp_header_btn {
    display: flex;
    align-items: center;
}

.lang-select {
    background-color: transparent;
    border: none;
    font-size: a8px;
    font-weight: 500;
}

.h_action_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -0.3125rem -0.75rem;
}

.h_action_menu li {
    position: relative;
    font-size: 0.875rem;
    padding: 0.3125rem 0.75rem;
    line-height: 1;
    font-weight: 500;
}

.h_action_menu li::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 11px;
    background-color: #fff;
    opacity: 0.5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.h_action_menu li:last-child {
    padding-right: 0;
    border-right: none;
}

.h_action_menu li a {
    color: #fff;
}

.h_action_menu li a:hover {
    color: var(--sp-clr-theme);
}

.header_menu_area {
    padding: 30px 0;
    background-color: transparent;
    position: relative;
}

.sp_header.active .header_menu_area {
    padding: 0;
}

.sp_site_logo {
    font-size: 1.5rem;
    z-index: 1;
}

@media (max-width: 1199px) {
    .sp_site_logo {
        position: static;
        background-color: transparent;
        padding: 0;
        box-shadow: none;
        order: -1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.sp_site_logo img {
    max-width: 215px;
    max-height: 55px;
}

@media (max-width: 1199px) {
    .sp_site_logo img {
        max-height: 45px;
    }
}

.sp_header_menu_toggle_btn {
    display: none;
    font-size: 1.5rem;
    width: 25px;
    height: 25px;
    position: relative;
}

.sp_header_menu_toggle_btn.active i.la-bars {
    opacity: 0;
}

.sp_header_menu_toggle_btn.active i.la-times {
    opacity: 1;
}

.sp_header_menu_toggle_btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sp_header_menu_toggle_btn i.la-times {
    opacity: 0;
}

@media (max-width: 1199px) {
    .sp_header_menu_toggle_btn {
        display: inline-block;
        margin-left: auto;
    }
}

.sp_header_menu_wrapper {
    display: flex;
    flex-wrap: wrap;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    flex-grow: 1;
    padding-left: 30px;
}

.sp_header_menu_wrapper.active {
    left: 0;
}

@media (max-width: 1199px) {
    .sp_header_menu_wrapper {
        justify-content: flex-start;
        position: fixed;
        left: -105%;
        top: 0;
        width: 250px;
        height: 100vh;
        background-color: #fff;
        border-right: 1px solid #e5e5e5;
        z-index: 999;
        padding: 0 15px 15px 15px;
    }
}

.sp_header_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -0.625rem -1.25rem;
    width: 100%;
    justify-content: center;
}

.sp_header_menu > li:first-child,
.sp_header_menu > li.sp_header_btn {
    margin-left: auto;
}

.sp_header_btn a {
    padding: 10px 25px !important;
    background-color: var(--sp-clr-theme);
    border-radius: 99px;
    flex-flow: row !important;
    font-size: 16px !important;
}

.sp_header_btn a i {
    color: #fff;
    margin-right: 5px;
    font-size: 16px !important;
}

.sp_header_btn a span {
    color: #fff;
}

@media (max-width: 1199px) {
    .sp_header_menu {
        flex-direction: column;
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 1199px) {
    .sp_header_menu > li {
        width: 100%;
    }
}

.sp_header_menu > li:last-child > a::after {
    display: none;
}

.sp_header_menu > li > a {
    padding: 15px 1.25rem;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #3c3c3c;
    font-weight: 600;
    font-size: 17px;
}

.sp_header.active .sp_header_menu > li > a {
    padding: 35px 1.25rem;
}

.sp_header_menu > li:hover > a {
    color: var(--sp-clr-theme);
}

@media (max-width: 1199px) {
    .sp_header_menu > li > a {
        flex-direction: row;
        justify-content: flex-start;
        padding: 0.625rem 0.9375rem;
    }
}

.sp_header_menu > li > a > i {
    font-size: 1.5rem;
}

@media (max-width: 1199px) {
    .sp_header_menu > li > a > i {
        margin-right: 10px;
    }
}

.sp_mega_menu_item,
.sp_sub_menu_item {
    position: relative;
}

.sp_mega_menu_item > a,
.sp_sub_menu_item > a {
    position: relative;
}

.sp_mega_menu_item > a::before,
.sp_sub_menu_item > a::before {
    position: absolute;
    content: "\f107";
    top: 50%;
    right: 0;
    margin-top: -10px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 14px;
}

.sp_mega_menu_item > a::after,
.sp_sub_menu_item > a::after {
    position: absolute;
    content: '';
    bottom: -1px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: hsla(0,0%,100%,0) hsla(0,0%,100%,0) #ffffff;
    border-width: 8px;
    margin-left: -8px;
    z-index: 1;
    opacity: 0;
}

.sp_mega_menu_item:hover > a::after,
.sp_sub_menu_item:hover > a::after {
    opacity: 1;
    bottom: 0;
}

.sp_mega_menu {
    position: absolute;
    top: 110%;
    left: 50%;
    width: 840px;
    padding: 10px 20px;
    background-color: #fff;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.17);
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    align-items: flex-end;
}

.sp_sub_menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 240px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 10px 50px 0 rgba(0,0,0,.17);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}

.sp_mega_menu_item:hover .sp_mega_menu,
.sp_sub_menu_item:hover .sp_sub_menu {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.sp_header.active .sp_mega_menu_item:hover .sp_mega_menu,
.sp_header.active .sp_sub_menu_item:hover .sp_sub_menu {
    top: 90%;
}

.sp_header.active .sp_mega_menu_item:hover > a::after, 
.sp_header.active .sp_sub_menu_item:hover > a::after {
    bottom: 10px;
}

.sp_sub_menu_item .sp_sub_menu li a {
    padding: 5px 0;
}

.sp_mega_menu_single {
    width: calc(100% / 3);
}

.sp_mega_menu_single a {
    padding: 13px 17px;
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s;
    border-radius: 5px;
}

.sp_mega_menu_single:hover a {
    background-color: #f1f5f9;
}

.sp_mega_menu_single.sp_mega_menu_single_btn {
    padding: 13px 17px;
}

.sp_mega_menu_single a .sp_mega_menu_img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 8px 25px 0 rgba(0,0,0,.1);
}

.sp_mega_menu_single a .sp_mega_menu_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.sp_mega_menu_single a .sp_mega_menu_content {
    width: calc(100% - 35px);
    padding-left: 15px;
    margin-top: -4px;
}

.sp_mega_menu_single a .sp_mega_menu_content span {
    font-weight: 700;
    color: var(--sp-clr-display-font);
    font-size: 16px;
}

.sp_mega_menu_single a .sp_mega_menu_content p {
    font-size: 14px;
    color: var(--sp-clr-body-font);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.responsive-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.375rem 0.9375rem;
    background-color: #fff;
    border-top: 1px solid rgba(219, 219, 219, 0.4901960784);
    z-index: 9;
    display: none;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .responsive-bottom-bar {
        display: flex;
    }
}

.responsive-bottom-bar a {
    color: var(--sp-clr-display-font);
    text-align: center;
}

.responsive-bottom-bar button {
    background-color: transparent;
    text-align: center;
    padding: 0 0.3125rem;
}

.responsive-bottom-bar i {
    font-size: 0.875rem;
}

@media (max-width: 575px) {
    .responsive-bottom-bar i {
        font-size: 0.8125rem;
    }
}

.responsive-bottom-bar p {
    line-height: 1;
    font-size: 0.875rem;
}

@media (max-width: 575px) {
    .responsive-bottom-bar p {
        font-size: 0.75rem;
    }
}
/* header css end */

/* sp_footer_section css start */
.sp_footer_section {
    position: relative;
    overflow: hidden;
}


.sp_footer_section::before,
.sp_footer_section::after {
    position: absolute;
    content: '';
    z-index: -1;
}

.sp_footer_section::before {
    left: 0;
    top: 0;
    width: 533px;
    height: 684px;
    background-image: url(../images/elements/left-shadow.svg);
}

.sp_footer_section::after {
    right: 0;
    top: 0;
    width: 599px;
    height: 943px;
    background-image: url(../images/elements/right-shadow.svg);
}

.sp_footer_top {
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.sp_social_links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -3px -10px;
}

.sp_social_links li a {
    padding: 3px 10px;
    font-size: 18px;
}

.sp_inline_menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -3px -10px;
}

.sp_inline_menu li {
    padding: 3px 10px;
}

.sp_footer_middle {
    padding-top: 70px;
}

.sp_footer_item_title {
    font-size: 18px;
    margin-bottom: 20px;
}

.sp_footer_item_menu li + li {
    margin-top: 10px;
}

.sp_subscribe_form {
    display: flex;
}

.sp_subscribe_form .sp_form_field {
    flex-grow: 1;
    border-radius: 5px 0 0 5px;
    border-right: 0;
}

.sp_subscribe_form button {
    width: 140px;
    padding: 10px;
    text-align: center;
    background-color: var(--sp-clr-theme);
    color: #fff;  
    border-radius: 0 5px 5px 0;
    border: none;
}

.sp_footer_middle_bottom {
    border-top: 1px solid var(--sp-clr-border);
    margin-top: 70px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid var(--sp-clr-border);
}

.sp_payment_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -3px -10px;
}

.sp_payment_list li {
    padding: 3px 10px;
}

.sp_payment_list li i {
    font-size: 28px;
}

.footer_counter_item_title {
    font-size: 20px;
}

.footer_counter_item p {
    font-size: 16px;
}

/* sp_footer_section css end */

/* sp_banner css start */
.sp_banner {
    padding-top: 200px;
    padding-bottom: 135px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.sp_banner::before,
.sp_banner::after {
    position: absolute;
    content: '';
    z-index: -1;
}

.sp_banner::before {
    left: 0;
    top: 0;
    width: 533px;
    height: 684px;
    background-image: url(../images/elements/left-shadow.svg);
}

.sp_banner::after {
    right: 0;
    bottom: 0;
    width: 599px;
    height: 943px;
    background-image: url(../images/elements/right-shadow.svg);
}

.sp_banner_title {
    font-size: 66px;
}

.sp_banner_title span {
    position: relative;
}

.sp_banner_title span.one {
    font-weight: 400;
}

.sp_banner_title span.two {
    color: var(--sp-clr-theme);
}

.sp_banner_title span.three {
    font-weight: 400;
}

.sp_banner_subtitle {
    font-size: 22px;
    margin-top: 15px;
}

.banner-thumb {
    position: absolute;
    top: 10%;
    right: 0;
    width: 850px;
}

.banner-bottom-wrapper {
    display: flex;
    flex-wrap: wrap;
}
/* sp_banner css end */

/* breadcrum css start */
.breadcrum {
    position: relative;
    padding-top: 170px;
    padding-bottom: 80px;
    z-index: 1;
}

.breadcrum::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient( circle 311px at 8.6% 27.9%,  rgba(62,147,252,0.57) 12.9%, rgba(239,183,192,0.25) 91.2% );
    opacity: 0.45;
    z-index: -1;
}

.breadcrum-title {
    font-size: 32px;
    margin-bottom: 0.625rem;
}

.breadcrum .page-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.breadcrum .page-breadcrumb li {
    padding: 0 0.3125rem;
}

.breadcrum .page-breadcrumb li:last-child {
    padding-right: 0;
}

.breadcrum .page-breadcrumb li:last-child::after {
    display: none;
}

.breadcrum .page-breadcrumb li::after {
    content: "/";
    padding-left: 0.5rem;
}

.breadcrum .page-breadcrumb li a {
    color: var(--sp-clr-theme);
    font-weight: 500;
}

/* breadcrum css end */
/* choose section css start */
.sp_choose_section {
    padding: 120px 0;
}

@media (max-width: 1399px) {
    .sp_choose_section {
        padding: 2.5rem 0;
    }
}

.sp_choose_item {
    display: flex;
    flex-wrap: wrap;
}

.sp_choose_item_icon {
    position: relative;
    width: 65px;
    height: 65px;
}

.sp_choose_item_icon::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sp-clr-theme);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    opacity: 0.15;
}

.sp_choose_item_icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--sp-clr-theme);
    color: #2b2b2b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.sp_choose_item_content {
    width: calc(100% - 65px);
    padding-left: 1.25rem;
}

@media (min-width: 576px) and (max-width: 767px) {
    .sp_choose_item_content {
        width: 100%;
        padding-left: 0;
        margin-top: 0.9375rem;
    }
}

.sp_choose_item_content .title {
    font-size: 1.125rem;
    font-weight: 500;
}

@media (max-width: 991px) {
    .sp_choose_item_content .title {
        font-size: 1rem;
    }
}
/* choose section css end */

/* about section css start */
.sp_about_section {
    padding: 120px 0;
}

@media (max-width: 1399px) {
    .sp_about_section {
        padding: 2.5rem 0;
    }
}

.sp_about_thumb {
    height: 100%;
}

.sp_about_item {
    display: flex;
    flex-wrap: wrap;
}

.sp_about_item_icon {
    width: 50px;
    height: 50px;
    background-color: var(--sp-clr-theme);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 0.1875rem;
}

@media (max-width: 575px) {
    .sp_about_item_icon {
        width: 25px;
        height: 25px;
    }
}

.sp_about_item_content {
    width: calc(100% - 50px);
    padding-left: 1.25rem;
}

@media (max-width: 575px) {
    .sp_about_item_content {
        width: calc(100% - 25px);
    }
}

.sp_about_item_title {
    font-size: 1.375rem;
}

@media (max-width: 575px) {
    .sp_about_item_title {
        font-size: 1.25rem;
    }
}

.about_brand_section {
    padding-bottom: 120px;
}
/* about section css end */

/* wheel section css start */
.sp_wheel_section {
    padding: 3.125rem 0;
}

@media (max-width: 1399px) {
    .sp_wheel_section {
        padding: 2.5rem 0;
    }
}

.wheeler_thumb {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.wheeler_thumb .wheeler_thumb_main {
    width: 100%;
    height: 100%;
}

.wheeler_thumb .wheeler_thumb_middle {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 4px;
    margin-top: -1px;
    max-width: 261px;
    animation: spin 5s infinite linear;
}

@media (max-width: 1399px) {
    .wheeler_thumb .wheeler_thumb_middle {
        max-width: 220px;
    }
}

.wheeler_item {
    padding: 1.25rem;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #340515;
    box-shadow: -1px 2px 0 #f6b019;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    .wheeler_item {
        text-align: center;
    }
}

@media (max-width: 575px) {
    .wheeler_item {
        padding: 0.9375rem;
    }
}

.wheeler_item:hover {
    box-shadow: 2px 5px 0 #f6b019;
}

.wheeler_item i {
    font-size: 1.625rem;
    color: var(--sp-clr-theme);
    margin-bottom: 1.5625rem;
}

@media (max-width: 575px) {
    .wheeler_item_title {
        font-size: 1.125rem;
    }
}

@media (max-width: 575px) {
    .wheeler_item p {
        font-size: 0.875rem;
    }
}
/* wheel section css end */

/* sp_overview_section css start */
.sp_overview_section {
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

.sp_overview_thumb {
    position: relative;
    height: 650px;
    overflow: hidden;
    border-radius: 10px;
}

.sp_overview_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.sp_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 110px;
    height: 110px;
    margin-top: -55px;
    margin-left: -55px;
    background-color: var(--sp-clr-theme);
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

.sp_video_btn:hover {
    color: #fff;
}

.sp_video_btn:after,
.sp_video_btn:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sp-clr-theme);
    margin: auto;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation: pulse-me 3s linear infinite;
    animation: pulse-me 3s linear infinite;
}

@-webkit-keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulse-me {
    0% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0;
    }

    50% {
        opacity: 0.1;
    }

    70% {
        opacity: 0.09;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

.sp_overview_item {
    display: flex;
    align-items: center;
}

.sp_overview_item .sp_overview_title {
    position: relative;
    font-size: 42px;
    width: 100px;
    line-height: 1;
    z-index: 1;
}

.sp_overview_item .sp_overview_title::before {
    position: absolute;
    content: '';
    top: -15px;
    left: -8px;
    width: 75px;
    height: 75px;
    background: linear-gradient(to right, rgba(0,0,0, 0.1), rgba(0,0,0, 0.01));
    z-index: -1;
    border-radius: 50%;
}

.sp_overview_item p {
    font-size: 18px;
}
/* sp_overview_section css end */


/* service section css start */
.sp_service_section {
    padding-bottom: 120px;
}

.sp_service_item {
    padding: 40px;
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 10px;
    box-shadow: 0 5px 25px rgba(0,0,0, 0.05);
    transition: all 0.3s;
    position: relative;
    height: 100%;
}

.sp_service_item:hover {
    transform: translateY(-5px);
}

.sp_service_item_link {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.sp_service_item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0.2;
}

.sp_service_item_icon {
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.05);
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.sp_service_item_icon img {
    max-height: 45px;
}

.sp_service_item_content {
    margin-top: 20px;
}

.sp_service_wrapper div[class*="col-"]:nth-child(1) .sp_service_item {
    border-color: rgba(19, 101, 223, 0.2);
}
.sp_service_wrapper div[class*="col-"]:nth-child(1) .sp_service_item::before {
    background-image: radial-gradient( circle 311px at 8.6% 27.9%,  rgba(62,147,252,0.57) 12.9%, rgba(239,183,192,0.44) 91.2% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(1) .sp_service_item:hover {
    border-color: #1365df;
}
.sp_service_wrapper div[class*="col-"]:nth-child(1) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(19, 101, 223, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(1) .sp_service_item_icon {
    background-color: rgba(19, 101, 223, 0.1);
}

.sp_service_wrapper div[class*="col-"]:nth-child(2) .sp_service_item {
    border-color: rgba(255, 180, 88, 0.3);
}
.sp_service_wrapper div[class*="col-"]:nth-child(2) .sp_service_item::before {
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(176,229,208,1) 42%, rgba(92,202,238,0.41) 93.6% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(2) .sp_service_item:hover {
    border-color: #ffb458;
}
.sp_service_wrapper div[class*="col-"]:nth-child(2) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(255, 180, 88, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(2) .sp_service_item_icon {
    background-color: rgba(255, 180, 88, 0.1);
}

.sp_service_wrapper div[class*="col-"]:nth-child(3) .sp_service_item {
    border-color: rgba(95, 208, 105, 0.3);
}
.sp_service_wrapper div[class*="col-"]:nth-child(3) .sp_service_item::before {
    background-image: linear-gradient( 109.6deg,  rgba(254,253,205,1) 11.2%, rgba(163,230,255,1) 91.1% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(3) .sp_service_item:hover {
    border-color: #5fd069;
}
.sp_service_wrapper div[class*="col-"]:nth-child(3) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(95, 208, 105, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(3) .sp_service_item_icon {
    background-color: rgba(95, 208, 105, 0.1);
}


.sp_service_wrapper div[class*="col-"]:nth-child(4) .sp_service_item {
    border-color: rgba(8, 140, 252, 0.2);
}
.sp_service_wrapper div[class*="col-"]:nth-child(4) .sp_service_item::before {
    background-image: radial-gradient( circle 369px at -2.9% 12.9%,  rgba(247,234,163,1) 0%, rgba(236,180,238,0.56) 46.4%, rgba(163,203,247,1) 100.7% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(4) .sp_service_item:hover {
    border-color: #088cfc;
}
.sp_service_wrapper div[class*="col-"]:nth-child(4) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(8, 140, 252, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(4) .sp_service_item_icon {
    background-color: rgba(8, 140, 252, 0.1);
}


.sp_service_wrapper div[class*="col-"]:nth-child(5) .sp_service_item {
    border-color: rgba(132, 13, 212, 0.2);
}
.sp_service_wrapper div[class*="col-"]:nth-child(5) .sp_service_item::before {
    background-image: radial-gradient( circle 588px at 31.7% 40.2%,  rgba(225,200,239,1) 21.4%, rgba(163,225,233,1) 57.1% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(5) .sp_service_item:hover {
    border-color: #840dd4;
}
.sp_service_wrapper div[class*="col-"]:nth-child(5) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(132, 13, 212, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(5) .sp_service_item_icon {
    background-color: rgba(132, 13, 212, 0.1);
}


.sp_service_wrapper div[class*="col-"]:nth-child(6) .sp_service_item {
    border-color: rgba(201, 37, 81, 0.2);
}
.sp_service_wrapper div[class*="col-"]:nth-child(6) .sp_service_item::before {
    background-image: linear-gradient( 109.6deg,  rgba(255,179,189,1) 1.8%, rgba(254,248,154,1) 50.6%, rgba(161,224,186,1) 100.3% );
}
.sp_service_wrapper div[class*="col-"]:nth-child(6) .sp_service_item:hover {
    border-color: #c92551;
}
.sp_service_wrapper div[class*="col-"]:nth-child(6) .sp_service_item:hover {
    box-shadow: 0 10px 25px rgba(201, 37, 81, 0.15);
}
.sp_service_wrapper div[class*="col-"]:nth-child(6) .sp_service_item_icon {
    background-color: rgba(201, 37, 81, 0.1);
}
/* service section css end */


/* about page css start */
.sp_about_banner {
    position: relative;
    padding-top: 150px;
    padding-bottom: 100px;
    overflow: hidden;
}

.sp_about_banner::before,
.sp_about_banner::after {
    position: absolute;
    content: '';
    z-index: -1;
}

.sp_about_banner::before {
    left: 0;
    top: 0;
    width: 533px;
    height: 684px;
    background-image: url(../images/elements/left-shadow.svg);
}

.sp_about_banner::after {
    right: 0;
    bottom: 0;
    width: 599px;
    height: 943px;
    background-image: url(../images/elements/right-shadow.svg);
}

.sp_about_banner_content .details {
    font-size: 20px;
    margin-top: 15px;
}

.sp_about_banner_item .sp_about_banner_item_title {
    position: relative;
    z-index: 1;
}

.sp_about_banner_item .sp_about_banner_item_title::before {
    position: absolute;
    content: '';
    top: -10px;
    left: -8px;
    width: 55px;
    height: 55px;
    background: linear-gradient(to right, rgba(0,0,0, 0.1), rgba(0,0,0, 0.01));
    z-index: -1;
    border-radius: 50%;
}

.sp_about_banner_item .caption {
    font-size: 16px;
    margin-top: 15px;
}

.sp_about_choose_section {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about_choose_item {
    display: flex;
    flex-wrap: wrap;
}

.about_choose_item .icon {
    position: relative;
    width: 70px;
}

.about_choose_item .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: -5px;
    width: 70px;
    height: 70px;
    border-radius: 59% 35% 31% 49% / 53% 54% 35% 34% ;
    background: linear-gradient(to right, rgba(0,0,0, 0.1), rgba(0,0,0, 0.01));
}

.about_choose_item .content {
    width: calc(100% - 70px);
    padding-left: 20px;
}

.about_choose_item .content .title {
    font-size: 24px;
    margin-bottom: 10px;
}

.about_expertise_section {
    padding: 100px 0;
}

.expertise_item {
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-radius: 8px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.expertise_item:hover {
    transform: translateY(-5px);
}

.expertise_item img {
    max-height: 35px;
}

.team_section {
    padding: 100px 0;
}

.team_item {
    background-color: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,0.1);
    border-radius: 10px;
    overflow: hidden;
}

.team_item .thumb {
    height: 410px;
    overflow: hidden;
}

.team_item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.team_item .content {
    text-align: center;
    padding: 20px;
}

.team_item .content .title {
    font-size: 24px;
    margin-bottom: 6px;
}


.join_team {
    padding-bottom: 100px;
}

.join_team_wrapper {
    position: relative;
    text-align: center;
    padding: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0, 0.2);
    border-radius: 10px;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
    z-index: 1;
}

.join_team_wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/elements/line-shape2.png);
    background-size: cover;
    opacity: 0.35;
}

.join_team_wrapper .title {
    font-size: 42px;
    color: #fff;
}

.join_team_wrapper .subtitle {
    font-size: 22px;
    font-weight: 600 !important;
    color: #fff;
    margin-top: 15px;
}

.career_section {
    padding: 100px 0;
}

.career_category li + li {
    margin-top: 15px;
}

.career_category li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.career_item {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    padding: 15px;
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.career_item_description,
.career_item_action {
    padding: 10px;
}

.career_item_description .title {
    font-size: 24px;
}

.career_item_feature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -5px -20px;
}

.career_item_feature li {
    position: relative;
    font-size: 16px;
    padding: 5px 20px;
}

.career_item_feature li::after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin-right: -4px;
    transform: translateY(-50%);
    background-color: #ddd;
    border-radius: 50%;
}

.career_item_feature li:last-child::after {
    display: none;
}

.career_details {
    padding: 100px 0;
}

.career-details-form-wrapper {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,0.1);
}

/* about page css end */


/* product section css start */
.sp_product_tabs {
    display: inline-flex;
    border-bottom: none;
}

.sp_product_tabs .nav-item {
    padding: 5px 10px;
}

.sp_product_tabs .nav-item .nav-link {
    border: 2px solid #e0e0e0;
    background-color: #fff;
    border-radius: 5px;
    color: var(--sp-clr-body-font);
}

.sp_product_tabs .nav-item .nav-link.active {
    border-color: var(--sp-clr-theme);
}

.sp_product_section {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
}

.sp_product_section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 129.1deg,  rgba(243,199,83,1) 26.8%, rgba(18,235,207,1) 114.1% );
    opacity: 0.15;
    z-index: -1;
}

.sp_product_item {
    position: relative;
    height: 100%;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 4px #e6e6e6;
    display: flex;
    flex-flow: column;
}

.sp_product_item .sp_product_item_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.sp_product_item_thumb {
    position: relative;
    height: 212px;
    border-radius: 12px 12px 0 0;
    overflow: hidden;
}

.sp_product_item_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: all 0.3s;
}

.sp_product_item:hover .sp_product_item_thumb img {
    transform: scale(1.05, 1.05);
}

.sp_product_item_content {
    padding: 15px 20px 20px 20px;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
}

.sp_product_item_content .title {
    font-weight: 700 !important;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.3s;
}

.sp_product_item:hover .title {
    color: var(--sp-clr-theme);
}

.sp_product_item_review {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 5px;
}

.product-reviews {
    display: flex;
    align-items: center;
}

.product-reviews i {
    color: #eba623;
    font-size: 12px;
}

.product-reviews i + i {
    margin-left: 2px;
}

.sp_product_item_content .sp_product_item_category {
    font-size: 14px;
    position: relative;
    padding-left: 20px;
}

.sp_product_item_content .sp_product_item_category::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 15px;
    height: 1px;
    background-color: #ddd;
}

.sp_product_item_action {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    margin: auto -5px -5px -5px;
    position: relative;
    z-index: 2;
}

.sp_product_item_price {
    font-size: 18px;
    padding: 5px;
    color: #545454;
}

.sp_product_item_btns {
    display: flex;
    padding: 5px;
}

.sp_product_item_cart {
    width: 40px;
    height: 40px;
    color: #666;
    border: 1px solid #ccc;
    font-size: 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    border-radius: 3px;
    transition: all 0.3s;
}

.sp_product_item_cart:hover {
    background-color: #666;
    color: #fff;
    border-color: #666;
}

.sp_product_item_preview {
    height: 40px;
    padding: 5px 20px;
    font-size: 14px;
    color: var(--sp-clr-display-font);
    border: 1px solid var(--sp-clr-display-font);
    font-weight: 700;
    border-radius: 3px;
    transition: all 0.3s;
}

.sp_product_item_preview:hover {
    background-color: var(--sp-clr-theme);
    border-color: var(--sp-clr-theme);
    color: #fff;
}

.no_product_found_wrapper {
    text-align: center;
    padding: 70px 40px;
    background-color: #f1f5f9;
}

.no_product_found_wrapper .icon {
    font-size: 56px;
    line-height: 1;
}

.no_product_found_wrapper .title {
    font-size: 28px;
    margin-top: 15px;
}
/* product section css end */


/* all products css start */
.sp_all_products {
    padding-top: 200px;
    padding-bottom: 100px;
}

.sp_all_products .sp_product_item_content {
    border: 1px solid #e9e9e9;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.all_product_form {
    padding: 5px;
    display: flex;
    align-items: center;
    width: 280px;
    max-width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
}

.all_product_form input {
    width: calc(100% - 40px);
    height: 30px;
    padding-left: 12px;
    padding-right: 10px;
}

.all_product_form button {
    width: 40px;
    font-size: 18px;
    color: var(--sp-clr-body-font);
    background-color: transparent;
    padding: 2px 4px;
    font-weight: 500;
    text-align: center;
}
/* all products css end */


/* product details css start */
.sp_product_details_banner {
    padding-top: 200px;
    padding-bottom: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.sp_product_details_banner::before,
.sp_product_details_banner::after {
    position: absolute;
    content: '';
    z-index: -1;
}

.sp_product_details_banner::before {
    left: 0;
    top: 0;
    width: 533px;
    height: 684px;
    background-image: url(../images/elements/left-shadow.svg);
}

.sp_product_details_banner::after {
    right: 0;
    bottom: 0;
    width: 599px;
    height: 943px;
    background-image: url(../images/elements/right-shadow.svg);
}

.sp_product_details_banner .title {
    font-size: 42px;
}

.product_core_feature_section {
    padding-top: 50px;
    padding-bottom: 100px;
}

.product_core_feature_single {
    position: relative;
    padding: 25px;
    box-shadow: 0 5px 25px rgba(0,0,0, 0.05);
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid transparent;
    z-index: 1;
    transition: all 0.3s;
}

.product_core_feature_single::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: url(../images/elements/line-shape.png);
    background-size: cover;
    opacity: 0.35;
}

.product_core_feature_single::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0.2;
    z-index: -1;
}

.product_core_feature_single img {
    max-height: 54px;
}

.product_core_feature_single .title {
    font-size: 26px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.product_core_feature_slider .slick-list {
    margin: -10px;
}

.product_core_feature_slider .single-slide {
    padding: 10px;
}

.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 1) .product_core_feature_single {
    border-color: rgba(19, 101, 223, 0.2);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 1) .product_core_feature_single:hover {
    border-color: rgba(19, 101, 223, 1);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 1) .product_core_feature_single::after {
    background-image: radial-gradient( circle 311px at 8.6% 27.9%,  rgba(62,147,252,0.57) 12.9%, rgba(239,183,192,0.44) 91.2% );
}


.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 2) .product_core_feature_single {
    border-color: rgba(95, 208, 105, 0.3);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 2) .product_core_feature_single:hover {
    border-color: rgba(95, 208, 105, 1);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 2) .product_core_feature_single::after {
    background-image: linear-gradient( 109.6deg,  rgba(254,253,205,1) 11.2%, rgba(163,230,255,1) 91.1% );
}


.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 3) .product_core_feature_single {
    border-color: rgba(8, 140, 252, 0.2);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 3) .product_core_feature_single:hover {
    border-color: rgba(8, 140, 252, 1);
}
.product_core_feature_slider .slick-track .single-slide:nth-of-type(3n + 3) .product_core_feature_single::after {
    background-image: radial-gradient( circle 369px at -2.9% 12.9%,  rgba(247,234,163,1) 0%, rgba(236,180,238,0.56) 46.4%, rgba(163,203,247,1) 100.7% );
}


.sp_payment_section {
    padding: 100px 0;
}

.payment-item {
    border: 2px solid #e5e5e5;
    border-radius: 10px;
    transition: all 0.3s;
    background-color: #fff;
}

.payment-item:hover {
    border-color: var(--sp-clr-theme);
    box-shadow: 0 10px 25px rgba(0,0,0, 0.05);
    transform: translateY(-5px);
}

.payment-item img {
    border-radius: 10px;
}

.sp_product_demo_section {
    padding: 100px 0;
}

.product_key_feature_section {
    padding: 120px 0;
}

.product_key_item {
    display: none;
}

.demo-product-single {
    position: relative;
}

.demo-product-single .item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.demo-product-single img {
    transition: all 0.3s;
}

.demo-product-single:hover img {
    transform: translateY(-5px);
}

.product_key_feature_single {
    padding: 25px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,.1);
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    transition: all 0.3s;
    height: 100%;
}

.product_key_feature_single:hover {
    border-color: var(--sp-clr-theme);
    transform: translateY(-5px);
}

.product_key_feature_single img {
    max-height: 70px;
}

.product_key_feature_single .title {
    font-size: 20px;
    margin-top: 20px;
    font-weight: 700 !important;
}

.product_details_cta {
    padding-bottom: 100px;
}

.product_details_cta_wrapper {
    position: relative;
    text-align: center;
    padding: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0, 0.2);
    border-radius: 10px;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
    z-index: 1;
}

.product_details_cta_wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/elements/line-shape2.png);
    background-size: cover;
    opacity: 0.35;
}

.product_details_cta_wrapper .title {
    font-size: 42px;
    color: #fff;
}

.product_details_cta_wrapper .subtitle {
    font-size: 22px;
    font-weight: 600 !important;
    color: #fff;
    margin-top: 15px;
}
/* product details css end */


/* own product details css start */
.product-details-banner {
    padding-top: 200px;
    background-color: #F6F8F8;
    border-bottom: 1px solid #e5e5e5;
}

.product-details-banner .title {
    font-size: 28px;
}

.product-details-banner-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.product-details-banner-thumb {
    width: 80px;
    height: 80px;
}

.product-details-banner-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.product-details-banner-content {
    width: calc(100% - 80px);
    padding-left: 20px;
}

.product-purchase-ratings {
    display: flex;
    align-items: center;
}

.product-purchase-ratings i {
    font-size: 13px;
    color: #e9b20d;
}

.product-purchase-ratings i + i {
    margin-left: 3px;
}

.product-purchase-ratings span {
    font-size: 14px;
    margin-left: 10px;
}

.product-details-banner-nav {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.product-details-banner-nav .nav-item {
    padding: 0 15px;
    font-size: 16px;
}

.product-details-banner-nav .nav-item:first-child {
    padding-left: 0;
}

.product-details-banner-nav .nav-item:last-child {
    padding-left: 0;
}

.product-details-banner-nav .nav-item .nav-link {
    font-weight: 600;
    padding: 10px 3px;
    position: relative;
    color: var(--sp-clr-body-font);
    background-color: transparent;
    border: none;
}

.product-details-banner-nav .nav-item .nav-link::after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: var(--sp-clr-theme);
    opacity: 0;
    transition: all 0.3s;
}

.product-details-banner-nav .nav-item .nav-link.active::after {
    opacity: 1;
}

.product-details-main {
    background-color: #EDF1F2;
    padding-top: 25px;
    padding-bottom: 50px;
}

.product-details-main-thumb {
    background-color: #fff;
}

.product-details-main-thumb img {
    width: 100%;
}

.product-details-main-thumb-bottom {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details-box {
    background-color: #fff;
}

.product-details-box-header {
    padding: 12px 15px;
    border-bottom: 1px solid var(--sp-clr-border);
}

.product-details-box-header .title {
    font-size: 20px;
}

.product-details-box-body {
    padding: 20px 15px;
}

.product-details-screenshot-slider .slick-list {
    margin: 0 -10px;
}

.product-details-screenshot-slider .single-slide {
    padding: 0 10px;
}

.screenshot-item {
    position: relative;
}

.screenshot-item .screenshot-item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-feature-list li {
    padding-left: 27px;
    position: relative;
}

.product-feature-list li + li {
    margin-top: 12px;
}

.product-feature-list li::before {
    position: absolute;
    content: "\f058";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    top: -3px;
    left: 0;
    font-size: 20px;
}

.changelog-list {
    list-style: disc;
    padding-left: 37px;
}

.changelog-list li {
    padding-left: 0;
}

.changelog-single + .changelog-single {
    margin-top: 30px;
}

.product-purchase-box {
    padding: 25px;
    border-radius: 8px;
    background-color: #fff;
}

.product-purchase-box .product-purchase-box-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: -10px;
}

.product-purchase-box .product-purchase-box-top .title {
    font-size: 16px;
    padding: 10px;
}

.product-purchase-box .product-purchase-box-top .product-purchase-box-top-price {
    font-size: 24px;
    line-height: 1;
}

.product-purchase-license {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
}

.product-purchase-license .title {
    font-size: 16px;
}

.product-purchase-license p {
    font-size: 14px;
    color: var(--sp-clr-display-font);
}

.product-purchase-license-list {
    margin-top: 12px;
}

.product-purchase-radio-single {
    position: relative;
    margin-top: 4px;
}

.product-purchase-radio-single input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product-purchase-radio-single label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: 400;
    justify-content: space-between;
    margin: -5px;
    padding-left: 22px;
    position: relative;
    cursor: pointer;
}

.product-purchase-radio-single label::before {
    position: absolute;
    content: '';
    top: 12px;
    left: 5px;
    width: 16px;
    height: 16px;
    border: 2px solid #949291;
    border-radius: 50%;
    transition: all 0.3s;
}

.product-purchase-radio-single label::after {
    position: absolute;
    content: '';
    top: 17px;
    left: 10px;
    width: 6px;
    height: 6px;
    background-color: var(--sp-clr-theme);
    border-radius: 50%;
    opacity: 0;
    transition: all 0.3s;
}

.product-purchase-radio-single input:checked ~ label::before {
    border-color: var(--sp-clr-theme);
}

.product-purchase-radio-single input:checked ~ label::after {
    background-color: var(--sp-clr-theme);
    opacity: 1;
}

.product-purchase-radio-single label span {
    font-size: 16px;
    padding: 5px;
    color: #303538;
}

.product-purchase-radio-single label span.product-purchase-license-price {
    font-weight: 600;
    color: var(--sp-clr-display-font);
}

.product-aside-box {
    background-color: #fff;
    border-radius: 8px;
}

.product-aside-box-header {
    padding: 12px 15px;
    border-bottom: 1px solid var(--sp-clr-border);
}

.product-aside-box-header .title {
    font-size: 20px;
}

.product-aside-box-list li {
    padding: 8px 15px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    border-bottom: 1px solid var(--sp-clr-border);
}

.product-aside-box-list li:last-child {
    border-bottom: none;
}

.product-aside-box-list li .left {
    width: 40%;
}

.product-aside-box-list li .right {
    width: 60%;
    padding-left: 15px;
}

.product-aside-box-list li:nth-child(odd) {
    background-color: #FAFBFC;
}

.product-aside-box-list li a {
    color: var(--sp-clr-theme);
}

.product-aside-box .product-aside-box-body {
    padding: 20px 15px;
}

.product-social-share-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 15px;
}

.product-social-share-list a {
    width: 49%;
    padding: 10px;
    color: #fff;
    text-align: center;
    margin-bottom: 7px;
    font-size: 14px;
    border-radius: 5px;
}

.product-social-share-list a.facebook {
    background-color: #35508B;
}

.product-social-share-list a.twitter {
    background-color: #28A0D2;
}

.product-social-share-list a.linkedin {
    background-color: #0071A8;
}

.product-social-share-list a.telegram {
    background-color: #0088cc;
}

.product-social-share-list a.whatsapp {
    background-color: #25D366;
}

.product-social-share-list a.reddit {
    background-color: #FF4500;
}

.product-aside {
    position: sticky;
    top: 100px;
}

.product-license-feature-list {
    margin-top: 20px;
}

.product-license-feature-list li {
    position: relative;
    padding-left: 22px;
    font-size: 14px;
}

.product-license-feature-list li::before {
    position: absolute;
    content: "\f058";
    top: 1px;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: var(--sp-clr-theme);
}

.product-license-feature-list li + li {
    margin-top: 8px;
}

.product-review-single {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid var(--sp-clr-border);
}

.product-review-single + .product-review-single {
    margin-top: 20px;
}

.product-review-user {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.product-review-user .thumb {
    width: 65px;
    height: 65px;
    border-radius: 8px;
    overflow: hidden;
}

.product-review-user .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}

.product-review-user .content {
    width: calc(100% - 65px);
    padding-left: 20px;
}

.product-review-user .content .title {
    font-size: 16px;
}

.product-review-user .content .title .purchased-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 2px 6px;
    background-color: var(--sp-clr-theme);
    color: #fff;
    border-radius: 3px;
}

.product-review-ratings span {
    font-size: 14px;
    font-weight: 600;
    color: #58666e;
}

.product-review-ratings i {
    font-size: 12px;
    color: #e9b20d;
}

.product-review-user.product-review-admin {
    background-color: #F6F8F8;
    border-top: 1px solid var(--sp-clr-border);
    border-radius: 0 0 8px 8px;
}

.product-review-user.product-review-admin .content .title .purchased-badge {
    background-color: #3c3c3c;
}

.comment_reply_form {
    padding: 15px;
}

.comment_reply_form_main {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 30px;
}
/* own product details css end */


/* sp_plan_section css start */
.sp_plan_section {
    padding: 120px 0;
}

.sp_plan {
    padding: 15px;
    background-color: #fff;
    box-shadow: var(--sp-box-shadow);
    border: 2px solid #ddd;
}

.sp_plan_body {
    padding: 20px 0;
}
/* sp_plan_section css end */

/* service details css start */
.service_details_banner {
    position: relative;
    padding-top: 200px;
    padding-bottom: 100px;
    overflow: hidden;
}

.service_details_banner::before,
.service_details_banner::after {
    position: absolute;
    content: '';
    z-index: -1;
}

.service_details_banner::before {
    left: 0;
    top: 0;
    width: 533px;
    height: 684px;
    background-image: url(../images/elements/left-shadow.svg);
}

.service_details_banner::after {
    right: 0;
    bottom: 0;
    width: 599px;
    height: 943px;
    background-image: url(../images/elements/right-shadow.svg);
}

.service_area_section {
    padding: 100px 0;
}

.sp_service_item.style_two {
    display: flex;
    flex-wrap: wrap;
    padding: 25px;
}

.sp_service_item.style_two .sp_service_item_icon {
    width: 70px;
    height: 70px;
}

.sp_service_item.style_two .sp_service_item_icon img {
    max-height: 37px;
}

.sp_service_item.style_two .sp_service_item_content {
    width: 100%;
    padding-left: 0;
    margin-top: 26px;
}

.sp_service_item.style_two .sp_service_item_content .title {
    font-size: 22px;
}

.service_pricing_section {
    padding: 100px 0;
}

.service_pricing_section:nth-child(odd) {
    background-color: var(--sp-clr-section);
}

.service_pricing_section:last-child {
    padding-bottom: 200px;
}

.service_plan {
    padding: 25px 25px 20px 25px;
    background-color: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    border-radius: 8px;
    border: 1px solid #e5e5e5;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.service_plan_header {
    display: flex;
    flex-wrap: wrap;
}

.service_plan_header .icon {
    width: 50px;
    padding-top: 5px;
}

.service_plan_header .icon i {
    transform: rotate(-25deg);
    font-size: 32px;
    color: var(--sp-clr-theme);
}

.service_plan_header .content {
    width: calc(100% - 50px);
}

.service_plan_header .content .title {
    font-size: 22px;
}

.service_plan_header .price {
    width: 100%;
    margin-top: 10px;
}

.service_plan_body {
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
}

.service_plan_body ul li + li {
    margin-top: 8px;
}

.service_plan_body ul li {
    position: relative;
    padding-left: 30px;
}

.service_plan_body ul li i {
    position: absolute;
    top: 7px;
    left: 0;
}

.service_plan_footer {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
    margin-top: auto;
}

.service_cta_wrapper {
    position: relative;
    text-align: center;
    padding: 50px;
    box-shadow: 0 10px 35px rgba(0,0,0, 0.2);
    border-radius: 10px;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(14,174,87,1) 0%, rgba(12,116,117,1) 90% );
    z-index: 1;
    margin-top: -120px;
}

.service_cta_wrapper::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../images/elements/line-shape2.png);
    background-size: cover;
    opacity: 0.35;
}

.service_cta_wrapper .title {
    font-size: 42px;
    color: #fff;
}

.service_cta_wrapper .subtitle {
    font-size: 22px;
    font-weight: 600 !important;
    color: #fff;
    margin-top: 15px;
}
/* service details css end */

/* how work section css start */
.how_work_section {
    padding-bottom: 120px;
}

.how_work_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 70px;
}

.how_work_item {
    width: calc(100% / 6);
    text-align: center;
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 50px;
    z-index: 1;
}

.how_work_circle_one {
    position: absolute;
    top: 0;
    left: 0;
    width: 215px;
    height: 107px;
    border: 3px solid gray;
    z-index: -1;
    opacity: 0.25;
    transition: all 0.3s;
}

.how_work_circle_one::before {
    position: absolute;
    content: '';
    bottom: -9px;
    left: -7px;
    width: 12px;
    height: 12px;
    border: 3px solid gray;
    border-radius: 50%;
}

.how_work_circle_two {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 110px;
    height: 55px;
    margin-left: -55px;
    border: 2px solid gray;
    z-index: -1;
    opacity: 0.25;
    transition: all 0.3s;
}

.how_work_circle_two::before {
    position: absolute;
    content: '';
    bottom: -10px;
    right: -7px;
    width: 12px;
    height: 12px;
    border: 2px solid gray;
    border-radius: 50%;
}

.how_work_item:nth-child(odd) .how_work_circle_one,
.how_work_item:nth-child(odd) .how_work_circle_two {
    border-bottom: none;
    border-top-left-radius: 110px; 
    border-top-right-radius: 110px;
}

.how_work_item:nth-child(even) .how_work_circle_one,
.how_work_item:nth-child(even) .how_work_circle_two {
    top: auto;
    bottom: 0;
    border-top: none;
    border-bottom-left-radius: 110px; 
    border-bottom-right-radius: 110px;
}

.how_work_item:nth-child(even) .how_work_circle_two {
    bottom: 40px;
}

.how_work_item:nth-child(even) .how_work_circle_one::before {
    bottom: auto;
    top: -9px;
}

.how_work_item:nth-child(even) .how_work_circle_two::before {
    bottom: auto;
    top: -10px;
}


.how_work_item:nth-child(even) {
    padding-top: 0;
    padding-bottom: 50px;
}

.how_work_item:nth-child(even) .how_work_title {
    order: -2;
}

.how_work_item:nth-child(even) .how_work_dots {
    order: -1;
}

.how_work_item:nth-child(even) .how_work_title {
    margin-top: 0;
    margin-bottom: 15px;
}

.how_work_item:nth-child(1) .how_work_title,
.how_work_item:nth-child(1) .how_work_item_num {
    color: #0d6efd;
}
.how_work_item:nth-child(1) .how_work_dots span {
    background-color: #2821bf;
}
.how_work_item:nth-child(1) .how_work_circle_one,
.how_work_item:nth-child(1) .how_work_circle_one::before,
.how_work_item:nth-child(1) .how_work_circle_two,
.how_work_item:nth-child(1) .how_work_circle_two::before {
    border-color: #2821bf;
}


.how_work_item:nth-child(2) .how_work_title,
.how_work_item:nth-child(2) .how_work_item_num {
    color: #E95E2C;
}
.how_work_item:nth-child(2) .how_work_dots span {
    background-color: #E95E2C;
}
.how_work_item:nth-child(2) .how_work_circle_one,
.how_work_item:nth-child(2) .how_work_circle_one::before,
.how_work_item:nth-child(2) .how_work_circle_two,
.how_work_item:nth-child(2) .how_work_circle_two::before {
    border-color: #E95E2C;
}


.how_work_item:nth-child(3) .how_work_title,
.how_work_item:nth-child(3) .how_work_item_num {
    color: #555976;
}
.how_work_item:nth-child(3) .how_work_dots span {
    background-color: #555976;
}
.how_work_item:nth-child(3) .how_work_circle_one,
.how_work_item:nth-child(3) .how_work_circle_one::before,
.how_work_item:nth-child(3) .how_work_circle_two,
.how_work_item:nth-child(3) .how_work_circle_two::before {
    border-color: #555976;
}


.how_work_item:nth-child(4) .how_work_title,
.how_work_item:nth-child(4) .how_work_item_num {
    color: #236B8A;
}
.how_work_item:nth-child(4) .how_work_dots span {
    background-color: #236B8A;
}
.how_work_item:nth-child(4) .how_work_circle_one,
.how_work_item:nth-child(4) .how_work_circle_one::before,
.how_work_item:nth-child(4) .how_work_circle_two,
.how_work_item:nth-child(4) .how_work_circle_two::before {
    border-color: #236B8A;
}


.how_work_item:nth-child(5) .how_work_title,
.how_work_item:nth-child(5) .how_work_item_num {
    color: #43A2AF;
}
.how_work_item:nth-child(5) .how_work_dots span {
    background-color: #43A2AF;
}
.how_work_item:nth-child(5) .how_work_circle_one,
.how_work_item:nth-child(5) .how_work_circle_one::before,
.how_work_item:nth-child(5) .how_work_circle_two,
.how_work_item:nth-child(5) .how_work_circle_two::before {
    border-color: #43A2AF;
}


.how_work_item:nth-child(6) .how_work_title,
.how_work_item:nth-child(6) .how_work_item_num {
    color: #5fd069;
}
.how_work_item:nth-child(6) .how_work_dots span {
    background-color: #5fd069;
}
.how_work_item:nth-child(6) .how_work_circle_one,
.how_work_item:nth-child(6) .how_work_circle_one::before,
.how_work_item:nth-child(6) .how_work_circle_two,
.how_work_item:nth-child(6) .how_work_circle_two::before {
    border-color: #5fd069;
}


.how_work_wrapper .how_work_item:nth-child(1) {
    animation-delay: 0.1s;
}

.how_work_wrapper .how_work_item:nth-child(2) {
    animation-delay: 0.3s;
}

.how_work_wrapper .how_work_item:nth-child(3) {
    animation-delay: 0.5s;
}

.how_work_wrapper .how_work_item:nth-child(4) {
    animation-delay: 0.7s;
}

.how_work_wrapper .how_work_item:nth-child(5) {
    animation-delay: 0.9s;
}

.how_work_wrapper .how_work_item:nth-child(6) {
    animation-delay: 1s;
}

.how_work_item_num {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    box-shadow: 5px 8px 20px rgba(0,0,0,0.2);
    font-weight: 700;
    font-size: 28px;
}

.how_work_dots {
    height: 40px;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    opacity: 0.25;
    transition: all 0.3s;
}

.how_work_dots span {
    width: 8px;
    height: 8px;
    background-color: #ddd;
    border-radius: 50%;
}

.how_work_dots span + span {
    margin-top: 5px;
}

.how_work_title {
    margin-top: 15px;
    font-weight: 600 !important;
    padding: 0 39px;
}

.how_work_item.active .how_work_circle_one,
.how_work_item.active .how_work_circle_two,
.how_work_item.active .how_work_dots,
.how_work_item:hover .how_work_circle_one,
.how_work_item:hover .how_work_circle_two,
.how_work_item:hover .how_work_dots {
    opacity: 1;
}
/* how work section css end */

/* cta section css start */
.sp_cta_section {
    position: relative;
    padding-top: 120px;
    padding-bottom: 300px;
    z-index: 1;
    background-repeat: no-repeat;
    background-position-x: center;
}
/* cta section css end */

/* referral section css start */
.sp_refferal_section {
    padding: 120px 0;
}

.sp_referral_wrapper div[class*=col-]:last-child .sp_referral_item::before, .sp_referral_wrapper div[class*=col-]:last-child .sp_referral_item::after {
    display: none;
}

@media (min-width: 576px) and (max-width: 1399px) {
    .sp_referral_wrapper div[class*=col-]:nth-child(3) .sp_referral_item::before, .sp_referral_wrapper div[class*=col-]:nth-child(3) .sp_referral_item::after {
        display: none;
    }
}

@media (max-width: 575px) {
    .sp_referral_wrapper div[class*=col-]:nth-child(2n+2) .sp_referral_item::before, .sp_referral_wrapper div[class*=col-]:nth-child(2n+2) .sp_referral_item::after {
        display: none;
    }
}

.sp_referral_item {
    text-align: center;
    position: relative;
    z-index: 1;
}

.sp_referral_item::before {
    position: absolute;
    content: "";
    top: 33%;
    width: 15px;
    height: 15px;
    background-color: var(--sp-clr-theme);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    right: -52px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .sp_referral_item::before {
        right: -45px;
    }
}

.sp_referral_item::after {
    position: absolute;
    content: "";
    top: 37%;
    width: 54px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    right: -42px;
    z-index: -2;
}

@media (max-width: 1399px) {
    .sp_referral_item::after {
        width: 45px;
    }
}

.sp_referral_item .referral_circle {
    position: relative;
    width: 110px;
    height: 110px;
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.9375rem;
    z-index: 1;
}

@media (max-width: 575px) {
    .sp_referral_item .referral_circle {
        width: 90px;
        height: 90px;
    }
}

.sp_referral_item .referral_circle::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid var(--sp-clr-theme);
    background-color: var(--sp-clr-theme);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--sp-clr-theme-dark);
    z-index: -1;
}

.sp_referral_item .referral_circle::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -16px;
    width: 28px;
    height: 52px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: var(--sp-clr-theme);
    clip-path: polygon(0 0, 70% 0%, 100% 50%, 70% 100%, 0 100%, 0% 50%);
    z-index: -2;
}

.sp_referral_item .referral_circle span {
    font-weight: 600;
    font-size: 2.25rem;
    line-height: 1;
    color: #fff;
}

.sp_referral_item .referral_circle p {
    color: #fff;
}
/* referral section css end */
/* transaction section css start */
.sp_transaction_section {
    padding: 3.125rem 0;
}

@media (max-width: 1399px) {
    .sp_transaction_section {
        padding: 2.5rem 0;
    }
}

.single_transaction {
    padding: 0.9375rem;
    background-color: #132b5a;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}

.single_transaction .thumb {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}

.single_transaction .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: top;
    -o-object-position: top;
}

.single_transaction .content {
    width: calc(100% - 60px);
    padding-left: 0.9375rem;
}

.sp_transaction_slider .slick-list {
    margin: -0.625rem;
}

.sp_transaction_slider .sp_transaction_slide {
    padding: 0.625rem;
}
/* transaction section css end */


/* testimonial section css start */
.sp_testimonial_section {
    padding: 120px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.sp_testimonial_section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient( circle 588px at 31.7% 40.2%,  rgba(225,200,239,1) 21.4%, rgba(163,225,233,1) 57.1% );
    opacity: 0.2;
    z-index: -1;
}

.sp_testimonial_item {
    position: relative;
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0, 0.05);
}

.sp_testimonial_item i {
    position: absolute;
    top: 42px;
    right: 30px;
    font-size: 2.625rem;
    line-height: 1;
    opacity: 0.1;
}

.sp_testimonial_item .sp_client {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.5625rem;
}

.sp_testimonial_item .sp_client_thumb {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0,0,0, 0.1);
}

.sp_testimonial_item .sp_client_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.sp_testimonial_item .sp_client_content {
    padding-left: 0.9375rem;
}

.sp_testimonial_description {
    font-size: 22px;
}

.testimonial_slider .slick-list {
    margin: -20px;
}

.testimonial_slider .testimonial_single {
    padding: 20px;
}

.testimonial_slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.testimonial_slider .slick-dots li {
    margin: 0 7px;
}

.testimonial_slider .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: #bababa;
    border-radius: 50%;
    outline: 1px solid #bababa;
    outline-offset: 2px;
    transition: all 0.3s;
}

.testimonial_slider .slick-dots li.slick-active button {
    background-color: var(--sp-clr-theme);
    outline-color: var(--sp-clr-theme);
}
/* testimonial section css end */

/* brand section start */
.sp_brand_section {
    padding: 40px 0;
}

.brand_item {
    height: 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.brand_item img {
    display: inline-block;
    max-height: 45px;
}

.brand_slider .single_brand_slide {
    padding: 0 15px;
}

.brand_slider .slick-list {
    margin: 0 -15px;
}
/* brand section end */

/* consultation section css start */
.sp_consultation_section {
    padding: 120px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.sp_consultation_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.45;
}

.sp_consultation_img img {
    width: 100%;
    height: 100%;
}

.sp_block_top_title {
    font-size: 20px;
}

.consultation-form {
    background-color: #fff;
    box-shadow: 0 0 4px #e6e6e6;
}

.consultation-form-wrapper {
    border: 1px solid #c0c8cd;
    border-bottom: none;
    padding: 40px;
}

.consultation-form-wrapper .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--sp-clr-theme-dark);
    margin-bottom: 35px;
}

.consultation-form label {
    color: var(--sp-clr-display-font);
    font-size: 14px;
    margin-bottom: 6px;
}

.consultation-form input,
.consultation-form textarea,
.consultation-form select {
    border: none;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    padding-bottom: 10px;
    transition: all 0.3s;
    color: var(--sp-clr-display-font) !important;
    font-size: 20px;
}

.consultation-form input:focus,
.consultation-form textarea:focus {
    border-color: var(--sp-clr-theme);
}

.consultation-form-button {
    padding: 12px 20px;
    display: block;
    width: 100%;
    background-color: var(--sp-clr-theme);
    color: #fff;
    text-align: center;
}
/* consultation section css end */


/* faq section css start */
.sp_faq_section {
    padding: 120px 0;
}

.sp_subscribe_wrapper {
    padding: 2.9375rem 2.5rem;
    background-color: #340515;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

@media (max-width: 575px) {
    .sp_subscribe_wrapper {
        padding: 2.1875rem 1.5625rem;
    }
}

/* faq section css end */
/* blog section css start */
.sp_blog_section {
    padding: 120px 0;
}

.sp_blog_post {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
}

.sp_blog_post .sp_blog_thumb {
    overflow: hidden;
    height: 230px;
}

.sp_blog_post .sp_blog_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    transition: all 0.3s;
}

.sp_blog_post:hover .sp_blog_thumb img {
    transform: scale(1.05, 1.05);
}

.sp_blog_post .sp_blog_content {
    background-color: #fff;
    padding: 1.5625rem;
    border: 1px solid #e5e5e5;
    border-top: none;
}

.sp_blog_post .sp_blog_content .title {
    font-size: 1.5rem;
}

@media (max-width: 575px) {
    .sp_blog_post .sp_blog_content .title {
        font-size: 1.375rem;
    }
}

.sp_blog_post .sp_blog_content .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sp_blog_post .sp_blog_content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 0.9375rem;
    margin-top: 0.9375rem;
    border-top: 1px solid var(--sp-clr-border);
}

.sp_blog_post .sp_blog_content .sp_blog_meta {
    padding-top: 0.9375rem;
    margin-top: 0.9375rem;
    border-top: 1px solid var(--sp-clr-border);
}

.sp_blog_meta {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: -0.1875rem -0.625rem;
}

.sp_blog_meta li {
    padding: 0.1875rem 0.625rem;
}
/* blog section css end */


/* blog details section css start */
.blog_details_section {
    padding-top: 200px;
    padding-bottom: 100px;
}

.blog-details-img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow: hidden;
    height: 500px;
}

.blog-details-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.blog-details-content {
    margin-top: 1.875rem;
}

.blog-details-content .title {
    font-size: 36px;
}

.blog-details-content .blog-meta {
    margin: 0 -10px -5px -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.blog-details-content .blog-meta li {
    padding: 5px 10px;
    font-size: 16px;
}

.blog-widget {
    padding: 1.5625rem;
    background-color: var(--sp-clr-theme-dark);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    position: sticky;
    top: 100px;
}

.blog-widget .blog-widget-title {
    font-size: 1.25rem;
    margin-bottom: 1.5625rem;
}

.short-post + .short-post {
    margin-top: 1.25rem;
}

.short-post {
    display: flex;
    flex-wrap: wrap;
}

.short-post .thumb {
    width: 85px;
    height: 75px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.short-post .thumb::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--sp-clr-theme-dark);
    opacity: 0.65;
}

.short-post .thumb a {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.short-post .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;
}

.short-post .content {
    width: calc(100% - 85px);
    padding-left: 0.9375rem;
}

.short-post .content .title {
    font-size: 18px;
}

.short-post .content .title a {
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.short-post.next-post .content {
    order: 1;
}

.post-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.post-share span {
    font-weight: 500;
    margin-right: 0.625rem;
}

.post-share ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.post-share a:hover {
    color: var(--sp-clr-theme);
}

.post-share a + a {
    margin-left: 0.625rem;
}
/* blog details section css end */

/* contact section css start */
.contact-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (max-width: 991px) {
    .contact-item {
        justify-content: center;
        text-align: center;
    }
}

.contact-item .icon {
    width: 32px;
    color: #2b2b2b;
    font-size: 30px;
}

.contact-item .content {
    width: calc(100% - 32px);
    padding-left: 1.25rem;
}

@media (max-width: 991px) {
    .contact-item .content {
        width: 100%;
        padding-left: 0;
        margin-top: 0.9375rem;
    }
}

.contact-item .content .title {
    font-size: 1rem;
}

.contact-item .content p {
    font-size: 16px;
}

.contact-item .content p a {
    color: var(--sp-clr-body-font);
}

.contact-item .content p a:hover {
    color: var(--sp-clr-theme);
}

.contact_thumb {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.contact_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
}
/* contact section css end */

/* account section css start */
.sp_auth_page {
    padding-top: 200px;
    padding-bottom: 100px;
    background: linear-gradient(to bottom, #29a84b3a, #fff);
}

.sp_account_wrapper {
    padding: 40px;
    background-color: #fff;
    box-shadow: 0 10px 35px rgba(0,0,0,0.08);
    border-radius: 10px;
    border: 3px solid #e5e5e5;
}

.account_page_thumb img {
    max-width: 500px;
}

.account_feature_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.account_feature_list li {
    position: relative;
    padding-left: 25px;
    width: 50%;
    margin-bottom: 10px;
}

.account_feature_list li i {
    position: absolute;
    top: 7px;
    left: 0;
}
/* account section css end */


/* payment preloader css start */
.payment_preloader_wrapper {
    padding-top: 200px;
    padding-bottom: 150px;
    position: relative;
    min-height: 700px;
}

.payment_preloader_wrapper .payment_preloader_form {
    opacity: 0;
    visibility: hidden;
}

.payment_preloader {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    height: calc(100% - 110px);
    background-color: rgba(0,0,0, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


.ajax-spinner-bars {
    width:35px;
    height:35px;
    display: inline-flex;
  }
  .ajax-spinner-bars > div {
      position: absolute;
      width: 2px;
      height: 8px;
      background-color: #2b2b2b;
      opacity: 0.05;
    animation: fadeit 0.8s linear infinite;
  }
  .ajax-spinner-bars > .bar-1 {
    transform: rotate(0deg) translate(0, -12px);
    animation-delay:0.05s;
  }
  .ajax-spinner-bars > .bar-2 {
    transform: rotate(22.5deg) translate(0, -12px);
    animation-delay:0.1s;
  }
  .ajax-spinner-bars > .bar-3 {
    transform: rotate(45deg) translate(0, -12px);
    animation-delay:0.15s;
  }
  .ajax-spinner-bars > .bar-4 {
    transform: rotate(67.5deg) translate(0, -12px);
    animation-delay:0.2s;
  }
  .ajax-spinner-bars > .bar-5 {
    transform: rotate(90deg) translate(0, -12px);
    animation-delay:0.25s;
  }
  .ajax-spinner-bars > .bar-6 {
    transform: rotate(112.5deg) translate(0, -12px);
    animation-delay:0.3s;
  }
  .ajax-spinner-bars > .bar-7 {
    transform: rotate(135deg) translate(0, -12px);
    animation-delay:0.35s;
  }
  .ajax-spinner-bars > .bar-8 {
    transform: rotate(157.5deg) translate(0, -12px);
    animation-delay:0.4s;
  }
  .ajax-spinner-bars > .bar-9 {
    transform: rotate(180deg) translate(0, -12px);
    animation-delay:0.45s;
  }
  .ajax-spinner-bars > .bar-10 {
    transform: rotate(202.5deg) translate(0, -12px);
    animation-delay:0.5s;
  }
  .ajax-spinner-bars > .bar-11 {
    transform: rotate(225deg) translate(0, -12px);
    animation-delay:0.55s;
  }
  .ajax-spinner-bars > .bar-12 {
    transform: rotate(247.5deg) translate(0, -12px);
    animation-delay:0.6s;
  }
  .ajax-spinner-bars> .bar-13 {
    transform: rotate(270deg) translate(0, -12px);
    animation-delay:0.65s;
  }
  .ajax-spinner-bars > .bar-14 {
    transform: rotate(292.5deg) translate(0, -12px);
    animation-delay:0.7s;
  }
  .ajax-spinner-bars > .bar-15 {
    transform: rotate(315deg) translate(0, -12px);
    animation-delay:0.75s;
  }
  .ajax-spinner-bars> .bar-16 {
    transform: rotate(337.5deg) translate(0, -12px);
    animation-delay:0.8s;
  }
  @keyframes fadeit{
      0%{ opacity:1; }
      100%{ opacity:0;}
  }
/* payment preloader css end */