body {
  font-family: "ProductSans",sans-serif !important;
}

@font-face {
  font-family: "ProductSans";
  src: url(../fonts/ProductSans-Light.eot?96f40397d4c517c64deebe7ba1bbfd28);
  src: url(../fonts/ProductSans-Light.eot?96f40397d4c517c64deebe7ba1bbfd28) format("embedded-opentype"), url(../fonts/ProductSans-Light.svg?d584133c177cf003b464ec308d39850d) format("svg"), url(../fonts/ProductSans-Light.ttf?5ea2ab343da06f7eb96ea959895665ea) format("truetype"), url(../fonts/ProductSans-Light.woff?3015e92479c1fcc05bf6dfddc9da02da) format("woff"), url(../fonts/ProductSans-Light.woff2?492b4b004721cf6b68065c5fb7106ada) format("woff2");
  font-weight: 300;
  font-display: block;
}

@font-face {
  font-family: "ProductSans";
  src: url(../fonts/ProductSans-Regular.eot?5b506fd8eb70e0db7ba33f4d4c127d17);
  src: url(../fonts/ProductSans-Regular.eot?5b506fd8eb70e0db7ba33f4d4c127d17) format("embedded-opentype"), url(../fonts/ProductSans-Regular.svg?4895ccce65e8bcc9bb358fac20a6a006) format("svg"), url(../fonts/ProductSans-Regular.ttf?b61c0ab33a818a0162f3e868babcef4b) format("truetype"), url(../fonts/ProductSans-Regular.woff?2b4013279100a58542299cc0b2339f6a) format("woff"), url(../fonts/ProductSans-Regular.woff2?aac9728b87dedec40676e6cfcc18ba89) format("woff2");
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "ProductSans";
  src: url(../fonts/ProductSans-Medium.eot?146b44aebfa0a984c38d3bc2787e4e57);
  src: url(../fonts/ProductSans-Medium.eot?146b44aebfa0a984c38d3bc2787e4e57) format("embedded-opentype"), url(../fonts/ProductSans-Medium.svg?d81f020f882e16f82daededfa7e8477d) format("svg"), url(../fonts/ProductSans-Medium.ttf?9c51beb79b8ab173abd924ce39178f0b) format("truetype"), url(../fonts/ProductSans-Medium.woff?1e6e438cc077079206e3e9af44c10fce) format("woff"), url(../fonts/ProductSans-Medium.woff2?a79467a5c58f4ce3da19bafea4dbc87a) format("woff2");
  font-weight: 500;
  font-display: block;
}

@font-face {
  font-family: "ProductSans";
  src: url(../fonts/ProductSans-Bold.eot?a3cb8f270263adcd32a83c5d751b3f75);
  src: url(../fonts/ProductSans-Bold.eot?a3cb8f270263adcd32a83c5d751b3f75) format("embedded-opentype"), url(../fonts/ProductSans-Bold.svg?c4569b5ec8869cf30f499ee1d3d61aef) format("svg"), url(../fonts/ProductSans-Bold.ttf?a19a7b108b2e3961fc855c6ea5a6546f) format("truetype"), url(../fonts/ProductSans-Bold.woff?83e8f35b9d7f2a778389bd07472b9a3a) format("woff"), url(../fonts/ProductSans-Bold.woff2?0237581743df2314b6556b40b38f7eff) format("woff2");
  font-weight: bold;
  font-display: block;
}

@font-face {
  font-family: "ProductSans";
  src: url(../fonts/ProductSans-Black.eot?ba9d23c16405a6cddb8869b6ba8031dc);
  src: url(../fonts/ProductSans-Black.eot?ba9d23c16405a6cddb8869b6ba8031dc) format("embedded-opentype"), url(../fonts/ProductSans-Black.svg?81f851efa6cd702fb57c913c9107a85a) format("svg"), url(../fonts/ProductSans-Black.ttf?909eeb19f58cc8c0bc45422f2745cc8a) format("truetype"), url(../fonts/ProductSans-Black.woff?91530da55da7bfaa77574a2a5478ffd2) format("woff"), url(../fonts/ProductSans-Black.woff2?2ed5c3f8bac70bcb12838de713276cd0) format("woff2");
  font-weight: 800;
  font-display: block;
}

a {
  text-decoration: none !important;
}

.fs-10 {
  font-size: clamp(0.7rem, 0.7vw, 0.9rem) !important;
}

.fs-12 {
  font-size: clamp(0.8rem, 0.8vw, 1rem) !important;
}

.fs-14 {
  font-size: clamp(0.9rem, 0.9vw, 1.1rem) !important;
}

.fs-16 {
  font-size: clamp(1rem, 1vw, 1.2rem) !important;
}

