/*
Theme Name: SCS
Author: Ashley
Author URI: https://drayk.studio/
Version: 1.0
*/
.location_header {
	background: url(http://localhost/scssecure/wp-content/uploads/2024/10/HILmr.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 172px;
}
.location_banner_inner {
	text-align: center;
	padding: 60px 0;
}
p {
    max-width: unset !important;
}
p strong{
	font-size:16px !important;
}
.location_banner_inner h1 {
	color: #FFF;
	font-family: "DM Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 131%; /* 62.88px */
}
.location_header {
	position: relative;
}
.editor p {
    color: #000 !important;
}
.location_header::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
	z-index: 99;
	left: 0;
	top: 0;
}
.full-width-image-video .desc p:nth-of-type(2) {
   color: #000 !important;
}
.location_banner_inner {
	position: relative;
	z-index: 999;
}
.location_banner_inner p {
	color: #FFF;
	font-family: "DM Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 131%; /* 26.2px */
}
a.location_headerbtn {
	color: #4499d8;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	padding: 16px 24px;
	background: #fff;
	border-radius: 100px;
	display: inline-block;
	margin-top: 10px;
	transition: ease all 0.3s;
}
a.location_headerbtn:hover {
	color: #fff;
	background: #4499d8;
}
.text_block {
	padding: 5% 0;
}
.text_block_inner p {
	color: #000;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%; /* 23.2px */
}
.location_bx {
	background: url(http://localhost/scssecure/wp-content/uploads/2024/10/HILmr.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	border-radius: 14px;
	box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.location_bx::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
	z-index: 99;
	left: 0;
	top: 0;
	border-radius: 14px;
}
.locboxinr {
	text-align: center;
	padding: 20% 10%;
	position: relative;
	z-index: 999;
}
.locboxinr h2, .locboxinr h2 a {
	color: var(--Grays-White, #FFF);
	font-family: "DM Sans";
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 131%; /* 41.92px */
}
.locboxinr ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.locboxinr ul li a {
	color: #fff;
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 131%;
	text-decoration-line: underline;
	display: inline-block;
	padding: 5px 0;
}
.locboxinr ul li {
	color: #fff;
	font-family: "DM Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 131%;
	text-decoration-line: underline;
	display: inline-block;
	padding: 5px 0;
}
.locboxinr ul li a:hover {
    color: #AFF;
}
.google_reviews {
	padding: 6% 0 3% 0;
}
.google_reviews_heading h2 {
	color: #000;
	font-family: "DM Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 131%; /* 62.88px */
}
.google_reviews_script {
	padding-top: 10px;
}
section.location_section1 {
    padding: 5% 0 3% 0;
    position: relative;
    z-index: 999;
}
.location_s1_left h2 {
	color: #000;
	font-family: "DM Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
}
.location_s1_left_content p {
	color: #000;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%; /* 23.2px */
}
.location_s1_form {
	border: 1.5px solid rgba(0, 0, 6, 0.21);
	padding: 30px;
	border-radius: 16px;
	margin-left: 30px;
	background: #fff;
	margin-top: -22%;
}
input.form_style, select.form_style {
	border: 1px solid rgba(41, 13, 20, 0.30) !important;
	padding: 10px 20px !important;
	border-radius: 10px !important;
	min-height: 60px !important;
	color: #938589;
}
textarea.form_style.textarea_style {
	border-radius: 10px;
	height: 100px !important;
}
span.form_check_label {
	color: #4499d8;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
span.form_check_label a {
	color: #3D151E;
}
.location_f p{
	display: flex;
	gap: 10px;
}
.location_form_row p {
    margin: 0;
}
span.wpcf7-spinner {
    position: absolute;
}
input.form_submit_style {
	border-radius: 50px;
	background: #4499d8;
	display: flex;
	padding: 24px 32px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	color: var(--Grays-White, #FFF);
	text-align: center;
	font-family: "DM Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 150% */
}
input.form_submit_style {
    border-radius: 50px;
    background: #4499d8;
    display: flex;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    color: var(--Grays-White, #FFF);
    text-align: center;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
    border: 0;
    cursor: pointer;
    margin-top: 10px;
}
.location_f {
    margin-top: 20px;
}
.location_form_row {
    padding: 5px 0;
}
.benifits_header h2 {
color: #000;
font-family: "DM Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
}
.benifits_header h2 span{
color: #4499d8;
}
.benifits_header {
    padding-bottom: 20px;
}
.benifits_iconbox {
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}
.benifits_iconbox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.icon_b {
    display: flex;
    width: 15%;
}
.benifits_val {
    width: 83%;
}
.circle_box {
    width: 115px;
    height: 115px;
    display: flex;
    background: #F2F2F7;
    border-radius: 100px;
}
.circle_box h2 {
    display: flex;
    align-self: end;
	color: #000;
	font-family: "DM Sans";
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
}
.benifits_iconbox {
    padding-bottom: 30px;
}
.benifits_iconbox:last-child {
    padding-bottom: 0;
}
.benifits_val h3 {
color: #000;
font-family: "DM Sans";
font-size: 28px;
font-style: normal;
font-weight: 700;
}
.benifits_val p {
color: #000;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 125% */
}
.benifits_val {
    padding-right: 15%;
}
.benifites_right::after {
    content: "";
    width: 100%;
    height: 100%;
    background: #4499d8;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 12px;
}
.benifites_right {
    position:relative;
}
.benifites_right img {
    position: relative;
    z-index: 9;
    border-radius: 12px;
    right: 30px;
}
.benifites_right.border_left img {
    right: -30px;
}
section.benifits {
    padding: 3% 0;
}
.benifits_header p {
color: #000;
leading-trim: both;
text-edge: cap;
font-family: "DM Sans";
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 25px; /* 125% */
}
.benifits_s_left_v2 {
    padding-left: 15%;
}

.benifits_s_left_v2 p {
color: #000;
leading-trim: both;
text-edge: cap;
font-family: "DM Sans";
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 34.8px */
}
.benifits_s_left_v3 {
    padding-right: 15%;
}
.benifits_s_left_v3 p{
color: #000;
leading-trim: both;
text-edge: cap;
font-family: "DM Sans";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 34.8px */
}
.benifits_header_v2 h2 {
	color: #000;
    font-family: "DM Sans";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
}
.benifits_header_v2 h2 span {
	color: #4499d8;
}
.benifits_s_left_v4 {
    padding-left: 15%;
}
.benifits_s_left_v4 p{
   color: #000;
leading-trim: both;
text-edge: cap;
font-family: "DM Sans";
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 145%; /* 34.8px */
}
.benifits_s_left_v4 .benifits_header {
    padding-bottom: 15px;
}
.benifites_right.border_left.left_img_v4 {
    margin-top: 90px;
}
.benifits_header.main_heading {
    padding-bottom: 50px;
}

.eachFaq {
    border-bottom: 1px solid #CFCFCF;
    padding: 25px 0;
    cursor: pointer;
}
.eachFaq.close .accordion-content {
	display: none;
}
.faq-container .title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.faq-container .title h3 {
    color: #1B1B1B;
    font-family: "DM Sans";
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
}
.faq_content {
    padding-top: 2%;
}
.accordion-content {
	display: none;
}
.accordion-content p {
color: #1B1B1B;

/* 28Px - Heading 5/H4 */
font-family: "DM Sans";
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 33.6px */
}
span.faq-icon {
    transform: rotate(135deg);
}
.faq-icon {
	font-size: 18px;
	transition: transform 0.3s ease;
}
.eachFaq.open .faq-icon {
    transform: rotate(-45deg);
}
.eachFaq:hover .faq-icon {
	color: #1B1B1B;
}
.eachFaq.open .faq-icon svg path, .eachFaq:hover .faq-icon svg path {
	stroke: #1B1B1B;
}
.eachFaq:hover .title h3 {
	color: #1B1B1B;
}
.eachFaq.close {
	float: none;
	opacity: 1;
}
.faq_header {
    text-align: center;
}
.faq_header h2{
   color: #000;
font-family: "DM Sans";
font-size: 48px;
font-style: normal;
font-weight: 700;
}
.faq_header h2 span{
   color: #4499d8;
}
.faq-container .accordion-content {
    padding: 35px 0 0 0;
    border: 0;
}
span.pre_feature {
    color: #1B1B1B;
    font-family: "DM Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-right: 50px;
}
section.faqs {
    padding-top: 5%;
	padding-bottom: 5%;
}
section.case_studies_main {
    padding-top: 4%;
}
.case_studies {
    padding-top: 3%;
}
.case-study-con-new img {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.case-study-con-new h3 {
color: #3D151E;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 21.6px */
}
.case-study-con-new .content {
    padding-top: 20px;
}
.cdr p {
    color: #000;
    font-family: "DM Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 90%;
}
.cdr {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
@media screen and (max-width: 767px) {
.location_banner_inner h1, .google_reviews_heading h2, .location_s1_left h2 {
    font-size: 30px;
    line-height: 120%;
}
.locboxinr h2 {
    font-size: 26px;
} 
.locboxinr ul li a {
    font-size: 16px;
} 
.location_s1_form {
    padding: 20px;
    margin-left: 0;
    margin-top: 0;
} 
section.location_section1 {
    padding: 10% 0 5% 0;
} 
.benifits_header h2 {
    font-size: 26px;
    line-height: 120%;
} 
.benifits_val {
    padding-right: 0;
} 
.benifits_val {
    width: 70%;
} 
 .icon_b {
    display: flex;
    width: 25%;
}
 .benifits_iconbox {
    gap: 5%;
}
.circle_box {
    width: 90px;
    height: 90px;s
} 
.circle_box h2 {
    font-size: 30px;
} 
.benifits_val h3 {
    font-size: 20px;
}
.benifits_val p {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
}
.benifites_right img {
    right: 0;
    width: 94%;
}
.benifites_right::after {
    left: 6%;
    top: 6%;
    width: 94%;
}
section.benifits {
    padding-top: 5%;
}
.benifits_header.main_heading {
    padding-bottom: 20px;
}
.benifites_right.border_left img {
    right: 0;
}
.benifits_s_left_v2 {
    padding-left: 0;
}
.benifits_s_left_v2 p {
    font-size: 18px;
}
.benifits_s_left_v2 {
    padding-top: 20px;
}
.benifits_s_left_v3 {
    padding-right: 0;
}
.benifits_s_left_v3 p {
    font-size: 16px;
}
.benifits.b1 .benifts_inner {
    flex-direction: column-reverse;
}
.benifits_s_left {
    padding-top: 20px;
} 
.benifits.b3 .benifts_inner {
    flex-direction: column-reverse;
}
.benifites_right.border_left.left_img_v4 {
    margin-top: 0;
}
.benifits_s_left_v4 {
    padding-left: 0;
}
.benifits_s_left_v4 p {
    font-size: 16px;
}
.faq_header h2 {
    font-size: 26px;
}
span.pre_feature {
    padding-right: 10px;
}
.faq-container .title h3 {
    font-size: 16px;
}
 .faq-container .title h3 {
    display: flex;
}
.accordion-content p {
    font-size: 16px;
    margin-bottom: 0;
}
.faq-container .accordion-content {
    padding-top: 10px;
}


}