/*--------------------- 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-royal-red);
}
.label-container {
    position: fixed;
    bottom: 48px;
    left: 5px;
    z-index: 999;
}
.float {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 50%;
	margin-bottom: 10px;
	right:10px;
    background-color: #00d01b;
    color: #FFF;
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 2px 3px #999;font-size: 30px;line-height: 45px;
}
.float-call {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 43%;
	
	right:10px;
    background-color: #d03732;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 2px 10px #676767;font-size: 20px;
    line-height: 45px;
}
.float-mail {
    position: fixed;
    width: 45px;
    height: 45px;
	margin-top: 10px;
    bottom: 35%;
	right:10px;
    background-color: #d03732;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 2px 2px 9px #999;
    font-size: 20px;
}


/********************************************************
    2. Comman CSS Start
********************************************************/
.saf_btn  {
    font-size: 16px;
    color: var(--main-bg-color);
    line-height: 41px;
    display: inline-block;
    background: var(--main-royal-red);
    text-transform: capitalize;
    padding: 6px 12px 3px;
    position: relative;
    min-width: 170px;
	cursor: pointer;
    text-align: center;
    margin: 0 15px;
}

.saf_btn:hover { color: #000; 
	background: var(--main-orange-version1);} 

.saf_btn:hover::before, .saf_btn:hover::after {  
	background: var(--main-orange-version1);} 


.saf_btn:before {
    content: "";
    position: absolute;
    left: -11px;
    background: var(--main-royal-red);
    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-royal-red);
    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: 41px;
    width: 80%;
}
.saf_heading h4 {
    font-size: 38px;
	color: var(--main-royal-red);
    font-weight: 300;
    position: relative;
}
.saf_heading.center h4:before, .saf_heading.center h4:after {
    right: 0;
    margin: auto;}

.saf_heading h4:before {
    position: absolute;
    left: 0;
    height: 2px;
    background: var(--main-royal-red);
    bottom: 0;
    content: "";
    width: 155px;
}
.saf_heading h4:after {
    position: absolute;
    left: 0;
    height: 4px;
    background: var(--main-royal-red);
    bottom: -1px;
    content: "";
    width: 65px;
    border: none;
    border-radius: 6px;
}

.saf_heading .center {
	margin-bottom: 41px;}