.fs-18 {
  font-size: clamp(1rem, 1.25vw, 1.25rem) !important;
}

.fs-20 {
  font-size: clamp(1.1rem, 1.3vw, 1.3rem) !important;
}

.fs-23 {
  font-size: clamp(1.4rem, 1.5vw, 1.6rem) !important;
}

.fs-25 {
  font-size: clamp(1.4rem, 1.6vw, 1.7rem) !important;
}

.fs-28 {
  font-size: clamp(1.2rem, 1.8vw, 1.8rem) !important;
}

.fs-30 {
  font-size: clamp(1.5rem, 2vw, 1.9rem) !important;
}

.fs-35 {
  font-size: clamp(1.9rem, 2.5vw, 2.2rem) !important;
}

.fs-40 {
  font-size: clamp(2rem, 2.6vw, 2.7rem) !important;
}

.fs-45 {
  font-size: clamp(2rem, 3vw, 3rem) !important;
}

.fs-50 {
  font-size: clamp(2.5rem, 4vw, 4rem) !important;
}

.fs-09 {
  font-size: 0.9375rem !important;
}

.fs-08 {
  font-size: 0.875rem !important;
}

.fs-07 {
  font-size: 0.75rem !important;
}

.fs-1em {
  font-size: 1em !important;
}

.letter-space-1 {
  letter-spacing: 4px;
}

.bg-theme {
  background-color: #ED4E09;
}

.text-theme {
  color: #ED4E09;
}

.bg-brown {
  background-color: #2B2424;
}

.text-brown {
  color: #2B2424;
}

.bg-brown-light {
  background-color: #463939;
}

.text-brown-light {
  color: #463939;
}

.bg-brown-dark {
  background-color: #0D0D0D;
}

.text-brown-dark {
  color: #0D0D0D;
}

.text-white {
  color: #FFFFFF;
}

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

.position-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.text-justify {
  text-align: justify !important;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}

.z-n3 {
  z-index: -3 !important;
}

