/* Theme Name: Divi Child *
Template Version: 1.0
Description: A customized version of Divi which adds a number of tiny features you need.
Template: Divi
*/

body {
   font-size: 1.0625rem;
   font-family: 'Be Vietnam Pro', Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizelegibility;
   font-feature-settings: "liga";
   color: #1c1c1c;
   font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {font-family: 'Changa', sans-serif;font-weight: 500!important;color: #1c1c1c;}
p strong {
font-family: 'Changa', sans-serif;
   font-size: 18px;
   font-weight: 500 !important;
}
div#page-container {
   overflow: hidden;
}
.et_pb_row {
   width: 95% !important;
}
/*HEADER STYLES*/

header#main-header {
  background-color: #1c1c1c;
}
.header-menu-container {
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.logo_container {
  position: relative !important;
  max-width: 300px;
  display: flex;

}
img#logo {
  height: 70px;
  max-width: 90% !important;
  max-height: 100% !important;
}
.text-logo {
  display: flex;
  color: #ffffff;
  min-height: 46px;
  align-items: center;
}

.text-logo img {
  width: 25px;
  margin-right: 5px;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: -1;
  opacity: 0.5;
  right: 84px;
  filter: drop-shadow(2px 4px 6px black);
}

.text-logo span {
  display: flex;
  align-items: center;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-align: center;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
}

.header-menu-container:after {
  display: none;
}

div#et-top-navigation {
  padding: 5px !important;
}
.estimate-btn {
  display: none;
}
.mobile_menu_bar {
  padding: 0 !important;
}

.et_mobile_menu {
  width: 100vw;
  left: -2.5vw;
  top: 100%;
  border-color: #d22b1b;
  background-color: #1c1c1c !important;
}


.et_mobile_menu li a {
   color: #efefef !important;
   font-family: 'Inter', sans-serif;
   filter: drop-shadow(0px 1px 1px #210124);
}
.mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle) {
   position: relative;
}
.mobile_nav ul#mobile_menu ul.sub-menu li a:not(.mobile-toggle):before {
   content: '\f149';
   position: absolute;
   left: 0;
   font-family: 'FontAwesome';
   -webkit-transform: scaleX(-1) rotate(90deg);
   transform: scaleX(-1) rotate(90deg);
   color: #d22b1b;
}
.et_mobile_menu .current_page_item a {
   color: #ffffff !important;
   opacity: 1 !important;
}

.add-info-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #d22b1b;
  border: 2px solid white;
  border-right: none;
  width: 50px;
  padding: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  cursor: pointer;
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
} 
.add-info-block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 240px;
  position: fixed;
  right: -190px;
  -webkit-transition: right 0.4s ease-in-out;
  transition: right 0.4s ease-in-out;
}

.open-info {
  right: 0;
}

.open-info #add-info-open-icon {
  display: none;
}

.open-info #add-info-close-icon {
  display: block;
}
.add-info-container {
  background: #1c1c1c;
  display: flex;
  flex-direction: column;
  padding: 20px;
  width: 190px;
  height: auto;
  border-bottom-left-radius: 10px;
  box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
  font-family: 'Changa', sans-serif;
}

.add-info-btn .fa {
  color: #ffffff;
}
#add-info-close-icon {
  display: none;
}
.add-info-btn span {
  line-height: 1;
  color: #ffffff;
  margin-top: 5px;
  font-size: 12px;
}


.add-info-container a, .header-location-container {
  color: #fff;
  font-size: 15px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  text-align: right;
  width: 100%;
}
.email-btn {
  margin: 10px 0;
}
.add-info-container .fa {
  margin-right: 5px;
  margin-top: 2px;
}
/*change Divi opened hamburger menu to X*/
.mobile_nav.opened .mobile_menu_bar:before {
   content: '\4d';
}
/*rotate the Divi Menu icon on click*/
.mobile_menu_bar:before {
   transition: all .4s ease;
   transform: rotate(0deg);
   display: block;
   color: #ffffff;
}
/*rotate the Divi Menu icon on click*/
/*END HEADER STYLES*/
/*PAGE STYLES*/


section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
   max-height: 450px !important;
   min-height: 450px !important;
   height: 450px !important;
   background-position: 60%;
}
.et_pb_fullscreen .et_pb_fullwidth_header_container {
   max-height: 450px !important;
   min-height: 450px !important;
   height: 450px !important;
   width: 95%;
}

.header-content {
   margin: 0 auto !important;
   padding: 0px !important;
   width: 100% !important;
   max-width: 1080px !important;
}


.header-title {
  font-size: 27px;
  font-weight: 400;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
  color: #fff;
  font-weight: 500;
}

