/*--------------------- Copyright (c) 2020 ----------------------- 
[Master Stylesheet] 
Project: Multifarious GYM
Version: 1.0.0 
Author: Kamleshyadav
------------------------------------------------------------------- 
[Table of contents] 
1. Global CSS Start
2. Comman CSS Start
3. Preloader CSS Start
4. Header CSS Start
5. Banner CSS Start
6. Partner CSS Start
7. About CSS Start
8. Counter CSS Start
9. Service CSS Start
10. Why Us CSS Start
11. Job CSS Start
12. Call To Action CSS Start
13. Testimonial CSS Start
14. Pricing Table CSS Start
15. Blog CSS Start
16. Footer CSS Start
17. About Page Style
17. Responsive CSS Start
-------------------------------------------------------------------*/


/********************************************************
1. Global CSS Start
********************************************************/

body {
    color: var(--main-txt-color);
    background: var(--main-bg-color);
}

a,
a:hover,
a:focus {
    color: var(--main-link-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--main-link-color);
}


/********************************************************
1.5. Slider Conflict Resolution
********************************************************/
/* When both old banner slider and new hero slider exist, hide the old one */
/* This prevents duplicate sliders on the page */

/* Modern browsers: use :has() to detect if hero slider exists after banner */
@supports selector(:has(*)) {
    .layout-page__main > .saf_banner_wrapper:has(~ * .saf_hero_wrapper),
    .layout-page__main > .saf_banner_wrapper:has(~ .theme-layout2),
    .layout-page__main > .saf_banner_wrapper:has(~ .theme-layout3) {
        display: none !important;
    }
}

/* Class-based fallback: JS will add this class if both sliders exist */
.saf_banner_wrapper.hide-duplicate-slider {
    display: none !important;
}

/********************************************************
2. Comman CSS Start
********************************************************/

.saf_btn,
.saf_btn:hover {
    font-size: 16px;
    color: var(--main-bg-color);
    line-height: 41px;
    display: inline-block;
    background: var(--main-orange-version1);
   /* text-transform: capitalize;*/
    padding: 6px 12px 3px;
    position: relative;
    min-width: 170px;
    text-align: center;
    margin: 0 15px;
    transition: all 0.5s;
}

