@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;600;700&display=swap");

/* Global Style */

.overflow_hidden {
  overflow-x: hidden !important;
}

* {
  letter-spacing: 0.2px;
  font-family: "ClashDisplay";
}

:root {
  --theme-color: #ba252e;
  --navy_blue: #273687;
  --smoke_gray: #edeef3;
  --white: #fff;
  --black: #000;
  --light_gray: #96979c;
  --gray: #818287;
}

#myChart {
  width: 100% !important;
  height: 100% !important;
  background-color: var(--white);
  padding: 20px 0;
  border-radius: 10px;
}

.chart_img img {
  width: 70%;
}

.text-smoke_gray {
  color: var(--smoke_gray) !important;
}

.text-navy_blue {
  color: var(--navy_blue) !important;
}

.text-white {
  color: var(--white) !important;
}

.text-black {
  color: var(--black) !important;
}

.text-light_gray {
  color: var(--light_gray) !important;
}

.text-gray {
  color: var(--gray) !important;
}

.bg_smoke_gray {
  background: var(--smoke_gray);
}

.bg_service_page {
  /* background: red */
  padding: 80px 0 !important;
  background: #fafafa;
}

/* html,
body {
  overflow-x: hidden
} */

/* Common */
.h1 {
  font-size: 64px !important;
  font-weight: 600 !important;
  font-family: "ClashDisplaySemiBold" !important;
}

.h2 {
  font-size: 40px !important;
  font-weight: 600 !important;
  font-family: "ClashDisplaySemiBold" !important;
}

.h3 {
  font-size: 32px !important;
  font-weight: 600 !important;
  font-family: "ClashDisplaySemiBold" !important;
}

.h4 {
  font-size: 24px !important;
  font-weight: 500 !important;
  font-family: "ClashDisplayMedium" !important;
}

.h5 {
  font-size: 18px !important;
  font-weight: 600 !important;
  font-family: "ClashDisplaySemiBold" !important;
}

.h6 {
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "ClashDisplaySemiBold" !important;
}

.card_text {
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 22px !important;
  font-family: "Archivo" !important;
}

.body_text {
  font-size: 14px !important;
  line-height: 22px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
}

.p_bold {
  font-size: 12px !important;
  line-height: 17px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 500 !important;
}

.p {
  font-size: 14px !important;
  line-height: 22px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  color: #818287;
}

