/*!
Theme Name: golfcartsofindy
Theme URI: https://underscores.me/
Author: Underscores.me
Author URI: https://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: golfcartsofindy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

golfcartsofindy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@font-face {
  font-family: 'Poppins-Medium';
  src: url("./fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-SemiBold';
  src: url("./fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'Poppins-Bold';
  src: url("./fonts/Poppins-Bold.ttf") format("truetype");
}



@font-face {
  font-family: 'WorkSans-Medium';
  src: url("./fonts/WorkSans-Medium.ttf") format("truetype");
}

@font-face {
  font-family: 'WorkSans-Regular';
  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: 'WorkSans-SemiBold';
  src: url("./fonts/Poppins-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: 'WorkSans-Bold';
  src: url("./fonts/Poppins-Bold.ttf") format("truetype");
}


body{
    margin:0;
    padding:0;
    color:#000;
    font-family: 'Poppins-Regular';
}

p,a,ul li,ol li{
	font-size:15px;
	line-height:24px;
	font-family: 'Poppins-Regular';
}

img{
	max-width:100%;
}

a {
	text-decoration: none !important;
}


/* Start Header css **/

header {
    padding: .78125vw 0;
    Could not load content for file: ////_header.scss (Loading from a remote file path is prohibited for security reasons.);
    background: rgba(0,0,0,0);
    padding-left: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    border-bottom: 1px solid #fff;
    background: #000;
}

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

.header-logo, .menubar_block, .button_headers {
    width: auto;
}

.button_headers {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.search_button i {
    font-size: calc( 15px + (24 - 15) * ((100vw - 768px) / (1920 - 768)));
    color: #d40000;
    font-weight: 700;
}

.header-logo img {
    width: 137px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-weight: bold;
    font-size: calc(11px + (19 - 11) * ((100vw - 768px) / (1920 - 768)));
    letter-spacing: 0.022em;
    padding: 15px 0;
    vertical-align: unset !IMPORTANT;
    display: contents;
    text-transform: uppercase;
    font-family: 'WorkSans-Bold';
}

#mega-menu-wrap-primary #mega-menu-primary {
    display: flex !IMPORTANT;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: unset;
    line-height: normal !IMPORTANT;
    justify-content: space-between;
}



.menubar_block {
    width: 1483px;
}

@media(max-width:1920px){
	.menubar_block {
		width: 1136px;
	}
}

@media(max-width:1700px){
	.menubar_block {
		width: 915px;
	}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {
    background: transparent !IMPORTANT;
    color: #d40000 ! IMPORTANT;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #fff;
    font-weight: bold;
    font-size: calc(11px + (19 - 11) * ((100vw - 768px) / (1920 - 768)));
    letter-spacing: 0.022em;
    font-family: 'WorkSans-Bold';
    background-color: #252525 !IMPORTANT;
    padding: 5px 15px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #d40000 !IMPORTANT;
    color: #fff !IMPORTANT;
}

div#mega-menu-wrap-primary {
    background: transparent !IMPORTANT;
}

/* End Header css **/

.common-hero-banner {
    padding: 75px 0px;
}

.page_title h1 {
    margin: 0px;
    font-family: 'WorkSans-Bold';
    font-size: 42px;
}


/* service section css */

section.service_first_section {
    margin: 50px 0px;
}

section.service_first_section .row{
    gap:25px 0px;
}

.service_image img {
    border: 4px solid #d40000;
    border-radius: 20px;
}

.title_text h2 {
    font-family: 'WorkSans-Bold';
    color: #000;
    font-size: 38px;
}

.title_text p a {
    color: #000;
	display:inline-block;
}

.button_group {
    flex-wrap: wrap;
    gap: 15px;
}

.button_group a {
    border: 1px solid #010101;
    height: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
    min-width: 155px;
    border-radius: 7px;
    font-family: 'WorkSans-Bold';
    color: #000;
    text-transform: uppercase;
}

a.red_button {
    border-color: #d40000;
    background: #d40000;
    color: #fff;
}

a.red_button:hover {
    background: #fff;
    color: #000;
}

a.black_button:hover {
    background: #252525;
    border-color: #fff;
    color: #fff;
}

/* service section css */

/* brand css */

section.service_secound_section {
    margin: 50px 0px;
    padding: 50px 0px;
    background: #f0f0f0;
}