.button {
  background: #d22b1b;
  color: #ffffff;
  line-height: 1;
  border-radius: 30px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  width: 240px;
  margin-top: 20px;
  font-weight: 500;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
}
.button:hover {background: #d22b1b;color: #fff;box-shadow: 0 0 10px #d22b1b;}


/* FIRST CONTENT SECTION STYLE */

.entry-title {
  text-align: center;
  font-size: 26px !important;
  color: #1c1c1c;
  font-weight: 600;
  line-height: 1.1em;
}
.home .entry-title {
padding: 0;
color: #1c1c1c;
margin-bottom: 20px;
}
 div#home-title-block {
  padding: 0 !important;
  background-color: #f5f3f5!important;
}

div#home-title-block-container-firstpar {
  padding: 0 !important;
  width: 100% !important;
}

div#home-title-block-container-firstpar:before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 170px);
  background: #1c1c1c;
}

div#home-title-block-txt-col {
  padding: 70px 2.5%;
}

services-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.content-button {
  background: transparent;
  color: #ffffff;
  line-height: 1;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 10px;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 500;
  border: 1px solid #fff;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  text-align: center;
}
.content-button:hover {
background: #1c1c1c;
color: #ffffff;
border-color: #d22b1b;
}
div#home-title-block-img-col span {
  width: 75%;
  margin-left: auto;
  display: flex;
  margin-top: -30px;
  padding-bottom: 70px;
  height: 280px;
}

div#home-title-block-img-col span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}



/* BADGES SECTION STYLE */
div#css-badges-section {
  background-color: #d22b1b!important;
}

.badges-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.badge-holder {
  background: #1c1c1c;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: calc(50% - 10px);
  max-width: 160px;
  margin-top: 10px;
  margin-bottom: 30px;
  position: relative;
  font-family: 'Nunito', sans-serif;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}

.badge-holder:hover {
 box-shadow: 0px 0px 8px 0px #fcfffc99;
}

p.badge-content {
  color: #ee3321;
  text-align: center;
  line-height: 1;
  text-transform: capitalize;
  font-size: 17px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 22px;
  width: 94%;
  font-family: 'Changa', sans-serif;
  font-weight: 600;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}

.badge-holder img {
  width: 100%;
  height: 100%;
}

.badge-title {
  background: #f5f3f5;
  font-size: 15px;
  width: 85%;
  text-align: center;
  line-height: 1.2;
  padding: 5px;
  position: absolute;
  bottom: -15px;
  color: #1c1c1c;
  font-weight: bold;
  text-transform: capitalize;
}

.badge-title span {
  font-size: 17px;
}


/* SERVICES SECTION STYLE */

div#services-blocks-section {
  background-color: #f5f3f5!important;
  overflow: hidden;
}
.srvBlockTitle {
  text-align: center;
}
.srvBlockTitle {
  color: #1c1c1c !important;
  margin-bottom: 0 !important;
}



.srvElement {
  display: flex;
  flex-direction: column;
  margin: 40px auto;
  max-width: 530px;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  position: relative;
}
.srvElement:last-child {
margin-bottom: 0 !important;
}
.srvElementImg {
  width: 75%;
  display: flex;
  margin-bottom: -126px;
  height: 180px;
}
.srvElementImg img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}
.srvElementBody {
  position: relative;
  padding-top: 140px;
}
.srvElementBody:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #1c1c1c;
  z-index: -1;
  left: 0;
  top: 0;
}
.srvElementBody img {
  position: absolute;
  width: 80%;
  top: 16px;
  opacity: 0.4;
  z-index: -1;
  max-height: 100px;
  width: auto;
}

.srvElementHeader h2 {
  color: #ee3321;
  text-align: center;
  padding-bottom: 5px;
}

.srvElement:hover h2 {
  color: #fff;
}
.srvElementContent {
  text-align: justify;
  padding: 0 10px 10px 10px;
  color: #f5f3f5;
}

.srvElement:nth-child(odd) .srvElementBody img {
  right: 10px;
}

.srvElement:nth-child(even) .srvElementBody img {
  left: 10px;
}

.srvElement:nth-child(odd) .srvElementImg {
  margin-right: auto;
}

.srvElement:nth-child(even) .srvElementImg {
  margin-left: auto;
}

div#services-animation {
  width: 100%;
  height: calc(100% + 180px);
  top: -90px;
  position: absolute;
  z-index: -1;
}

div#services-animation .et_pb_code_inner {
  width: 100%;
  height: 100%;
}

.vertical-lines-bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  overflow: hidden;
  height: 100%;
  opacity: 0.5;
}
.vertical-lines-bg div {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  width: 1px;
  background-color: #ffffff00;
}
.vertical-lines-bg div:nth-child(1) {
  left: 13%;
  bottom: -170px;
}
.vertical-lines-bg div:nth-child(2) {
  left: 87%;
  top: -170px;
}