.z-n2 {
  z-index: -2 !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-9 {
  z-index: 9 !important;
}

.z-10 {
  z-index: 10 !important;
}

.z-99 {
  z-index: 99 !important;
}

.z-100 {
  z-index: 100 !important;
}

.z-999 {
  z-index: 999 !important;
}

.z-1000 {
  z-index: 1000 !important;
}

.img-contain img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.img-cover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.inset-0 {
  inset: 0;
}

.fw-500 {
  font-weight: 500;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.banner .banner-content {
  width: 100%;
  height: 80vh;
  position: relative;
  overflow-y: hidden;
  margin-top: 80px;
}

@media screen and (max-width: 991px) {
  .banner .banner-content {
    height: 50vh;
  }
}

@media screen and (max-width: 767px) {
  .banner .banner-content {
    height: 40vh;
  }
}

.banner .banner-content .banner-img {
  position: absolute;
  inset: 0;
  background-color: #000000b0;
}

.banner .banner-content img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom;
     object-position: bottom;
}

.banner .banner-content .banner-para .making {
  letter-spacing: 2px;
}

.banner .banner-content .banner-para .making::after {
  content: "";
  width: 30%;
  height: 10px;
  display: inline-block;
  position: absolute;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  bottom: -25px;
}

.gofer-start {
  background-color: #463939;
}

@media screen and (min-width: 767px) {
  .gofer-start .gofer-start-content {
    margin-inline: 5%;
  }
}

@media screen and (min-width: 1200px) {
  .gofer-start .gofer-start-content {
    margin-inline: 10%;
  }
}

.gofer-start .gofer-start-content .gofer-para {
  line-height: 50px;
}

@media screen and (max-width: 776px) {
  .gofer-start .gofer-start-content .gofer-para {
    line-height: 35px;
  }
}

.gofer-start .service_banner {
  height: 650px;
}

@media screen and (max-width: 991px) {
  .gofer-start .service_banner {
    height: 470px;
    margin-top: 0px;
  }
}

.gofer-start .app_img a {
  display: inline-block;
  width: 85%;
}

@media screen and (max-width: 991px) {
  .gofer-start .app_img a {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .gofer-start .app_img a {
    width: 90%;
  }
}

.cls_header .navbar {
  background-color: #0D0D0D !important;
  box-shadow: 0px 2px 10px #00000014;
  padding: 15px 60px 15px 60px !important;
}

.cls_header .navbar li .sign_btns_bg {
  border-radius: 5px;
  font-weight: 600;
  background-color: #ED4E09;
  color: #FFFFFF;
  border-radius: 30px;
  padding-block: 10px;
  font-size: 18px;
}

@media screen and (max-width: 991px) {
  .cls_header .navbar li .sign_btns_bg {
    border-radius: 10px;
    padding-block: 7px;
  }
}

@media screen and (max-width: 991px) {
  .cls_header .navbar {
    padding-inline: 10px !important;
  }
}

.cls_header .download_content h4 {
  line-height: 45px;
}

footer {
  padding: 0;
}

footer .form-control {
  background-color: #1E1818;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

footer .form-control:focus {
  background-color: #2B2424;
  color: #FFFFFF;
  border-color: #FFFFFF;
}

footer .cls_footer {
  color: #FFFFFF;
  background-color: #2B2424;
  box-shadow: 0px -1px 2px #f5f5f514;
  padding: 40px 10px;
}

footer a,
footer i,
footer p {
  color: #FFFFFF !important;
}

footer .down-arrow::after {
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}

.towing {
  background-color: #2B2424;
}

.towing .towing-btn {
  height: 100px;
}

.towing .towing-btn .btn {
  font-weight: 600;
  background-color: #ED4E09;
  color: #FFFFFF;
  border-radius: 32px;
  padding-block: 12px;
  font-size: 18px;
  padding: 10px 30px;
}

@media screen and (max-width: 767px) {
  .towing .towing-btn {
    height: 70px;
  }
}

@media screen and (min-width: 767px) {
  .towing .towing-content {
    margin-inline: 5%;
  }
}

@media screen and (min-width: 1200px) {
  .towing .towing-content {
    margin-inline: 10%;
  }
}

.towing .towing-content-img .towing-img .img {
  position: relative;
  height: 370px;
  border-radius: 20px;
  overflow: hidden;
}

.towing .towing-content-img .towing-img:hover .towing-para p {
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .towing .towing-content-img .towing-img:hover .towing-para p {
    font-size: 2.4rem;
  }
}

.towing .towing-content-img .towing-para {
  position: absolute;
  color: #FFFFFF;
  bottom: 25px;
  left: 35px;
  z-index: 3;
}

.towing .towing-content-img .towing-para p {
  font-size: 2rem;
  transition: 0.3s;
}

@media screen and (max-width: 767px) {
  .towing .towing-content-img .towing-para p {
    font-size: 1.7rem;
  }
}

.towing .towing-content-img .towing-para-2 {
  position: absolute;
  color: #FFFFFF;
  top: 40px;
  left: 40px;
  right: 40px;
}

@media screen and (max-width: 991px) {
  .towing .towing-content-img .towing-para-2 {
    top: 80px;
    left: 30px;
    right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .towing .towing-content-img .towing-para-2 {
    top: 60px;
    left: 20px;
    right: 20px;
  }
}

.towing .towing-content-img .bg-mask {
  position: relative;
  height: 370px;
  min-height: 370px;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  border-radius: 30px;
  background-repeat: no-repeat;
}

.towing .towing-content-img .mask-black {
  background-image: url(../images/background-theme.webp?541a2e8d41185498d12f901acb2f5060), linear-gradient(0deg, #000000e8 9%, #00000061 77%);
}

.towing .towing-content-img .mask-orange {
  background: url(../images/background-theme.webp?541a2e8d41185498d12f901acb2f5060), linear-gradient(0deg, #ED4E09 7%, #ED4E09 85%);
}

.towing .towing-content-img .mask-gray {
  background-image: url(../images/background-theme.webp?541a2e8d41185498d12f901acb2f5060), linear-gradient(0deg, #423c3ce8 9%, #857b7b61 77%);
}

.towing .towing-content-img .img-accident {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  transition: 0.5s ease-in-out;
}

.towing .towing-content-img .img-accident::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #00000036;
  transition: all 1s ease;
  z-index: 1;
}

.towing .towing-content-img .img-accident::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: all 1s ease;
  background: linear-gradient(0deg, #000000e8 9%, #00000061 77%);
  opacity: 0;
}

.towing .towing-content-img .img-accident:hover {
  transition: 0.5s ease-in-out;
}

.towing .towing-content-img .img-accident:hover:after {
  content: '';
  opacity: 1;
}

.towing .towing-content-img .img-orange {
  position: relative;
  overflow: hidden;
  border-radius: 30px;
  transition: 0.5s ease-in-out;
}

.towing .towing-content-img .img-orange::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: #e5591391;
  transition: all 1s ease;
  z-index: 1;
}

.towing .towing-content-img .img-orange::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: all 1s ease;
  background: linear-gradient(0deg, #e55913e0 7%, #e5591334 85%);
  opacity: 0;
}

.towing .towing-content-img .img-orange:hover {
  transition: 0.5s ease-in-out;
}

.towing .towing-content-img .img-orange:hover::before {
  opacity: 0.3;
}

.towing .towing-content-img .img-orange:hover:after {
  content: '';
  opacity: 1;
}

.center-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
}

.gofer ~ footer {
  margin-top: 0 !important;
}