.service_repeater {
    height: 100%;
    background: #fff;
    padding: 25px;
    text-align: center;
    border-radius: 17px;
    box-shadow: 0px 0px 10px rgba(0 0 0/10%);
    border: 3px solid #d4000033;
	display:flex;
	flex-direction:column;
	align-items:center;
}

.service_repeater .button_group {
    margin-top: auto !important;
}

section.service_secound_section .row {
    gap: 25px 0px;
}

.service_repeater h3 {
    font-family: 'WorkSans-SemiBold';
    color: #000;
    font-size: 24px;
    margin-bottom: 10px;
}

/* brand css */

/* why section css */

section.why_choose_section {
    margin: 50px 0px;
}

.why_block {
    height: 100%;
    border: 3px solid #d40000;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    background: #fff;
    color: #000;
    transition: 0.5s;
}

section.why_choose_section .row {
    gap: 25px 0px;
}

.why_image {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    box-shadow: 4px 2px 0px #d40000;
    margin-bottom: 20px;
    transition: 0.5s;
	border:1px solid #d40000;
}

.why_image img {
    height: 48px;
}

.why_data h3 {
    font-family: 'WorkSans-SemiBold';
    font-size: 20px;
    margin-bottom: 13px;
}

.why_block:hover {
    background: #d40000;
    border-color: #a9a4a4;
    box-shadow: 0px 0px 20px rgba(0 0 0/45%);
	color:#fff;
}

.why_block:hover .why_image {
    box-shadow: 4px 2px 0px #000;
}

/* why section css */

/* golf repeater css */

section.gold_repeater_section {
    margin: 50px 0px;
}

section.gold_repeater_section:nth-child(odd) {
    padding: 50px 0px;
    background: #f0f0f0;
}

.service_golf_image, .service_golf_image img {
    position: sticky;
    top: 25px;
    border-radius: 20px;
}

.service_golf_image img {
    width: 100%;
    border: 4px solid #d40000;
}

section.gold_repeater_section .row{
	gap:25px 0px;
}

section.gold_repeater_section:nth-child(odd) .row {
    flex-direction: row-reverse;
}

/* golf repeater css */

/* service css */

section.service_section {
    
    background-repeat: no-repeat !IMPORTANT;
    background-size: cover !IMPORTANT;
    background-position: center center !IMPORTANT;
    padding: 50px 0px;
    margin: 50px 0px;
    position: relative;
}

section.service_section .row{
	justify-content:center;
}

section.service_section .container {
    position: relative;
    z-index: 3;
}

section.service_section:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0 0 0/30%);
}

section.service_section .title_text h2 {
    color: #fff;
}

section.service_section .row {
    gap: 25px 0px;
}

.service_block {
    background: #fff;
    padding: 25px;
    border-radius: 20px;
    border: 2px solid #d40000;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    transition: 0.5s;
}

.service_icon {
    border: 3px solid #d40000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #252525;
    transition: 0.5s;
}

.service_content {
    width: calc(100% - 80px);
    padding-left: 25px;
}

.service_icon img {
    filter: invert(1);
    height: 44px;
}

.service_content h3 {
    font-family: 'WorkSans-SemiBold';
    font-size: 22px;
    margin-bottom: 13px;
    color: #000;
}

.service_block:hover {
    box-shadow: 0px 0px 15px #d40000b8;
}

/* service css */


/* step css */

section.step_section {
    margin: 50px 0px;
}

.step_block {
    height: 100%;
    outline: 4px solid #020202;
    border: 9px solid #d40000;
    border-radius: 20px;
    background: #f0f0f0;
    padding: 20px;
    text-align: center;
    transition: 0.5s;
}

section.step_section .row {
    gap: 30px 0px;
}

.service_content p {
    margin: 0px;
}

.step_block p {
    margin: 0px;
}

.step_block p a{
	color:#000;
	display:inline-block;
}