.vertical-lines-bg div span {
  background-color: currentColor;
  width: 3px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -1px;
  animation-name: animate_bg;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.vertical-lines-bg div span {
  color: #d22b1b;
}
.vertical-lines-bg div:nth-child(odd) span:nth-child(odd), .vertical-lines-bg div:nth-child(even) span:nth-child(even) {
  color: #1c1c1c;
}

@keyframes animate_bg {
from {
top: 0; }
to {
top: 100%; } }







/* CONTENT SECTION STYLE */

div#content-dark-section {
  width: 100% !important;
  padding: 0 !important;
}



div#content-dark-section:before {
  content: '';
  position: absolute;
  width: 100%;
  height: calc(100% - 170px);
  background: #1c1c1c;
}

div#content-text-col {
  padding: 70px 2.5%;
  margin-bottom: 0 !important;
}


div#home-content-section {
  padding-top: 0 !important;
}





div#content-img-col span {
  width: 75%;
  margin-left: auto;
  display: flex;
  margin-top: -30px;
  padding-bottom: 70px;
  height: 280px;
}

div#content-img-col span img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
}




/* SERVICES LIST SECTION STYLE */



.homepage-services #servcss {
   padding: 0;
   list-style: none;
   width: 280px;
   margin: 0 auto;
}
.homepage-services li {
   position: relative;
   text-align: right;
   padding-left: 26px;
   color: #fff;
}
.homepage-services li:before {
   content: "\f1b9";
   font-family: 'FontAwesome';
   margin-right: 5px;
   color: #d22b1b;
   position: absolute;
   left: 0;
}


/* CONTACT FORM STYLE */



.contact-form-heading {
  background: #d22b1b;
  padding: 30px 20px;
}

.contact-section-title {
  text-align: center;
  font-size: 26px !important;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.1em;
  font-family: 'Changa', sans-serif;
}

.contact-section-text {
  color: #ffffff;
  line-height: 1.4;
  padding-top: 10px;
}

.contact-form-block {
  background-image: linear-gradient(90deg,#1c1c1c 0%,rgba(44,57,65,0.65) 100%),url(https://cardetailingservicegraysonga.com/wp-content/uploads/2023/01/contact-form-bg.jpg)!important;
  padding: 30px 20px;
  background-position: center;
  background-size: cover;
}



input#customer_name {
 width: calc(50% - 5px);
 float: left;
}

input#phone-cf {
 width: calc(50% - 5px);
 float: left;
 margin-left: 10px;
}

textarea#message {
 margin-bottom: 20px;
}

#contact img {
 float: left;
 width: 120px;
}

input#vercode {
 width: calc(100% - 130px);
 margin: 0;
 margin-left: 10px;
 float: left;
 padding: 7px 10px 10px;
}

form#contactForm {
 text-align: center;
}

input#submitter {
  background-color: #d22b1b;
  font-size: 16px;
  font-weight: 700;
  padding: 11px 45px;
  transition: 500ms;
  border-radius: 20px;
  overflow: hidden;
  line-height: 1;
  position: relative;
  display: inline-block;
  z-index: 1;
  height: auto;
  color: #ffffff;
  width: 240px;
}

input#submitter:hover {
 background-color: #1c1c1c !important;
 color: #fff;
}

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
 max-width: 100%;
 padding: 10px 10px 10px;
 height: auto;
 background-color: #ffffff00 !important;
 box-shadow: none;
 display: block;
 line-height: 1.75em;
 font-weight: 300;
 color: #ffffff !important;
 background-image: none;
 border: 1px solid #ee3321;
 margin-bottom: 20px !important;
}

#contactForm input[type=text]::placeholder,
#contactForm input[type=password]::placeholder,
#contactForm input[type=tel]::placeholder,
#contactForm input[type=email]::placeholder,
#contactForm input.text::placeholder,
#contactForm input.title::placeholder,
#contactForm textarea::placeholder,
#contactForm select {
 color: #ffffff !important;
}

#contactForm input[type=text]:focus,
#contactForm input[type=password]:focus,
#contactForm input[type=tel]:focus,
#contactForm input[type=email]:focus,
#contactForm input.text:focus,
#contactForm input.title:focus,
#contactForm textarea:focus,
#contactForm select:focus {
color: #fff !important;
border-color: #ececec;
}

#contact {
 padding: 0;
}


div#contact-form-section {
  background-color: #f5f3f5!important;
}

/* NAP SECTION STYLE */

div#nap-section {
  background-color: #1c1c1c!important;
}

.homepage-nap h3 {
  color: #fff;
  padding-bottom: 0;
  line-height: 1.3;
}