.label {
  font-size: 10px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  color: #96979c;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

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

.fw-600 {
  font-weight: 600 !important;
}

.space-pb-70 {
  padding: 0 0 70px !important;
}

.body {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}

.secondary-font {
  font-family: "Archivo" !important;
  color: #818287;
  font-weight: 500 !important;
}

.secondary-font-black {
  font-family: "Archivo" !important;
  color: black;
  font-weight: 500;
}

.mtb-10 {
  margin: 10px 0px !important;
}

.mtb-20 {
  margin: 20px 0px !important;
}

.mtb-30 {
  margin: 30px 0px !important;
}

.mtb-40 {
  margin: 40px 0px !important;
}

.mtb-50 {
  margin: 50px 0px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.common_input {
  width: 100% !important;
  border: none !important;
  outline: none !important;
  background-color: #edeef3 !important;
  height: 41px !important;
  font-family: "Archivo" !important;
  padding-left: 15px;
}

.common_input::placeholder {
  font-size: 10px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  color: #96979c;
}

.common_desc {
  color: #818287;
  font-weight: 500;
  font-family: "Archivo" !important;
}

/* Spacing */
.inner_spacing_10 {
  padding: 10px 0px;
}

.inner_spacing_20 {
  padding: 20px 0px;
}

.inner_spacing_30 {
  padding: 30px 0px;
}

.inner_spacing_40 {
  padding: 40px 0px;
}

.inner_spacing_50 {
  padding: 50px 0px;
}

.error {
  font-size: 12px !important;
  color: red;
}

/* Home Page Start */
.home_banner {
  background-image: url("../img/home_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
}

.home_banner .track_icon {
  width: 16px;
}

.banner_secondary_font {
  color: #edeef3;
}

.theme_color {
  color: var(--theme-color) !important;
}

.theme_button {
  background: #ba252e !important;
  outline: none !important;
  color: white !important;
  border-radius: 4px !important;
  font-family: "Archivo" !important;
  transition: all 0.3s linear;
  padding: 12px 28px 12px 28px !important;
  border: 1px solid transparent !important;
  font-size: 14px !important;

  /* width: 129px;
  height: 41px; */
}

.theme_button:hover {
  border: 1px solid var(--theme-color) !important;
  background: none !important;
  color: var(--theme-color) !important;
  transition: all 0.3s linear;
}

.transportation_btn {
  background: #ba252e !important;
  outline: none !important;
  color: white !important;
  border-radius: 4px !important;
  font-family: "ClashDisplay" !important;
  transition: all 0.3s linear;
  font-size: 14px !important;
}

.transportation_btn:hover {
  border: 1px solid var(--theme-color) !important;
  background: none !important;
  outline: none !important;
  color: var(--theme-color) !important;
  border-radius: 4px !important;
  transition: all 0.3s linear;
}

.theme-outline-btn {
  border: 1px solid var(--theme-color) !important;
  background: #ffffff !important;
  outline: none !important;
  color: var(--theme-color) !important;
  border-radius: 4px !important;
  font-size: 14px !important;
}

.theme-outline-btn:hover {
  background: #ba252e !important;
  border: 1px solid var(--theme-color) !important;
  color: white !important;
}

.outline_btn_white {
  border: 1px solid white !important;
  background: transparent !important;
  outline: none !important;
  color: white !important;
  border-radius: 4px !important;
  padding: 12px 28px 12px 28px !important;
  font-size: 14px !important;
}

.outline_btn_white:hover {
  background: transparent !important;
  border: 1px solid white !important;
  outline: none !important;
  color: white !important;
  border-radius: 4px !important;
  transition: all 0.1s linear;
}

.safety_banner .main_title {
  font-size: 40px;
}

.about_banner {
  min-height: 350px;
}

.about_banner .main_title {
  font-size: 40px;
}

.home_banner .main_title {
  font-size: 40px;
  white-space: nowrap;
}

/* .home_banner .banner_left {
  padding: 20px 40px !important;
} */

.home_banner .banner_right {
  width: 90% !important;
  margin-top: 180px !important;
}

.navbar .nav-item {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.navbar-nav .nav-link.active {
  color: var(--theme-color) !important;
}

.navbar-nav .nav-link {
  font-size: 14px;
  line-height: 17px;
  font-family: "Archivo" !important;
  font-weight: 500 !important;
  color: var(--black) !important;
}

.solution_transport {
  background: #edeef3;
}

.padding_part {
  padding-left: 60px !important;
}

.solution_transport .main_title {
  font-style: normal;
  font-weight: 600;
}

.solution_transport .desc {
  color: #818287;
  font-weight: 500;
  font-family: "Archivo" !important;
}

.solution_card .main_card {
  background-color: #ffffff;
  padding: 30px 6px;
  border-radius: 10px;
}

/* image with card */
.image_with_card .image_sec {
  border-radius: 10px;
  min-height: 250px;
}

.vision {
  margin-top: 30px;
}

/* Our services */
.our_services {

  background-color: #fafafa;
  padding: 60px 0px;
  background-image: url("../img/about-bg-gray-car.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 95%;
  padding: 80px 0px !important;

}

.our_services .main_card {
  background: #ffffff;
  border-radius: 10px;
}

.our_services .desc {
  /* font-size: 14px !important; */
  color: #818287;
  font-weight: 500;
  font-family: "Archivo" !important;
}

/* Everything need */
.everything_need {
  background-color: #fafafa;
  padding: 80px 0px;
  background-image: url("../img/everything_need_bg_3_svg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.everything_need .main_card {
  background: #ffffff;
  border-radius: 10px;
}

.everything_need .desc {
  color: #818287;
  font-weight: 500;
  font-family: "Archivo" !important;
}

/* Transportation */

.transportation {
  background: #edeef3;
  position: relative;
  /* display: inline-block; */
}

.transportation .truck_img {
  max-width: 100%;
  height: auto;
  margin-top: 5rem;
}

.transporation_btn_1 {
  position: absolute;
  top: 19%;
  left: 19%;
}

.transporation_btn_2 {
  position: absolute;
  top: 40%;
  left: 14%;
}

.transporation_btn_3 {
  position: absolute;
  top: 64%;
  left: 11%;
}

.transporation_btn_4 {
  position: absolute;
  top: 80%;
  left: 24%;
}

.transporation_btn_5 {
  position: absolute;
  top: 80%;
  left: 58%;
}

.transporation_btn_6 {
  position: absolute;
  top: 64%;
  left: 66%;
}

.transporation_btn_7 {
  position: absolute;
  top: 40%;
  left: 73%;
}

.transporation_btn_8 {
  position: absolute;
  top: 19%;
  left: 62%;
}

/* Our Trusted Partners */
.our_trusted_partner {
  background: #edeef3;
}

.scroll-parent {
  position: relative;
  width: 100vw;
  height: 110px;
  padding: 2rem 0;
  overflow-x: hidden;
}

.primary {
  animation: primary 6s linear infinite;
}

.scroll-element {
  width: inherit;
  height: inherit;
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.scroll-element img {
  width: 7% !important;
  background: white;
  padding: 26px 12px;
}

.logos {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  display: flex;
}

/* .logos:hover .logos-slide {
  animation-play-state: paused;
} */

.logos-slide {
  display: flex;
  animation: 40s slide_2 infinite linear;
}

.logos-slide img {
  margin: 0 10px;
  background: white;
  border-radius: 7px;
}

@keyframes slide_2 {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.logos_reverse {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  display: flex;
}

/* .logos:hover .logos-slide {
  animation-play-state: paused;
} */

.logos-slide-reverse {
  display: flex;
  animation: 40s slide infinite linear;
}

.custom-container {
  margin-right: auto !important;
  /* Same as container margin */
  margin-left: auto !important;
  /* Same as container margin */
  padding-right: 100px !important;
  /* Same as container gutter */
  padding-left: 100px !important;
  /* Same as container gutter */
}

.logos-slide-reverse img {
  margin: 0 10px;
  background: white;
  border-radius: 7px;
}

@keyframes slide {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.secondary {
  animation: secondary 6s linear infinite;
}

.our_trusted_partner .main_card {
  background: #ffffff;
  min-height: 100px;
  min-width: 100px;
  text-align: center;
  border-radius: 5px;
  margin: 0px 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .primary {
  position: absolute;
  left: 0%;
  top: 0%;
  animation: primary 30s linear infinite;
}
.secondary{
  position: absolute;
  left: 0%;
  top: 0%;
  animation: secondary 30s linear infinite;

}
#slideFirst{
  position: relative;
}
@keyframes primary {
  from {
    left: 0%;
  }
  to {
    left: -100%;
  }
}

@keyframes secondary {
  from {
    left: 100%;
  }
  to {
    left: 0%;
  }
} */
/* Connect section */

.connect_section {
  background-color: #fafafa;
  padding: 80px 0px;
}

.connect_section .body {
  color: var(--theme-color) !important;
}

.connect_section .nav-tabs {
  border: none;
  display: inline-flex !important;
  background: #fff;
  padding: 10px;
  border-radius: 10px;

  /* Remove the border */
}

.connect_section .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #ba252e !important;
  outline: none !important;
  color: white !important;
  border-radius: 4px !important;
  font-family: "Archivo" !important;
  transition: all 0.1s linear;
}

.connect_section .nav-link {
  font-family: "Archivo" !important;
}

.req_form,
.track_form {
  background-color: #ffffff !important;
  border-radius: 10px;
  padding: 20px;
}

.req_form .form-select,
.req_form .form-control,
.track_form .form-select,
.track_form .form-control,
.textarea {
  background-color: #fafafa !important;
  font-family: "Archivo" !important;
}

.form-select,
.form-control {
  height: 48px !important;
  font-size: 12px !important;
  font-family: "Archivo", sans-serif !important;
  font-weight: 400 !important;
  color: #96979c;
  border: 1px solid #edeef3 !important;
}

.form-control:focus,
.form-select:focus,
.textarea:focus {
  box-shadow: none !important;
  border: none;
}

.textarea {
  border: none !important;
  outline: none !important;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

/* input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  } */

/* Image With Heading Section */

.img_section {
  /* background-color: rgba(18, 30, 98, 0.9); */
  background-image: url("../../assets/img/home_section_img.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 60vh;
  padding: 30px;
}

.img_section_last {
  position: relative;
  /* display: inline-block; */
}

.img_section_last {
  /* background-color: rgba(18, 30, 98, 0.9); */
  /* background-image: url("../../assets/img/about_last_banner.jpg"); */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  height: 536px;
  /* background-position: center; */
  /* height: 60vh; */
  /* padding: 30px; */
  /* color: transparent !important; */
}

.img_section_last::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #121e62d7;
  /* Adjust the color and opacity as needed */
  z-index: -1;
}

.img_section_last::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(18, 30, 98, 0.9); */
  background-image: url("../../assets/img/about_last_banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;

  background-position: center;
  /* height: 60vh; */
  padding: 30px;
  color: transparent !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -2;
}

.outlined_text {
  -webkit-text-stroke: 1px white;
  font-size: 60px !important;
  opacity: 20% !important;
  color: transparent !important;
}

.cover-image {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background-image: url('../img/icons/play-button-circled.png');
  background-size: cover;
  cursor: pointer;
}
.cover-image img {
  border-radius: 10px;
  max-height: 100%;
  max-width: 100%;
}
.video-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

#video-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background-color: rgba(18, 30, 99, 0.243); /* Adjust the transparency as needed */
  pointer-events: none; /* Allows click events to pass through the overlay */
}

/* Home Page End */

/* About Start */

.about_banner {
  background-image: url("../img/about_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 684px;
  background-color: #ffffff !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.about_banner .main_title {
  font-size: 60px;
}

.concerned_about {
  background: #fafafa;
}

.from_humble_begining {
  background-color: #fafafa;
  padding: 60px 0px;
  background-image: url("../img/about-bg-gray-car.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: 95%;
  padding: 80px 0px !important;
}

.humble_begining_info {
  padding-bottom: 60px !important;
}

/* About End */

/* Service Start */
.service_banner {
  background-image: url("../img/service_banner.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  min-height: 684px;
}

.service_banner .main_title {
  font-size: 60px;
}

.book_call_btn {
  padding: 12px 28px 12px 28px !important;
  border-radius: 4px !important;
}

/* Service End */

/* Track Start */
.track {
  background-color: #edeef3;
}

.track .tracker_map {
  position: relative;
}

.track_box {
  border-radius: 10px;
}

.track .main_card {
  background: #ffffff;
  border-radius: 10px;
}

.track .map_with_section {
  position: relative;
}

.track .track_info_card {
  position: absolute;
  bottom: -35%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.track .track_cards {
  margin-top: 130px;
}

/* Track End */

/* Safery Start */

.safety_banner {
  background-image: url("../img/safety_banner.png");
  background-color: #273687;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  width: 100%;
  min-height: 400px;
}

.safety_banner .main_title {
  font-size: 60px;
}

.safety_section {
  background-color: #edeef3;
}

.what_we_do {
  padding-bottom: 70px;
}

/* Safery End */

/* Contact Us Page Start */

.contact_info {
  background-color: #f5f5f5;
}

.req_quote_info {
  background-color: #f5f5f5;
  height: 400px;
}

.contact_info .contact_box {
  padding-top: 60px;
  padding-bottom: 60px;
}

.contact_info .contact_box .body {
  color: var(--theme-color) !important;
}

.contact_info .contact_box .paregraph {
  margin-bottom: 0 !important;
}

.contact_box {
  position: relative;
}

.contact_box .contact_card {
  position: absolute;
  top: 40%;
  left: 80%;
  transform: translate(-50%, -50%);
}

.req_quote_card {
  position: absolute;
  top: 50%;
}

.mb_address {
  width: 50%;
}

/* Contact Us Page End */

/* Footer Start */

.footer {
  display: block;
  padding: 80px 0 23px;
}

.footer .footer-link ul li a {
  font-size: 14px !important;
  color: var(--gray) !important;
  text-decoration: none;
  font-weight: 500;
  padding: 6px 0px;
  display: block;
  font-family: "Archivo" !important;
}

.footer .footer-link ul li span {
  color: var(--gray);
  text-decoration: none;
  padding: 6px 0px;
  display: block;
}

.footer hr {
  color: #c8c8cd;
}

.footer .branch_name {
  display: flex;
  justify-content: flex-end;
  gap: 36px;
}

.footer .branch_name button {
  font-size: 14px !important;
  font-family: "ClashDisplayMedium" !important;

}

/* Footer End */

/* Stepper Form design */

#multi-step-form-container {
  margin-top: 5rem;
}

.pl-0 {
  padding-left: 0;
}

.button {
  padding: 0.7rem 1.5rem;
  border: 1px solid #4361ee;
  background-color: #4361ee;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.submit-btn {
  border: 1px solid #0e9594;
  background-color: #0e9594;
}

.mt-3 {
  margin-top: 2rem;
}

.d-none {
  display: none;
}

.form-step {
  /* border: 1px solid rgba(0, 0, 0, 0.1); */
  border-radius: 20px;
  /* padding: 3rem; */
}

.font-normal {
  font-weight: normal;
}

ul.form-stepper {
  counter-reset: section;
  margin-bottom: 30px;
}

ul.form-stepper .form-stepper-circle {
  position: relative;
}

ul.form-stepper .form-stepper-circle span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.form-stepper-horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

ul.form-stepper>li:not(:last-of-type) {
  margin-bottom: 0.625rem;
  -webkit-transition: margin-bottom 0.4s;
  -o-transition: margin-bottom 0.4s;
  transition: margin-bottom 0.4s;
}

.form-stepper-horizontal>li:not(:last-of-type) {
  margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  content: "";
  top: 32%;
}

.form-stepper-horizontal li:after {
  background-color: #dee2e6;
}

/* .form-stepper-horizontal li.form-stepper-completed:after {
  background-color: #4da3ff;
} */

.form-stepper-horizontal li:last-child {
  flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 0;
  line-height: 1.7rem;
  text-align: center;
  background: rgba(0, 0, 0, 0.38);
  border-radius: 50%;
}

.form-stepper .form-stepper-active .form-stepper-circle {
  background-color: #fff !important;
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
}

.form-stepper .form-stepper-active .label {
  color: #4361ee !important;
}

.form-stepper .form-stepper-active .form-stepper-circle:hover {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
  background-color: #fff;
  border: 1px solid #d8d8d8;
  color: #d8d8d8;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
  background-color: var(--theme-color) !important;
  color: #fff;
}

.form-stepper .form-stepper-completed .label {
  color: #0e9594 !important;
}

.form-stepper .form-stepper-completed .form-stepper-circle:hover {
  background-color: var(--theme-color) !important;
  color: #fff !important;
}

.form-stepper .form-stepper-active span.text-muted {
  color: #d8d8d8 !important;
}

.form-stepper .form-stepper-completed span.text-muted {
  color: #fff !important;
}

.form-stepper .label {
  font-size: 1rem;
  margin-top: 0.5rem;
}

.form-stepper a {
  cursor: default;
}

/* Stepper Form design */

/* Service Page Start */

.service_section {
  padding: 120px 0;
}

.is-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 130px;
  z-index: 100;
}

.is-sticky img {
  border-radius: 10px;
  object-fit: cover;
}

.feature-info .feature-info-icon {
  color: #ef3139;
  font-size: 60px;
  line-height: 1;
  margin-bottom: 15px;
}

.feature-info-style-08 {
  /* background: #ffffff; */
  padding: 35px;
  /* overflow: hidden; */
  position: relative !important;
  margin-top: 200px;
}

.feature-info-style-08 .feature-info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  position: inherit;
  top: 0;
}

.feature-info-style-08 .feature-info-bg-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-size: cover;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.feature-info-style-08 .feature-info-bg-img:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(2, 45, 98, 0.5);
  z-index: 9;
  width: 100%;
  height: 100%;
}

.feature-info-style-08 .feature-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 60px;
  position: relative;
}

/* .feature-info-style-08 .feature-info-item:before {
  position: absolute;
  top: 0;
  content: "";
  left: 38px;
  height: 100%;
  width: 2px;
  background: #f6f6f6;
} */

.feature-info-style-08 .feature-info-item:last-child {
  padding-bottom: 0;
}

.feature-info-style-08 .feature-info-item:last-child:before {
  position: relative;
  content: none;
}

.feature-info-style-08 .feature-info-inner {
  position: relative;
}

.feature-info-style-08 .feature-info-number span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #edeef3;
  font-size: 9.25rem;
  width: 200px;
  /* height: 74px; */
  margin-right: 25px;
  border-radius: 50%;
  position: relative;
  /* font-family: ca; */
  font-weight: 500 !important;
  font-family: "ClashDisplayMedium" !important;
}

.feature-info-style-08 .feature-info-content {
  margin-top: 50px;
  margin-left: 80px;
}

.feature-info-content .feature-info-content-points {
  margin-top: 35px;
}

.feature-info-content .feature-info-content-points h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: var(--black);
  font-family: "Archivo";
}

.dark-background .feature-info-style-08 .feature-info-inner:before {
  border-left-color: rgba(246, 246, 246, 0.1);
}

.dark-background .feature-info-style-08 .feature-info-content .feature-info-title {
  color: #ffffff;
}

.dark-background .feature-info-style-08 .feature-info-content p {
  color: #ffffff;
  opacity: 0.5;
}

/* Tanker Info */


.tank_spec_box {
  background: #fff;
  border-radius: 10px;
  padding: 10px 14px;
}

.tank_spec_info h5 {
  font-size: 18px;
  line-height: 22px;
  font-family: "ClashDisplayMedium" !important;
  color: #000;
}

/* Service Page End */

/* Media query */


/* Styles to apply Greater than Screens */

.tanker_info {
  padding: 80px 0;
}






/* New Change Start Design By Ram Ravaliya  */
.navbar-brand img {
  width: 100px !important;
}

.chart_img img {
  width: 63%;
}

.home_banner {
  height: 100vh;
}

.truck_label {
  background-color: #ba252e !important;
  color: white !important;
  padding: 10px 20px;
  border-radius: 8px;
}

.safety_section {
  padding: 40px 0 !important;
}

.safety_section img {
  width: 80%;
}

.bg_service_page {
  padding: 80px 0 !important;
}

.sefety_service_section {
  padding: 80px 0 !important;
}

.req_form {
  margin: 40px 0 0 0 !important;

}

.req-form-page-heading {
  font-size: 32px !important;
}

.req-form-page-heading-2 {
  font-size: 64px !important;
}

.quote_form {
  margin: -100px 0 0 0 !important;
}

.btn-light:hover {
  background-color: white !important;
}

.contact_box {
  margin-bottom: 0 !important;
}

.work_shop_box {
  margin: 80px 0 !important;
}

.contact_info {
  padding: 0 0 20px 0 !important;
}

.track-page-help-btn {
  color: var(--theme-color);
  font-family: "Archivo", sans-serif !important;
  font-size: 400 !important;
}

.trace_input {
  border-radius: 4px !important;
  border: 1px solid var(--smoke-gray, #EDEEF3) !important;
  background: var(--off-white, #FAFAFA) !important;
}

.branch_name label:hover {
  background-color: transparent !important;
  color: var(--theme-color) !important;
}

.footer .branch_name {
  display: flex;
  gap: 0px !important;
  justify-content: center !important;
  align-items: center;
}

.nav-link:hover {
  color: var(--theme-color) !important;
}


.footer .branch_name label:hover {
  cursor: default;
}

.branch_name {
  justify-content: center !important;
}

.branch_name label {
  margin: 8px 0 !important;
}

.navbar-toggler-icon {
  background: none !important;
}

.navbar-toggler-icon path {
  stroke: var(--theme-color);
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

/* Gallery Page Starts */
.gallery {
  columns: 4;
  column-gap: 20px;
}

.gallery .box {
  width: 100%;
  margin-bottom: 20px;
  break-inside: avoid;
}

.gallery .box img {
  max-width: 100%;
  border-radius: 8px;
}

.load-more-container {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
/* Gallery Page Ends */

/* Media Queries */

@media (max-width:992px) {
  .about-us-main-title {
    font-size: 40px !important;
  }

  .home_banner {
    height: 100% !important;
  }

  .work_shop_box {
    margin: 0 !important;
  }

  .quote_form {
    margin: -60px 0 0 0 !important;
  }

  .req-form-page-heading {
    font-size: 20px !important;
  }

  .req-form-page-heading-2 {
    font-size: 40px !important;
  }


  .from_humble_begining {
    padding: 40px 0 0 0 !important;
  }

  .img_section_last {
    height: 100vh;
  }

  .red_service_title {
    font-size: 30px !important;
  }

  #text_animate h1 {
    font-size: 30px !important;
  }

  .bg_service_page {
    padding: 40px 0 !important;
  }

  .tanker_info {
    padding: 40px 0 !important;
  }

  .bg_smoke_gray {
    text-align: center !important;
  }

  .tank_spec_box {
    padding: 20px !important;
  }

  .Book_call_section_heading {
    font-size: 26px !important;
  }

  .sefety_service_section {
    padding: 40px 0 !important;
  }

  .contact_info .contact_box {
    padding: 40px 0 !important;
  }

}

@media (max-width:500px) {

  .quote_form {
    margin: 40px 0 0 0 !important;
  }

}

@media screen and (max-width: 576px) {
  .home_banner .main_title {
    font-size: 35px !important;
    white-space: inherit;
  }

  .safety_section img {
    width: 100% !important;
  }

  .about_banner .main_title {
    font-size: 30px;
  }

  .safety_banner .main_title {
    font-size: 30px;
  }

  .track .track_info_card {
    position: static !important;
    transform: none !important;
    margin-top: 40px;
  }

  .track .track_cards {
    margin-top: 40px !important;
  }

  .feature-info-style-08 .feature-info-item {
    display: block !important;
    padding-bottom: 10px;
  }

  .feature-info-style-08 .feature-info-content {
    margin-left: 4px !important;
    margin-top: 0px !important;
  }

  .service_banner .main_title {
    font-size: 30px;
  }

  .truck_label {
    padding: 4px 8px;
    font-size: 10px !important;
    border-radius: 4px;
  }
  .transporation_btn_1 {
    top: 36%;
    left: 2%;
  }
  
  .transporation_btn_2 {
    top: 49%;
    left: 1%;
  }
  
  .transporation_btn_3 {
    top: 73%;
    left: 2%;
    right: 70%;
  }
  
  .transporation_btn_4 {
    position: absolute;
    top: 83%;
    left: 10%;
  }
  
  .transporation_btn_5 {
    position: absolute;
    top: 83%;
    left: 58%;
  }
  
  .transporation_btn_6 {
    position: absolute;
    top: 73%;
    left: 66%;
  }
  
  .transporation_btn_7 {
    position: absolute;
    top: 49%;
    right: 1%;
  }
  
  .transporation_btn_8 {
    position: absolute;
    top: 33%;
    right: 2%;
  }

  .card_text {
    font-size: 16px !important;
  }

  .safety_btn {
    display: none !important;
  }

  #multi-step-form-container {
    padding: 20px 10px !important;
  }

  .bg_service_page .is-sticky {
    position: unset !important;
  }

  .mb_address {
    width: 100% !important;
  }
}

@media (max-width:767px) {
  .h1 {
    font-size: 28px !important;
  }

  #multi-step-form-container {
    padding: 30px;
  }

  .main_card {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* .req_form {
    padding: 0 !important;
  } */

  .contact-page-contact-form {
    padding: 30px !important;
  }

  /* .connect_section .nav-tabs {
    padding: 0 !important;
  } */

  .tank_spec {
    padding: 20px;
  }

  .h2 {
    font-size: 24px !important;
  }

  .h3 {
    font-size: 22px !important;
  }

  .h4 {
    font-size: 20px !important;
  }

  .h5 {
    font-size: 18px !important;
  }

  .h6 {
    font-size: 16px !important;
  }

  h1 {
    font-size: 28px !important;
  }

  h2 {
    font-size: 24px !important;
  }

  h3 {
    font-size: 22px !important;
  }

  h4 {
    font-size: 20px !important;
  }

  h5 {
    font-size: 18px !important;
  }

  h6 {
    font-size: 16px !important;
  }
}

/* Styles to apply less than Screens */
@media screen and (max-width: 1400px) {

  /* .home_banner .main_title {
    font-size: 45px !important;
    white-space: inherit;
  } */
  .branch_name {
    gap: 16px !important;
  }
}

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

  .branch_name {
    gap: 0px !important;
    justify-content: flex-start !important;
  }

  .branch_name button {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 992px) {
  .track .track_cards {
    margin-top: 100px;
  }

  .home_banner .main_title {
    font-size: 45px !important;
    white-space: inherit;
  }

  .home_banner .banner_right {
    width: 80%;
    margin-top: 20px !important;
    padding-bottom: 30px;
  }

  .our_services {
    background-image: none !important;
    padding-bottom: 0px !important;
  }

  .humble_begining_info {
    padding-bottom: 0px !important;
  }

  .from_humble_begining {
    background-image: none !important;
    padding-bottom: 0px !important;
  }

  .safety_section img {
    width: 100% !important;
  }

  .everything_need {
    padding-top: 40px;
    background-image: none !important;
    padding-bottom: 40px !important;
  }

  .connect_section {
    padding: 40px 0;
  }

  .footer {
    padding: 40px 0;
  }

  .home_banner .main_title {
    font-size: 45px;
  }

  .contact_box .contact_card {
    position: static !important;
    transform: none;
  }

  .req_quote_card {
    position: static !important;
    transform: none;
  }

  .req_quote_info {
    height: auto !important;
  }

  .feature-info-style-08 .feature-info-number span {
    display: flex;
    justify-content: start !important;
    font-size: 8.5rem;
  }

  .feature-info-style-08 {
    padding: 0 !important;
  }

  .safety_section h1 {
    font-size: 26px !important;
    font-weight: 600 !important;
    font-family: "ClashDisplaySemiBold" !important;
  }
}

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

  /* .about_banner { */
  .safety_banner {
    min-height: 350px;
  }

  .padding_part {
    padding: 0px 10px !important;
  }

  .feature-info-style-08 .feature-info-number span {
    font-size: 6rem;
    width: 100px;
  }

  .safety_banner .main_title {
    font-size: 40px;
  }

  .safety_section img {
    width: 100% !important;
  }

  .about_banner {
    min-height: 350px;
  }

  .about_banner .main_title {
    font-size: 40px;
  }

  .home_banner .main_title {
    font-size: 35px !important;
  }

  /* .home_banner .banner_left {
        padding: 20px 40px !important;
      } */

  .home_banner .banner_right {
    width: 100% !important;
  }

  .about_banner {
    min-height: 350px;
  }

  .about_banner .main_title {
    font-size: 40px;
  }

  .home_banner .main_title {
    font-size: 40px;
  }

  .outlined_text {
    font-size: 30px !important;
  }

  /* .home_banner .banner_left {
        padding: 20px 40px !important;
      } */

  /* .home_banner .banner_right {
    width: 80%;
  } */
  /* } */

  .feature-info-style-08 {
    margin-top: 20px;
  }
}

/* @media screen and (max-width: 576px) {
  .home_banner .main_title {
    font-size: 32px;
    white-space: inherit;
  }

  .about_banner .main_title {
    font-size: 30px;
  }

  .safety_banner .main_title {
    font-size: 30px;
  }

  .track .track_info_card {
    position: static !important;
    transform: none !important;
    margin-top: 40px;
  }

  .track .track_cards {
    margin-top: 40px;
  }
} */

@media screen and (max-width: 768px) {
  .service_banner {
    min-height: 350px;
  }

  .service_banner .main_title {
    font-size: 40px;
  }
}

@media (min-width: 1600px) {
  .home_banner {
    background-image: url("../img/home_banner_2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 683px;
  }

  .home_banner .banner_right {
    width: 80% !important;
    margin-top: 120px !important;
    padding-bottom: 30px;
  }

  .our_services {
    background-color: #fafafa;
    /* padding: 20px 0px; */
    padding-bottom: 70px;
    background-image: url("../img/truck_bg_svg_3.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .from_humble_begining {
    background-color: #fafafa;
    /* padding: 20px 0px; */
    padding-bottom: 70px;
    background-image: url("../img/from_humble_begining_bg_svg_3.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
  }

  .everything_need {
    background-image: url("../img/everything_need_bg_4_svg.svg");
  }
}