.step_number {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 15px;
    border: 2px solid #d40000;
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.step_number h5 {
    margin: 0px;
    font-family: 'WorkSans-Medium';
    font-size: 20px;
    color: #000;
}

.step_block h3 {
    font-family: 'WorkSans-SemiBold';
    font-size: 22px;
    margin-bottom: 13px;
    color: #000;
}

.step_block:hover {
    background: #fff;
    color: #000;
}

.step_block:hover h3 {
    color: #000;
}

/* step css */

/* service area css */

section.service_area_section {
    margin: 50px 0px;
}

section.service_area_section .row {
    margin: 0px !IMPORTANT;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    border: 3px solid #d40000;
}

section.service_area_section .row .col-md-6 {
    padding: 0px !IMPORTANT;
}

.service_area_iframe p {
    margin: 0px;
}

.service_area_iframe iframe {
    width: 100%;
    display: block;
    height: 515px;
}

.service_area_content {
    color: #000;
    padding: 40px;
}

.service_area_content ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}

.service_area_content ul li {
    padding: 5px;
    padding-left: 32px;
    
    background-repeat: no-repeat !IMPORTANT;
    background-size: 22px !IMPORTANT;
    background-position-y: 4px !IMPORTANT;
}

.service_area_content ul li a {
    color: #000;
}

.service_area_content ul li a:hover{
	color:#d40000;
}

section.service_area_section .row {
    align-items: center;
}

.service_area_content a.black_button {
        color: #d40000;
    border-color: #d40000;
}

.service_area_content a.black_button:hover {
    border-color: #d40000;
    color: #d40000;
}

/* service area css */

/* why css */

section.why_resident_section {
    margin: 50px 0px;
    padding: 80px 0px;
    background: #f0f0f0;
}

/* why css */

/* cta css */

section.cta_section {
    margin: 50px 0px;
}

.cta_block {
    border: 3px solid #d40000;
    border-radius: 25px;
    padding: 50px 13%;
    position: relative;
    background-repeat: no-repeat !IMPORTANT;
    background-size: cover !important;
    overflow: hidden;
}



.cta_block:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background: rgba(0 0 0/60%);
}

.cta_block_inner {
    position: relative;
    color: #fff;
    z-index: 2;
}

.cta_block_inner h2, .cta_block_inner p a {
    color: #fff;
}

.cta_block_inner a.black_button{
    border-color: #fff;
    color: #fff;
}

/* cta css */


/* faq page css */

section.faqs_section {
    margin: 50px 0px;
}

.accordion-item {
    margin-bottom: 9px;
    background: #252525;
    border-radius: 15px !IMPORTANT;
    overflow: hidden !IMPORTANT;
    border: 2px solid #d40000 !important;
}

.accordion-item:last-child{
	margin:0px;
}

button.accordion-button {
    background: transparent !IMPORTANT;
    color: #fff !IMPORTANT;
    font-family: 'WorkSans-Medium';
    font-size: 19px;
    border: none !IMPORTANT;
    outline: none !IMPORTANT;
    box-shadow: none !IMPORTANT;
}

.accordion-body p {
    color: #fff !IMPORTANT;
}

.accordion-body p:last-child {
    margin: 0px;
}

button.accordion-button:after {
    filter: brightness(0) invert(1);
}

.accordion-body {
    border-top: 1px solid #676767;
}

.accordion-body p a {
    text-decoration: none;
    color: #b84221;
}

.accordion-body p a:hover {
    color: #000;
}

/* faq page css */


/** Start Footer css **/

.footer-section {
    background-color: #252525;
    margin: 0px;
    padding: 0px;
    color: #fff;
}

.footer-section .row {
    padding: 3.64583vw 0;
    padding-left: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
}
.footer-intro-logo .footer_main_logo {
    max-width: 188px;
    object-fit: contain;
    width: 100%;
    margin-bottom: 18px;
}
.footer-address p, .footer-address a {
    color: #fff;
    font-size: 13px;
    line-height: 19px;
    font-family: 'Poppins-Regular';
    font-weight: 400;
}
.footer-address a:hover {
    color: #DB2027;
}