/* TESTIMONIALS SECTION STYLE */

div#home-testimonials {
  background-color: #d22b1b!important;
  padding: 0;
}


.owl-nav {
  display: none;
}


.item img{object-fit: cover;object-position: center;margin-left: 3px;}

.item span {
  position: absolute;
  color: #cbcbcb;
  bottom: 10px;
  right: 10px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  display: none;
}

.item:before {
  content: '';
  position: absolute;
  width: 101%;
  height: 105%;
  background: #1c1c1c;
  left: 0;
  top: 0;
  opacity: 0.6;
}

.item {min-height: 100%;display: flex;position: relative;}

.owl-item {
  min-height: 100% !important;
}

.owl-stage {
  display: flex;
  background: #000;
}
.owl-dots {
  line-height: 0;
  opacity: 0.5;
  margin-top: 5px;
  position: absolute;
  width: 100%;
}

.owl-theme .owl-dots .owl-dot span {
  height: 5px !important;
  background: #7a7a7a !important;
}
.owl-theme .owl-dots .owl-dot.active span {
  background: #000 !important;
}
div#testimonials-block {
  padding: 0 !important;
  width: 100% !important;
}

div#testimonials-review-block {
  padding: 70px 2.5%;
}
.testimonials-title {
  text-align: center;
  font-size: 26px !important;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.1em;
  font-family: 'Changa', sans-serif;
}

.home .wpcr3_review_datePublished {
  color: #ffffff;
}

.home .wpcr3_dotline {
 display: none !important;
}

.home .wpcr3_review {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}

.home .wpcr3_review_ratingValue {
 width: 100%;
 text-align: center;
 margin: 0 !important;
}

.home .wpcr3_review_author {
 margin-left: 5px;
 text-align: center;
 color: #ffffff;
}

.home .wpcr3_review_title.wpcr3_caps {
 width: 100%;
 text-align: center;
 margin: 0 !important;
 font-size: 20px;
 color: #ffffff;
 font-weight: bold;
 font-family: 'Changa', sans-serif;
}

.home span.wpcr3_item_name a {
 color: #ffffff;
}

div.wpcr3_review blockquote.wpcr3_content {
 border-color: #c4c4c4;
 padding-bottom: 0;
 text-align: justify;
}

.home div.wpcr3_review blockquote.wpcr3_content {
 text-align: center;
 padding-left: 0;
 border: none;
 margin-bottom: 0;
 line-height: 1.7em;
}

div.wpcr3_review blockquote.wpcr3_content p {
 font-size: 17px;
}


.home .wpcr3_reviews_holder {
 position: relative;
}

.home div.wpcr3_review blockquote.wpcr3_content p {
 font-style: italic;
 color: #ffffff;
}



.testimonials-button {
  color: #ffffff;
  background: transparent;
  line-height: 1;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 10px;
  max-width: 240px;
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  font-weight: 500;
  border: 1px solid #fff;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  text-align: center;
}

.testimonials-button:hover {
 color: #ffffff;
 background: #1c1c1c;
}


/* FOOTER STYLE */

#main-footer {
 background: #1c1c1c;
 background-size: contain;
 background-repeat: repeat;
}
#main-footer .container {
  width: 95%;
}
footer#main-footer .section-separator-down {
  -moz-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  -ms-filter: fliph;
  filter: fliph;
}
div#footer-bottom {
 background-color: #d22b1b;
 padding: 15px;
 color: #ffffff;
 font-family: 'Changa', sans-serif;
}

.paymentsbox {
 display: flex;
 justify-content: center;
 flex-wrap: wrap;
}

.footer-widget h4 {
 color: #ffffff;
 font-size: 22px;
 margin-bottom: 20px;
 margin-top: 30px;
 font-weight: 400;
 line-height: 1.5em;
 text-align: center;
 border-bottom: 1px solid #d22b1b;
 text-transform: uppercase;
 font-family: 'Changa', sans-serif;
}

.footer-widget .textwidget {
 color: #f5f3f5;
}

#footer-widgets .footer-widget a {
 background-color: #fff;
}

table.openinghours {
 max-width: 350px;
 margin: 0 auto !important;
}

table.openinghours tr {
 display: flex;
 justify-content: space-between;
 line-height: 2;
 font-family: 'Open Sans', sans-serif;
 color: #f5f3f5;
}

#current-day {
 background-color: #d22b1b;
 padding: 0 2px;
}

#current-day td {color: #ffffff;text-shadow: none;}

#closed-day {
 color: #f5f3f5;
}





