/* Basic styles */
:root {scroll-behavior: unset;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*, ::before, ::after { box-sizing:border-box; -webkit-box-sizing:border-box; }
html { 
    overflow:hidden; 
    overflow-y:auto; 
}
body { 
    font-size:16px; 
    line-height: normal; 
    font-family: 'PT Sans', sans-serif;
    color:#393A3C; 
    font-weight:400; 
    margin:0; 
    padding:0; 
    background: #FFFFFF;
}
article, aside, details, figcaption, figure, footer, header, nav, section, summary { 
    display: block; 
}
audio, canvas, video { 
    display: inline-block; 
}
html, button, input, select, textarea {
  font-family: 'PT Sans', sans-serif;
}
input:focus, textarea:focus, select:focus {
  border-color:#E23C2B;
}
input, textarea {
  padding:10px 18px;
}
select {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-position:right center;
  background-image:url(../images/icon_down.svg) !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  line-height:1.2;
  text-indent:0.01px;
  text-overflow: '';
  cursor:pointer;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance:none;
  appearance: none;
}
iframe {
  border:0;
  width:100%;
  border-radius: 0;
}
a {
  display: block;
  color:#6D828E;
  text-decoration:none;
}
a:focus {
  outline:none;
}
a:active, a:hover {
  color:#E23C2B;
  outline:0;
}
a:hover, a:focus {
  opacity:1;
}
a:hover {
  text-decoration:none;
}
svg:not(:root) {
  overflow:hidden;
}
ol, ul {
  padding:0;
  margin:0;
}
/* =======================
    wpbackery element css
==========================*/
.wpb_content_element {
  margin-bottom: 0;
}
.vc_section {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li,#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child{
  margin-bottom: 0 !important;
}
.vc_column_container>.vc_column-inner{
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading{
  background-color: transparent !important;
  border: 0;
}
.vc_row{
  margin-left: auto !important;
  margin-right: auto !important;
}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner{
  padding-top: 0 !important;
}
/* Typography */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a { 
  color:inherit; 
  text-decoration:none; 
  font-weight:inherit; 
}
h1, .heading-one,
h2, .heading-two,
h3, .heading-three,
h4, .heading-four,
h5, .heading-five,
h6, .heading-six,
address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr { 
  margin: 0 0 16px 0; 
}
.heading-one, .heading-two, .heading-three, .heading-four, .heading-five, .heading-six {
  display: block;
  color: #000000;
  font-weight: 700;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.heading-one { 
  font-size: 60px;
  line-height: 70px;
}
.heading-two{ 
  font-size: 36px;
  line-height: 54px;
  text-transform: inherit;
}
.heading-three {
  font-size: 24px;
  line-height: 36px;
}
.heading-four {
  font-size: 22px;
  line-height: 24px;
}
.heading-five {
  font-size: 20px;
  line-height: 27px;
}
.heading-six {
  font-size: 18px;
  line-height: 28px;
}
img { 
  max-width:100%;
  display: inline-block;
}
p { 
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color:#393A3C;
}
p:last-child {
  margin-bottom:0;
}
hr {
  margin:20px 0;
  border:0;
  border-bottom:1px solid #e8e9eb;
}
/* Website 2 */
.site-content {
  padding-top: 0;
}
.container {
    padding: 0;
    margin: 0 auto;
    max-width: 1140px;
}
/* Button */
.solid-button {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  padding: 12px 16px;
  cursor: pointer;
  background: #E23C2B;
  color: #fff;
  transition: all 0.3s;
  z-index: 0;
  border: none;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.solid-button:hover{
  transition: all 0.3s;
  color: #fff;
  background: linear-gradient(90deg, #696EFF 0%, #F8ACFF 100%);;
}

/* Spacing Style */
.py-100 {padding-top: 100px;padding-bottom: 100px;}
.pt-100 {padding-top: 100px;}
.mb-40{margin-bottom: 40px;}
.pb-100{padding-bottom: 100px;}
.pb-60{padding-bottom: 60px;}
.pt-40{padding-top: 40px;}
.pb-40{padding-bottom: 40px;}
.mb-24{margin-bottom: 24px;}
/* End Spacing Style */

/* Header */
.site-header {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  background: transparent;
}
.site-header.sticky {
  box-shadow: 0px 15px 20px rgb(51 51 51 / 6%);
  transition: all 0.1s linear 0s;
  background: #fff;
  position: fixed;
}
.top-header {
  background: #E23C2B;
  padding: 12px 0;
  text-align: center;
}
.top-header span {
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #FFFFFF;
  background: url(../images/icon_location.svg) no-repeat left center;
  background-size: 20px;
  padding-left: 34px;
  display: inline-block;
}
.header-right {
  display: flex;
  justify-content: flex-end;
}
.header-right .solid-button {
	background-color: #000000;
}
.header-right .solid-button:hover {
	background: #E23C2B;
}
.bottom-header {
  padding: 24px 0;
}

/* Banner */
.banner {
  position: relative;
  overflow: hidden;
  padding: 120px 0 222px;
}
.banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(146, 146, 146, 0.18) 17.07%, rgba(255, 255, 255, 0.67) 94.62%);
  opacity: 0.6;
}
.banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
}
.banner-content span {
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  color: #E23C2B;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: capitalize;
}
.banner-content h1 {
  margin-bottom: 24px;
}
.banner-content p {
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  color: #393A3C;
  max-width: 615px;
  margin: 0 auto;
}
/* End Banner */

/* Service Images */
.service-img {
  border-radius: 16px;
  overflow: hidden;
}
.service-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-images-col:nth-child(even) .service-img {
  margin-top: 36px;
}
section.services-images {
  margin-top: -150px;
  position: relative;
}
/* End Service Images */

/* Our Towing Services Includes */
.services-includes-outer {
  background: #E23C2B;
  border-radius: 32px;
  padding: 42px 60px
}
.services-includes-outer .section-heading .heading-two {
  max-width: 174px;
}
.service-includes-content {
  display: flex;
  align-items: flex-start;
  gap: 100px;
}
.service-includes-icon {
  background: #fff;
  width: 106px;
  height: 97px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  margin-bottom: 20px;
}
.service-includes-box .heading-four {
  line-height: 33px;
}
/* End Our Towing Services Includes */

/* We are Professional Towing Company */
.professional-company .section-heading p {
  max-width: 528px;
  margin: 0 auto;
}
.professional-company {
  margin-bottom: -27px;
}
.professional-service-box {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.professional-service-box:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.56);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
.professional-service-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.professional-service-box .heading-four {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
.professional-service-box:hover:before,
.professional-service-box:hover .heading-four {
  opacity: 1;
  visibility: visible;
  transition: 0.3s all;
}
/* End We are Professional Towing Company */

/* All towing services */
.all-towing-services {
  padding: 67px 0 44px;
  background: rgb(229 229 229 / 40%);
}
.additional-services-img {
  background: #D9D9D9;
  border-radius: 16px;
  overflow: hidden;
}
.additional-services-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.additional-service-cover {
  margin-top: 32px;
}
.additional-service-cover ul{
  margin: 0;
  list-style-type: none;
  column-count: 4;
}
.additional-service-cover ul li {
  position: relative;
  padding-left: 34px;
  background: url(../images/icon_check.svg) no-repeat left center;
  background-size: 18px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  color: #000000;
}
/* End All towing services */

/* Towing Company I’m a Great Place for You */
.why-towing p {
  max-width: 558px;
  margin: 0 auto;
}
.why-towing-box-outer p {
  line-height: 26px;
  color: #000000;
}
.why-towing-box-inner {
  display: flex;
  flex-direction: column;
}
.why-towing-box-inner-content {
  min-height: 324px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.why-towing-box-inner-img {
  margin-top: 32px;
  border-radius: 30px;
  overflow: hidden;
}
.why-towing-box-inner-img img {
  border-radius: 30px;
}
.why-towing-col:nth-child(even) .why-towing-box-inner {
  flex-direction: column-reverse;
}
.why-towing-col:nth-child(even) .why-towing-box-inner .why-towing-box-inner-img {
  margin-top: 0;
  margin-bottom: 32px;
}
.why-towing-box-inner-img.desktop-hide {
  display: none;
}
/* End Towing Company I’m a Great Place for You */

/* Why Choose Us */
.why-choose-us .section-heading p {
  max-width: 459px;
  margin: 0 auto;
}
.why-choose-us-cover {
  background: #E23C2B;
  box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  padding: 32px 28px 30px;
  text-align: center;
}
.why-choose-us-box-img {
  width: 80px;
  height: 80px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 24px;
}
.why-choose-us-cover .heading-five {
  margin-bottom: 6px;
}
.why-choose-us-cover p {
  line-height: 26px;
}
/* End Why Choose Us */

/*  What Client think of us  */
.what-client .section-heading p {
  max-width: 528px;
  margin: 0 auto;
}
.client-box {
  background: #F3F3F3;
  border-radius: 16px;
  padding: 24px 20px;
  text-align: center;
}
.client-img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  object-fit: cover;
  margin: 0 auto 20px;
  overflow: hidden;
}
.client-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.client-img:nth-child(1) {background: #c7b9d9;}
.client-img:nth-child(2) {background: #aa9c75;}
.client-img:nth-child(3) {background: #d4b5ad;}
.client-img:nth-child(4) {background: #bea887;}
.client-designation {
  display: block;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #393A3C;
  margin-bottom: 8px;
}
.client-box p {
  line-height: 24px;
  font-weight: 400;
  margin: 0;
}
/* End What Client think of us  */

/* Business Locations  */
.business-locations{
  padding: 63px 0 60px;
  position: relative;
}
.business-locations:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(243, 243, 243, 0.6);
  opacity: 0.6;
}
.business-locations .container {position: relative;z-index: 2;}
.business-locations .section-heading p{
  max-width: 506px;
  margin:  0 auto;
}
.business-location-list{
  margin: 0;
  list-style-type: none;
  max-height: 416px;
  overflow-y: auto;
  padding-right: 12px;
  scrollbar-color: rgb(49 35 92  / 70%);
  scrollbar-width: thin;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.business-location-list::-webkit-scrollbar{
  width: 4px;
  height: 4px; 
  border-radius: 30px;
}
.business-location-list::-webkit-scrollbar-thumb{
  background: rgb(49 35 92  / 70%);
  border-radius: 30px;
}
.business-location-list::-webkit-scrollbar-track{
  background: rgb(57 58 60 / 10%);
  border-radius: 30px;
}
/* Fire Fox */
.business-location-list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: rgb(57 58 60 / 10%);
  border-radius: 30px;
}
.business-location-list::-webkit-scrollbar-thumb {
  background-color: rgb(49 35 92  / 70%);
  border-radius: 30px;
}
/* End Fire Fox */
.business-location-list li {
  width: 50%;
  border-right: 1px solid #D9D9D9;
}
.business-location-list .location-box {
  border-top: 1px solid #D9D9D9;
  padding-top: 16px;
  padding-bottom: 16px;
}
.business-location-list li .location,
.business-location-list li .call{
  display: flex;
  align-items: flex-start;
  grid-gap: 12px;
  justify-content: flex-start;
}
.business-location-list li .location {
  margin-bottom: 12px;
}
.business-location-list li p,
.business-location-list li .call{
  margin: 0;
}
.business-location-list li .call:hover {
  fill: #E23C2B;
}
.business-location-list li .call:hover svg path {
  fill: #E23C2B;
  opacity: 1;
}
.business-location-list li:last-child {
  padding: 0;
}
.business-location-list li:nth-child(even) {
  border-right: 0;
}
.business-location-list li:nth-child(odd) .location-box {
  padding-right: 22px;
}
.business-location-list li:nth-child(even) .location-box {
  padding-left: 22px;
}
.business-location-list li:nth-child(1) .location-box, 
.business-location-list li:nth-child(2) .location-box {
  border-top: 0;
  padding-top: 0;
}
.business-location-list li .location p {
  min-height: 48px;
  padding: 0 30px 0 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}
.business-location-list li .location svg {
  flex-shrink: 0;
}
.business-location-list li .location svg, .business-location-list li .call svg {
  flex-shrink: 0;
  margin-top: 5px;
}
/* End Business Locations  */

/* Emergency Service  */
.emergency-service {
  position: relative;
  text-align: center;
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  padding: 119px 110px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.emergency-service::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  mix-blend-mode: normal;
  z-index: 0;
  opacity: 0.61;
}
.emergency-service-content {
  position: relative;
  z-index: 2;
}
.location {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.emergency-service .location {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 12px;
  margin: 0 0 16px;
}
.emergency-service .location svg path {
  fill: #fff;
  opacity: 1;
}
.emergency-service .location p {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
}
.emergency-service h2 {
  color: #fff;
  margin-bottom: 24px;
}
.emergency-service-content .solid-button {
  background: #fff;
  color: #000000;
}
.emergency-service-content .solid-button:hover {
  background: #000000;
  color: #fff;
}
/* End Emergency Service  */

/* Footer */
.site-footer {
  background: #E23C2B;
  padding: 14px 0;
}
.site-footer p {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  color: #FFFFFF;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-right: 50px;
}
.socialLinks {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0;
}
.socialLinks li {
  transition: 0.4s;
  margin: 0 27px 0 0;
  list-style: none;
}
.socialLinks li:last-child {
  margin-right: 0;
}
.socialLinks li a {
  display: block;
  transition: 0.4s;
  position: relative;
  top: 0;
}
.socialLinks li:hover a {
  top: -5px;
  transition: 0.4s;
}

.c-go-top {
  position: fixed;
  right: 40px;
  bottom: 60px;
  display: none;
  background-color: transparent;
  padding: 10px 12px;
  text-decoration: none;
  z-index: 999;
  border: 1px solid #E23C2B;
  border-radius: 8px;
  transition: all .4s;
}
.c-go-top svg path {
  fill: #E23C2B;
}
.c-go-top:hover {
  background-color: #E23C2B;
}
.c-go-top:hover svg path {
  fill: #fff;
}
/* End Footer */