.footer-btn {
    display: inline-block;
    background-color: #d40000;
    color: #ffffff;
    padding: 8px 12px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.row.footer_row {
    justify-content: space-between;
}

.footer_widget {
    width: auto;
}

.footer-intro-logo a {
    display: block;
}

.footer-intro-logo a.footer-btn {
    display: inline-flex;
}

.footer_widget h4 {
    font-size: calc(14px + (24 - 14) * ((100vw - 768px) / (1920 - 768)));
    font-family: 'WorkSans-Bold';
    margin-bottom: 16px;
}

.footer_widget ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.footer_widget ul li a, .footer-socialmedia a {
    color: rgba(255,255,255,0.75);
    display: block;
    font-size: calc( 11px + (16 - 11) * ((100vw - 768px) / (1920 - 768)));
    padding-bottom: .52083vw;
}

.hours_content li {
    color: rgba(255,255,255,0.75);
    padding-bottom: .52083vw;
    display: block;
    font-size: calc( 11px + (16 - 11) * ((100vw - 768px) / (1920 - 768)));
}

.footer-address p, .footer-address a {
    margin: 0px;
    font-size: calc( 11px + (16 - 11) * ((100vw - 768px) / (1920 - 768)));
}

.footer-socialmedia {
    display: flex;
    flex-direction: column;
    gap: 1.45833vw;
}

.footer-socialmedia a {
    padding-bottom: 0px;
}

.footer_widget ul li a:hover, .footer-socialmedia a:hover {
    color: #d40000;
}

.hours_content li:nth-child(2) span {
    width: calc( 70px + (100 - 70) * ((100vw - 768px) / (1920 - 768)));
    display: inline-block;
}

.copyright-section {
    padding: 1.5625vw 0;
    border-top: 1px solid #b2b2b2;
    padding-left: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    background: #000;
}

.copyright-section p, .copyright-section a, .copyright-section p a {
    margin: 0px;
    color: rgba(255,255,255,0.75);
    display: inline-block;
    font-size: calc( 11px + (16 - 11) * ((100vw - 768px) / (1920 - 768)));
}

.copyright-section a:hover, .copyright-section p a:hover{
    color: #d40000;
    text-decoration:underline !Important;
}

.copyright-text {
    padding-left: 10px;
}

img.footer_second_img {
    width: calc( 150px + (370 - 150) * ((100vw - 768px) / (1920 - 768)));
}

.footer-nav a {
    padding: 0 10px;
}

/** End Footer css **/

section.servicese_section {
    margin: 50px 0px;
}

.servicese_block {
    border: 2px solid #d40000;
    padding: 7px;
    border-radius: 20px;
    background: #fdfbfb;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    transition: 0.5s;
}

.servicese_image {
    overflow: hidden;
    border-radius: 17px;
}

.servicese_image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: 0.5s;
}

.servicese_content {
    padding: 18px;
    padding-bottom: 0px;
}

.servicese_content h3 {
    font-family: 'WorkSans-SemiBold';
    font-size: 21px;
}

section.servicese_section .row {
    gap: 25px 0px;
}

.servicese_block .button_group {
    padding: 18px;
    padding-top: 0px;
    margin-top: auto;
}

.servicese_block:hover {
    box-shadow: 0px 0px 20px rgba(0 0 0/20%);
}

.servicese_block:hover .servicese_image img {transform: scale(1.2);}


/* hero css */