/* SIDEBAR, BLOG PAGE, BLOG POST STYLES */
.et_pb_sidebar_0 h4.widgettitle {
   position: relative;
   margin-bottom: 10px;
   line-height: 1.2;
   border-bottom: 1px solid #d22b1b;
   text-align: center;
   font-size: 26px !important;
   color: #1c1c1c;
   font-weight: 600;
}
#sidebar h4.widgettitle {
   font-size: 26px;
   font-weight: 400;
   color: #062d5b;
   position: relative;
   margin-bottom: 10px;
   line-height: 1.2;
   text-align: center;
   border-bottom: 1px solid #062d5b;
}
.et_pb_sidebar_0 .textwidget {
   text-align: center;
}
#sidebar .textwidget {
   text-align: center;
}
.single-post div#main-content, .blog div#main-content {
   background-color: #ffffff;
   min-height: 50vh;
}
.single-post .et_pb_post .entry-content {
   text-align: justify;
}
#left-area .post-meta a {
   color: #16bae1;
}
#left-area .post-meta {
   text-align: center;
}
.blog .et_pb_post {
   text-align: justify;
}
/* reviews */
.testimonials-slider .item:before {
 display:none !important;
}
.testimonials-slider .item span {
  position: initial;
  color: #ffffff;
  bottom: 10px;
  right: 10px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
}
.testimonials-slider .owl-stage {
 background:#d22b1b !important;
  display: flex;
  align-items: center;
}
.testimonials-slider .external-reviews-holder {
  z-index: 99;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 20px 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.testimonials-slider .external-review-content {
  width:100%;
}
.testimonials-slider .sliding-review-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.testimonials-slider .review-origin-brand {
  background: #fff;
  padding: 10px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 20px;
  left: 10px;
}
.testimonials-slider .review-origin-brand img {
  margin: 0;
  height: 35px;
  object-fit: contain;
}
.testimonials-slider .external-review-title {
  text-align: center;
  font-size: 20px !important;
  color: #1c1c1c;
  font-weight: 400;
  line-height: 1.1em;
  margin-top: 20px;
  text-transform: uppercase;
}
.testimonials-slider .external-review-credentials {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  color: #1c1c1c;
}
.testimonials-slider .external-review-author {
  margin: 0 5px;
  font-weight:400;
}

.testimonials-slider .external-review-date {
  margin: 0 5px;
}
.testimonials-slider .external-review-text {
  overflow: hidden;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin: 10px auto;
  text-align: center;
  padding: 0;
  width: 95%;
 font-style:italic;
  color: #1c1c1c;
  font-weight: 400;
  position: relative;
}
.testimonials-slider a.add-reviews-link {
  color: #ed9e02;
  text-transform: uppercase;
  border-radius: 5em;
  font-size: 14px;
  font-weight: 400;
  margin-top: 20px;
  width: 200px;
  transition: 0.3s ease-out;
  display: block;
}

.testimonials-slider div#external-reviews {
  padding: 0 !important;
  background: #d22b1b;
}

.testimonials-slider  div#external-reviews .et_pb_row {
  padding: 0 !important;
}
.testimonials-slider .static-external-review-container {
width: 100%;
display: flex;
justify-content: center;
}
.testimonials-slider .static-external-review-container .external-reviews-holder {
  min-height: 380px;
  justify-content: flex-end;
}
@media (min-width: 981px) {
.testimonials-slider .static-external-review-holder {
  display: flex;
  position: relative;
  justify-content: center;
}
.testimonials-slider .static-external-review-container {
  width: 50%;

}
.testimonials-slider .static-external-review-container .external-reviews-holder {
      min-height: 420px;
      justify-content: center;
  }

.testimonials-slider .review-origin-brand {
   position: absolute;
}
}
/* end reviews */
/* add buttons*/
.booking-button-switch {
display:none !Important;
}
.slider-button {
  display:flex;
  align-items:center;
  justify-content:center;
 flex-direction:column;
}
.button-quote-header {
  text-align: center;
  padding: 10px 0;
  background: #d22b1b;
}
.top_button {
  position: relative;
  display: inline-block;
  background-color: #1c1c1c;
  font-weight: 500 !important;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
  text-transform: capitalize;
  text-shadow: none;
  color: #fff;
  padding: 6px 13px;
  transition: 0.3s ease-in-out;
  font-size: 16px;
  border-radius: 30px;
}
.top_button:hover {
  color:#fff;
}
.top_button .fa {
  top:0px !important;
  left:0px !important;
  height:0px !important;
  color:#fff !important;
  padding: 5px 5px 5px 0px !important;
}
.floating-estimate-btn {
  text-align: center;
  padding: 5px 15px 3px;
  background-color: #d22b1b;
  color: #1c1c1c !important;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border: 3px solid #1c1c1c;
  border-left: 0px;
  font-size: 16px;
  z-index: 999999;
  font-weight: 500;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
  position: fixed;
  bottom: 50px;
  text-transform: capitalize;
  width: 190px;
}
#main-footer .listing-rev-btn {
  display: flex;
  align-items: center;
  position: fixed;
  padding: 5px 15px 3px;
  border: 3px solid #ffffff;
  border-left: 0px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  bottom:0px;
  background: #d22b1b;
  color: #ffffff;
  text-transform: capitalize;
  font-size: 16px;
  justify-content: center;
  width: 190px;
  z-index: 9999;
  font-weight: 500;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
}
#main-footer .listing-rev-btn img {
display:none;
}
#main-footer .listing-rev-btn .fa {
  display: block;
  margin-right: 5px;
  color: #ffffff;
  position: relative;
  bottom: 2px;
}
/* end add buttons */