.saf_btn:before {
    content: "";
    position: absolute;
    left: -11px;
    background: var(--main-orange-version1);
    width: 20px;
    bottom: 0;
    top: 0;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.saf_btn:after {
    content: "";
    position: absolute;
    right: -11px;
    background: var(--main-orange-version1);
    width: 20px;
    bottom: 0;
    top: 0;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.saf_btn:hover::after,
.saf_btn:hover:before {
    -webkit-transform: skewX(0deg);
    -moz-transform: skewX(0deg);
    -ms-transform: skewX(0deg);
    -o-transform: skewX(0deg);
    transform: skewX(0deg);
    transition: all 0.5s;
}

.saf_btn:hover {
    box-shadow: 0px 0px 20px rgb(251 157 92 / 0.6);
}

.saf_heading {
    margin: auto;
    margin-bottom: 41px;
    width: 80%;
}

.saf_heading h4 {
    font-size: 38px;
    font-weight: 700;
    position: relative;
}

.saf_heading img {
    margin: 3px 0 6px;
    display: inline-block;
}

.saf_title {
    font-size: 22px;
    font-weight: 500;
    color: var(--main-orange-version1);
}

.saf_sub_heading {
    display: inline-block;
    font-size: 22px;
    font-weight: 700;
}

#scroll {
    background: var(--main-orange-version1);
    color: var(--main-bg-color);
}


/********************************************************
3. Preloader CSS Start
********************************************************/

.preloader_active .preloader_holder {
    background-color: var(--main-bg-color);
}

.preloader_active .preloader_holder .preloader span {
    box-shadow: 0px 0px 0px 0px var(--main-orange-version1);
}

@-webkit-keyframes loadingCircles {
    0% {
        -webkit-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}

@-moz-keyframes loadingCircles {
    0% {
        -moz-transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
    100% {
        -moz-transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}

@keyframes loadingCircles {
    0% {
        transform: scale(0);
        opacity: 1;
        box-shadow: 0px 0px 0px 10px var(--main-orange-version1);
    }
    100% {
        transform: scale(1);
        opacity: 0;
        box-shadow: 0px 0px 0px 2px var(--main-orange-version1);
    }
}

.preloader_open:before,
.preloader_open:after {
    background-color: var(--main-bg-color);
}


/********************************************************
4. Header CSS Start
********************************************************/

.fixed_header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: white;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    box-shadow: 0px 0px 30px rgba(0 0 0 / 20%);
}

.fixed_header.full_width_head {
    width: 100%;
    background-color: #fff;
}

.fixed_header.fixed .saf_header_info_wrapper {
    display: none;
}

header {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
}

.saf_header_wrapper {
    background: var(--main-bg-color);
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%;
}

.searchBtn {
    margin-right: 20px;
    padding: 0 22px;
    color: var(--main-bg-color);
}

.searchBtn:hover {
    color: var(--main-bg-color);
}

.main_menu_parent {
    background: var(--main-orange-version1);
    padding-right: 95px;
    position: relative;
    border: none;
    border-radius: 20px 0 0 0;
}

.main_menu_parent:before {
    content: "";
    position: absolute;
    left: -11px;
    background: var(--main-orange-version1);
    width: 20px;
    bottom: 0;
    top: 0;
    border: none;
    border-radius: 20px 0 0 0;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    transform: skewX(-15deg);
}

.header_btn {
    background: var(--main-orange-version2);
    color: var(--main-bg-color);
    height: 68px;
    display: inline-block;
    line-height: 68px;
    min-width: 200px;
    text-align: center;
    font-weight: 500;
}

.header_btn:hover {
    color: var(--main-orange-version2);
    background: var(--main-bg-color);
}

.main_menu_wrapper>ul>li>a {
    padding: 12px 17px;
}

.saf_header_info_wrapper {
    display: inline-block;
    width: 100%;
    padding-right: 50px;
}

.saf_header_info_wrapper ul {
    justify-content: flex-end;
}

.saf_header_info_wrapper ul li {
    padding: 12px 0;
    font-weight: 700;
    color: var(--main-orange-version1);
    position: relative;
}

.saf_header_info_wrapper ul li a {
    font-weight: 500;
}

.saf_header_info_wrapper ul li:first-child {
    margin-right: 38px;
    padding-right: 38px;
}

.saf_header_info_wrapper ul li:first-child:before {
    right: 0;
    content: "";
    position: absolute;
    background: var(--main-border-color);
    height: 30px;
    margin: auto;
    width: 1px;
}

.saf_header_icon {
    width: 26px;
    height: 26px;
    line-height: 24px;
    border: 1px solid var(--main-border-color);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
}

.saf_header_icon svg {
    width: 12px;
    fill: var(--main-orange-version1);
}

.saf_header_info ul li {
    margin-bottom: 12px;
    margin-left: 60px;
    font-weight: 500;
}

.saf_header_info ul li:first-child {
    margin-left: 0;
}

.saf_header_info ul li a {
    color: var(--main-orange-version1);
}


/********************************************************
5. Banner CSS Start
********************************************************/

.saf_banner_section {
    /*background-color: var(--main-border-color);*/
    padding: 167px 0 0;
    position: relative;
}

.saf_banner_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    
}

.saf_banner_section.slide1 {
    
}

.saf_banner_section.slide2 {
    
}

.saf_banner_section.slide3 {
}

.saf_banner_section.slide1,
.saf_banner_section.slide2,
.saf_banner_section.slide3 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.saf_banner_section .row {
    align-items: flex-end;
}

.saf_banner_text {
    padding: 0px 0 287px;
}

.saf_banner_text h1 {
    font-size: 72px;
    color: var(--main-bg-color);
    font-weight: 700;
    margin: 0 0 18px;
}

.saf_banner_button {
    position: absolute;
    top: 53%;
    left: 0;
    right: 0;
}

.saf_banner_button>div {
    background: rgba(255, 255, 255, 0.10);
    color: var(--main-bg-color);
    width: 100px;
    height: 60px;
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-size: 19px;
    cursor: pointer;
}

.saf_banner_button>div:before {
    content: "";
    background: var(--main-bg-color);
    width: 3px;
    height: 28px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.ButtonPrev:before {
    left: 0;
}

.ButtonPrev:after {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-left: 20px solid rgba(255, 255, 255, 0.10);
    border-bottom: 60px solid transparent;
}

.ButtonNext:after {
    content: "";
    position: absolute;
    left: -20px;
    bottom: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 20px solid rgba(255, 255, 255, 0.10);
    border-bottom: 60px solid transparent;
}

.ButtonNext:before {
    right: 0;
}

.saf_banner_button>div:hover:before {
    background: var(--main-orange-version1);
}

.saf_banner_button>div:hover {
    color: var(--main-orange-version1);
}

.ButtonPrev {
    left: 0;
    padding: 0 3px 0 0;
}

.ButtonNext {
    right: 0;
    padding: 0 2px 0 0;
}

.saf_banner_button>div,
.saf_banner_button>div:hover,
.saf_banner_button>div:before,
.saf_banner_button>div:hover:before {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.saf_banner_wrapper .saf_title {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}

.saf_banner_wrapper .swiper-slide-active .saf_title {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.saf_banner_wrapper h1 {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.saf_banner_wrapper .swiper-slide-active h1 {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.saf_banner_wrapper .saf_btn {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 800ms ease;
    -o-transition: all 800ms ease;
    transition: all 800ms ease;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}

.saf_banner_wrapper .swiper-slide-active .saf_btn {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: 1000ms;
    -o-transition-delay: 1000ms;
    transition-delay: 1000ms;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.saf_banner_text a.saf_btn {
    margin-left: 20px;
}


/********************************************************
6. Partner CSS Start
********************************************************/

.saf_partner_wrapper {
    padding: 80px 0;
    background: var(--main-off-white);
}

.saf_partners_container img {
    filter: grayscale(100%);
    height: 90px;
}

.saf_partners_container:hover img {
    filter: grayscale(0%);
}

.saf_partners_container:hover img,
.saf_partners_container:hover,
.saf_partners_container img,
.saf_partners_container {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
7. About CSS Start
********************************************************/

.saf_about_wrapper {
    background: var(--main-bg-color);
    padding: 10px 0 0;
    display: block;
    width: 100%;
    color: var(--main-gray-version14);
}

.saf_about_wrapper .row {
    align-items: flex-end;
}

.saf_about_detail .saf_btn,
.saf_about_detail .saf_btn:hover {
    min-width: 120px;
    height: 40px;
    line-height: 44px;
    padding: 0;
}

.saf_about_detail h1 {
    font-size: 38px;
    font-weight: 400;
    margin: 14px 0 12px 0;
}

.saf_about_detail h1 span {
    font-weight: 900;
    color: var(--main-orange-version1);
}

.saf_about_contant {
    margin: 25px 0 20px 0;
}

.saf_about_contant span {
    font-size: 26px;
    font-weight: 500;
    color: var(--main-link-color);
}

.saf_about_contant img {
    margin-right: 12px;
    vertical-align: text-bottom;
    height: 30px;
}

.saf_about_detail .saf_about_num {
    font-size: 38px;
    font-weight: 900;
    display: inline-block;
    color: var(--main-orange-version1);
    line-height: 50px;
}

.saf_about_detail {
    padding-bottom: 74px;
}


/********************************************************
8. Counter CSS Start
********************************************************/

.saf_counter_wrapper {
    background: url(https://via.placeholder.com/1920x341);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 80px 0 42px;
}

.saf_counter_wrapper:before {
    content: "";
    position: absolute;
    background: rgba(25, 33, 36, 0.90);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.counter_item h1 {
    font-size: 42px;
    color: var(--main-bg-color);
    font-weight: 700;
    margin-bottom: 3px;
}

.counter_item p {
    font-size: 18px;
    color: var(--main-bg-color);
}

.saf_counter_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    border: 2px solid var(--main-bg-color);
    margin: auto;
    border-radius: 50%;
    margin-bottom: 13px;
}

.saf_counter_icon img {
    width: 40px;
    position: relative;
}

.counter_item,
.counter_item:hover .saf_counter_icon,
.counter_item:hover,
.counter_item .saf_counter_icon {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
9. Service CSS Start
********************************************************/

.saf_services_wrapper {
    padding: 72px 0 50px;
    background: var(--main-bg-color);
}

.saf_services_sectionBg {
    content: "";
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.saf_services_sectionBg a {
    color: var(--main-txt-color);
}

.saf_services_sectionBg.service1 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_sectionBg.service2 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_sectionBg.service3 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_sectionBg.service4 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_sectionBg.service5 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_sectionBg.service6 {
    background-image: url(https://via.placeholder.com/370x328);
}

.saf_services_section {
    background-color: var(--main-bg-color);
    padding: 50px 30px 41px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
    border: 1px solid var(--main-gray-version15);
}

.saf_services_sectionBg:hover .saf_services_section {
    background-color: rgba(37, 37, 37, 0.8);
    color: var(--main-bg-color);
}

.saf_icon_bg {
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    width: 100%;
}

.saf_icon_bg svg {
    height: 70px;
    fill: var(--main-orange-version1);
    width: 70px;
}

.saf_icon_border svg {
    fill: var(--main-orange-version1);
    width: 150px;
    height: 20px;
}

.saf_service_title {
    font-size: 28px;
    font-weight: 500;
}

.saf_icon_border {
    display: inline-block;
    margin: 4px 0 8px;
}

.saf_services_section:before,
.saf_services_section:after {
    content: "";
    background: var(--main-orange-version1);
    width: 78%;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    border: none;
    opacity: 0;
}

.saf_services_section:before {
    top: 0;
    border-radius: 0 0 6px 6px;
}

.saf_services_section:after {
    bottom: 0;
    border-radius: 6px 6px 0 0;
}

.saf_services_sectionBg:hover .saf_service_title {
    color: var(--main-bg-color)
}

.saf_services_sectionBg:hover .saf_services_section:before,
.saf_services_sectionBg:hover .saf_services_section:after {
    opacity: 1;
}

.saf_services_sectionBg:hover .saf_icon_border svg,
.saf_services_sectionBg:hover .saf_icon_bg svg {
    fill: var(--main-bg-color);
}

.saf_services_sectionBg,
.saf_services_sectionBg:hover,
.saf_services_sectionBg .saf_services_section,
.saf_services_sectionBg:hover .saf_services_section,
.saf_services_sectionBg:hover .saf_icon_border svg,
.saf_services_sectionBg:hover .saf_icon_bg svg,
.saf_icon_border svg,
.saf_icon_bg svg,
.saf_services_section:before,
.saf_services_section:after,
.saf_services_sectionBg:hover .saf_services_section:before,
.saf_services_sectionBg:hover .saf_services_section:after {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
10. Why Us CSS Start
********************************************************/

.saf_whyUs_wrapper {
    padding: 80px 0 0;
    background: var(--main-off-white);
    display: inline-block;
    width: 100%;
}

.saf_whyUs_wrapper .row {
    align-items: flex-end;
}

.saf_whyUs_detail .saf_heading {
    width: 100%;
    margin-bottom: 21px;
}

.saf_whyUs_info_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    position: relative;
    border: none;
    border-radius: 50%;
    background: var(--main-orange-version1);
    text-align: center;
}

.saf_whyUs_info_icon:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 1px dashed var(--main-bg-color);
    border-radius: 50%;
}

.saf_whyUs_info_icon svg {
    height: 40px;
    width: 40px;
    fill: var(--main-bg-color);
}

.saf_whyUs_detail ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    align-items: center;
}

.saf_whyUs_detail ul li:last-child {
    margin-bottom: 0;
}

.saf_whyUs_detail ul li .saf_whyUs_info_icon {
    width: 100px;
}

.saf_whyUs_detail ul li .saf_whyUs_info {
    width: calc(100% - 100px);
    padding-left: 20px;
}

.saf_whyUs_detail {
    padding-bottom: 80px;
}

.saf_whyUs_detail ul li:hover .saf_whyUs_info_icon svg {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.saf_whyUs_detail ul li:hover .saf_whyUs_info .saf_sub_heading {
    color: var(--main-orange-version1);
}

.saf_whyUs_detail ul li:hover .saf_whyUs_info .saf_sub_heading,
.saf_whyUs_detail ul li .saf_whyUs_info .saf_sub_heading {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.saf_whyUs_detail ul li:hover .saf_whyUs_info_icon svg,
.saf_whyUs_detail ul li .saf_whyUs_info_icon svg {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


/********************************************************
11. Job CSS Start
********************************************************/

.saf_job_wrapper {
    padding: 72px 0 80px;
}

.saf_job_btn_wrap .saf_btn,
.saf_job_btn_wrap .saf_btn:hover {
    min-width: 120px;
}

.saf_job_section {
    border: 1px solid var(--main-gray-version16);
    padding: 15px;
    margin-bottom: 30px;
}

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

.saf_job_type {
    font-size: 16px;
    font-weight: 500;
    color: var(--main-orange-version1);
    margin-bottom: 8px;
}

.saf_job_img {
    width: 230px;
}

.saf_job_info {
    width: calc(100% - 230px);
    padding: 0px 0 0 20px;
}

.saf_job_info h4 {
    font-size: 18px;
    color: var(--main-txt-color);
    margin: 5px 0 7px;
}

.saf_job_info ul li {
    display: inline-block;
    margin-left: 20px;
}

.saf_job_info ul li:first-child {
    margin-left: 0;
}

.saf_job_icon svg {
    width: 16px;
    height: 18px;
    fill: var(--main-orange-version1);
    vertical-align: text-bottom;
    margin-right: 10px;
}

.saf_job_date {
    margin-top: 18px;
    color: var(--main-txt-color);
    font-size: 18px;
}

.saf_job_date span {
    font-weight: 500;
    color: var(--main-link-color);
    margin-right: 10px;
}

.saf_job_section .row,
.saf_job_info_wrap {
    align-items: center;
}

.saf_job_section:hover .saf_sub_heading {
    color: var(--main-orange-version1);
}

.saf_job_section:hover {
    box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.03);
}

.saf_job_section .saf_sub_heading,
.saf_job_section:hover .saf_sub_heading,
.saf_job_section,
.saf_job_section:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
12. Call To Action CSS Start
********************************************************/

.saf_callToAction_wrapper {
    background: url(https://via.placeholder.com/1920x670);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    padding: 196px 0 181px;
    display: inline-block;
}

.saf_callToAction_wrapper:before {
    content: "";
    position: absolute;
    background: rgba(25, 33, 36, 0.60);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.saf_callToAction_text .video_btn {
    height: 130px;
    display: inline-block;
    width: 130px;
    background: var(--main-orange-version1);
    border: none;
    border-radius: 50%;
    line-height: 130px;
}

.saf_callToAction_text .video_btn svg {
    width: 30px;
    height: 30px;
    fill: var(--main-bg-color);
}

.video_btn {
    animation: shadow-pulse 2s infinite;
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 10px rgba(251, 157, 92, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(251, 157, 92, 0);
    }
}

@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}

.saf_callToAction_text h1 {
    color: var(--main-bg-color);
    font-size: 52px;
    font-weight: 400;
    margin-top: 8px;
}

.saf_callToAction_text h1 span {
    font-weight: 700;
}


/********************************************************
13. Testimonial CSS Start
********************************************************/

.saf_testimonial_wrapper {
    background: var(--main-bg-color);
    position: relative;
    width: 100%;
    padding: 72px 0 80px;
    display: inline-block;
}

.saf_testimonials_section {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    position: relative;
    margin: 20px auto;
}

.saf_testimonials_section:before {
    content: "";
    background: var(--main-orange-version1);
    top: -20px;
    bottom: -20px;
    left: 125px;
    right: 125px;
    position: absolute;
    z-index: 0;
}

.saf_testimonials_sectionInner {
    position: relative;
    z-index: 1;
    background: var(--main-bg-color);
    padding: 50px 30px 13px;
}

.gallery-thumbs {
    width: 280px;
    margin: auto;
    margin-bottom: 21px;
}

.saf_testimonial_wrapper .gallery-thumbs .swiper-slide .swiper_client_thumb img,
.saf_testimonial_wrapper .gallery-thumbs .swiper-slide {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.saf_testimonial_wrapper .gallery-thumbs .swiper-slide .swiper_client_thumb img {
    border: 3px solid transparent;
}

.saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img,
.saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active {
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
}

.saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img,
.saf_testimonial_wrapper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .swiper_client_thumb img {
    border: 3px solid var(--main-orange-version1);
}

.gallery-thumbs .swiper-wrapper {
    display: flex;
    align-items: flex-end;
}

.saf_client_quote {
    display: flex;
    justify-content: center;
    margin-top: 6px;
    align-items: flex-end;
}

.swiper-container.gallery-top {
    position: unset;
}

.saf_client_quote p {
    margin-left: 8px;
    display: inline-block;
}

.arrow_wrapper>div {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: 50px;
}

.thumbPrev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.arrow_wrapper {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thumbNext {
    right: 0;
}

.thumbPrev {
    left: 0;
}

.arrow_wrapper>div svg {
    display: inline-block;
    fill: var(--main-gray-version17);
    position: relative;
}

.arrow_wrapper>div.thumbPrev svg {
    right: -20px;
}

.arrow_wrapper>div.thumbNext svg {
    left: -20px;
}

.arrow_wrapper>div.thumbPrev:hover svg {
    right: -2px;
    fill: var(--main-orange-version1);
}

.arrow_wrapper>div.thumbNext:hover svg {
    left: -2px;
    fill: var(--main-orange-version1);
}

.saf_testimonial_section {
    background: url(../images/index/quote.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    display: inline-block;
    z-index: 1;
    padding-bottom: 30px;
}

.arrow_wrapper>div svg,
.arrow_wrapper>div:hover svg {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}


/********************************************************
14. Pricing Table CSS Start
********************************************************/

.saf_pricing_wrapper {
    padding: 72px 0 41px;
    background: var(--main-off-white);
    display: inline-block;
    width: 100%;
}

.saf_price_box {
    width: 100%;
    display: inline-block;
    background: var(--main-bg-color);
    padding: 46px 0 41px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.saf_price_box.saf_price_center {
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.18);
}

.saf_price_box h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
}

.saf_price_box h1 {
    font-weight: 900;
    font-size: 62px;
    line-height: 80px;
    margin: 6px 0 10px;
}

.saf_price_box h1 sub {
    font-size: 16px;
    color: var(--main-txt-color);
    font-weight: normal;
}

.saf_trial_wrap {
    background: var(--main-orange-version3);
    padding: 16px 0 13px;
    font-weight: 700;
    color: var(--main-orange-version1);
    font-size: 22px;
}

.saf_price_box ul {
    padding: 16px 0px 13px;
    display: inline-block;
    width: 100%;
}

.saf_price_box ul li {
    padding: 8px 15px 8px;
}

.saf_price_box span {
    font-weight: 700;
}

.saf_price_box .saf_btn,
.saf_price_box .saf_btn:hover {
    margin: 0px 0 14px;
    min-width: 120px;
}

.saf_price_offer_wrap {
    position: absolute;
    right: -50px;
    top: 30px;
    background: var(--main-orange-version1);
    color: var(--main-bg-color);
    font-size: 18px;
    font-weight: 700;
    padding: 8px 50px 8px 56px;
    text-transform: uppercase;
    letter-spacing: 3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.saf_price_box:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.saf_price_box:hover,
.saf_price_box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/********************************************************
15. Blog CSS Start
********************************************************/

.saf_blog_wrapper {
    padding: 10px 0 50px;
}
.saf_blog_wrapper .swiper-container {
    padding: 0 15px;
}
.saf_blog_img {
    position: relative;
    display: inline-block;
    width: 100%;
}

.saf_blog_img img {
    width: 100%;
}

.blogSlider {
    padding-top: 20px;
}

.saf_blog_date {
    background: var(--main-orange-version1);
    color: var(--main-bg-color);
    width: 62px;
    display: inline-block;
    text-align: center;
    padding: 0px 0;
    position: absolute;
    right: 24px;
    top: -10px;
    height: 50px;
    line-height: 10px;
    font-size: 14px;
    padding-bottom: 6px;
}

.saf_blog_date:before {
    content: "";
    position: absolute;
    top: 0;
    border-right: 0 solid transparent;
    border-bottom: 10px solid var(--main-orange-version1);
    border-left: 8px solid transparent;
    left: -8px;
}

.saf_blog_date:after {
    content: "";
    position: absolute;
    top: 0;
    border-left: 0 solid transparent;
    border-bottom: 10px solid var(--main-orange-version1);
    border-right: 8px solid transparent;
    right: -8px;
}

.saf_blog_date b {
    font-size: 28px;
    display: inline-block;
    width: 100%;
    line-height: 26px;
    margin-top: 6px;
    margin-bottom: 1px;
}

.saf_blog_info li {
    display: inline-block;
    margin-left: 14px;
}

.saf_blog_info li:first-child {
    margin-left: 0;
}

.blog_text {
    padding: 30px 0px 0;
}

.saf_blog_info {
    margin-bottom: 11px;
}

.saf_blog_info li:first-child img {
    vertical-align: middle;
    border: none;
    border-radius: 50%;
}

.saf_blog_info li img {
    margin-right: 10px;
    vertical-align: text-top;
}

.saf_blog_info a {
    color: var(--main-gray-version14);
}

.saf_blog_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.saf_blog_title:hover {
    color: var(--main-orange-version1);
}

.saf_blog_thumb {
    background: var(--main-bg-color);
    margin-bottom: 30px;
    padding-bottom: 21px;
}

.saf_blog_title,
.saf_blog_title:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.saf_blog_wrapper .saf_heading {
    width: 100%;
    margin-bottom: 22px;
}

.blog_arrow_wrapper>div {
    height: 40px;
    width: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid var(--main-orange-version1);
    border-radius: 50%;
    cursor: pointer;
}

.blog_arrow_wrapper>div:hover {
    background: var(--main-orange-version1);
}

.blog_arrow_wrapper>div>svg {
    height: 15px;
    fill: var(--main-orange-version1);
}

.blog_arrow_wrapper>div:hover svg {
    fill: var(--main-bg-color);
}

.blog_arrow_wrapper {
    display: flex;
}

.blog_arrow_wrapper>div.blogPrev {
    margin-left: 10px;
}

.blog_arrow_wrapper>div:hover,
.blog_arrow_wrapper>div {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.saf_readMore {
    color: var(--main-orange-version1);
    font-weight: 500;
    margin-top: 5px;
    display: inline-block;
}

.saf_readMore svg {
    height: 10px;
    fill: var(--main-orange-version1);
}


/********************************************************
16. Footer CSS Start
********************************************************/

.saf_footer_wrapper {
    /*background-color: var(--main-gray-version18);*/
    padding: 72px 0 49px;
    color: var(--main-paint-footer);
}

img.footer_logo {
    margin: 8px 0 24px;
}

.saf_address_wrap h4 {
    color: var(--main-orange-version1);
    font-size: 18px;
    font-weight: 500;
    margin-top: 17px;
    margin-bottom: 10px;
}

.saf_footer_heading {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    color: var(--main-bg-color);
}

.saf_footer_title img {
    height: 14px;
}

.saf_footer_title {
    display: inline-block;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 20px;
}

.saf_newsLetter_wrap {
    position: relative;
}

.saf_newsLetter_wrap input {
    background: var(--main-black6);
    border: none;
    height: 45px;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    color: var(--main-bg-color);
}

.saf_newsLetter_wrap button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 50px;
    color: var(--main-bg-color);
    background: var(--main-orange-version1);
    border: none;
}

.saf_newsLetter_wrap input::-webkit-input-placeholder {
    color: var(--main-txt-color);
}

.saf_newsLetter_wrap input::-moz-placeholder {
    color: var(--main-txt-color);
}

.saf_newsLetter_wrap input:-ms-input-placeholder {
    color: var(--main-txt-color);
}

.saf_newsLetter_wrap input:-moz-placeholder {
    color: var(--main-txt-color);
}

.saf_footer_address ul li {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.saf_footer_address ul li:last-child {
    margin-bottom: 0;
}

.saf_footer_address ul li span {
    color: var(--main-orange-version1);
    width: 43%;
    font-weight: 500;
}

.saf_footer_info {
    width: 57%;
}

.saf_footer_info a {
    display: inline-block;
    width: 100%;
}

.saf_footer_menu ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 8px;
}

.saf_footer_menu ul li:last-child {
    margin-bottom: 0;
}

.saf_footer_menu ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    left: 0;
    top: -2px;
    font-size: 20px;
    color: var(--main-orange-version1);
}

.saf_widgets a {
    color: var(--main-paint-footer);
}

.saf_widgets a:hover,
.saf_copyright_wrapper a {
    color: var(--main-orange-version1);
}

.saf_copyright_wrapper {
    /*background: var(--main-black);*/
    padding: 10px 0 7px;
    color: var(--main-bg-color);
}


/********************************************************
17. About Page Style
********************************************************/

.saf_pagetitle {
    float: left;
    width: 100%;
    background-color: #948982;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    padding: 200px 0px 50px;
  /*  background-image: url(https://via.placeholder.com/1920x950);*/

    background-image: url('../../../platzona.jpg');
    background-position: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

/* Saf: page template helpers */
.saf-clear-both {
	clear: both;
}
.pagedata--scroll {
	height: calc(100vh - 200px);
	overflow: auto;
}

/* Saf: Shopify tracking hero sizing (collection-hero__image) */
.collection-hero__image {
	position: relative;
	height: 40vh;
	background-attachment: fixed;
	background-position: left center;
	background-size: cover;
}
@media only screen and (max-width: 749px) {
	.collection-hero__image {
		height: 50vh;
		background-attachment: scroll;
	}
}
@media only screen and (min-width: 749px) and (max-width: 1024px) {
	.collection-hero__image {
		background-attachment: scroll;
	}
}
.contactform .form-group {
	margin-bottom: 10px;
}
.contactform .displalabel {
	font-size: 18px;
}
/* Ensure saf_pagetitle never collides with floated sections */
.saf_pagetitle {
	clear: both;
}

.page_title h2 {
    float: left;
    width: 100%;
    text-align: center;
    color: #ffffff;
    float: left;
    margin: 0px;
    font-size: 36px;
    /*text-transform: capitalize;*/
}

.saf_img_overlay {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgb(29 27 27 / 86%); 
}

.saf_pagetitle ul.breadcrumb {
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    display: flex;
    justify-content: center;
}

.saf_pagetitle ul.breadcrumb li {
    display: inline-block;
    list-style: none;
    padding-top: 5px;
}

.saf_pagetitle ul.breadcrumb li a {
    color: #ffffff;
    font-size: 18px;
    padding: 0px 10px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.saf_pagetitle ul.breadcrumb li:last-child a {
    color: #fb9d5c;
    cursor: text;
}

.saf_about_page_wrapper {
    padding: 30px 0 0;
}


/********************************************************
17. Services Page Style
********************************************************/

.saf_service_testimonial_wrapper {
    background: #f9f9f9;
}


/********************************************************
17. Blog Page Style
********************************************************/

.saf_blog_page_heading {
    text-align: center;
}

.saf_blog_page_wrapper .saf_heading {
    width: 48%;
    margin-bottom: 22px;
    margin: auto;
}

.saf_sidebar_search input[type="text"] {
    width: 100%;
    height: 45px;
    padding: 0 50px 0 15px;
    border: 1px solid #fb9d5c;
    position: relative;
}

.saf_sidebar_search a {
    position: absolute;
    right: 15px;
    top: 0px;
    background: #fb9d5c;
    padding: 9px 15px;
    color: #fff;
}

.saf_sidebar_headings h2 {
    font-size: 22px;
    font-weight: 700;
    color: #222222;
    padding: 30px 0 10px;
}

ul.saf_sidebar_category_list a {
    color: #707070;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s;
}

ul.saf_sidebar_category_list a:hover {
    color: #fb9d5c;
}

ul.saf_sidebar_category_list li {
    border-bottom: 1px solid #eaeaea;
    padding: 8px 0;
}

.saf-recent-post {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}

.saf-recent-post-media img {
    width: 100px;
}

.saf-recent-post-info {
    padding-left: 15px;
}

a.saf-post-date {
    color: #fb9d5c;
}

.saf-recent-post-info a:hover {
    color: #fb9d5c;
}

.saf_sidebar_tags_box li {
    border: none;
    margin-bottom: 20px;
    display: inline-block;
    margin-right: 7px;
}

.saf_S_blog_title {
    font-size: 38px;
    font-weight: 500;
    line-height: 1.3;
    padding: 10px 0;
}

a.ed_btn.ed_orange {
    color: #fff;
    background: #fb9d5c;
    padding: 7px 10px;
    border: 1px solid #fb9d5c;
    transition: all 0.4s;
}

a.ed_btn.ed_orange:hover {
    color: #fb9d5c;
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #fb9d5c;
}

.saf_sidebar_tags_box {
    margin-top: 25px;
}

.saf_single_blog_img1_box1 {
    display: flex;
    justify-content: space-around;
    background: #f5f5f5;
    padding: 20px;
    align-items: center;
}

.saf_single_blog_img1 img {
    border-radius: 80px;
    border: 3px solid #ffffff;
}

.saf_single_blog_text1 {
    width: 670px;
}

.saf_blog_text p {
    color: #898d94;
    padding: 8px 0px;
}

.saf_single_blog_text1 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #fb9d5c;
    padding-left: 0px;
}

.saf_single_blog_text1 span {
    font-size: 16px;
    color: #808080c2;
    font-weight: 500;
}

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

.saf_img_text_container img {
    width: 370px;
    display: inline-block;
    margin: 6px 15px 6px 0;
}

.saf_img_text_container p {
    display: inline-block;
    width: calc(100% - 385px);
}

.saf_divider {
    margin: 22px 0;
    display: block;
}

.saf_author_message_box {
    background: #fb9d5c;
    border: none;
    border-radius: 6px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}

.saf_comment_holder2 {
    margin-left: 80px;
}

.saf_section_heading {
    color: #222;
    font-size: 32px;
    margin-bottom: 35px;
    font-weight: 700;
}

.saf_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}

.saf_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

.saf_author_content {
    width: calc(100% - 140px);
}

.saf_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}

.saf_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}

.saf_comment_holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}

.saf_comment_user {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-right: 30px;
}

.saf_comment_user img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

.saf_comment_detail {
    width: calc(100% - 130px);
}

h5.saf_user_name {
    color: #fb9d5c;
    font-size: 18px;
}

.saf_comment_detail p {
    padding: 0px 0px;
    font-size: 15px;
}

.saf_reply_btn {
    color: #fb9d5c;
    margin-left: 15px;
}

.saf_reply_btn {
    color: #fb9d5c;
    margin-left: 15px;
}

.saf_comment_form {
    margin-top: 70px;
}

.saf_comment_form_heading {
    padding-bottom: 40px;
}

.saf_field_holder {
    margin-bottom: 30px;
}

textarea.saf_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}

.saf_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}

.saf_field_holder {
    margin-bottom: 30px;
}

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

.saf_blockquote_img {
    width: 160px;
    margin-right: 10px;
    position: relative;
}

.saf_blockquote_img:before {
    content: "\f10e";
    right: 12px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #fb9d5c;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 40px;
    height: 40px;
    line-height: 32px;
    background: var(--main-bg-color);
    border: 5px solid #fb9d5c;
    padding-left: 8px;
    border-radius: 100%;
}

.saf_blockquote_img img.saf_quote_user {
    border: 3px solid #fb9d5c;
    border-radius: 50%;
    width: 130px;
    height: 130px;
}

.saf_blockquote_quote {
    width: calc(100% - 170px);
    color: var(--main-link-color);
    position: relative;
    text-align: center;
}

.saf_blockquote_quote:before {
    content: "\f10e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #fb9d5c;
    position: absolute;
    left: 0;
    right: 0;
    font-size: 84px;
    margin: auto;
    top: 50%;
    opacity: .1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.saf_blockquote_quote p,
.saf_quote_user {
    text-align: left;
}

.saf_quote_user {
    color: var(--main-link-color);
    font-weight: 700;
    font-size: 20px;
    width: 100%;
    display: inline-block;
}

.saf_quote_user>span {
    color: var(--main-txt-color);
    font-size: 16px;
    font-weight: 400;
}


/*================contact Page Style==============*/

.saf_contact_form {
    background: #fff;
    box-shadow: 0px 0px 30px 0px rgba(157, 134, 183, 0.1);
    padding: 50px;
    margin-right: -45px;
    margin-top: 17px;
}

.saf_contact_form .saf_sub_heading {
    margin-bottom: 30px;
    font-size: 26px;
    color: #2c3e4a;
}

.saf_contact_form .saf_field_holder {
    margin-bottom: 33px;
}

.saf_form_field {
    width: 100%;
    border: 1px solid var(--main-border-color);
    padding: 0 20px;
    height: 50px;
    display: flex;
}

.saf_field_holder textarea#message {
    height: 150px;
}

textarea.saf_form_field {
    height: 150px;
    resize: none;
    padding: 12px 20px;
}

.saf_info_bg {
    background: #fb9d5c;
    margin-bottom: 55px;
    margin-left: 40px;
    margin-top: 55px;
    margin-right: -30px;
}

.saf_contact_info {
    padding: 60px 35px 0 50px;
    color: #fb9d5c;
}

.saf_contact_info .saf_sub_heading {
    color: var(--main-bg-color);
    margin-bottom: 28px;
    font-size: 26px;
}

.saf_conatact_section {
    margin-bottom: 35px;
    padding-bottom: 35px;
    position: relative;
}

.saf_conatact_section:before {
    content: "";
    border-bottom: 1px solid var(--main-bg-color);
    position: absolute;
    bottom: 0px;
    left: -50px;
    right: -50px;
    opacity: 0.2;
}

.saf_contact_info_inner {
    padding: 0 0 0 30px;
    font-size: 16px;
    position: relative;
    line-height: 25px;
    color: #fff;
}

.saf_contact_info_inner span {
    position: absolute;
    left: 0;
    top: 0;
}

.saf_contact_info_inner svg {
    width: 16px;
    fill: #fff;
}

.saf_contact_wrapper .saf_heading {
    text-align: center;
}

.saf_conatact_section3:before {
    display: none;
}

.saf_map_wrapper {
    margin-bottom: -10px;
}

.saf_contact_wrapper {
    margin-bottom: 70px;
}


/********************************************************
17. Team Page Style
********************************************************/

.saf_team_wrapper.saf_team_page_wrapper .saf_team_section {
    margin-bottom: 30px;
}

.saf_team_wrapper {
    padding: 69px 0 44px;
    background: var(--main-bg-color);
}

.team_slider.swiper-container {
    padding-bottom: 36px;
}

.saf_team_img {
    background: var(--main-gym-bg);
    position: relative;
}

.saf_team_img img {
    width: 100%;
    border: none;
    border-radius: 8px 8px 0px 0px;
}

.saf_team_identity {
    background: var(--main-bg-color);
    padding: 20px 12px;
}

.saf_team_identity>a {
    color: var(--main-link-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
}

.saf_team_section:hover .saf_team_identity a {
    color: #fb9d5c;
}

.saf_team_inner {
    margin: auto;
    text-align: center;
    color: var(--main-bg-color);
}

.saf_team_hover {
    background: rgba(0, 0, 0, 0.80);
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: none;
    display: flex;
    align-items: center;
    font-weight: 500;
    border-radius: 8px 8px 0 0;
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    -o-transform: translateY(-500px);
    transform: translateY(-500px);
}

.saf_team_section:hover .saf_team_hover {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}

.saf_team_section {
    background: var(--main-bg-color);
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
    margin: 0;
    border: none;
    border-radius: 8px;
    overflow: hidden;
}

.saf_team_section:hover .saf_team_identity h4,
.saf_team_section:hover,
.saf_team_hover,
.saf_team_section:hover .saf_team_hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.saf_team_social,
.saf_team_info {
    width: 100%;
    display: inline-block;
}

.saf_team_info h6 {
    font-size: 20px;
    color: var(--main-bg-color);
}

.saf_team_info a {
    color: var(--main-bg-color);
}

.saf_team_info a:hover {
    color: #fb9d5c;
}

.saf_team_info:first-child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

.saf_team_info:first-child:before {
    background: var(--main-bg-color);
    content: "";
    position: absolute;
    height: 1px;
    width: 60%;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}

.saf_team_social {
    margin-top: 20px;
}

.saf_team_social li {
    display: inline-block;
    margin: 0 6px;
    line-height: 1;
    padding-top: 8px;
}

.saf_team_social li a {
    color: var(--main-bg-color);
}

.saf_team_social li a:hover {
    color: #fb9d5c;
}

.saf_team_social ul {
    width: auto;
    background: rgba(249, 249, 249, 0.1);
    display: inline-block;
    padding: 6px 20px;
    border: none;
    border-radius: 30px;
}

.swiper-button-prev1,
.swiper-button-next1 {
    width: 40px;
    color: var(--main-color);
    cursor: pointer;
    position: absolute;
    height: 36px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.swiper-button-prev1 {
    left: -90px;
}

.swiper-button-next1 {
    right: -100px;
}

.saf_team_button {
    position: absolute;
    top: 42%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-button-next1.swiper-button-disabled,
.swiper-button-prev1.swiper-button-disabled {
    color: var(--main-txt-color);
}

.saf_team_wrapper.saf_team_page_wrapper {
    padding: 80px 0 50px;
}

.saf_team_wrapper.saf_team_page_wrapper .saf_team_section {
    margin-bottom: 30px;
}

.saf_team_wrapper .saf_heading_wrapper {
    margin-bottom: 41px;
}

.saf_team_section {
    margin-bottom: 30px;
}


/********************************************************
17. Responsive CSS Start
********************************************************/

@media (min-width: 1400px) {
    .saf_header_wrapper {
        padding: 0 0 0 95px;
    }
}

@media (min-width: 1200px) {
    header .container-fluid {
        max-width: 1390px;
    }
    .saf_heading {
        width: 48%;
    }
    .saf_testimonials_section {
        padding: 0 125px;
    }
    .thumbNext {
        right: -80px;
    }
    .thumbPrev {
        left: -80px;
    }
}

@media (min-width: 992px) {
    ul.sub_menu {
        background: var(--main-orange-version1);
        top: 50px;
    }
    .main_menu_wrapper ul>li>a {
        color: var(--main-bg-color);
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .saf_banner_text {
        margin-left: 16%;
    }
}

@media (max-width: 1399px) {
    .main_menu_wrapper ul>li>a {
        padding: 12px 12px;
    }
    .header_btn {
        height: 50px;
        line-height: 50px;
        min-width: 150px;
    }
    .searchBtn {
        margin-right: -20px;
    }
    .main_menu_parent {
        padding-right: 0;
    }
    .saf_header_info_wrapper {
        padding-right: 15px;
    }
    .saf_logo {
        padding-left: 15px;
    }
}

@media (max-width: 1199.98px) {
    .main_menu_wrapper ul>li>a {
        padding: 12px 6px;
    }
    .swiper-container.gallery-top {
        width: 80%;
        margin: auto;
    }
    .saf_banner_text {
        padding: 0px 0 213px;
    }
    .saf_banner_button {
        display: none;
    }
    .saf_whyUs_wrapper {
        padding: 72px 0 0;
    }
    .saf_whyUs_detail {
        padding-bottom: 77px;
    }
    .saf_footer_wrapper {
        padding: 73px 0 41px;
    }
    .saf_info_bg {
        margin-top: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .saf_blog_info li {
        margin-left: 5px;
    }
}

@media (max-width: 991.98px) {
    .main_menu_wrapper li.has_submenu:before,
    .main_menu_wrapper li.has_submenu:after {
        background: var(--main-orange-version1);
    }
    .saf_about_detail .saf_about_num,
    .saf_about_detail h1,
    .saf_heading h4 {
        font-size: 30px;
    }
    .saf_header_info_wrapper ul li:first-child {
        margin-right: 20px;
        padding-right: 20px;
    }
    .menu_btn span {
        background: var(--main-bg-color);
    }
    header {
        position: unset;
    }
    .fixed_header.fixed {
        position: relative;
    }
    .saf_header_info_wrapper ul li:first-child {
        margin-right: 15px;
        padding-right: 15px;
    }
    .saf_header_info_wrapper ul li {
        font-size: 12px;
    }
    .saf_header_icon {
        width: 20px;
        height: 20px;
        line-height: 18px;
        margin-right: 6px;
    }
    .saf_header_icon svg {
        width: 10px;
    }
    .saf_header_info_wrapper {
        padding-right: 0;
    }
    .saf_logo {
        padding-left: 0;
    }
    .saf_header_info_wrapper ul li:first-child:before {
        height: 18px;
    }
    .saf_banner_section {
        padding: 80px 0 0;
    }
    .saf_banner_text {
        padding: 0px 0 189px;
    }
    .saf_banner_text h1 {
        font-size: 50px;
    }
    .saf_about_wrapper .row {
        flex-direction: column-reverse;
        text-align: center;
    }
    .saf_job_btn_wrap {
        margin-top: 30px;
    }
    .saf_btn,
    .saf_btn:hover {
        line-height: 31px;
        min-width: 130px;
    }
    .saf_price_box h1 {
        font-size: 32px;
        line-height: 50px;
    }
    .saf_trial_wrap,
    .saf_blog_title,
    .saf_trial_wrap,
    .saf_sub_heading,
    .saf_title {
        font-size: 18px;
    }
    .saf_price_offer_wrap {
        right: -40px;
        top: 20px;
        font-size: 12px;
        padding: 8px 40px 8px 46px;
    }
    .saf_whyUs_img {
        text-align: center;
    }
    .saf_about_detail {
        padding-bottom: 31px;
    }
    .saf_counter_wrapper {
        padding: 80px 0 45px;
    }
    .saf_services_wrapper {
        padding: 74px 0 50px;
    }
    .saf_whyUs_wrapper {
        padding: 74px 0 3px;
    }
    .saf_job_wrapper {
        padding: 74px 0 80px;
    }
    .saf_testimonial_wrapper {
        padding: 74px 0 80px;
    }
    .saf_pricing_wrapper {
        padding: 74px 0 44px;
    }
    .saf_blog_wrapper {
        padding: 74px 0 49px;
    }
    .saf_footer_wrapper {
        padding: 73px 0 44px;
    }
    .saf_copyright_wrapper {
        padding: 10px 0 9px;
    }
    .main_menu_wrapper ul>li>a {
        padding: 10px 13px 0px;
    }
    .saf_pagetitle {
        padding: 30px 0px 30px!important;
    }
    .saf_sidebar_search a {
        padding: 12px 15px;
    }
    .cs_field_holder {
        margin-bottom: 33px;
    }
}

@media (max-width: 767.98px) {
    .saf_about_wrapper .row {
        flex-direction: column-reverse;
    }
    .saf_about_detail {
        padding-bottom: 24px;
    }
    .saf_about_detail .saf_about_num,
    .saf_about_detail h1,
    .saf_heading h4 {
        font-size: 26px;
    }
    .saf_header_info_wrapper ul li:first-child {
        margin-right: 0;
        padding-right: 0;
    }
    .saf_header_info_wrapper ul li:first-child:before {
        content: unset;
    }
    .saf_header_info_wrapper ul li {
        padding: 8px 0;
    }
    .saf_header_info_wrapper .display_flex.align-items-center {
        justify-content: left;
    }
    .saf_job_img img {
        width: auto;
    }
    .saf_job_img {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .saf_job_info {
        width: 100%;
        padding: 0;
    }
    .saf_client_quote {
        flex-wrap: wrap;
    }
    .saf_client_quote p {
        margin-left: 0;
        width: 100%;
    }
    .saf_testimonials_section:before {
        left: 20px;
        right: 20px;
    }
    .blog_text {
        padding: 1px 0px 0;
    }
    .saf_callToAction_text h1 {
        font-size: 40px;
    }
    .saf_callToAction_text .video_btn {
        height: 80px;
        width: 80px;
        line-height: 80px;
    }
    .saf_job_info ul li {
        width: 100%;
        margin: 6px 0 0 0;
    }
    .gallery-thumbs {
        width: 80px;
    }
    .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active .swiper_client_thumb img,
    .saf_testimonial_wrapper .gallery-thumbs .swiper-slide-active {
        width: auto !important;
        height: 70px;
    }
    .saf_banner_section {
        padding: 100px 0 0;
        text-align: center;
    }
    .saf_whyUs_wrapper .row {
        flex-direction: column-reverse;
    }
    .saf_banner_text {
        padding: 0px 0 30px;
    }
    .saf_blog_wrapper {
        padding: 74px 0 50px;
    }
    .saf_footer_wrapper {
        padding: 72px 0 44px;
    }
    .saf_info_bg {
        margin-left: 0;
        margin-right: 0;
    }
    .saf_contact_form {
        margin-right: 0;
    }
    .saf_blockquote {
        display: block;
    }
    .saf_blockquote_quote {
        width: 100%;
        padding: 15px 0px;
    }
    .saf_img_text_container {
        display: block;
    }
    .saf_img_text_container p {
        width: 100%;
        padding-top: 15px;
    }
}

@media (max-width: 575.98px) {
    .saf_header_info_wrapper {
        display: none;
    }
    .main_menu_parent {
        margin-top: 18px;
    }
    .main_menu_parent:before {
        content: unset;
    }
    .main_menu_parent {
        border-radius: 0;
    }
    .saf_logo {
        padding: 15px 0 0;
        text-align: center;
    }
    .saf_search_wrap {
        width: 100%;
    }
    .saf_search_wrap .display_flex {
        justify-content: center;
    }
    .menu_btn {
        padding: 16px 0 0;
    }
    .saf_comment_holder {
        display: block;
    }
    .saf_comment_detail {
        width: 100%;
        padding: 15px 0;
    }
    .saf_comment_holder2 {
        margin-left: 0;
    }
    .saf_author_message_box {
        display: block;
    }
    .saf_author_content {
        width: 100%;
        padding-top: 15px;
    }
}


@media (max-width: 767px) {
	
}
@media (min-width: 769px) {
	/*sub menu customer here */
	.saf_nav_items .has_submenu ul li a{ padding:7px 14px!important;}
	.has_submenu  .sub_menu .has_submenu-2:hover .sub_menu-2{
		display:block;visibility:visibility;
	}
	.has_submenu  .sub_menu .sub_menu-2{
		display:none;
		background-color:var(--main-orange-version1);
	}
	.has_submenu  .sub_menu .has_submenu-2 .sub_menu-2{

		position: absolute;background-color:var(--main-orange-version1);
		left: 198px;
		top: 0px;
		min-width: 200px;
		text-align: left;
		z-index: 9999;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;

	}
	/*sub menu customer here */
}
.saf_nav_items ul li a,.saf_nav_items ul li ul li a,.saf_nav_items ul li ul li ul li a,.sub_menu li a,.sub_menu-2 li a,.has_submenu-2 a,.has_submenu a{
	text-transform:capitalize;
}


@media only screen and (min-width: 576px) {
    .managenewlogo{display: none;}
}
@media only screen and (max-width: 575px) {
    .saf_header_wrapper .saf_logo{

    }
    .setrightmobileviewmenu{
        float: right;text-align: right;
    }
    .managenewlogo a img{ padding:0px; }
    .managenewlogo{
        width: 40%;float: left;
    }
    .managemobilemenun{
        float: left;
        width: 60%;
    }
    .mobilesetlogo{
        display: none;
    }
    .mobilesetlogosp{
         
    }
}

/* Product detail template: moved from inline style blocks */
.page-details table tr td,
.page-details table tr th {
	padding: 10px;
	text-align: center;
}
.page-details .ssl {
	width: 100%;
	font-size: 16px;
	color: #636363;
	height: 50px;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding-left: 20px;
	margin-bottom: 30px;
}
.page-details .product-vat-note {
	color: green;
}
.page-details .product-details__panel {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
	padding: 1.25rem 1.25rem 1.5rem;
	background: #fff;
	border: 1px solid #ebebeb;
	border-radius: 12px;
}
.page-details .product-details__panel .product-detail-block {
	float: none;
	width: 100%;
}
.page-details .product-details__vat {
	display: block;
	margin-top: 0.35rem;
}
.page-details .layout1-product-color-label {
	padding: 20px;
	background-color: var(--saf-color);
}
.page-details .layout1-product-color-input {
	z-index: -1;
	position: absolute;
}
.page-details .layout1-product-color-check {
	color: #fff;
	position: absolute;
	margin-top: -14px;
	margin-left: -14px;
	font-size: 28px;
	display: none;
}
.page-details .layout1-product-color-check.is-visible {
	display: block;
}
.page-details .layout1-stock-color-cell {
	box-shadow: 2px 2px 2px 2px;
	border: 1px solid #eee;
	background-color: var(--saf-color);
}
.page-details .product-tab-link {
	font-size: 12px;
}

/* ===== layout1/template/main.php — moved from inline <style> / style="" ===== */
body.layout-page .site-main {
	clear: both;
}
body.layout-page .container {
	display: flow-root;
}
.searchBoxContainer {
	top: 20px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}
.saf_about_wrapper {
	display: block;
	width: 100%;
	overflow: visible;
}
/* Do NOT apply clear:both to all rows — it breaks Bootstrap grid */
.layout-clear-full {
	clear: both;
	float: left;
	width: 100%;
}
.clear-both {
	clear: both;
}
.header-logo-img--layout1 {
	max-width: 118px;
}
.saf_header_info_wrapper .display_flex > li.header-strip-item--spaced {
	margin-right: 24px;
}
#changeLanguageForm select {
	background-color: #1e8e04;
	color: #fff;
}
/* Desktop minicart badge */
#display_total_cart_item {
	top: -10px;
	position: absolute;
	color: #fff;
	background-color: #1e8e04;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	left: 21px;
}
.sub_menu--minicart-desktop {
	width: 250px;
	left: -200px;
}
.minicartimgcontainer {
	padding: 4px;
}
.minicart-list {
	padding-top: 5px !important;
	padding-bottom: 15px !important;
	border-bottom: 1px solid #eee;
	padding: 4px;
}
.minicartimgcontainer img {
	border-radius: 30%;
	width: 100%;
}
.minicart-line-meta {
	padding-left: 0;
	line-height: 17px;
}
.minicart-line-actions {
	padding-left: 0;
}
.minicart-total-amount {
	float: right;
}
.btn-minicart-compact {
	padding: 5px !important;
	color: #fff !important;
}
.managenewlogo img.header-logo-secondary {
	max-height: 60px;
}
.cart-hover--top {
	z-index: 99999999;
}
.display_total_cart_item {
	top: -10px;
	position: absolute;
	color: #fff;
	background-color: #1e8e04;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	text-align: center;
	margin-left: -18px;
}
.mobilecart .sub_menu {
	display: none;
}
.mobilecart:hover .sub_menu {
	display: block;
}
/* Mobile header cart: keep dropdown in viewport (comman ul.sub_menu rules are desktop-only) */
@media (max-width: 991.98px) {
	.saf_search_wrap .mobilecart,
	.saf_search_wrap li.mobilecart {
		position: relative;
	}
	.saf_search_wrap .mobilecart > ul.sub_menu {
		position: absolute;
		left: auto !important;
		right: 0 !important;
		top: 100%;
		transform: none !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: min(100vw - 24px, 400px);
		z-index: 12050;
		margin-top: 8px;
	}
}
@media only screen and (max-width: 992px) {
	.desktopcart {
		display: none !important;
	}
}
@media only screen and (min-width: 991px) {
	.mobilecart {
		display: none;
	}
}
/* Page title (static parts; dynamic bg still inline where needed) */
.pagetitleheading {
	margin: 5px !important;
}
.saf_pagetitle--flush-bottom {
	margin-bottom: 0;
}
/* Footer layout1 */
.saf_footer_about--centered {
	text-align: center;
}
.footer_logo {
	max-width: 88px;
}
.saf_footer_about--centered .footer-dummy-text {
	text-align: left;
}
.saf_footer_about--centered .footer-notify-heading {
	text-align: left;
}
.saf_footer_about--centered .saf_newsLetter_wrap {
	text-align: left;
}
.saf_footer_info--full {
	width: 100%;
}
/* Minicart: cart sits on the right; default ul.sub_menu uses left:0 + transform and pushes panel off-screen */
@media (min-width: 991.98px) {
	.main_menu_wrapper > ul > li.cartcart > ul.sub_menu.sub_menu--minicart-desktop {
		left: auto !important;
		right: 0 !important;
		transform: none !important;
		width: auto !important;
		min-width: 0 !important;
		max-width: min(100vw - 24px, 400px);
	}
}
/* Minicart dropdown (from bottom of main.php) */
.cart-hover {
	position: absolute;
	left: auto;
	right: 0;
	background: #fff;
	width: min(350px, calc(100vw - 24px));
	max-width: calc(100vw - 24px);
	box-sizing: border-box;
	padding: 10px;
}
.minicart:hover .cart-hover {
	opacity: 1;
	visibility: visible;
	top: 0px;
}
.minicart .cart-hover {
	background: #ffffff;
	z-index: 12050;
	text-align: left;
	padding: 30px;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
	box-shadow: 0 13px 32px rgba(51, 51, 51, 0.1);
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 5px 5px 5px 5px;
}
.minicart .cart-hover .select-items {
	max-height: min(60vh, 360px);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.minicart .cart-hover .select-items table {
	width: 100%;
}
.minicart .cart-hover .select-items table tr td {
	padding-bottom: 20px;
}
.minicart .cart-hover .select-items table tr td.si-pic img {
	border: 1px solid #ebebeb;
	border-radius: 10px;
}
.minicart .cart-hover .select-items table tr td.si-text {
	padding-left: 18px;
}
.minicart .cart-hover .select-items table tr td.si-text .product-selected p {
	color: #ed0973;
	line-height: 30px;
	margin-bottom: 7px;
}
.minicart .cart-hover .select-items table tr td.si-text .product-selected h6 {
	color: #232530;
}
.minicart .cart-hover .select-items table tr td.si-close {
	color: #252525;
	font-size: 16px;
	cursor: pointer;
}
.minicart .cart-hover .select-total {
	overflow: hidden;
	width: 100%;
	float: left;
	border-top: 1px solid #eee;
	padding: 20px;
	margin-bottom: 30px;
}
.minicart .cart-hover .select-total span {
	color: #ed0973;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	float: left;
	font-size: 33px;
	width: 50%;
}
.minicart .cart-hover .select-total h5 {
	color: #ed0973;
	float: right;
}
.minicart .cart-hover .select-button .view-card {
	font-size: 12px;
	letter-spacing: 2px;
	display: block;
	text-align: center;
	background: #191919;
	color: #ffffff;
	padding: 15px 30px 12px;
	margin-bottom: 10px;
}
.minicart .cart-hover .select-button .checkout-btn {
	font-size: 12px;
	letter-spacing: 2px;
	display: block;
	text-align: center;
	color: #ffffff;
	padding: 15px 30px 12px;
}
.captcha-loader-img {
	width: 160px;
	height: 45px;
}
.cart-thumb-sm {
	max-width: 100px;
}

/* User account sidebar (layout1/template/sub/left.php) */
.profile-usermenu ul {
	float: left;
	text-align: left;
}
.profile-usermenu ul li a {
	padding: 10px;
	float: left;
	width: 100%;
}
.profile-usermenu ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #999;
}
.profile-sidebar .profile-userpic {
	padding: 20px;
}
.profile-sidebar {
	border: 1px solid #000;
	margin: 0 auto;
	text-align: center;
	float: left;
}
.profile-usertitle {
	border-bottom: 1px solid #999;
}

/* layout1/layout/home/index.php — hero + home blocks */
/* Fallback to white so text is readable on dark/photo backgrounds */
.saf_hero_slide.hero__slide .hero__title.saf_hero_title {
	color: var(--hero-title-color, #ffffff) !important;
	text-shadow: 0 2px 10px rgba(0,0,0,0.45);
}
.saf_hero_slide.hero__slide .hero__desc.saf_hero_desc {
	color: var(--hero-desc-color, rgba(255,255,255,0.92)) !important;
	text-shadow: 0 1px 6px rgba(0,0,0,0.4);
}
.saf_hero_slide.hero__slide .hero__btn.saf_hero_btn.primary-btn {
	color: var(--hero-btn-color, #ffffff) !important;
	background-color: var(--hero-btn-bg, var(--main-btn-color, #c45c5c)) !important;
	border-radius: 999px;
	padding: 10px 28px;
	font-weight: 600;
	letter-spacing: 0.02em;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.saf_hero_slide.hero__slide .hero__btn.saf_hero_btn.primary-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.25);
}
.home-slider-product-img {
	width: 100%;
	display: block;
}
.home-category-pi-text {
	padding: 10px;
	margin-bottom: 10px;
}
.home-category-slider-img {
	width: 100%;
	display: block;
}
.home-classification-row {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.home-classification-tile {
	background-color: #fff;
	margin: 10px;
	float: left;
	width: 100%;
	text-align: center;
	padding: 4px;
}
.home-classification-title-link {
	padding: 10px;
}
.home-classification-img {
	width: 100%;
	margin: 0 auto;
}
.home-class-grid-cell {
	padding: 15px;
}
.home-class-card--tall {
	min-height: 350px;
}
.home-class-thumb-img {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
.home-class-title-link {
	padding: 10px;
}

/* Saf: checkout payment static inline <style> moved to CSS */
.payment_bank_information,
.payment_online_informationbox,
.payment_cod_informationbox {
	border: 2px solid #eee;
}
#payment_method-error {
	float: left;
}

/* Saf: login button style moved to CSS */
.cbtn {
	display: inline-block;
	color: #ffffff;
	background: #ed0973;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #ed0973;
}
.cbtn:hover {
	color: #fff;
}

/* Saf: classification listing static styles (application/views/layout/classification/index.php) */
.blog-item .bi-text h4 {
	padding-bottom: 5px !important;
}
.bi-text {
	float: left;
	width: 100%;
	border: 1px solid #eee;
	padding: 15px;
}
.bi-text a {
	float: left;
	width: 100%;
}
.bi-text a:hover {
	color: #000 !important;
}
.catviewaddlink {
	float: left;
	width: 100%;
}
.catviewaddlink:hover {
	color: #000 !important;
}
.saf_products_wrapper .product-slider a,
.saf_category_wrapper .product-slider a {
	text-decoration: none;
}
.saf_products_wrapper .product-slider a:hover,
.saf_category_wrapper .product-slider a:hover {
	text-decoration: none;
}

/* Saf: checkout/cart styles (moved from application/views/layout1/layout/checkout/cart.php) */
.cart-table {
	margin-bottom: 40px;
}

.cart-table table {
	width: 100%;
	min-width: 480px;
	border: 1px solid #ebebeb;
}

.cart-table table tr th {
	font-size: 16px;
	color: #252525;
	font-weight: 700;
	border-bottom: 1px solid #ebebeb;
	text-align: center;
	padding: 18px 0 19px;
	text-transform: uppercase;
}

.cart-table table tr th.p-name {
	text-align: left;
}

.cart-table table tr td {
	text-align: center;
	padding-bottom: 34px;
}

.cart-table table tr td.first-row {
	padding-top: 30px;
}

.cart-table table tr td.cart-pic {
	width: 15%;
}

.cart-table table tr td.cart-title {
	text-align: left;
	width: 25%;
}

.cart-table table tr td.cart-title h5 {
	color: #252525;
}

.cart-table table tr td.p-price {
	width: 14%;
}

.cart-table table tr td.p-price,
.cart-table table tr td.total-price {
	color: #ed0973;
	font-size: 16px;
	font-weight: 700;
}

.cart-table table tr td.qua-col {
	width: 10%;
}

.cart-table table tr td.qua-col .quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.cart-table table tr td.qua-col .pro-qty {
	width: 123px;
	height: 46px;
	border: 2px solid #ebebeb;
	padding: 0 15px;
	float: left;
}

.cart-table table tr td.qua-col .pro-qty .qtybtn {
	font-size: 24px;
	color: #b2b2b2;
	float: left;
	line-height: 38px;
	cursor: pointer;
	width: 18px;
}

.cart-table table tr td.qua-col .pro-qty .qtybtn.dec {
	font-size: 30px;
}

.cart-table table tr td.qua-col .pro-qty input {
	text-align: center;
	width: 52px;
	font-size: 14px;
	font-weight: 700;
	border: none;
	color: #4c4c4c;
	line-height: 40px;
	float: left;
}

.cart-table table tr td.total-price {
	width: 12%;
}

.cart-table table tr td.close-td {
	font-size: 16px;
	color: #252525;
	width: 8%;
}

.cart-table table tr td.close-td i {
	cursor: pointer;
}

.cart-buttons {
	margin-bottom: 34px;
}

.cart-buttons .continue-shop {
	color: #b2b2b2;
	border: 2px solid #ebebeb;
	background: #ffffff;
	margin-right: 8px;
	padding: 12px 20px 12px 20px;
	margin-bottom: 10px;
}

.cart-buttons .up-cart {
	color: #252525;
	background: #f3f3f3;
	border: 2px solid #ebebeb;
	padding: 12px 20px 12px 20px;
}

.cart-buttons .continue-shop {
	color: #b2b2b2;
	border: 2px solid #ebebeb;
	background: #ffffff;
	margin-right: 8px;
	padding: 12px 20px 12px 20px;
	margin-bottom: 10px;
}

.cart-buttons .up-cart {
	color: #252525;
	background: #f3f3f3;
	border: 2px solid #ebebeb;
	padding: 12px 20px 12px 20px;
}

.discount-coupon {
	margin-bottom: 30px;
}

.discount-coupon h6 {
	color: #232530;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.discount-coupon .coupon-form {
	position: relative;
}

.discount-coupon .coupon-form input {
	width: 100%;
	height: 46px;
	border: 2px solid #ebebeb;
	color: #b2b2b2;
	font-size: 14px;
	padding-left: 20px;
}

.discount-coupon .coupon-form .coupon-btn {
	position: absolute;
	right: 0;
	top: 0;
	color: #252525;
	background: transparent;
	border: 1px solid transparent;
	padding: 13px 25px 10px 35px;
}

.proceed-checkout ul {
	border: 2px solid #ebebeb;
	background: #f3f3f3;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 16px;
	padding-bottom: 20px;
}

.proceed-checkout ul li {
	list-style: none;
	font-size: 16px;
	font-weight: 700;
	color: #252525;
	text-transform: uppercase;
	overflow: hidden;
}

.proceed-checkout ul li.subtotal {
	font-weight: 400;
	text-transform: capitalize;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 14px;
}

.proceed-checkout ul li.subtotal span {
	font-weight: 700;
}

.proceed-checkout ul li.cart-total {
	padding-top: 10px;
}

.proceed-checkout ul li.cart-total span {
	color: #ed0973;
}

.proceed-checkout ul li span {
	float: right;
}

.proceed-checkout .proceed-btn {
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	background: #252525;
	text-transform: uppercase;
	padding: 15px 25px 14px 25px;
	display: block;
	text-align: center;
}

/*---------------------
  Check Out
-----------------------*/
.checkout-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.checkout-content {
	margin-bottom: 50px;
}

.checkout-content .content-btn,
.checkout-content input {
	color: #252525;
	font-size: 16px;
	border: 2px solid #ebebeb;
	padding: 14px 20px;
	background: #f3f3f3;
	text-align: center;
	display: block;
}

.checkout-content input {
	height: 56px !important;
}

.checkout-form h4 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 30px;
}

.checkout-form label {
	color: #252525;
	font-size: 16px;
	margin-bottom: 5px;
}

.checkout-form label span {
	color: #d85d5c;
}

.checkout-form input {
	width: 100%;
	height: 46px;
	border: 2px solid #ebebeb;
	margin-bottom: 25px;
	padding-left: 15px;
}
.site-btn {
	color: #ffffff;
	background: #ed0973;
	border: 1px solid #ed0973;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 13px 45px 11px;
	cursor: pointer;
}
.radioboxcontent label,
.checkboxcontent label {
	width: 100%;
}
.radioboxcontent label input,
.checkboxcontent label input {
	margin-right: 10px;
	width: 20px;
	height: 22px !important;
	float: left;
}
.checkout-content select {
	color: #252525;
	font-size: 16px;
	border: 2px solid #ebebeb;
	padding: 14px 20px;
	background: #f3f3f3;
	display: block;
	height: 56px !important;
}
.bolxdatabooking .blog_text {
	padding: 10px;
}
.bolxdatabooking {
	padding: 10px;
}
.event-list {
	height: calc(100vh - 50px) !important;
	overflow: auto;
	padding: 20px;
}
.cmbox {
	float: left;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.hidebuttononmobile {
		display: none;
	}
}
.comingsoon-page {
	height: 100%;
	background-image: url("https://www.w3schools.com/w3images/forestbridge.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
	font-family: "Courier New", Courier, monospace;
	font-size: 25px;
}
.comingsoon-page h1 {
	color: #fff !important;
}
.comingsoon-page .topleft {
	position: absolute;
	top: 0;
	left: 16px;
}
.comingsoon-page .bottomleft {
	position: absolute;
	bottom: 0;
	left: 16px;
}
.comingsoon-page .middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.comingsoon-page hr {
	margin: auto;
	width: 40%;
}
/* Saf: order tracking timeline moved from orderview.php */
.shop-tracking-status .form-horizontal { margin-bottom: 50px; }
.shop-tracking-status .order-status { margin-top: 150px; position: relative; margin-bottom: 150px; }
.shop-tracking-status .order-status-timeline { height: 12px; border: 1px solid #aaa; border-radius: 7px; background: #eee; box-shadow: 0 0 5px 0 #c2c2c2 inset; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion { height: 8px; margin: 1px; border-radius: 7px; background: #cf7400; width: 0; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c1 { width: 22%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c2 { width: 46%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c3 { width: 70%; }
.shop-tracking-status .order-status-timeline .order-status-timeline-completion.c4 { width: 100%; }
.shop-tracking-status .image-order-status { border: 1px solid #ddd; padding: 7px; box-shadow: 0 0 10px 0 #999; background-color: #fdfdfd; position: absolute; margin-top: -35px; }
.shop-tracking-status .image-order-status.disabled { filter: grayscale(100%); opacity: 0.6; }
.shop-tracking-status .image-order-status.active { box-shadow: 0 0 10px 0 #cf7400; }
.shop-tracking-status .image-order-status.active .status { color: #cf7400; text-shadow: 0 0 1px #777; }
.shop-tracking-status .image-order-status .icon { height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f3f3f3; border: 1px solid #ddd; }
.shop-tracking-status .image-order-status .icon:before { font-family: FontAwesome; font-size: 18px; color: #666; }
.shop-tracking-status .image-order-status .status { position: absolute; text-shadow: 1px 1px #eee; color: #333; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); width: 180px; top: -50px; left: 50px; }
.shop-tracking-status .image-order-status .status:before { font-family: FontAwesome; content: "\f053"; padding-right: 5px; }
.shop-tracking-status .image-order-status-new { left: 0; }
.shop-tracking-status .image-order-status-new .icon:before { content: "\f017"; }
.shop-tracking-status .image-order-status-active { left: 22%; }
.shop-tracking-status .image-order-status-active .icon:before { content: "\f00c"; }
.shop-tracking-status .image-order-status-intransit { left: 45%; }
.shop-tracking-status .image-order-status-intransit .icon:before { content: "\f0d1"; }
.shop-tracking-status .image-order-status-delivered { left: 70%; }
.shop-tracking-status .image-order-status-delivered .icon:before { content: "\f06b"; }
.shop-tracking-status .image-order-status-delivered .status { top: 85px; left: -180px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); text-align: right; }
.shop-tracking-status .image-order-status-delivered .status:before { display: none; }
.shop-tracking-status .image-order-status-delivered .status:after { font-family: FontAwesome; content: "\f054"; padding-left: 5px; vertical-align: middle; }
.shop-tracking-status .image-order-status-completed { right: 0; }
.shop-tracking-status .image-order-status-completed .icon:before { content: "\f00c"; }
.shop-tracking-status .image-order-status-completed .status { top: 85px; left: -180px; transform: rotate(-30deg); -webkit-transform: rotate(-30deg); text-align: right; }
.shop-tracking-status .image-order-status-completed .status:before { display: none; }
.shop-tracking-status .image-order-status-completed .status:after { font-family: FontAwesome; content: "\f054"; padding-left: 5px; vertical-align: middle; }
.orderview-alert-wrap {
	width: 60%;
	margin-left: 20%;
}
.orderview-hr-full {
	width: 100%;
}
.orderview-row-full {
	width: 100%;
}
.orderview-product-img {
	width: 72px;
	height: 72px;
}
.orderview-fs-12 {
	font-size: 12px;
}
.orderview-color-dot {
	background-color: var(--orderview-color);
	padding: 5px 12px;
	border-radius: 50%;
	width: 20px;
	display: inline-block;
}
.shopping-cart .cart-title .orderview-color-dot {
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 5px;
}
.orderview-old-price {
	color: red;
}
.booknow-section-bg {
	background-color: #eee;
}
.booknow-content-wrap {
	background-color: #fff;
	padding: 20px;
}
.booknow-checkbox-input {
	width: 20px;
	float: left;
}
.events-title-box {
	padding: 10px;
	margin: 20px;
}
.events-center-block {
	margin: 0 auto;
}
.events-img-full {
	max-width: 100%;
}
.events-blog-text {
	padding: 20px;
}
.events-row-full {
	width: 100%;
}
.events-modal-close {
	font-size: 45px;
	color: #f00;
}
.events-img-thumb {
	max-width: 70px;
}
.events-msg-wrap {
	width: 80%;
	margin: 0 auto;
}
/* Saf: layout1 users + checkout (inline styles moved out) */
.user-auth-wrap {
	width: 60%;
	margin-left: 20%;
}
.user-form-actions {
	float: left;
	width: 100%;
}
.cart-thumb-img {
	max-width: 100px;
}
.cart-biz-type-label,
.cart-biz-type-text {
	font-size: 22px;
}
.cart-coupon-input {
	padding: 8px;
}
.user-form-row-mt {
	margin-top: 10px;
}
.user-captcha-display {
	width: 160px;
	height: 45px;
	display: inline-block;
}
.user-captcha-refresh-btn {
	height: 45px;
	float: left;
}
.user-captcha-loader-img {
	width: 160px;
	height: 45px;
}
.payment-method-radio {
	width: auto;
	height: 20px;
	float: left;
}
.payment-method-label {
	margin-left: 11px;
	float: left;
	width: calc(100% - 35px);
	box-sizing: border-box;
}
.saf-is-hidden {
	display: none;
}
/* Checkout utilities: replace inline style="" from checkout views */
.checkout-same-as-checkbox {
	width: auto;
	height: 20px;
}
.checkout-same-as-label {
	margin-left: 11px;
}
.checkout-term-checkbox {
	width: 20px;
	height: 20px;
	float: left;
}
.checkout-term-label {
	float: left;
	width: 90%;
	margin-bottom: 30px;
}
.checkout-status-icon {
	color: #fff;
	border-radius: 49%;
	margin-top: 36px;
	display: inline-block;
	height: 56px;
	width: 56px;
	text-align: center;
}
.checkout-status-icon i {
	font-size: 52px;
}
.checkout-status-icon--error {
	background-color: #f00;
}
.checkout-status-icon--success {
	background-color: #0dbd21;
}
.checkout-status-title {
	font-size: 22px;
	margin-top: 20px;
}
.checkout-status-title--error {
	color: #f00;
}
.checkout-status-title--success {
	color: #0dbd21;
}
.minicart-line-top {
	border-top: 5px solid #eee;
}
.checkout-terms-link {
	color: #252525;
}
/* Layout1: cart business-type radios */
.cart-biz-type-radio {
	width: 20px;
	height: 20px;
	float: left;
}
.cart-biz-type-text-offset {
	font-size: 19px;
	top: 13px;
	position: relative;
	left: 5px;
}
/* Layout1 classification left menu defaults */
.nav-side-menu .brand {
	color: #fff;
	font-weight: bold;
	font-size: 25px;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.nav-side-menu .sub-menu li,
.nav-side-menu .sub-menu li a {
	color: #fff;
}
/* Layout1 events/pages: remove inline styles */
.pagedata-pdf-link {
	float: right;
	font-size: 32px;
}
.saf-svg-20 {
	width: 20px;
}
.saf-loader-img-42 {
	width: 42px;
}
/* Layout1 bookdata: remove static inline styles */
.saf-section-pt-0 {
	padding-top: 0px;
}
.saf-card-white-pad20 {
	background-color: #fff;
	padding: 20px;
}
.saf-bg-eee {
	background-color: #eee;
}
.saf-overflow-hidden {
	overflow: hidden;
}
.saf-img-w-100 {
	width: 100%;
}
.saf-padding-left-0 {
	padding-left: 0px;
}
.saf-pad-10 {
	padding: 10px;
}
.saf-text-white {
	color: #fff;
}
.saf-mt-10 {
	margin-top: 10px;
}
.saf-w-100 {
	width: 100%;
}
/* Layout1 products/cart: remove inline button styles */
.cart-remove-btn {
	border: 1px solid #eee;
}
.cart-continue-btn {
	padding: 12px;
	border: 5px solid #eee;
	border-radius: 11px;
}
.cart-update-btn {
	border: 4px solid #eee;
	border-radius: 10px;
}
/* Home slider: dynamic slide bg + CTA colors (inline sets --saf-* only) */
.saf_banner_section--bg-var {
	background-image: var(--saf-banner-bg);
}
.saf_btn--slide-dynamic {
	color: var(--saf-btn-txt) !important;
	background-color: var(--saf-btn-bg) !important;
}
/* Shopify tracking/product-listing block: remove inline styles */
.shopify-sortby-label {
	float: left;
	text-align: right;
	margin-top: 16px;
	margin-left: 30%;
}
.shopify-sortby-select {
	width: 155px;
}
.shopify-filter-select {
	width: 91px;
}
.shopify-search-input {
	float: left;
	width: 70%;
	border-color: #d2d2d2;
}
.shopify-search-submit {
	width: 24%;
	float: right;
	padding: 10px;
}
@media only screen and (max-width: 600px) {
	.saf_banner_text h6 { font-size: 20px !important; }
	.saf_banner_text h1 { font-size: 20px !important; }
	.slidercontainer { margin-top: -80px !important; }
}
@media (min-width: 601px) and (max-width: 900px) {
	.saf_banner_text h6 { font-size: 23px !important; }
	.saf_banner_text h1 { font-size: 23px !important; }
	.slidercontainer { margin-top: -40px !important; }
}

/* =====================================================
   Layout1 – product inner banner, description, stock,
   variants (align with Ecom Basic behaviour)
   ===================================================== */
.breacrumb-section {
	position: relative;
	min-height: 160px;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: center;
}

.breacrumb-section::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(15, 23, 42, 0.55) 0%, rgba(15, 23, 42, 0.35) 100%);
	pointer-events: none;
}

.breacrumb-section::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(45deg, rgba(181, 45, 78, 0.88) 0%, rgba(237, 9, 115, 0.88) 100%);
	pointer-events: none;
}

.breacrumb-section .container {
	position: relative;
	z-index: 15;
}

.breacrumb-section h3 {
	color: #fff;
	position: relative;
	z-index: 1;
	word-break: break-word;
}

.breacrumb-section .breadcrumb-text a,
.breacrumb-section .breadcrumb-text span {
	color: rgba(255, 255, 255, 0.95);
	position: relative;
	z-index: 1;
}

.page-details__variant-selects {
	clear: both;
	width: 100%;
	margin-bottom: 1rem;
}

.page-details .product-size-select {
	width: 100%;
	max-width: 100%;
}

.page-details .pd-size-choose {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px 12px;
	margin-top: 8px;
}

.page-details .layout1-product-color-check {
	margin-top: 0;
	margin-left: 0;
}

.page-details__rte {
	overflow-x: hidden;
	max-width: 100%;
	word-wrap: break-word;
	overflow-wrap: anywhere;
}

.page-details__rte ul,
.page-details__rte ol {
	padding-left: 1.35rem;
	margin: 0.5em 0 1em;
	list-style-position: outside;
}

.page-details__rte li {
	margin-bottom: 0.35em;
}

.page-details__rte p {
	margin-bottom: 0.75em;
}

.page-details__rte p:last-child {
	margin-bottom: 0;
}

.page-details .product-tab .tab-pane .product-content {
	overflow-x: hidden;
}

.page-details .layout1-stock-block {
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.layout1-stock-heading {
	font-weight: 600;
	margin: 0;
	padding: 12px 14px;
	font-size: 0.95rem;
	color: #1e293b;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}

.layout1-stock-wrap {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.page-details .layout1-stock-table {
	width: 100%;
	min-width: 280px;
	border-collapse: collapse;
	margin: 0;
	border: none;
	border-radius: 0;
	background: #fff;
}

.page-details .layout1-stock-table th,
.page-details .layout1-stock-table td {
	word-break: break-word;
	vertical-align: middle;
}

.page-details .layout1-stock-table thead th {
	background: #f1f5f9;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	padding: 10px 14px;
	text-align: left;
	color: #334155;
	border-bottom: 1px solid #e2e8f0;
}

.page-details .layout1-stock-table tbody td {
	font-size: 0.875rem;
	padding: 10px 14px;
	border-bottom: 1px solid #e2e8f0;
	color: #0f172a;
	line-height: 1.45;
}

.page-details .layout1-stock-table tbody tr:last-child td {
	border-bottom: none;
}

.page-details .layout1-stock-th--color,
.page-details .layout1-stock-table .layout1-stock-color-cell {
	text-align: center;
}

.page-details .layout1-stock-th--qty,
.page-details .layout1-stock-td--qty {
	text-align: right;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}

@media only screen and (max-width: 575px) {
	.page-details__rte {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

/* Layout1+ product listing sidebar: flex row so search icon does not overlap input (parity with Ecom Basic) */
.search-form-full {
	width: 100%;
}
.product-shop .filter-widget form.search-form-full .input-group {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	width: 100%;
}
.product-shop .filter-widget form.search-form-full .input-group input[type="text"],
.product-shop .filter-widget form.search-form-full .input-group input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
	height: auto !important;
	box-sizing: border-box;
	color: #252525;
}
.product-shop .filter-widget form.search-form-full .input-group button[type="submit"] {
	position: static !important;
	flex: 0 0 auto;
	height: auto !important;
	top: auto !important;
	right: auto !important;
	left: auto !important;
	margin: 0;
	border-radius: 0 5px 5px 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 14px;
}

/* Product reviews tab (parity with Ecom Basic — BEM: product-reviews) */
.page-details .product-reviews {
	margin-top: 0.5rem;
}
.page-details .product-reviews__hero {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
	padding: 1.25rem 1.35rem;
	border-radius: 16px;
	background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
	border: 1px solid #e9eef5;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}
.page-details .product-reviews__hero-text {
	flex: 1 1 auto;
	min-width: 0;
}
.page-details .product-reviews__title {
	margin: 0 0 0.35rem;
	font-size: 1.35rem;
	font-weight: 700;
	color: #0f172a;
	letter-spacing: -0.02em;
}
.page-details .product-reviews__meta {
	margin: 0;
	font-size: 0.95rem;
	color: #64748b;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1rem;
}
.page-details .product-reviews__count {
	font-weight: 800;
	font-size: 1.5rem;
	color: #0f172a;
	line-height: 1;
}
.page-details .product-reviews__count-label {
	text-transform: lowercase;
}
.page-details .product-reviews__avg {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-left: 0.25rem;
}
.page-details .product-reviews__avg-num {
	font-weight: 700;
	color: #0f172a;
}
.page-details .product-reviews__stars {
	color: #f59e0b;
	letter-spacing: 0.08em;
	font-size: 0.95rem;
}
.page-details .product-reviews__stars--sm {
	font-size: 0.85rem;
}
.page-details .product-reviews__list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.page-details .product-reviews__card {
	display: flex;
	gap: 1rem;
	padding: 1.15rem 1.25rem;
	border-radius: 14px;
	border: 1px solid #e9eef5;
	background: #fff;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
	transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.page-details .product-reviews__card:hover {
	border-color: #dbeafe;
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.08);
}
.page-details .product-reviews__avatar {
	flex: 0 0 52px;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	overflow: hidden;
	background: #f1f5f9;
	border: 2px solid #e2e8f0;
}
.page-details .product-reviews__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.page-details .product-reviews__body {
	flex: 1 1 auto;
	min-width: 0;
}
.page-details .product-reviews__card-head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}
.page-details .product-reviews__date {
	font-size: 0.8rem;
	color: #94a3b8;
}
.page-details .product-reviews__author {
	margin: 0 0 0.5rem;
	font-size: 1rem;
	font-weight: 700;
	color: #1e293b;
}
.page-details .product-reviews__text {
	font-size: 0.95rem;
	line-height: 1.65;
	color: #475569;
}
.page-details .product-reviews__empty {
	text-align: center;
	padding: 2.5rem 1.5rem;
	border-radius: 16px;
	border: 1px dashed #cbd5e1;
	background: #fafbfc;
	color: #64748b;
}
.page-details .product-reviews__empty-icon {
	font-size: 2.75rem;
	color: #cbd5e1;
	margin-bottom: 0.75rem;
}
.page-details .product-reviews__empty-title {
	margin: 0 0 0.5rem;
	font-size: 1.15rem;
	color: #334155;
}
.page-details .product-reviews__empty-text {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.5;
	max-width: 28rem;
	margin-left: auto;
	margin-right: auto;
}
.page-details .product-reviews__footer {
	margin-top: 1.75rem;
}
.page-details .product-reviews__login-card {
	display: flex;
	gap: 1.15rem;
	align-items: flex-start;
	padding: 1.35rem 1.5rem;
	border-radius: 16px;
	border: 1px solid #e0e7ff;
	background: linear-gradient(180deg, #eef2ff 0%, #ffffff 55%);
	box-shadow: 0 8px 24px rgba(79, 70, 229, 0.08);
}
.page-details .product-reviews__login-copy {
	flex: 1 1 auto;
	min-width: 0;
}
.page-details .product-reviews__login-icon {
	flex: 0 0 auto;
	font-size: 2.25rem;
	color: #6366f1;
	line-height: 1;
}
.page-details .product-reviews__login-title {
	margin: 0 0 0.75rem;
	font-size: 1.05rem;
	font-weight: 700;
	color: #1e1b4b;
}
.page-details .product-reviews__login-form {
	margin: 0;
}
.page-details .product-reviews__login-btn {
	border-radius: 10px;
	padding: 0.65rem 1.35rem;
	font-weight: 700;
}
.page-details .product-reviews__form-wrap {
	padding: 1.35rem 1.25rem;
	border-radius: 16px;
	border: 1px solid #e9eef5;
	background: #ffffff;
	box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
}
.page-details .product-reviews__form-title {
	margin: 0 0 1rem;
	font-size: 1.1rem;
	font-weight: 700;
	color: #0f172a;
}
.page-details .product-reviews__label {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	color: #64748b;
	margin-bottom: 0.35rem;
}
.page-details .product-reviews__form input[type="text"],
.page-details .product-reviews__form textarea,
.page-details .product-reviews__select {
	width: 100%;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	padding: 0.65rem 0.85rem;
	font-size: 0.95rem;
	color: #0f172a;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-details .product-reviews__form input:focus,
.page-details .product-reviews__form textarea:focus,
.page-details .product-reviews__select:focus {
	border-color: #94a3b8;
	outline: none;
	box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}
.page-details .product-reviews__textarea {
	min-height: 120px;
	resize: vertical;
}
.page-details .product-reviews__submit {
	margin-top: 0.25rem;
	border-radius: 10px;
	padding: 0.7rem 1.5rem;
	font-weight: 700;
}
@media only screen and (max-width: 575px) {
	.page-details .product-reviews__card {
		flex-direction: column;
		align-items: flex-start;
	}
	.page-details .product-reviews__login-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* ============================================================
   PRODUCT CARDS — base styles for layout1/2/3
   (These classes were previously only in the old default layout.
    Layout1/2/3 theme-skin.css overrides these per-theme.)
   ============================================================ */
.product-item {
	position: relative;
	background: #fff;
	margin-bottom: 20px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.product-item:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 24px rgba(0,0,0,0.1);
}
.product-item .pi-pic {
	overflow: hidden;
	position: relative;
	background: #f8f9fa;
}
.product-item .pi-pic img {
	width: 100%;
	max-width: 100%;
	display: block;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.product-item:hover .pi-pic img {
	transform: scale(1.04);
}
.product-item .pi-pic .sale {
	position: absolute;
	top: 10px;
	left: 10px;
	background: var(--main-color, #ed0973);
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	padding: 4px 10px;
	border-radius: 4px;
	z-index: 1;
}
.product-item .pi-pic ul {
	position: absolute;
	bottom: -52px;
	left: 0;
	right: 0;
	text-align: center;
	transition: bottom 0.25s ease;
	list-style: none;
	margin: 0;
	padding: 0;
	background: rgba(255,255,255,0.94);
}
.product-item:hover .pi-pic ul {
	bottom: 0;
}
.product-item .pi-pic ul li {
	display: inline-block;
}
.product-item .pi-pic ul li a {
	display: block;
	padding: 14px 20px;
	color: #252525;
	font-weight: 600;
	font-size: 0.875rem;
	transition: background 0.2s ease, color 0.2s ease;
	text-decoration: none;
}
.product-item .pi-pic ul li.w-icon.active a {
	background: var(--main-color, #ed0973);
	color: #fff;
}
.product-item .pi-text {
	padding: 16px;
	text-align: center;
}
.product-item .pi-text a {
	display: block;
	text-decoration: none;
	color: inherit;
}
.product-item .pi-text h5 {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 8px;
	line-height: 1.4;
}
.product-item .pi-text h6 {
	font-size: 0.875rem;
	font-weight: 500;
	color: #555;
	margin: 0 0 6px;
}
.product-item .pi-text .product-price {
	font-size: 1.075rem;
	font-weight: 700;
	color: var(--main-color, #ed0973);
}
.product-item .pi-text .product-price span {
	font-size: 0.825rem;
	font-weight: 400;
	color: #aaa;
	text-decoration: line-through;
	margin-left: 6px;
}

/* Product sliders — Swiper-based layout */
.saf_products_wrapper .product-swiper,
.saf_category_wrapper .product-swiper,
.saf_class_data_wrapper .product-swiper,
.saf_class_data_5_wrapper .product-swiper {
	position: relative;
	padding: 0 40px;
}
.saf_products_wrapper .product-swiper .swiper-button-next,
.saf_products_wrapper .product-swiper .swiper-button-prev,
.saf_category_wrapper .product-swiper .swiper-button-next,
.saf_category_wrapper .product-swiper .swiper-button-prev,
.saf_class_data_wrapper .product-swiper .swiper-button-next,
.saf_class_data_wrapper .product-swiper .swiper-button-prev,
.saf_class_data_5_wrapper .product-swiper .swiper-button-next,
.saf_class_data_5_wrapper .product-swiper .swiper-button-prev {
	width: 36px;
	height: 36px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,0.12);
	border: 1px solid #eee;
	top: 40%;
}
.saf_products_wrapper .product-swiper .swiper-button-next::after,
.saf_products_wrapper .product-swiper .swiper-button-prev::after,
.saf_category_wrapper .product-swiper .swiper-button-next::after,
.saf_category_wrapper .product-swiper .swiper-button-prev::after,
.saf_class_data_wrapper .product-swiper .swiper-button-next::after,
.saf_class_data_wrapper .product-swiper .swiper-button-prev::after,
.saf_class_data_5_wrapper .product-swiper .swiper-button-next::after,
.saf_class_data_5_wrapper .product-swiper .swiper-button-prev::after {
	font-size: 14px;
	color: #333;
	font-weight: 700;
}
.product-swiper .swiper-slide .product-item {
	margin-bottom: 0;
	height: 100%;
}

/* Benefit section */
.single-benefit {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px 16px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #f0f0f0;
	margin-bottom: 20px;
}
.single-benefit .sb-icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}
.single-benefit .sb-text h6 {
	font-size: 0.9rem;
	font-weight: 600;
	color: #1a1a1a;
	margin: 0 0 4px;
}

/* Blog section */
.single-latest-blog {
	margin-bottom: 28px;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid #f0f0f0;
	background: #fff;
	transition: box-shadow 0.2s ease;
}
.single-latest-blog:hover {
	box-shadow: 0 6px 20px rgba(0,0,0,0.09);
}
.single-latest-blog img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
}
.single-latest-blog .latest-blog__img-placeholder {
	height: 200px;
	background: #f0f0f0;
}
.single-latest-blog .latest-text {
	padding: 16px;
}
.single-latest-blog .latest-text h4 {
	font-size: 1rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 8px 0 6px;
	line-height: 1.4;
}
.single-latest-blog .latest-text p {
	font-size: 0.875rem;
	color: #666;
	line-height: 1.55;
	margin: 0;
}
.single-latest-blog .tag-list {
	font-size: 0.78rem;
	color: #999;
}

/* Section spacing */
.spad {
	padding-top: 60px;
	padding-bottom: 60px;
}
.benefit-main {
	padding: 40px 0;
	background: var(--main-gray-version20, #f7f7f7);
}
.benefit-items .single-benefit {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.benefit-items .single-benefit:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

/* Section title — base style for layout1/2/3 */
.section-title {
	text-align: center;
	margin-bottom: 2rem;
}
.section-title h2 {
	font-size: 1.75rem;
	font-weight: 700;
	color: #1a1a1a;
	margin: 0;
}

/* Category cards (home-category-pi-text reorder) */
.product-item .home-category-pi-text {
	order: -1;
	padding: 12px 14px 8px;
	margin-bottom: 0;
	background: #fff;
}
.product-item.home-class-card--tall .pi-pic img {
	height: 280px;
	object-fit: cover;
}
.product-item.home-class-card .pi-pic img {
	height: 220px;
	object-fit: cover;
}
/* ===== Product detail: image gallery (no owl-carousel — flex strip) ===== */
.product-pic-zoom {
	margin-bottom: 10px;
	position: relative;
	background: #fff;
	border: 1px solid #e9eef5;
	border-radius: 12px;
	padding: 10px;
}
.product-pic-zoom img.product-big-img {
	width: 100%;
	max-height: 420px;
	object-fit: contain;
	border-radius: 8px;
	display: block;
}
.product-thumbs {
	margin-top: 10px;
	background: #fff;
	border: 1px solid #e9eef5;
	border-radius: 10px;
	padding: 8px;
}
.product-thumbs-track {
	display: flex;
	flex-wrap: nowrap;
	gap: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: thin;
	padding-bottom: 2px;
}
.product-thumbs-track .pt {
	flex: 0 0 72px;
	width: 72px;
	height: 72px;
	cursor: pointer;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid transparent;
	transition: border-color 0.15s;
}
.product-thumbs-track .pt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.product-thumbs-track .pt.active,
.product-thumbs-track .pt:hover {
	border-color: var(--skin-accent, #cf7400);
}
.product-thumbs-track .pt.active::after {
	content: '';
	position: absolute;
	inset: 0;
	border: 2px solid var(--skin-accent, #cf7400);
	border-radius: 6px;
	pointer-events: none;
}

/* ===== Related products strip ===== */
.related-products {
	padding: 60px 0;
	background: #fafafa;
}

/* ===== Event thanks/confirmation page ===== */
.event-thanks__title { padding: 10px; margin: 20px; }