.saf_heading img {
    margin: 3px 0 6px;
    display: inline-block;
}
.saf_title {
    font-size: 22px;
    font-weight: 300;
    color: var(--main-orange-version1);
}
.saf_sub_heading {
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
}
#scroll {
    background: var(--main-orange-version1);
    color: var(--main-bg-color);
}
#scroll1 {
    background: #800000;
    color: #cfa744;
}
/********************************************************
    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);
}
.main_menu_parent {
    background: var(--main-orange-version1);
    padding-right: 0px;
    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 7px; 
}
.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-royal-red);
    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-royal-red);
    height: 30px;
    margin: auto;
    width: 1px;
}
.saf_header_icon {
    width: 26px;
    height: 26px;
    line-height: 24px;
    border: 1px solid var(--main-royal-red);
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 6px;
}
.saf_header_icon svg {
    width: 12px;
    fill: var(--main-royal-red);
}
.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: 207px 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.1);
}
.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 207px;
}
.saf_banner_text h1 {
    font-size: 62px;
    color: var(--main-black);
    font-weight: 300;
    margin: 48px 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-off-white);
    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: 400;
    color: var(--main-royal-red);
}
.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: middle;
    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: 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-royal-red);
}
.saf_services_sectionBg.service1 {
    background-image: url(../images/index7/service1.jpg);
}
.saf_services_sectionBg.service2 {
    background-image: url(../images/index7/service2.jpg);
}
.saf_services_sectionBg.service3 {
    background-image: url(../images/index7/service3.jpg);
}
.saf_services_sectionBg.service4 {
    background-image: url(../images/index7/service4.jpg);
}
.saf_services_sectionBg.service5 {
    background-image: url(../images/index7/service5.jpg);
}
.saf_services_sectionBg.service6 {
    background-image: url(../images/index7/service6.jpg);
}
.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 .fa {
	font-size: 60px;
    
}
.saf_icon_bg .fa:hover {
	font-size: 60px;
    color: #ffffff;
}

.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_info .saf_sub_heading{color: var(--main-royal-red);}


.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-royal-red);
    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);
}


.dr_footer_main_wrapper {
    padding: 80px 0 0;
    background-image: url(../images/index7/footer_bg_img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    width: 100%;
    display: inline-block;
    color: var(--main-gray-version12);
}
.dr_footer_main_wrapper:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(37, 39, 46, 0.96);
}
.dr_footer_wrapper {
    position: relative;
}
.dr_footer_title {
    position: relative;
    color: var(--main-gray-version12);
    font-size: 22px;
    font-weight: 400;
    margin: 0;
}
img.footer_logo {
    margin-bottom: 24px;
}
.dr_footer_heading {
    margin-bottom: 22px;
}
.dr_address_wrap {
    margin-top: 6px;
}
.dr_address_wrap h4 {
    font-size: 22px;
    font-weight: 700;
    color: var(--main-royal-red);
    margin-bottom: 2px;
}
.dr_footer_twitter ul li {
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
    color: var(--main-bg-color);
}
.dr_footer_twitter li:last-child {
    margin-bottom: 0;
}
.dr_footer_twitter ul li > span {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 22px;
    color: var(--main-royal-red);
}
.dr_footer_post li > a {
    width: calc(100% - 95px);
    display: inline-block;
}
.dr_twitter_date, .dr_post_date {
    color: var(--main-royal-red);
}
.dr_footer_post li {
    position: relative;
    color: var(--main-link-color);
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 5px;
}
.dr_footer_post li:last-child {
    margin-bottom: 0;
}
.dr_footer_post li img {
    width: 80px;
    height: 80px;
    object-fit: cover;
}
.dr_footer_menu ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 13px;
}
.dr_footer_menu ul li:last-child {
    margin-bottom: 0;
}
.dr_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;
}
.dr_widgets a {
    color: var(--main-gray-version12);
}
.dr_widgets a:hover, .dr_copyright_wrapper a {
    color: var(--main-orange-version1);
}
.dr_widgets_contact {
    text-align: center;
    color: var(--main-gray-version12);
    padding: 0 15px;
}
.dr_widgets_contact a {
    color: var(--main-gray-version12);
    display: inline-block;
    width: 100%;
}
.dr_widgets_contact span {
    width: 80px;
    height: 80px;
    line-height: 70px;
    border: 6px solid var(--main-gray-version13);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
}
.dr_footer_info_text {
    margin-top: 24px;
}
.dr_widgets_contact span svg {
    height: 30px;
    width: 30px;
    fill: var(--main-gray-version12);
}
.dr_widgets_contact:hover span svg, .dr_widgets_contact:hover span {
    fill: var(--main-orange-version1);
}
.dr_widgets_contact:hover span {
    border-color: var(--main-orange-version1);
}
.footer_information {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0px;
    padding-bottom: 0px;
    position: relative;
}
/*.footer_information:before {
    content: "";
    background: var(--main-gray-version10);
    height: 1px;
    left: 15px;
    right: 15px;
    position: absolute;
    bottom: 0;
}*/
.dr_widgets_contact:hover span svg, .dr_widgets_contact:hover span, .dr_widgets_contact span svg, .dr_widgets_contact span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.dr_copyright_wrapper {
    padding: 12px 0 9px;
    color: var(--main-bg-color);
    position: relative;
    margin-top: 50px;
    border-top: 1px solid var(--main-gray-version10);
}
















/********************************************************
	17. Responsive CSS Start
********************************************************/
@media (min-width: 1400px) {
    .saf_header_wrapper {
        padding: 0 0 0 35px;
    }
}

@media (min-width: 1200px) {
    header .container-fluid {
        max-width: 1390px;
    }
    .saf_heading {
        width: 70%;
    }
    .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: 10px;
    }
    .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;
    }
    
}

@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;
    }
    .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;
		vertical-align: top;
    }
    .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: 15px 20px 0px;
    }
}

@media (max-width: 767.98px) {
	.ff{ order: 2; padding-bottom: 20px;}
	.ff1{ order: 1; padding-bottom: 20px;}
	.ff2{ float: left!important; padding-bottom: 20px;}
	.gol_whyUs_container {
    padding: 20px !important;
}
	.vot_caseStudy_laws .tabs_content {
    width: 100%!important;
    
}
.vot_caseStudy_laws .tabs_nav {
    width: 100%!important;
    
}
	.pnt_banner_wrapper1 {
    
    padding: 20px !important;
}
	.pnt_banner_wrapper {
    
    padding: 20px !important;
}
	.loc_author_content {
    
    padding: 0 20px !important;}
	
	
    .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) {
	.ff{ order: 2; padding-bottom: 20px;}
	.ff1{ order: 1; padding-bottom: 20px;}
	.ff2{ float: left!important; padding-bottom: 20px;}
	.gol_whyUs_container {
		padding: 20px !important;}
	.vot_caseStudy_laws .tabs_content {
    width: 100%;
    
}
.vot_caseStudy_laws .tabs_nav {
    width: 100%;
    
}
	.pnt_banner_wrapper1 {
    
    padding: 20px !important;
}
	.pnt_banner_wrapper {
    
    padding: 20px !important;
}
	
	.loc_author_content {
    
    padding: 0 20px !important;}
    .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;
    }
}