@media screen and (min-width:601px) {
.slider-button .booking-button-switch {
margin-left:15px;
}
 .slider-button {
    flex-direction:row;
}
}
/*MEDIA QUERIES*/
@media only screen and (min-width: 600px) {

.srvElement:nth-child(odd) {
  margin-left: 0;
  margin-right: auto;
}

.srvElement:nth-child(even) {
  margin-left: auto;
  margin-right: 0;
}

.srvElementImg {
  height: 240px;
}

     .homepage-services #servcss {
       column-count: 2;
       -webkit-column-count: 2;
       -moz-column-count: 2;
       margin: 0 auto;
       width: auto;
       column-gap: 25px;
  }
   .homepage-services li {
       text-align: left;
  }
}

@media screen and (max-width: 981px) {

  /* ADDITIONAL STYLES FOR MOB. RES. */
   .et_pb_sidebar_0 .et_pb_widget {
       width: 100%;
  }
   .footer-widget:nth-child(n) {
       width: 100% !important;
       text-align: center;
       margin: 0px !important;
  }
   .et_pb_text {
       text-align: center !important;
  }
   #footer-widgets .footer-widget .fwidget {
       width: 100% !important;
       margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 981px) {
  /*HEADER STYLES*/

.add-info-block {
  top: 25vh;
}
.estimate-btn {
  display: flex;
  justify-content: flex-end;
  width: 25% !important;
}

.logo_container {
  width: 25% !important;
}
div#et-top-navigation {
  width: 55%;
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.estimate-btn a {
  background: #d22b1b;
  color: #ffffff;
  line-height: 1;
  border-radius: 30px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  font-weight: 500;
  font-size: 14px;
  filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  font-family: 'Changa', sans-serif;
}
.estimate-btn a:hover {background: #d22b1b;color: #fff;box-shadow: 0 0 10px #d22b1b;}
   nav#top-menu-nav ul#top-menu li a{
       padding-top: 15px !important;
       padding-bottom: 15px !important;
       font-weight: 500;
       color: #ffffff !important;
       text-transform: capitalize;
       filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  }
   #top-menu .menu-item-has-children>a:first-child:after {
       top: 14px;
       color: #d22b1b;
  }
   nav#top-menu-nav ul#top-menu .current-menu-item a{
       color: #ee3321!important;
  }
   nav#top-menu-nav ul#top-menu li {
       padding-left: 8px;
       padding-right: 5px !important;
  }
nav#top-menu-nav ul#top-menu li:not(:last-child):after {
 content: '\f111';
 position: absolute;
 font-family: 'FontAwesome';
 font-size: 5px;
 color: #d22b1b;
 right: -3px;
 top: 15px;
}
  nav#top-menu-nav ul#top-menu li:last-child {
  padding-right: 0 !important;
}

   nav#top-menu-nav ul#top-menu .current-menu-item {
  }

nav#top-menu-nav ul#top-menu li:last-child.current-menu-item {
  padding-right: 11px !important;
}
  nav#top-menu-nav ul#top-menu .current-menu-item a:after {
     color: #d9b6c6 !important;
    }
   ul.sub-menu {
       filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
       top: 44px;
       background-color: #1c1c1c !important;
       border-color: #d22b1b !important;
  }
