/*--------------------- 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. 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);
}
/********************************************************
    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;
}
.saf_services_wrapper {
    padding: 23px 0 50px;
    background: var(--main-bg-color);
}
.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_heading {
    margin: auto;
    margin-bottom: 8px;
    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
********************************************************/
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 10px;
    color: var(--main-bg-color);
}


.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: 95px;
}
.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;
    background: rgba(25, 33, 36, 0.9);
}
.saf_banner_section.slide1 {
    background-image: url(../images/index7/slide1.jpg);
}
.saf_banner_section.slide2 {
    background-image: url(../images/index7/slide2.jpg);
}
.saf_banner_section.slide3 {
    background-image: url(../images/index7/slide3.jpg);
}
.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: 80px 0 0;
    display: inline-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(../images/index7/counter_bg.jpg);
    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: 30px 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: black;
    
}
/*}var(--main-txt-color);*/
.saf_services_sectionBg.service1 {
    background-image: url(../images/bg-2.png);
}
.saf_services_sectionBg.service2 {
    background-image: url(../images/bg-2.png);
}
.saf_services_sectionBg.service3 {
    background-image: url(../images/bg-2.png);
}
.saf_services_sectionBg.service4 {
    background-image: url(../images/bg-2.png);
}
.saf_services_sectionBg.service5 {
    background-image: url(../images/bg-2.png);
}
.saf_services_sectionBg.service6 {
    background-image: url(../images/bg-2.png);
}
.saf_services_section {
    background-color:  #d9ebff;
    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: #2b3076;
    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:  #df2209;
    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(../images/index7/callToActiob_bg.jpg);
    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/index7/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: 70px 0 50px;
}
.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 30px 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;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}
.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. 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: #ffffff;
    border-radius: 0px;
    top: 56px !important;
    box-shadow: 2px 2px 5px #0000007d;
    }
    .main_menu_wrapper ul > li > a {
        color: #2b3076;
    }
}

@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: 10px;
    }

      

    .main_menu_parent {
        padding-right: 85px !important;
    }
 
    .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;
    }
    
}

@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: black;
    }
    header {
        position: unset;
    }
    .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: 0px 0 0px;
        }
 
    .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: 15px 20px 0px;
    }
}

@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: 30px 20px 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;
    }
}

@media (max-width: 575.98px) {
    .saf_header_info_wrapper {
        display: none;
    }        .main_menu_parent {
        padding-right: 0px;
    }
    .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: 4px 0 0;
    }.main_menu_parent {
        padding-right: 0px !important;
    }
}