section.hero_section {
    overflow: hidden;
    position: relative;
    padding-top: calc(160px + (240 - 160) * ((100vw - 768px) / (1920 - 768))) !important;
    padding-bottom: calc(80px + (117 - 80) * ((100vw - 768px) / (1920 - 768))) !important;
    padding-left: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.page-id-60  header {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    width: 100%;
    background: transparent;
}

.hero_inner {
    width: 100%;
}

.hero_block {
    margin-left: auto;
    display: inline-block;
    border-radius: .83333vw;
    padding: 2.60417vw 2.76042vw;
    text-align: left;
    background: rgba(26,31,33,0.9);
}

.hero_inner {
    display: flex;
}

.hero_block h5 {
    font-size: calc(8px + (16 - 8) * ((100vw - 768px) / (1920 - 768)));
    letter-spacing: .069em;
    margin-bottom: .9375vw;
    text-transform: uppercase;
    color: #DB2027;
    font-family: 'WorkSans-Bold';
}

.hero_block h1 {
    font-size: calc( 30px + (65 - 30) * ((100vw - 768px) / (1920 - 768)));
    color: #fff;
    font-family: 'WorkSans-Bold';
}

.hero_block p {
    color: #D5D5D5;
    font-size: calc(9px + (16 - 9) * ((100vw - 768px) / (1920 - 768)));
    line-height: 3;
    margin-top: 1.04167vw;
}

a.hero_button {
    color: #fff;
    cursor: pointer;
    background: #DB2027;
    border: none;
    margin: 0 auto;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .41667vw;
    font-size: calc(10px + (17 - 10) * ((100vw - 768px) / (1920 - 768)));
    width: calc(110px + (207 - 110) * ((100vw - 768px) / (1920 - 768)));
    height: calc(30px + (60 - 30) * ((100vw - 768px) / (1920 - 768)));
    transition: all 0.3s ease-in-out;
    font-family: 'WorkSans-Bold';
    text-transform: uppercase;
}

a.hero_button:hover {
    background: #EFECEC;
    color: #DB2027;
}

/* hero css */

/* logo css */

section.logo_slider_section {
    padding: 4.94792vw 0;
    padding-left: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc( 15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
}

.logo_slider_inner .swiper-button-next:after, .logo_slider_inner .swiper-button-prev:after {
    font-size: calc( 25px + (50 - 25) * ((100vw - 768px) / (1920 - 768)));
    color: #DB2027 !IMPORTANT;
    font-weight:bold;
}

.logo_slider_inner .swiper-button-next:hover:after, .logo_slider_inner .swiper-button-prev:hover:after{
    color:#252525;
}

.image_logos {
    padding: 15px 10px;
    margin: 0 10px;
    border: 0px solid #bfbfbf;
    background-color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo_slider_inner .swiper-slide {
    height: 250px !IMPORTANT;
}

/* logo css */



/* service home slider image css */

section.service_slider_section {
    padding: 3.38542vw 0;
    padding-left: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
}

.service_slider .swiper-pagination {
    position: static !IMPORTANT;
    display: inline-block;
    margin: 0 auto;
    background: rgba(30,30,30,0.8);
    border-radius: 5px;
    padding: 8px;
    width: auto;
}

.service_slider {
    text-align: center;
}

.service_slider .swiper-pagination span {
    opacity: 1;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.service_slider_image img {
    width: 100%;
}

.service_slider_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}


.service_slider_pagination span{
    background:#fff;
}

.service_slider_pagination span.swiper-pagination-bullet-active{
    background: #d40000;
}

.service_slider .swiper-button-next:after, .service_slider .swiper-button-prev:after {
    font-size: calc(25px + (50 - 25) * ((100vw - 768px) / (1920 - 768)));
    color: #DB2027 ! IMPORTANT;
    font-weight: bold;
}

.service_slider .swiper-button-next:hover:after, .service_slider .swiper-button-prev:hover:after{
    color:#252525 !Important;
}

/* service home slider image css */


/* service section main css */

section.service_section_main_section {
    padding: 5.20833vw 0;
    border-top: .20833vw solid #E8EAF0;
    border-bottom: .20833vw solid #E8EAF0;
    padding-left: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
    padding-right: calc(15px + (100 - 15) * ((100vw - 768px) / (1920 - 768)));
}

.service_section_main_content h5 {
    font-size: calc(8px + (16 - 8) * ((100vw - 768px) / (1920 - 768)));
    letter-spacing: .069em;
    margin-bottom: .9375vw;
    text-transform: uppercase;
    color: #DB2027;
    font-family: 'WorkSans-Bold';
}

.service_section_main_content h2 {
    font-size: 2.4vw;
    letter-spacing: .035em;
    margin-bottom: 2.60417vw;
    padding-right: 10.41667vw;
    font-family: 'WorkSans-Bold';
}

.image_service_groups {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 27.60417vw;
    gap: 1.5625vw;
}

img.image_service_groups1 {
    width: 50%;
    height: 100%;
}

img.image_service_groups2 {
    width: 40%;
    height: 47%;
}

img.image_service_groups3 {
    width: 40%;
    height: 47%;
}

.image_service_groups img {
    display: inline-block;
    border-radius: 20px;
    object-fit: cover;
}

.service_section_main_content p {
    font-size: calc( 8px + (16 - 8) * ((100vw - 768px) / (1920 - 768)));
    margin-bottom: 2.60417vw;
    padding-right: 2.08333vw;
}

/* service section main css */

.accordion-collapse {
    background: #ffffff !important;
    color: #000000 !important;
}
.accordion-collapse .accordion-body p{
    color: #000000 !important;
}

@media(max-width:1400px){
	.page_title h1 {
		font-size: 34px;
	}

	.title_text h2 {
		font-size: 32px;
	}

	.common-hero-banner {
		padding: 50px 0px;
	}

	.service_repeater h3 {
		font-size: 22px;
	}

	.why_data h3 {
		font-size: 18px;
	}

	.service_content h3 {
		font-size: 20px;
	}

	.step_block h3 {
		font-size: 20px;
	}

	button.accordion-button {
		font-size: 16px;
	}

	.menubar_block {
		width: 816px;
	}
	a.dealer-spike-logo {
        width: 200px;
    }
    .copyright-section p, .copyright-section a, .copyright-section p a {
        font-size: 12px;
    }
}


@media(max-width:1233px){
	.menubar_block {
        width: 755px;
    }
}


@media(max-width:1200px){
	.menubar_block {
		width: 750px;
	}

	.page_title h1 {
		font-size: 30px;
	}

	.title_text h2 {
		font-size: 27px;
	}

	.service_area_content ul {
		grid-template-columns: repeat(2, 1fr);
	}

	.service_area_iframe iframe {
		height: 555px;
	}

	.copyright-section .d-flex {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		gap: 5px;
	}

	.copyright-text {
		margin: 0px;
	}
}


@media(max-width:1050px){
	.header-logo img {
		width: 111px;
	}
	
	.menubar_block {
        width: 610px;
    }
	
	.copyright-section .d-flex{
		gap: 15px;
		text-align:center;
	}
	
	.hero_block h5 {
		font-size: 15px;
	}

	.hero_block h1 {
		font-size: 36px;
	}

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

	a.hero_button {
		font-size: 16px;
		padding: 14px 26px;
		width: auto;
		height: auto;
	}

	.image_logos img {
		height: 116px;
		width: 100%;
		object-fit: contain;
	}

	.logo_slider_inner .swiper-slide {
		height: 129px !IMPORTANT;
	}
	
	.service_section_main_content p {
		font-size: 14px;
	}

	.service_section_main_content h5 {
		font-size: 15px;
	}

	.service_section_main_content h2 {
		font-size: 30px;
		padding-right: 20px;
	}
}

.buttons_header_top{
	display:none;
}


@media(max-width:996px){
	.button_headers .footer-btn, .search_button {
		display: none !IMPORTANT;
	}

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

	.buttons_header_top a {
		font-size: 26px;
		color: #d40000;
	}

	.buttons_top_head a {
		padding: 0px 15px;
		border-right: 2px solid #656565;
	}

	.buttons_top_head a:last-child {
		border: none;
	}

	#mega-menu-wrap-primary #mega-menu-primary {
		flex-direction: column;
		align-items: start;
	}

	header {
		position: relative;
		z-index: 9999;
		background: #252525;
	}

	.menubar_block {
		position: absolute;
		left: 0px;
		top: 100%;
		width: 100%;
		background: #252525;
		display: none;
	}

	.mega-sub-menu {
		width: 100% !IMPORTANT;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
		border: none !IMPORTANT;
		outline: none !IMPORTANT;
		box-shadow: none !IMPORTANT;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link {
		border: none !IMPORTANT;
		outline: none !IMPORTANT;
		box-shadow: none !important;
	}
	
	    .title_text h2 {
			font-size: 22px;
		}
}


@media(max-width:992px){
	.button_group a {
		min-width: auto;
		font-size: 13px;
		height: 40px;
	}

	.button_group {
		gap: 10px;
	}

	.mb-5 {
		margin-bottom: 25px !IMPORTANT;
	}

	section.service_first_section {
		margin: 30px 0px;
	}

	section.service_secound_section {
		margin: 30px 0px;
		padding: 30px 0px;
	}

	.service_repeater h3 {
		font-size: 19px;
	}

	.service_repeater {
		padding: 15px;
	}

	.mt-5 {
		margin-top: 30px !IMPORTANT;
	}

	section.why_choose_section {
		margin: 30px 0px;
	}

	.why_block {
		padding: 15px;
	}

	.why_data h3 {
		font-size: 16px;
	}

	.title_text h2 {
		font-size: 20px;
	}

	section.why_choose_section .row {
		gap: 15px 0px;
	}

	section.service_secound_section .row {
		gap: 15px 0px;
	}

	section.service_first_section .row {
		gap: 15px 0px;
	}

	section.gold_repeater_section .row {
		gap: 15px 0px;
	}
	
	section.service_section .row {
		gap: 15px 0px;
	}
	
	section.step_section .row{
		gap: 20px 0px;
	}

	section.gold_repeater_section:nth-child(odd) {
		padding: 30px 0px;
	}

	section.gold_repeater_section {
		margin: 30px 0px;
	}

	section.service_section {
		margin: 30px 0px;
		padding: 30px 0px;
	}

	.service_block {
		padding: 15px;
	}

	.service_content {
		padding-left: 10px;
	}

	.service_content h3 {
		font-size: 17px;
	}

	section.step_section {
		margin: 30px 0px;
	}

	.step_block {
		padding: 15px;
	}

	.step_block h3 {
		font-size: 18px;
	}

	section.service_area_section {
		margin: 30px 0px;
	}

	.service_area_content {
		padding: 15px;
	}

	p, a, ul li, ol li {
		font-size: 14px;
		line-height: 25px;
	}

	section.why_resident_section {
		margin: 30px 0px;
		padding: 30px 0px;
	}

	section.faqs_section {
		margin: 30px 0px;
	}

	.cta_block {
		padding: 30px;
	}

	section.cta_section {
		margin: 30px 0px;
	}

	.page_title h1 {
		font-size: 26px;
	}
	
	button.accordion-button:after {
		position: absolute;
		right: 13px;
		margin: 0px !IMPORTANT;
		top: 15px;
	}

	button.accordion-button {
		position: relative;
		padding-right: 41px;
	}
}


@media(max-width:767px){
	.service_area_iframe iframe {
		height: 250px;
	}

	.title_text.service_area_content {
		padding: 30px;
	}

	.cta_block.title_text.text-center {
		padding: 25px;
	}

	.row.footer_row {
		flex-wrap: wrap;
		gap: 25px 0px;
	}
	
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
		font-size: 16px;
	}

	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 16px;
	}
	
	.header_row.row {
		margin: 0px !IMPORTANT;
	}
	
	.footer_widget {
		width: 100% !IMPORTANT;
	}

	.footer-intro-logo .footer_main_logo {
		max-width: 205px;
	}

	.footer-address p, .footer-address a {
		font-size: 16px;
	}

	.footer_widget h4 {
		font-size: 22px;
	}

	.footer_widget ul li a, .footer-socialmedia a, .hours_content li {
		font-size: 16px;
	}

	img.footer_second_img {
		width: 225px;
	}

	.copyright-section p, .copyright-section a, .copyright-section p a {
		font-size: 16px;
	}
	
	section.hero_section {
		min-height: auto;
	}

	section.logo_slider_section {
		padding-left: 15px;
		padding-right: 15px;
	}

	section.hero_section {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	section.service_section_main_section {
		padding-left: 15px;
		padding-right: 15px;
	}

	.service_section_main_content {
		text-align: center;
	}

	section.service_section_main_section .row {
		flex-direction: column-reverse;
	}

	.service_section_main_content h5 {
		color: #DB2027;
		font-size: 3.07692vw;
		font-weight: bold;
		letter-spacing: .094em;
		text-transform: uppercase;
		margin: 7.94872vw 0 4.35897vw;
	}

	.service_section_main_content h2 {
		color: #000;
		font-weight: bold;
		font-size: 7.69231vw;
		margin: 0 0 7.17949vw;
		padding: 0px;
	}

	.service_section_main_content p {
		font-size: 3.07692vw;
		letter-spacing: .071em;
		line-height: 1.6;
		margin-bottom: 4.61538vw;
	}

	img.image_service_groups1 {
		width: 100%;
	}

	img.image_service_groups2 {
		width: 49%;
	}

	img.image_service_groups3 {
		width: 49%;
	}

	.image_service_groups {
		height: auto;
		flex-direction: row;
	}

	.service_slider .swiper-pagination span {
		height: 12px;
		width: 12px;
	}

	.service_slider .swiper-pagination {
		padding: 2px;
	}
}


@media(max-width:510px){
	.title_text.service_area_content {
		padding: 20px 15px;
	}
	
	.hero_block p {
		line-height: 28px;
	}

	.hero_block {
		text-align: center;
		padding: 19px !IMPORTANT;
	}
	
	.image_service_groups img {
		border-radius: 10px;
	}
	
	section.service_area_section .row {
		border-radius: 17px;
	}
	
	.title_text h2 {
        font-size: 22px;
    }
}