ul.sub-menu li ul {
 top: -10px;
}
   nav#top-menu-nav #top-menu ul.sub-menu a {
       color: #fff !important;
       position: relative;
       padding: 6px 6px 6px 16px !important;
       line-height: 1.2;
       filter: drop-shadow(0px 1px 1px #210124);
  }
   #top-menu-nav ul.sub-menu a:before {
       content: '\f149';
       position: absolute;
       left: 0;
       font-family: 'FontAwesome';
       -webkit-transform: scaleX(-1) rotate(90deg);
       transform: scaleX(-1) rotate(90deg);
       color: #f44336;
  }
  #top-menu-nav ul.sub-menu a:after {
     color: #fff !important;
    }
   ul.sub-menu li {
       padding: 0 10px !important;
       width: 100%;
  }
   ul.sub-menu li a {
       padding: 5px 0px !important;
       width: 100% !important;
  }
  /*END HEADER STYLES*/
  /*PAGE STYLES*/

     section.et_pb_module.et_pb_fullwidth_header.et_pb_fullwidth_header_0.et_pb_text_align_center.et_pb_bg_layout_dark.et_pb_fullscreen {
       max-height: 1200px !important;
       min-height: 600px !important;
       height: calc(100vh - 127px) !important;
       background-position: center;
       background-position-y: 45%;
  }
   .et_pb_fullscreen .et_pb_fullwidth_header_container {
       max-height: 1200px !important;
       min-height: 600px !important;
       height: calc(100vh - 127px) !important;
       max-width: 95%;
  }
.header-title {
  font-size: 40px;
  line-height: 1.2;
}
.entry-title {
 text-align: left;
}
.home .entry-title {
 font-size: 32px !important;
}

  /* BADGES STYLE DESKTOP*/
  
  /* FIRST PARAGRAPH STYLE DESKTOP*/
div#home-title-block-container-firstpar:before {
  height: 100%;
  left: -25%;
}

div#home-title-block-img-col span {
  width: 95% !important;
  height: 55vw;
  max-height: 600px;
}


  /* SERVICES STYLE DESKTOP*/
 
.srvBlockTitle {
  text-align: left;
}

.srvElement {
  width: 90%;
  max-width: 100%;
  min-height: 260px;
  margin: 150px auto;
}

.srvElement:nth-child(odd) {
  flex-direction: row;
}

.srvElement:nth-child(even) {
  flex-direction: row-reverse;
}

.srvElementImg {
  width: 40%;
  position: absolute;
  margin-bottom: auto;
  top: -101px;
}

.srvElementBody {
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}

.srvElementHeader {
  width: 60%;
}

.srvElementContent {
  width: 60%;
}

.srvElement:nth-child(odd) .srvElementHeader, .srvElement:nth-child(odd) .srvElementContent {
  margin-left: auto;
}

.srvElement:nth-child(even) .srvElementHeader, .srvElement:nth-child(even) .srvElementContent {
  margin-right: auto;
}

.srvElementBody img {
  top: 150px;
}

.srvElement:nth-child(odd) .srvElementBody img {
  right: auto;
  left: 10px;
}

.srvElement:nth-child(even) .srvElementBody img {
  left: auto;
  right: 10px;
}

.srvElement:nth-child(odd) .srvElementBody:before {
  right: -18%;
  left: auto;
}

.srvElement:nth-child(even) .srvElementBody:before {
  left: -18%;
}

   /* CONTENT SECTION DESKTOP */

div#nap-section {
  padding-bottom: 60px;
}

div#content-dark-section:before {
  height: calc(100% - 30px);
  left: -25%;
}

div#content-img-col  span {
  width: 95% !important;
  height: 55vw;
  max-height: 600px;
}

div#content-text-col {
  margin-bottom: 30px !important;
  padding-right: 0;
}

  /* CONTACT SECTION DESKTOP */

  
.contact-form-holder {
  display: flex;
}

.contact-form-heading {
  width: calc(100% - 640px);
  position: absolute;
  height: 100%;
  top: -30px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.contact-form-block {
  max-width: 640px;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

div#contact-section {
  max-width: 740px;
  padding-left: 150px;
  padding-right: 120px;
  margin-bottom: -30px;
 margin-left: auto;
}
   
  /* TESTIMONIALS SECTION DESKTOP */
div#testimonials-block {
  max-width: 100%;
}
div#testimonials-block:before {
     content: '';
     position: absolute;
     height: 100%;
     background: #1c1c1c;
     right: 0;
     min-width: 2.5vw;
     width: calc(100vw - 52.5%);
     max-width: calc(50vw - 540px);
}
div#testimonials-block .et_pb_module {
  height: 100%;
}

div#testimonials-block .et_pb_code_inner {
  height: 100%;
}

.owl-carousel {
  height: 100%;
}

.owl-carousel .owl-stage-outer {
  height: 100%;
}

.owl-stage {
  height: 100%;
}