.loc_page_title_wrapper {
    position: relative;
    background: url(../images/index7/page_titil_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 171px 0 80px;
    color: var(--main-bg-color);
}
.loc_page_title_text h1 {
    color: var(--main-bg-color);
    font-size: 38px;
    line-height: 46px;
    font-weight: 300;
    margin-bottom: 6px;
}
.loc_page_title_text ul {
    display: flex;
    justify-content: center;
}
.loc_page_title_text ul > li {
    position: relative;
    padding-left: 20px;
}
.loc_page_title_text ul > li:first-child {
    padding-left: 0;
}
.loc_page_title_text ul > li:before {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 8px;
}
.loc_page_title_text ul > li:first-child:before {
    content: unset;
}
.loc_page_title_text ul > li a {
    color: #ffffff;
}


.gol_contact_wrapper {
    margin-top: -175px;
}

.gol_contant_container {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
}
.gol_contact_form {
    padding: 43px 20px 45px 50px;
}
.gol_form_field {
    border: 1px solid var(--main-txt-color);
    width: 100%;
    height: 50px;
    margin-top: 30px;
    padding: 0 15px;
}
textarea.gol_form_field {
    height: 125px;
    padding: 20px 15px;
    resize: none;
}
.gol_map iframe {
    display: block;
    width: 100%;
	padding-top: 120px;
    height: 645px;
    margin: 0 auto;
}
.gol_contact_form h4 {
    font-size: 32px;
    font-weight: 700;
}
.gol_form_field::placeholder, .gol_form_field::-webkit-input-placeholder {
	color: var(--main-txt-color);
}
.gol_form_field:-moz-placeholder, .gol_form_field:-ms-input-placeholder {
	color: var(--main-txt-color);
}
.gol_contact_form .gol_btn {
    margin-top: 21px;
}
.gol_contact_info_wrapper {
    background: var(--main-royal-red);
    color: var(--main-bg-color);
    padding: 50px 30px 41px 30px;
    margin-right: -1px;
}
.gol_contact_admin img {
    width: 100px;
    height: 100px;
    border: none;
    border-radius: 100%;
}
.gol_contact_admin {
    text-align: center;
}
.gol_contact_admin h4 {
    font-size: 20px;
    color: var(--main-bg-color);
    margin: 12px 0 11px;
    line-height: 30px;
}
.gol_contact_admin ul li {
    display: inline-block;
    margin: 0 3px;
}
.gol_contact_admin ul li a {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 100%;
    background: var(--main-orange-version1);
    display: inline-block;
    line-height: 45px;
}
.gol_contact_admin ul li a:hover {
    background: var(--main-bg-color);
}
.gol_contact_admin ul li a svg {
    height: 20px;
    fill: var(--main-bg-color);
}
.gol_contact_admin ul li a:hover svg {
    fill: var(--main-orange-version1);
}
.gol_contact_admin > a {
    color: var(--main-bg-color);
    font-size: 22px;
    font-weight: 600;
    margin: 16px 0 0;
    display: inline-block;
}
.gol_contact_time {
    position: relative;
    padding: 27px 0 0;
    margin: 26px 0 0;
}
.gol_contact_time:before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    right: -30px;
    background: var(--main-bg-color);
    height: 1px;
    opacity: .6;
}
.gol_contact_time h4 {
    text-align: center;
    color: var(--main-bg-color);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 7px;
}
.gol_contact_time ul {
    display: inline-block;
    width: 100%;
}
.gol_contact_time ul li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gol_whyUs_wrapper, .gol_green_bg {
    background: var(--main-gray-text);
    color: var(--main-bg-color);
}
.gol_whyUs_wrapper .row {
    align-items: center;
}
.gol_whyUs_container .gol_heading {
    margin-bottom: 41px;
}
.gol_whyUs_container .gol_heading h4 {
    color: var(--main-bg-color);
    margin: 0 0 7px;
}
.gol_whyUs_container .gol_heading h4:before {
    background: var(--main-royal-red);
}
.gol_whyUs_container .gol_heading h4:after {
    background: var(--main-bg-color);
}
.gol_whyUs_container .tabs_nav li {
    border: 1px solid var(--main-bg-color);
    padding: 23px 20px 20px;
    margin-top: 20px;
    position: relative;
    background: var(--main-bg-color);
}
.gol_whyUs_container .tabs_nav li.active {
    border-color: var(--main-royal-red);
    background: var(--main-royal-red);
}
.gol_whyUs_container .tabs_nav li.active a {
    color: var(--main-bg-color);
}
.gol_whyUs_container .tabs_nav li.active h4 {
    color: var(--main-bg-color);
}
.gol_whyUs_container .tabs_nav li.active:before {
    content: "";
    position: absolute;
    left: -15px;
    z-index: 1;
    border-right: 18px solid var(--main-royal-red);
    border-bottom: 18px solid transparent;
    border-top: 18px solid transparent;
    top: 18px;
    background: transparent;
}
.gol_whyUs_container .tabs_nav li a {
    color: var(--main-txt-color);
}
.gol_whyUs_container .tabs_nav li h4 {
    color: var(--main-royal-red);
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 6px;
}
.single_tab img {
    height: 100%;
    object-fit: cover;
}
.gol_whyUs_container {
    padding: 72px 65px 80px;
}



.dr_plans_wrapper {
    background-color: var(--main-bg-color);
    padding: 80px 0 0;
    position: relative;
}
.dr_plans_box {
    background: var(--main-blur-red);
    color: var(--main-bg-color);
    border: none;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 80px;
}
.dr_plans_inner {
    background: var(--main-royal-red);
    padding: 40px;
}
.dr_plans_inner h4 {
    font-weight: 300;
    color: var(--main-bg-color);
}
.dr_plans_inner ul li {
    width: 49%;
    display: inline-block;
    padding: 0 10px;
}
.dr_plans_inner .row {
    margin: 0 -10px;
}
.dr_plans_inner ul {
    margin: 11px 0 0px;
}
.dr_plans_inner ul li a {
    width: 100%;
    display: inline-block;
    background: var(--main-blur-red);
    margin-top: 10px;
    color: var(--main-bg-color);
    position: relative;
    padding: 10px 15px 10px 35px;
    border: none;
	pointer-events:   none;
    border-radius: 3px;
}
.dr_plans_inner ul li a:before, .dr_plans_inner ul li a:after {
    background: var(--main-bg-color);
    position: absolute;
    content: "";
}
.dr_plans_inner ul li a:before {
    height: 1px;
    width: 24px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.dr_plans_inner ul li a:after {
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 50%;
    left: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.dr_plans_contact_info > span {
    display: inline-block;
    border: 1px solid var(--main-charrey-color);
    padding: 6px;
    border-radius: 50%;
}
.dr_plans_contact_info > span > span {
    width: 70px;
    height: 70px;
    line-height: 60px;
    display: inline-block;
    text-align: center;
    background: var(--main-bg-color);
    border-radius: 50%;
    border: 6px solid var(--main-charrey-color);
    position: relative;
}
.dr_plans_contact_info span svg {
    height: 30px;
    fill: var(--main-blur-red);
}
.dr_plans_contact_info {
    padding: 24px 40px 21px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.dr_plans_number {
    width: calc(100% - 120px);
}
.dr_plans_number h3 {
    color: var(--main-bg-color);
    font-size: 26px;
    font-weight: 300;
}
.dr_plans_number a {
    color: var(--main-bg-color);
    font-size: 42px;
    font-weight: 900;
    display: inline-block;
    margin-top: 6px;
    line-height: 42px;
}
.dr_plans_detail .dr_subTitle {
    margin: 0;
}
.dr_plans_detail {
    margin-bottom: 41px;
}
.dr_plans_wrapper .row {
    align-items: flex-end;
}
.dr_plans_img img {
    width: 75%;
    margin: auto;
}

.loc_quote_wrapper {
    padding: 180px 0 60px;
    position: relative;
    background: url(../images/testimonial-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.loc_quote_text h2 {
    color: var(--main-bg-color);
    font-size: 42px;
    font-weight: 300;
    line-height: 47px;
}
.loc_quote_text p {
    color: var(--main-bg-color);
    margin: 12px 0;
}
.loc_quote_text h4 {
    color: var(--main-bg-color);
    font-size: 22px;
    font-weight: 300;
    margin-top: 26px;
}
.loc_quote_text h1 .loc_quate_no {
    font-size: 32px;
    color:var(--main-bg-color);
    display: inline-block;
    font-weight: 300;
    margin-bottom: 1px;
}
.loc_btn.white {
    background: transparent;
    color: var(--main-bg-color);
    border-color: var(--main-bg-color);
}
.loc_btn.white:hover::after {
    background: var(--main-bg-color);
    width: 100%;
    opacity: 1;
}
.loc_btn.white:hover {
    color: var(--main-color);
    border-color: var(--main-bg-color);
}

.loc_about_wrapper {
    background: var(--main-bg-color);
    padding: 100px 0 40px;
}
.loc_about_wrapper .loc_sub_headingm, .loc_work_wrapper .loc_sub_headingm {
    text-transform: uppercase;
}
.loc_about_img {
    padding: 0 0 0 20px;
}
.loc_about_img img {
    position: relative;
    border: none;
    border-radius: 6px;
    width: 100%;
}
.loc_about_img:before {
    content: "";
    position: absolute;
    left: 0;
    background: var(--main-royal-red);
    z-index: 0;
    width: 300px;
    top: -20px;
    bottom: -20px;
    border-radius: 6px 0 0 6px;
}
.loc_about_text {
    display: inline-block;
    width: 100%;
}
.loc_about_text h2 {
    font-size: 42px;
    line-height: 50px;
    color: var(--main-royal-red);
    margin-bottom: 10px;
    font-weight: 300;
}
.loc_list_item li {
    display: inline-block;
    width: 95%;
    line-height: 30px;
    font-weight: 500;
}
.loc_list_item li span {
    margin-right: 10px;
}
.loc_list_item li a {
    color: var(--main-royal-red);
    font-weight: 500;
}
.loc_list_item li a:hover {
    color: var(--main-orange-version1);
}
.loc_list_item {
    margin-top: 6px;
    margin-bottom: 10px;
    display: block;
}

.loc_work_wrapper {
    background: var(--main-bg-color);
    padding: 100px 0 70px;
}
.loc_about_wrapper .loc_sub_heading, .loc_work_wrapper .loc_sub_heading {
    text-transform: uppercase;
}
.loc_work_img img {
    position: relative;
    border: none;
    border-radius: 6px;
    right: 20px;
    width: 100%;
}
.loc_work_img:before {
    content: "";
    position: absolute;
    right: 0;
    background: var(--main-orange-version1);
    z-index: 0;
    width: 300px;
    top: -20px;
    bottom: -20px;
    border-radius: 0 6px 6px 0;
}
.loc_work_text h2 {
    font-size: 42px;
    line-height: 50px;
    color: var(--main-link-color);
    margin-bottom: 10px;
    font-weight: 300;
}
.loc_work_item li {
    width: 100%;
    line-height: 30px;
    font-weight: 500;
}
.loc_work_item li span {
    margin-right: 10px;
}
.loc_work_item li a {
    color: var(---main-txt-color);
    font-weight: 400;
}
.loc_work_item li a:hover {
    color: var(--main-orange-version1);
}
.loc_work_item {
    margin-top: 6px;
    margin-bottom: 10px;
}



.loc_tabs_nav {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--main-border-color);
    border-radius: 6px;
    flex-wrap: wrap;
    margin-bottom: 0px;
    margin-top: 17px;
}
.loc_tabs_nav li {
    width: 33.33%;
    height: 70px;
    text-align: center;
    position: relative;
    border-right: 1px solid var(--main-border-color);
    padding: 21px 0;
	
}
.loc_tabs_nav li.active { 
background-color: var(--main-off-white);}
.loc_tabs_content {background-color: var(--main-off-white); padding: 50px; }
.loc_tabs_nav li:last-child {
    border-right: 0px;
}
.loc_tabs_nav li a {
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    position: relative;
	
}
.loc_tabs_nav li::before {
    content: "";
    background: var(--main-royal-red);
    width: 0%;
    height: 4px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.loc_tabs_nav li.active::before, .loc_tabs_nav li:hover::before {
    width: 60%;
}
.loc_tabs_nav li, .loc_tabs_nav li::before, .loc_tabs_nav li.active::before, .loc_tabs_nav li: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;
}
.loc_work_wrapper.loc_whyUs_wrapper .loc_work_text h2 {
    font-size: 36px;
}
.loc_work_wrapper.loc_whyUs_wrapper {
    padding: 9px 0 70px;
	
}

.gym_table_section {
    padding: 0px 0 64px;
    background-color: var(--main-bg-color);
    text-align: center;
}
.gym_time_table {
    cursor: all-scroll;
}
.gym_time_table .table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid var(--main-gym-border);
    padding: 32px 20px;
    font-size: 20px;
    color: var(--main-link-color);
}
.gym_time_table .table-bordered td {
    border: 1px solid var(--main-gym-border);
    padding: 14px 20px;
    vertical-align: middle;
    color: var(--main-text-color);
    font-weight: 400;
    font-size: 18px;
}
.gym_time_table h4 {
    font-size: 20px;
	-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.gym_time_table span {
    font-size: 16px;
    font-weight: 400;
    color: var(--main-table-color);
}
.gym_time_table .table-bordered th:hover, .gym_time_table .table-bordered td:hover {
    background-color: var(--main-royal-red);
    color: var(--main-bg-color);
	box-shadow: 0px 0px 30px -10px var(--main-gym-color3);
}
.gym_time_table span, .gym_time_table .table-bordered td:hover span, .gym_time_table .table-bordered th:hover, .gym_time_table .table-bordered td: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;
}
.gym_time_table .table-bordered td:hover span {
    color: var(--main-bg-color);
}


.dr_blog_wrapper {
    padding: 69px 0 45px;
}
.dr_blog_img {
    position: relative;
    display: inline-block;
    width: 100%;
}
.dr_blog_img img {
    width: 100%;
    border: none;
    border-radius: 3px;
}
.dr_blog_info li {
    display: inline-block;
    padding-left: 15px;
    position: relative;
}
.dr_blog_info li:before {
    content: "";
    position: absolute;
    left: 5px;
    background: var(--main-gray-version3);
    width: 3px;
    height: 3px;
    border: none;
    border-radius: 50%;
    top: 10px;
}
.dr_blog_info li:first-child:before {
    content: unset;
}
.dr_blog_info li:first-child {
    padding-left: 0;
}
.blog_text {
    padding: 24px 0 0;
}
.dr_blog_info {
    margin-bottom: 10px;
}
.dr_blog_info a {
    color: var(--main-gray-version3);
}
.dr_blog_title {
    font-size: 22px;
    font-weight: 700;
    color: var(--main-link-color);
    margin-bottom: 7px;
}
.dr_blog_title:hover {
    color: var(--main-royal-blue);
}
.dr_blog_thumb {
    background: var(--main-bg-color);
    margin-bottom: 30px;
}
.dr_blog_thumb .dr_readMoreBtn {
    margin: 0;
}
.dr_blog_title, .dr_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;
}


.pnt_banner_wrapper {
    position: relative;
    background: url(../images/banner_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 200px 90px 350px;
}
.pnt_banner_wrapper1 {
    position: relative;
    background: url(../images/banner_bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 200px 90px 100px;
}

.pnt_banner_text h6 {
    text-align: justify;
    font-size: 22px;
    font-weight: 300;
    line-height: 34px;
	color: var(--main-bg-color);
}
.pnt_banner_text h2 {
    font-size: 36px;
    font-weight: 300;
	color: var(--main-bg-color);
}

.pnt_banner_text .pnt_btn {
    margin-top: 11px;
}
.pnt_action_section {
    background: var(--main-bg-color);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    padding: 50px 30px 41px 30px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    position: relative;
}
.pnt_action_section.center {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 1;
    padding: 60px 30px 51px 30px;
}
.pnt_action_section, .pnt_action_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;
}
.pnt_action_section h3 {
    font-weight: 300;
    font-size: 24px;
	
    padding: 0 20px 14px;
    margin: 25px 0 14px;
    position: relative;
}
.pnt_callToAction_wrapper {
    margin-top: -155px;
}
.pnt_action_section h3:before, .pnt_action_section h3:after {
    content: "";
    background: var(--main-royal-red);
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
}
.pnt_action_section h3:before {
    width: 150px;
    bottom: 6px;
}
.pnt_action_section h3:after {
    width: 105px;
    bottom: 0;
}

.loc_service_wrapper {
    padding: 69px 0 0px;
    position: relative;
    background: url(../images/service-bg.jpg) no-repeat;
    background-size: 100%;
    background-position: top center;
    width: 100%;
    overflow: hidden;
}
.loc_service_section {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.loc_service_section.icon_left {
    flex-direction: row;
}
.loc_service_section .loc_service_icon img {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.loc_service_section:hover .loc_service_icon img {
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    animation: 500ms ease-in-out 0s normal none 1 running zoomIn;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.loc_service_text {
    width: calc(100% - 125px);
}
.loc_service_icon {
    text-align: right;
    width: 110px;
    margin-left: 15px;
}
.loc_service_text p {
    width: 90%;
    float: right;
}
.loc_service_section.icon_left .loc_service_text p {
    float: left;
}
.loc_service_text h4 a{
    font-size: 22px;
    color: var(--main-royal-red) !important;
    font-weight: 400;
    margin-top: 6px;
}
.loc_service_section.icon_left .loc_service_icon {
    margin-right: 15px;
    margin-left: 0;
    text-align: left;
}
.loc_service_section:hover a {
    color: var(--main-orange-version1);
}
.loc_service_wrapper .loc_heading_wrapper {
    margin-bottom: 41px;
}
.mt_31 {
    margin-top: 31px;
}

.vot_caseStudy_wrapper {
    padding: 69px 0 50px;
    background: var(--main-bg-color);
}
.vot_caseStudy_wrapper .row {
    align-items: center;
}
.vot_study_desc {
    margin-bottom: 20px;
}
.vot_caseStudy_container > h4, .vot_caseStudy_laws .tabs_content h6 {
    color: var(--main-royal-red);
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 5px;
}
.vot_caseStudy_laws {
    display: flex;
    border: 1px solid var(--main-gym-border);
    margin-top: 21px;
    flex-wrap: wrap;
}
.vot_caseStudy_laws .tabs_nav {
    width: 270px;
    border-right: 1px solid var(--main-gym-border);
}
.vot_caseStudy_laws .tabs_content {
    width: calc(100% - 270px);
    padding: 30px;
    height: auto;
    
}
.vot_caseStudy_laws .tabs_content::-webkit-scrollbar {
    width: 4px;
}
.vot_caseStudy_laws .tabs_content::-webkit-scrollbar-track {
    background-color: var(--main-gym-border);
}
.vot_caseStudy_laws .tabs_content::-webkit-scrollbar-thumb {
    background-color: var(--main-charrey-color);
    border: none;
    border-radius: 20px;
}
.vot_caseStudy_laws .tabs_nav li a {
    color: var(--main-link-color);
    font-weight: 300;
    font-size: 20px;
    display: inline-block;
    
    padding: 0 20px;
    width: 100%;
    position: relative;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid var(--main-gym-border);
}
.vot_caseStudy_laws .tabs_nav li:last-child a {
    border-bottom: none;
}
.vot_caseStudy_laws .tabs_nav li.active a {
    color: var(--main-bg-color);
    background: var(--main-charrey-color);
}
.vot_caseStudy_laws .tabs_nav li.active a:before {
    content: "";
    position: absolute;
    right: -8px;
    z-index: 1;
    border-left: 8px solid var(--main-charrey-color);
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    top: 15px;
    background: transparent;
}



.loc_author_message_box {
    background: var(--main-orange-version1);
    border: none;
    border-radius: 6px;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 74px 0 73px;
    color: var(--main-bg-color);
}
.loc_author_content h5 {
    color: var(--main-bg-color);
    font-weight: 700;
    font-size: 20px;
}
.loc_author_content h5 span {
    font-weight: 400;
    font-size: 16px;
}
.loc_author_content {
    width: 100%;
	padding: 0 100px;
	text-align: center;
}
.loc_author_image {
    width: 110px;
    height: 110px;
    overflow: hidden;
    margin-right: 30px;
}
.loc_author_image img {
    width: 110px;
    height: 110px;
    border: none;
    border-radius: 100%;
    object-fit: fill;
}

.pnt_steps_wrapper {
    padding: 75px 0 50px;
}
.pnt_steps_section {
    position: relative;
    padding: 20px;
    margin-bottom: 30px;
}
.pnt_steps_section:before {
    position: absolute;
    content: "";
    background: var(--main-bg-color);
    right: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    z-index: -1;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
}
.pnt_steps_section:hover:before {
    top: 20px;
    bottom: 20px;
}
.pnt_steps {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    background: var(--main-bg-color);
    padding: 50px 20px 45px;
    margin: 0 -20px;
}
.pnt_step_count {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
    background: url(../images/index2/step_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.pnt_step_count .pnt_step_name {
    font-size: 18px;
    font-weight: 500;
    color: var(--main-paint-color);
    display: block;
}
.pnt_step_count .pnt_step_counting {
    font-size: 52px;
    line-height: 50px;
    color: var(--main-paint-color);
    font-weight: 900;
    display: block;
}
.pnt_steps p {
    margin: 3px 0 5px;
}
.pnt_steps_section:hover:before, .pnt_steps_section:hover, .pnt_steps_section:before, .pnt_steps_section {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


.vot_services_wrapper {
    padding: 69px 0 50px;
    background: var(--main-gray-bg);
}
.vot_services_sectionBg {
    content: "";
    background-color: var(--main-charrey-color);
    background-position: center;
    background-size: 40%;
    background-repeat: no-repeat;
}
.vot_services_sectionBg.service1 {
    background-image: url(../images/index4/service1.svg);
}
.vot_services_sectionBg.service2 {
    background-image: url(../images/index4/service2.svg);
}
.vot_services_sectionBg.service3 {
    background-image: url(../images/index4/service3.svg);
}
.vot_services_sectionBg.service4 {
    background-image: url(../images/index4/service4.svg);
}
.vot_services_sectionBg.service5 {
    background-image: url(../images/index4/service5.svg);
}
.vot_services_sectionBg.service6 {
    background-image: url(../images/index4/service6.svg);
}
.vot_services_sectionBg a {
    color: var(--main-vot-text-color);
}
.vot_services_section {
    background-color: var(--main-bg-color);
    padding: 30px 30px 21px;
    margin-bottom: 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    position: relative;
}
.vot_services_sectionBg:hover .vot_services_section {
    background-color: transparent;
    color: var(--main-bg-color);
}
.vot_icon_bg {
    height: 65px;
    width: 65px;
    line-height: 65px;
    display: inline-block;
    background: var(--main-pink-color);
    border: none;
    border-radius: 50%;
    text-align: center;
    margin-right: 20px;
}
.vot_icon_bg svg {
    height: 34px;
    fill: var(--main-royal-red);
}
.vot_services_inner {
    display: flex;
    align-items: center;
	text-align: center;
    margin-bottom: 10px;
}
.vot_services_inner .vot_title:before, .vot_services_inner .vot_title:after {
    background: var(--main-gray-version);
}
.vot_services_sectionBg:hover .vot_services_inner .vot_title:before, .vot_services_sectionBg:hover .vot_services_inner .vot_title:after{
    background-color: var(--main-bg-color);
}
.vot_services_sectionBg:hover .vot_title {
    color: var(--main-bg-color)
}
.vot_services_sectionBg, .vot_services_sectionBg:hover, .vot_services_sectionBg .vot_services_section, .vot_services_sectionBg:hover .vot_services_section, .vot_services_inner .vot_title:before, .vot_services_inner .vot_title:after, .vot_services_sectionBg:hover .vot_services_inner .vot_title:before, .vot_services_sectionBg:hover .vot_services_inner .vot_title: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;
}

.pnt_faq_wrapper {
    padding: 0px 0 50px;
}
.pnt_faqs_section a {
    position: relative;
    display: flex;
}

.video_icon svg {
    width: 18px;
    fill: var(--main-bg-color);
}
.video_icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    background-image: -webkit-linear-gradient(top, var(--main-paint-color1), var(--main-paint-color2));
    border-radius: 100%;
    text-align: center;
    margin-left: 30px;
    animation: shadow-pulse 2s infinite;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video_icon svg {
    width: 18px;
    fill: var(--main-bg-color);
}
@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0  rgba(55, 183, 218, 0.2);
    }
    100% {
        box-shadow: 0 0 0 25px rgba(55, 183, 218, 0);
    }
}
@keyframes shadow-pulse-big {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
    }
}
.pnt_faq_wrapper .row {
    align-items: center;
	    
}
.pnt_faqs_question .pnt_heading h2 {
    margin-bottom: 32px;
}
.faq_list li {
    padding: 0 0 11px;
    border-bottom: 1px solid var(--main-border-color);
    margin-bottom: 15px;
}
.faq_list li:last-child {
    border-bottom: none;
    margin: 0;
    padding: 0;
}
.faq_list li > div {
    padding: 3px 0 0px 20px;
}
.faq_list li a {
    display: inline-block;
    padding: 0 15px 0 20px;
    position: relative;
}
.faq_list li a h3 {
    font-size: 20px;
    font-weight: normal;
}
.faq_list li a i {
    position: absolute;
    left: 0;
    width: 20px;
    top: 2px;
    font-weight: 700;
}
.faq_list li a.collapsed h3 {
    color: var(--main-link-color);
}
.faq_list li a h3 {
    color: var(--main-royal-red);
}
.faq_list li a i:before {
    content: "\f107";
    color: var(--main-royal-red);
}
.faq_list li a.collapsed i:before {
    content: "\f105";
    color: var(--main-link-color);
}