div#testimonials-review-block {
  width: calc(50vw - 2.5%);
  max-width: 540px;
  padding: 70px 25px;
}
  /* SERVICES LIST SECTION DESKTOP */

  /* FOOTER STYLES DESKTOP */
    .footer-widget .et_pb_widget {
    width: 100%;
    margin-bottom: 0 !important;
 }

 .paymentsbox {
    justify-content: flex-start;
 }

 div#social-icons {
    text-align: left;
 }

 .footer-widget h4 {
    text-align: left;
 }

 #footer-widgets {
    padding-top: 20px;
 }

  /* SIDEBAR, BLOG, BLOGPOST STYLES DESKTOP */
   .et_pb_sidebar_0 h4.widgettitle {
       text-align: left;
  }
   #sidebar h4.widgettitle {
       text-align: left;
  }
   .et_pb_sidebar_0 .textwidget {
       text-align: left !important;
  }
   #sidebar .textwidget {
       text-align: left;
  }
   .et_pb_sidebar_0.et_pb_widget_area_right {
       border-left: 1px solid rgb(44 57 65 / 20%);
  }
   #left-area .post-meta {
       text-align: left;
  }
   #main-content .container:before {
       background-color: rgb(6 45 91 / 20%);
  }
}
/***** TESTIMONIALS FORM *****/
.wpcr3_respond_2 input[type="text"] {
   margin: 3px 0;
}
.wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
   background: #ffffff !important;
   color: #000 !important;
   border-color: #000 !important;
}
.wpcr3_respond_2 input[type="text"]:focus, .wpcr3_in_content textarea:focus {
   color: #fff;
   border-color: #ffffff;
}
.wpcr3_table_2 td {
   font-size: 1em !important;
}
.wpcr3_leave_text {
   font-size: 1.1em;
}
.wpcr3_leave_text {
   margin-bottom: 20px;
}
.wpcr3_button_1 {
   margin-top: 10px;
   background: #000000;
   color: #fff;
}
@media (min-width: 981px) {
   .wpcr3_respond_2 input[type="text"], .wpcr3_respond_2 textarea {
       min-width: 100%;
  }
   .wpcr3_table_2 td {
       text-align: left !important;
  }
   .wpcr3_review_form_rating_field label {
       margin: 6px 0 !important;
  }
}
@media (max-width: 980px) {
   .wpcr3_respond_3, .wpcr3_aggregateRating, .wpcr3_table_2 td {
       text-align: center !important;
  }
   .wpcr3_div_2 {
       width: 100%;
  }
   .wpcr3_table_2 tr:last-of-type td {
       margin: 20px auto 0 !important;
  }
   .wpcr3_table_2 td {
       display: block;
       padding: 0 !important;
  }
   .wpcr3_table_2 td:first-child {
       margin-top: 10px !important;
  }
   .wpcr3_rating_style1_status {
       width: 85px !important;
  }
   .wpcr3_respond_2 input[type="text"], .wpcr3_in_content textarea {
       width: 100% !important;
       min-width: unset !important;
  }
   .wpcr3_submit_btn, .wpcr3_cancel_btn {
       width: 40%;
  }
}

/* Header h1 */
.homepage-header-content h1 {
      color: white !important;
      font-size: 35px;
      line-height: 1.2;
      text-shadow: 1px 1px 5px black;
      filter: drop-shadow(1px 1px 6px #000);
}


/* Footer CSS */
#footer-widgets .footer-widget a {
      background-color: unset !important;
}

#footer-widgets .footer-widget .social-icon {
      /* color: #000000 !important; */
      /* background-color: #000000 !important; */
      /* filter: invert(1) grayscale(1) brightness(1.0); */
}

#footer-widgets .footer-widget li:before {
  top: 10px;
  border-color: #d22b1b;
}

.et_pb_widget li {
  list-style: none !important;
}

div#content-dark-section h2 {
  color: white !important;
}

#home-title-block-container-firstpar h2 {
  color: white !important;
}

.about-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.badges-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.testimonials-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.nap-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.contact-section-title-heading {
  margin-bottom: 10px;
  color: #ffffff !important;
  font-weight: 600;
  font-family: 'Changa', sans-serif;
  font-size: 17px;
}

.services-section-title-heading {
    color: #ee3321 !important;
}

/*CODES FOR SP & BLOGPOST*/
.single-post h2 {
    text-align: left;
    font-size: 25px;
    line-height: 1.3em;
    margin-bottom: 10px;
    font-weight: 700;
}
#left-area p, #left-area ol, #left-area ul {
    text-align: justify;
}
.post-content p {
    text-align: justify !important;
}  
@media (max-width: 980px) {
    #left-area .post-meta {
    text-align: center;
}
}
#main-content .container h2 {
    font-size: 24px !important;
    font-weight: 700;
}

@media (max-width: 980px) {
    .et_right_sidebar #sidebar {
        margin-left: 0;
        border-left: none;
        margin-top: 30px!important;
    }
}

@media(max-width: 1024px) and (min-width: 1024px){
	        div#et-top-navigation {
        width: 65%!important;
		margin-left: 20px!important;		
}
	    nav#top-menu-nav ul#top-menu li {
        padding-left: 6px;
        padding-right: 5px !important;
        margin-top: 5px;
    }
}