@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

* {
  margin: 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body,
html {
  overflow-x: hidden;
}

:root {
  --foot: #000000;
  --black: #000000;
  --white: #ffffff;
}



a {
  text-decoration: none !important;
  color: #de3755;
}

p {
  font-size: 17px;
  font-weight: 500;
}

h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

/* Container Area's */
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  max-width: 1310px;
}



/****Bootstrap nav menu style****/
.logo img {
  width: 130px;
  height: auto;
}

li.nav-item.dropdown,
.nav-item {
  font-size: 16px;
  font-weight: 700;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: rgb(0, 0, 0);
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: #000000;
  text-decoration: none;
  background: 0 0;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
  font-size: 14px;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: end;
  }
}

/*****Heading Banner****/

.top-banner {
  width: 100%;
  height: auto;
  background: url(images/Homebanner/top\ banner.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-slide h2 {
  margin-top: 250px;
  font-weight: 600;
}

.banner-slide h6 {
  margin-top: 250px;
  font-weight: 600;
  transform: translateY(235px);
}

/******isuzu Models******/
.model-box h3 {
  color: #000000 !important;
  font-size: 34px;
}

.model-box h4 a {
  font-size: 17px;
  font-weight: 600;
  color: #001e50;
  margin-left: -60px;
}

.text-bio p a {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.top-model {
  margin-left: 84px;
}

.img-box img {
  width: 170px;
  margin-left: -58px;
}

/* hover */
.img-box img:hover {
  width: 180px;
  margin-left: 20px;
  transform: scale(1.1);
}

.img-box h4 {
  font-weight: 600;
  font-size: 20px;
  color: #000000;
  text-align: center;
  margin: 26px 0 10px -50px;
}

.img-box p a {
  text-align: center;
  margin-left: 50px;
  font-size: 14px;
  color: #000000;
}

.img-box p a:hover {
  text-align: center;
  margin-left: 115px;
  font-size: 16px;
  color: #de3755;
}

.model-button-front {
  background-image: linear-gradient(90deg, #051229, #001e50);
  color: #ffffff;
  width: 30%;
  padding: 14px;
  font-size: 16px;
  font-weight: 500;
  margin-left: 20px;
}

.fullyimg {
  width: 100%;
  background: url(images/extra/d-max2.jpg);
  background-color: #0b1424;
  padding: 100px 0px;
  background-position: center;
  background-size: cover;
}

/* black above */
.full-img {
  background: url(images/Home/banners/Web-banner-5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.empty-cls {
  padding: 250px 250px;
}

.try-col {
  background-image: linear-gradient(90deg, #051229, #001e50);
}

.img-at img {
  width: 100%;
  height: 52%;
}

.lifeat-img img {
  width: 100%;
  height: 69%;
}

/* safety sec */
.fifthsecone img {
  width: 80%;
  height: auto;
}

.fifthsecone h5 {
  font-size: 24px;
  padding-bottom: 10px;
  letter-spacing: -0.4px;
}

.text-button a {
  font-size: 14px;
  color: #000000;
  background-color: #ffffff;
  padding: 12px 27px;
}

.text-button a :hover {
  font-size: 14px;
  color: #ff0000;
}

.over-text h3 {
  border-left: 6px solid red;
}

.left-anim.pt-5 {
  border-left: 5px solid red;
}

/* Global maintain */
.fif-secText {
  background-color: #f1f2f1;
}

.fif-secText p {
  padding: 50px;
}

/* adv */
.Adv-banner h3 {
  text-align: center;
  font-size: 30px;
  font-weight: 500;
  color: #000000;
  letter-spacing: 0px;
}

span.clr {
  color: #616161;
}

/* demo try */
.trycol-sect h3 {
  font-size: 25px;
  font-weight: 600;
  padding-top: 30px;
}

.trycol-sect p {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.6;
}

/* globe img */
.globe-img img {
  width: 100%;
  height: 70%;
}

.globe-img h3 {
  font-size: 32px;
  font-weight: 600;
  /* padding: 50px 0px; */
}

.globe-img p {
  font-size: 18px;
  font-weight: 500;
  padding: 30px 0px 15px 0px;
}

.globe-img h6 a {
  color: #000000;
  font-size: 16px;
}

.globe-img h6 a:hover {
  color: #de3755;
  font-size: 16px;
}

.mainglo-text img {
  width: 100%;
}

.main-text h3 {
  font-size: 30px;
  letter-spacing: 1.2px;
  font-weight: 600;
}

.main-text p {
  font-size: 17px;
  /* line-height: 24.2px; */
}

.home-button a {
  font-size: 14px;
  color: #000000;
  letter-spacing: 1.5px;
  font-weight: 600;
  /* padding-top: 15px; */
}

.eigthban img {
  width: 100%;
}

.img-at h6 a,
.text-bio h6 a,
.lifestyle-text h6 a {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: #000000;
}

.sectimg-01 img {
  width: 100%;
  height: 76%;
}

.eigthban p {
  font-size: 15px;
  font-weight: 500;
}

.eigthban p a {
  font-size: 22px;
  color: #000000;
}

/* over 100 */

.image-container {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.image-card {
  flex: 1;
  text-align: center;
  cursor: pointer;
  transition: flex 1.8s ease-in-out;
}

.image {
  max-width: 100%;
  height: auto;
}

.image-card:hover {
  flex: 2;
}

.image-card h3 {
  font-size: 20px;
  text-align: left;
  font-weight: 500;
}

.image-card p {
  font-size: 14px;
  text-align: left;
}

video {
  width: 100%;
  height: 100%;
}

.over-banner {
  background: url(images/Home/banners/Car-patterns.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50%;
}

.over-bannerBox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: clamp(1.8rem, 1.8vw, 21rem);
  font-weight: bold;
}

.typewriter {
  width: 21.5ch;
  white-space: nowrap;
  overflow: hidden;
  border-right: 4px solid #212121;
  animation: cursor 1s step-start infinite, text 2s steps(18) alternate infinite;
}

@keyframes cursor {

  0%,
  100% {
    border-color: #ff0000;
  }
}

@keyframes text {
  0% {
    width: 0;
  }

  100% {
    width: 21.5ch;
  }
}

/* left-border */
h3.left-anim {
  border-left: 4px solid red;
  margin-top: 50px;
}

/****Legacy images*****/

.legacy-banner img {
  overflow: hidden;
  width: 100%;
  padding: 0 0 20px 0;
}

.legacy-banner h3 {
  font-size: 40px;
  font-weight: 600;
}

.icon-text {
  color: #de3755;
}

.muxlogo-button p a {
  float: right;
  background-color: #000000;
  color: #ffffff;
  padding: 12px 22px;
  margin-top: 42px;
  font-weight: 500;
}

/***create location***/
.create-loc img {
  width: 100%;
  height: auto;
}

.carouse-text h3 {
  color: #ffffff;
  text-align: end;
  top: -650px;
  position: relative;
  margin-right: -146px;
  margin-bottom: 0px;
}

.carouse-text p a {
  color: #ffffff;
  float: right;
  background-color: #000000;
  padding: 10px 50px;
  margin-right: -146px;
  margin-bottom: 0px;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: start;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 20px;
  margin-left: 3%;
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #fff;
  width: 13px;
  height: 13px;
  border-radius: 100%;
}

.iconset img {
  width: 100px;
  height: 100px;
  margin-left: 48px;
  padding: 15px;
}

.icontest p {
  padding: 19px 0px;
  font-weight: 500;
  text-align: center;
  font-size: 16px;
}

/****lifestyle banner*****/
.lifestyle-loc img {
  width: 80%;
  height: auto;
}

.lifestyle-loctext a {
  color: #de3755;
  font-weight: 600;
  text-decoration: none;
  padding-top: 50px;
}

/* engine parts */
.leadengine-contain img {
  width: 100%;
  height: auto;
}

.leadengine-contain h3 {
  font-size: 32px;
  font-weight: 600;
}

.leadengine-contain p {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: -0.6px;
}

/* above press */
.above-press img {
  width: 100%;
}

/****Press release****/
.blog-text p {
  color: #de3755;
  font-weight: 500;
}

.blog-text h5 {
  font-weight: 600;
  padding-bottom: 20px;
}

.blog-img img {
  width: 352px;
  height: 177px;
}

.blog-text a {
  font-weight: 600;
  color: #de3755;
}

/*****find showroom****/
.button-showroom button {
  /* padding: 100px; */
  padding: 14px 40px;
  background-color: black;
  color: #ffffff;
  border: none;
  margin: 32px;
}

.findshow-conimg h6 a {
  color: #000000;
  font-size: 17px;
  font-weight: 500;
}

/* Find Showroom */
.finddel-text #select_model,
#select_state,
#select_city {
  width: 34%;
  padding: 12px;
}

#select_model {
  padding: 14px 50px;
}

#resultsection h3 {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: underline;
  text-decoration-color: red;
  padding: 3% 0 2% 0;
}

#resultsection_next h3 {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: underline;
  text-decoration-color: red;
  padding: 3% 0 2% 0;
}

#resultsection p,
#resultsection_next p {
  font-size: 16px;
  font-weight: 500;
  text-align: left;
}

#result h6 {
  font-size: 16px;
  text-align: left;
}

#result h5 {
  font-size: 16px;
  text-align: left;
  background-color: #000000;
  color: #ffffff;
  padding: 10px 20px;
  width: max-content;
  margin: 14px 0 0 0;
  /* text-decoration: underline; */
}

#result h5 a {
  color: #ffffff;
  font-weight: 700;
}

/* explore more section */
.exploremore-text img {
  width: 90%;
  height: auto;
}

.exploremore-text h5 {
  font-weight: 600;
  padding: 15px 0px;
}

.explore-button a {
  color: #ffffff;
  background-color: #000000;
  padding: 13px 46px;
  font-size: 16px;
}

.exploremore-text h5 {
  font-weight: 700;
  letter-spacing: -0.9px;
}

.exploremore-text p {
  font-size: 16px;
  color: #292929;
}

/* footer above */
.footerindex-up {
  background: url(images/Home/IMG_8665.JPG);
  background-position: center;
  padding: 50px 0px;
}

.footerindex-up p {
  font-size: 32px;
  text-align: left;
  color: #ffffff;
  font-weight: 700;
}

/*****Footer-section*****/
.footer-sec {
  background-color: #010612;
  padding: 0 0 3% 0;
}

.footersec-list ul {
  list-style-type: none;
  font-weight: 600;
  line-height: 40px;
}

.footersec-list-social ul li {
  list-style-type: none;
  display: inline;
  margin-right: 17px;
}

.footer-copy ul li {
  list-style-type: none;
  font-weight: 500;
  font-size: 14px;
  color: #807c7c;
}

.footersec-privacy ul li a {
  font-size: 13px;
  color: #807c7c;
}

.footersec-privacy ul li {
  list-style-type: none;
  display: inline;
  font-weight: 500;
  float: right;
  margin-right: 70px;
}

.footersec-list a,
.footersec-list-social a,
.footersec-privacy a {
  color: #d2d2d2;
}

.footersec-list ul li a:hover {
  color: red;
  transition: 1.5s;
}

/*********isuzu in india*********/

.isuzufour h3 {
  font-size: 32px;
  font-weight: 700;
  padding-bottom: 30px;
}

.isuzufour img {
  width: 80%;
}

/****section top start****/
.isuzuindia-top {
  background: url(images/isuzuindia/IMI\ Plant\ Aerial\ Photo.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.isuzuindia-top h2 {
  text-align: center;
  color: #ffffff;
  padding: 10% 0;
  font-weight: 700;
}

/*****Global Expertise*******/
.isuzuindia-global h3 {
  font-size: 30px;
}

.isuzuindia-global p {
  font-size: 16px;
  letter-spacing: 0px;
  padding: 0;
  font-weight: 500;
}

span.car-size {
  font-size: 35px;
}

.isuzuindia-global p {
  font-size: 16px;
  letter-spacing: 0px;
  padding: 0 104px 0 0;
  font-weight: 500;
}

/****commitment*****/
.commitment-img img {
  width: 100%;
  height: auto;
  padding: 0;
}

.isuzuthird-text p {
  margin-top: 10px;
  font-size: 16px;
  /* letter-spacing: 2.1px; */
  padding: 0 150px 0 0;
  font-weight: 400;
}

.isuzuthird-text h3 {
  font-size: 30px;
  padding-bottom: 10px;
  font-weight: 600;
  color: #000000;
}

.thirdnext-text p {
  font-size: 16px;
  font-weight: 400;
}

.thirdrow-text img {
  width: 100%;
  height: 100%;
  float: right;
}

.thirdnext-text h3 {
  font-size: 24px;
  font-weight: 400;
  color: #000000;
  border-left: 4px solid red;
}

/* thirdrow new */

.thirdsec-head h3 {
  font-size: 30px;
  text-align: left;
  color: #000000;
}

.thirdsec-head img {
  width: 100%;
  text-align: center;
  padding: 0;
}

.thirdsec-head p {
  font-size: 16px;
  padding: 0 150px 0 0;
}

.brand-text h3 {
  font-size: 30px;
  font-weight: 600;
  padding: 30px 0px 0px 0px;
  color: #001e50;
}

.comeimg img {
  width: 80%;
  height: 100%;
  padding: 50px 0px 0px 0px;
  float: right;
}

.comeimg-text p {
  font-size: 16px;
  letter-spacing: 0.2px;
  font-weight: 400;
  padding: 15px 150px 0px 19px;
}

/***section third two**/

.thirdtwo {
  background-color: #ebebeb;
  padding: 40px 0px;
}

.thirdtwo h3 {
  font-size: 32px;
  letter-spacing: -0.9px;
}

/****Additional***/
.thirdtwo-left ul li {
  list-style-type: none;
  font-weight: 500;
  font-size: 18px;
}

/**section commitment***/
.seccommit {
  margin: 80px 0px;
}

.com-text p {
  font-size: 20px;
}

/**Alter css*/
.four-limit {
  padding: 200px;
}

.four-limit p {
  font-size: 20px;
  letter-spacing: -0.8px;
}

.isuzuind-third {
  padding: 50px 0px;
}

/**Brand showroom***/
.brand-text p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  padding: 15px 120px;
}

.brand-img img {
  width: 100%;
  height: auto;
}

/***bottom box***/
.isuzuindia-down {
  background-image: url(images/isuzuindia/IMG_8665.JPG);
  position: relative;
  padding: 100px 0px;
  margin-top: 80px;
}

button.isuzubottom-button {
  padding: 13px 38px;
  background-color: #000000;
  border-radius: 2px;
  color: #ffffff;
  border: none;
  margin-top: 30px;
}

.comanother img {
  padding: 100px 0px;
  width: 80%;
  height: 130%;
}

.comeanother-text p {
  padding: 130px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.6px;
}

.companytop-content {
  margin-top: 50px;
}

.companytop-content img {
  width: 100%;
}

.companytop-content h3 {
  color: #000000;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 36.2px;
}

.founded-text h5 {
  font-size: 20px;
  font-weight: 500;
}

.founded-text h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -0.8px;
}

.founded-text p {
  color: #de3755;
}

.history-img img {
  width: 100%;
  height: auto;
  float: left;
}

.history-text h3,
.history-tex h3 {
  color: #000512;
  font-weight: 700;
  font-size: 20px;
}

.history-text ul li {
  font-size: 17px;
  font-weight: 500;
  color: #252525;
}

.history-text p {
  font-size: 17px;
  font-weight: 500;
  color: #252525;
}

.history-tex img {
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}

.history-tex p {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.3px;
  color: #252525;
}

.abv-content {
  /* background-color: #0B1424; */
  background: url(images/companyoverview/Emptyimg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 20px;
}

.abv-content h4 {
  font-size: 22px;
  font-weight: 600;
}

.abv-content p {
  font-size: 16px;
  letter-spacing: 0.6px;
}

.abv-content h6 a {
  background-color: #ffffff;
  color: #000000;
  padding: 11px 36px;
  border-radius: 2px;
}

.abv-boxy {
  background-image: linear-gradient(90deg, #000204, #0505054a);
}

/*****Download Brochure****/
.brochure-top {
  padding-top: 100px;
}

.brochure-top h2 {
  font-weight: 600;
  text-align: center;
  padding-bottom: 50px;
}

/****mu-X****/
.mux-top {
  background: url(images/Brochure/mu-X.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.mux-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(239, 99, 99, 0.838);
  object-fit: fill;
}

.mux-box img {
  width: 60%;
  transform: translate(69px, -145px);
}

/****Hi-lander****/
.hilander-top {
  background: url(images/Brochure/hilander.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.hilander-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(14, 23, 104, 0.838);
  object-fit: fill;
}

.hilander-box img {
  width: 60%;
  transform: translate(69px, -145px);
}

.hilander-over img {
  width: 100%;
  height: auto;
}

/****D-max****/
.dmax-top {
  background: url(images/Brochure/dmax.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.dmax-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(33, 23, 23, 0.838);
  object-fit: fill;
}

.dmax-box img {
  width: 60%;
  transform: translate(69px, -145px);
}


/* New Ambulance */
.dmax-top-amb {
  background: url(images/ambulance/3.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.dmax-box-amb {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(33, 23, 23, 0.838);
  object-fit: fill;
}

.dmax-box-amb img {
  width: 60%;
  transform: translate(69px, -145px);
}

/****scab****/
.scab-top {
  background: url(images/Brochure/scab.webp);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.scab-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(113, 106, 106, 0.838);
  object-fit: fill;
}

.scab-box img {
  width: 60%;
  transform: translate(69px, -145px);
}

/****vcross****/
.vcross-top {
  background: url(images/vcross/Overview/1286x500_03.webp);
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.vcross-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(27, 23, 23, 0.83);
  object-fit: fill;
}

.vcross-box img {
  width: 60%;
  transform: translate(69px, -145px);
}

/****D-max****/
.scab-z-top {
  background: url(images/Brochure/scab-Z.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin: 25px;
}

.scab-z-box {
  padding: 200px 10px;
  border-radius: 10px;
  background-color: rgba(33, 23, 23, 0.838);
  object-fit: fill;
}

.scab-z-box img {
  width: 60%;
  transform: translate(69px, -145px);
}

/****All models page****/
.model-top {
  padding-top: 150px;
}

.model-top h2 {
  text-align: center;
}

.botcarouse-box {
  /* background: #001E50; */
  /* background-color: #001E50; */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.allmodels-top {
  margin-top: 100px;
  background: url(images/careers/test-drive-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  /* background-image: linear-gradient(90deg, #051229, #001e50); */
}

.allmodels-bottom {
  background-image: linear-gradient(90deg, #051229, #001e50);
  padding: 94px 50px 12px 50px;
}

.allmodels-bottom h4 a {
  background-color: white;
  color: #001e50;
  padding: 11px 49px;
  font-size: 14px;
  border-radius: 2px;
}

/***mu-x**/
.carmodel-mux {
  background-color: #6d0e0f;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-mux img:hover,
.carmodel-hilander img:hover,
.carmodel-dmax img:hover,
.carmodel-scab img:hover,
.carmodel-vcross img:hover,
.carmodel-scabz img:hover,
.carmodel-dmax-amb img:hover {
  margin-top: -5px;
  transition: all 0.5s ease;
}

.carmodel-mux img {
  width: 143%;
  height: auto;
  margin-top: 50px;
  margin-left: -63px;
}

.carmodel-mux h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/*****hilander****/
.carmodel-hilander {
  background-color: #0b1424;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-hilander img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-hilander h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/*****scab****/
.carmodel-scab {
  background-color: #54595a;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-scab img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-scab h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/*****dmax****/
.carmodel-dmax {
  background-color: #a0a2a1;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-dmax img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-dmax h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/* New Ambulance */
.carmodel-dmax-amb {
  background-color: #4b0808;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-dmax-amb img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-dmax-amb h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/*****vcross****/
.carmodel-vcross {
  background-color: #131317;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-vcross img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-vcross h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/* scab z */

.carmodel-scabz {
  background-color: #a7a9a5;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-scabz img {
  width: 141%;
  height: auto;
  margin-top: 46px;
  margin-left: -70px;
}

.carmodel-scabz h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/* Upcoming Car models */
.carmodel-new {
  background-color: #101010ed;
  width: 300px;
  height: 240px;
  margin: 68px;
}

.carmodel-new img {
  width: 150%;
  height: auto;
  margin-top: 50px;
  margin-left: -70px;
}

.carmodel-new h4 a {
  color: #ffffff;
  font-size: 22px;
  text-align: center;
}

/****Isuzu squad****/
.squadtop-ban {
  margin-top: 6%;
}

.squadtop-ban h3 {
  font-weight: 600;
  margin-left: 7.5%;
}

.squad-logo img {
  width: 6%;
}

/* .squad-conimg { 
    background-color: #000000;
    background: url(images/squad/Picture9\ 1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}*/

.squad-conimg img {
  width: 100%;
  height: auto;
}

.squadimg-gallery h3 {
  font-size: 30px;
  color: #000000;
  text-align: left;
  padding: 50px 5px 10px 0px;
  font-weight: 600;
}

.video-sec {
  background: url(videos/isuzu-squad.mp4);
  background-repeat: no-repeat;
  background-size: cover;
}

.commercial-vehi p a {
  background-color: #000000;
  color: #ffffff;
  padding: 15px 33px;
  border-radius: 2px;
}

.img-squadlogo {
  display: grid;
  place-items: flex-start;
}

/* squad Animation */
.btn-cssbuttons {
  --btn-color: #001e50d4;
  position: relative;
  padding: 16px 32px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #000000;
  background: none;
  border: none;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  filter: drop-shadow(0 2px 8px rgba(39, 94, 254, 0.32));
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  /* background: var(--btn-color); */
  border: 3px solid #001e50;
  border-radius: 23px;
  border-radius: 24px;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons span,
.btn-cssbuttons span span {
  display: inline-flex;
  vertical-align: middle;
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons span {
  transition-delay: 0.05s;
}

.btn-cssbuttons span:first-child {
  padding-right: 15px;
  padding-left: 15px;
}

.btn-cssbuttons span span {
  margin-left: 8px;
  transition-delay: 0.1s;
}

.btn-cssbuttons ul {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  transform: translateY(-50%);
}

.btn-cssbuttons ul li {
  flex: 1;
}

.btn-cssbuttons ul li a {
  display: inline-flex;
  vertical-align: middle;
  transform: translateY(55px);
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.btn-cssbuttons ul li a:hover {
  opacity: 0.5;
}

.btn-cssbuttons:hover::before {
  transform: scale(1.2);
}

.btn-cssbuttons:hover span,
.btn-cssbuttons:hover span span {
  transform: translateY(-55px);
}

.btn-cssbuttons:hover ul li a {
  transform: translateY(0);
}

.btn-cssbuttons:hover ul li:nth-child(1) a {
  transition-delay: 0.15s;
}

.btn-cssbuttons:hover ul li:nth-child(2) a {
  transition-delay: 0.2s;
}

.btn-cssbuttons:hover ul li:nth-child(3) a {
  transition-delay: 0.25s;
}

.squad-top {
  background: url(images/squad/IMG_0380.JPG);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.squadbottom-ban {
  background-color: rgb(0 30 80 / 95%);
  padding: 94px 50px 72px 50px;
}

.squadtop-ban p {
  padding: 0 150px 0 113px;
}

.squad-logoItem {
  display: flex;
  justify-content: flex-start;
}

.imageText {
  background-color: rgb(0 30 80 / 95%);
}

.imageSec img {
  width: 100%;
  height: 500px;
}

.imageSec h3 {
  font-size: 25px;
}

.imageText p {
  color: #c4c3c3;
}

/* gallery size fixing */
.galleryslide img {
  width: 100%;
  height: auto;
}

.squdadventure img {
  width: 100%;
}

.cuct-testi img {
  width: 100%;
}

.ali-w-25 {
  width: 25%;
  height: auto;
}

.gal-Img-Item {
  display: flex;
  justify-content: space-evenly;
}

.ali-w-25 img,
.gal-Img-Item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.ali-w-75 {
  width: 75%;
  height: auto;
}

.ali-w-third {
  width: 33.33%;
  height: auto;
}

/* Joy of happiness */
.exp-about img {
  width: 100%;
  padding-bottom: 20px;
}

.exp-about h5 {
  font-weight: 650;
}

.divi-gallery {
  padding: 50px 0px;
}

.divide-gallery img {
  width: 100%;
}

.img-carouse {
  width: 100%;
  height: auto;
}

.divide-gallery h4 a {
  color: #000000;
  font-size: 24px;
}

.divi-gallery img {
  padding-bottom: 20px;
}

/***testdrive***/

.testban-right img {
  width: 100%;
  height: 100%;
}

.testban-left h2 {
  font-size: 50px;
  padding-left: 100px;
  font-weight: 600;
}

.testban-left p {
  font-size: 18px;
  padding-left: 100px;
  font-weight: 500;
}

ul.tabstop-head li {
  list-style-type: none;
  display: inline;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding-left: 30px;
}

.tabstop-head li a {
  color: #525151;
}

.connect-service {
  background-color: rgb(248, 246, 246);
}

/*****Newsroom****/
.blog-img h5 {
  font-size: 17px;
  font-weight: 600;
}

.newsroom-top {
  margin-top: 6%;
}

.newsroom-top h3 {
  font-weight: 600;
  margin-left: 7.5%;
}

p.blog-para {
  font-size: 12px;
  color: red;
  margin-top: 20px;
}

p.blogpara-text {
  font-size: 15px;
  padding: 0px 60px 0px 0px;
  color: #000000;
}

.blog-pgtext a {
  font-size: 14px;
  color: #001e50;
  font-weight: 600;
}

/* .newsroom-con {
    background: url(images/newsroom/top/Isuzu\ Newsroom\ banner.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 70%;
} */

.blognews-box {
  padding: 80px 0px 0px 0px;
}

.blognews-box img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.newsroom-box h4 {
  font-weight: 600;
  padding: 20px 0px;
  font-size: 18px;
}

.blognews-box p a {
  font-size: 14px;
  color: #de3755;
  font-weight: 600;
}

/* Explore isuzu start */
.eigthban h3 {
  text-align: center;
  font-size: 30px;
  color: #000000;
  font-weight: 600;
}

.exp-one img {
  width: 100%;
  height: auto;
}

/* fifth sec */
.fifthsecone h3 {
  font-size: 32px;
  font-weight: 500;
  color: #ffffff;
}

.fifthsecone p {
  padding-top: 20px;
  font-size: 16px;
  color: #888888;
  padding-bottom: 50px;
}

/****Blog readmore start***/
.readmore-top {
  margin-top: 6%;
}

.read-text h6 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 20px;
}

.read-text h3 {
  font-weight: 700;
  padding: 15px 0px;
  text-align: left;
}

.read-text h5 {
  font-weight: 300;
  letter-spacing: 0px;
  font-size: 16px;
  padding: 10px 132px 60px 0px;
  text-align: left;
}

.read-text img {
  width: 90%;
  height: auto;
  padding: 0px 0px 50px 0px;
}

.read-text p {
  font-size: 17px;
  text-align: left;
  padding: 10px 6px;
}

/*****Careers page designs*****/
.button-box button {
  /* padding: 100px; */
  padding: 14px 40px;
  background-color: black;
  color: #ffffff;
  border: none;
  margin: 50px;
}

.career-drop {
  margin: 45px;
}

select#careerdropdown,
#jobtype,
#jobstate,
#jobcity {
  padding: 12px 40px;
  font-size: 15px;
  font-weight: 600;
  margin-right: 6px;
}

.result-box {
  text-align: left;
  display: flex;
  justify-content: flex-start;
  align-items: center;
 /* margin-left: -328px;*/
}


textarea#resultText {
  padding: 50px;
  color: #000000;
  font-weight: 600;
  font-size: 17px;
}

textarea#resultText {
  padding: 46px 50px;
  color: #000000;
  font-weight: 600;
  font-size: 17px;
  overflow: hidden;
  border: none;
  width: 100%;
}

.careers-text p {
  font-size: 16px;
  letter-spacing: 0;
  padding: 0;
}

.bro-text {
  text-align: center;
}

.career-top {
  background: url(images/careers/test-drive-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.career-bottom {
  background-color: rgb(0 30 80 / 95%);
  padding: 35px 50px 25px 50px;
}

.career-bottom h3 {
  font-size: 30px;
  font-weight: 200;
  padding-bottom: 8px;
  letter-spacing: 0.2px;
}

.career-bottom p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

.career-bottom h4 a {
  background-color: #000000;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  padding: 12px 32px;
}

.findealer-top p {
  padding-left: 95px;
}

/* More */
.redire-text p a {
  color: #de3755;
}

.newsroom-top p {
  margin-left: 7.58%;
}

/***form section***/
#firstname,
#lastname {
  padding: 30px 208px 13px 3px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: none;
  border-bottom: 1px solid #000000;
}

#email,
#mobilenum {
  padding: 30px 208px 13px 3px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: none;
  border-bottom: 1px solid #000000;
}

#carmodel,
#selectlocation {
  border: none;
  padding: 40px 190px 13px 3px;
  margin-bottom: 10px;
  border-bottom: 1px solid #000000;
  width: 62.4%;
  margin-left: -10px;
}

/* hover */
#firstname:hover,
#lastname:hover,
#email:hover,
#mobilenum:hover,
#carmodel:hover,
#mobilenum:hover {
  background-color: #f2f2f2;
}

#form-submission {
  background-color: black;
  color: #ffffff;
  border: none;
  padding: 13px 60px;
}

.boxcheck {
  text-align: left;
  margin-left: 237px;
}

.caprect {
  margin-left: 236px;
}

/* table line height */
td#lineText {
  line-height: 31px;
  width: 15%;
}

/***form gallery***/
.testgal-left {
  background: url(images/Homebanner/Home-page_Desktop-Banner_1920-X-1080-px-2.webp);
  background-color: #54595a;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 400px;
}

.gallerysec-two {
  background: url(images/Homebanner/Home-page_Desktop-Banner_1920-X-1080-px-4.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.gallerysec-three {
  background: url(images/Homebanner/Home-page_Desktop-Banner_1920-X-1080-px-4.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

.gallerysec-four {
  background: url(images/Homebanner/Home-page_Desktop-Banner_1920-X-1080-px-4.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 300px;
}

/* Isuzu at your service */
.atyourservice-top img {
  width: 100%;
  height: auto;
}

.atyourservice-top p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.ser-sect {
  background: url(images/service_center/Isuzu-UTE-Careers_Banner_Desktop.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sersect-contain {
  background-color: rgba(12, 20, 79, 0.7);
}

.ser-sect img {
  width: 100%;
  height: auto;
}

.sersect-text {
  text-align: center;
}

.network-sect img {
  width: 100%;
  height: auto;
}

.network-sect p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
  padding-bottom: 30px;
}

.another-net img {
  width: 100%;
}

.another-net h3 {
  font-size: 32px;
}

.gal-start h3 {
  font-size: 19px;
  font-weight: 700;
}

.gal-start p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.8px;
}

.gal-startline {
  border-right: 0.5px solid #cfcfd0;
  height: 110px;
}

.finalat-text img {
  width: 12%;
  height: auto;
}

.finalat-anot img {
  width: 100%;
  height: auto;
}

.finalat-sec {
  background: url(images/service_center/KvWJ4qE1tuZVgpCdJU3bHVsk.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.finalat-sec h3 {
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
}

.finalat-sec p {
  color: #ffffff;
  font-size: 16px;
  padding: 10px 450px 0px 0px;
}

.finalat-anot {
  background-color: #0b1424;
  opacity: 0.9;
  padding: 130px 20px;
}

.finalat-anot p a {
  background-color: #ffffff;
  color: #000000;
  padding: 10px 41px;
  border-radius: 2px;
  font-size: 18px;
  font-weight: 500;
}

.another-net h5 {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: -0.2px;
}

.another-net p {
  font-size: 16px;
  font-weight: 500;
}

.carousel-indicators .active {
  opacity: 1;
  background-color: red;
}

.finalat-text p {
  font-size: 16px;
  padding-bottom: 44px;
  font-weight: 500;
  padding-top: 5px;
}

/* safety page */
.safety-top img {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
}

.safety-sec h3 {
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.6px;
}

.safety-sec p {
  padding-top: 47px;
  font-size: 17px;
  font-weight: 500;
  text-align: left;
  margin-right: 88px;
}

.rel-text p {
  font-size: 17px;
}

.safety-Carousal img {
  width: 100%;
  height: auto;
}

.white-less {
  color: #00051196;
  font-weight: 400;
}

.reliable-text img {
  width: 100%;
  height: auto;
}

.reliable-sec h3 {
  text-align: center;
}

.reliable-text p {
  font-size: 18px;
  font-weight: 600;
  padding-top: 18px;
}

/***Car models mu-X****/
.muxtop-logo img {
  width: 156px;
  height: 56px;
  margin-top: 15px;
}

.muxtop-text h4 a {
  background-color: #000000;
  color: #ffffff;
  padding: 15px 27px;
  font-size: 18px;
  float: right;
}

/* ******Masaonary grid home********* */
.g-6,
.gx-6 {
  --bs-gutter-x: 4.5rem;
}

.g-6,
.gy-6 {
  --bs-gutter-y: 4.5rem;
}

@media (min-width: 576px) {

  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }

  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
}

@media (min-width: 768px) {

  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }

  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
}

@media (min-width: 992px) {

  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }

  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
}

@media (min-width: 1200px) {

  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }

  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
}

@media (min-width: 1400px) {

  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }

  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
}

.py-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

@media (min-width: 576px) {
  .py-sm-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 768px) {
  .py-md-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

@media (min-width: 1400px) {
  .py-xxl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

.hcf-masonry-card {
  display: block;
  position: relative;
  overflow: hidden;
}

.hcf-masonry-card .card-img {
  object-fit: cover;
  transform: scale(1);
  transition: transform 150ms linear;
}

.hcf-masonry-card .card-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.hcf-masonry-card .card-overlay .card-title {
  display: inline-block;
  transform: translateY(10px);
  opacity: 0;
}

.hcf-masonry-card .card-overlay .card-category {
  transform: translateY(10px);
  opacity: 0;
}

.hcf-masonry-card:hover .card-img {
  transform: scale(1.05);
  transition: transform 150ms linear;
}

.hcf-masonry-card:hover .card-overlay {
  opacity: 1;
  transition: opacity 150ms linear;
}

.hcf-masonry-card:hover .card-overlay .card-title {
  opacity: 1;
  transform: translateY(0);
  transition: transform 150ms linear 0.1s, opacity 150ms linear 0.1s;
}

.hcf-masonry-card:hover .card-overlay .card-category {
  opacity: 1;
  transform: translateY(0);
  transition: transform 150ms linear 0.2s, opacity 150ms linear 0.2s;
}

.masonary-grid-item img {
  width: 100%;
}

.masanory-gird-image {
  display: grid;
  grid-gap: 2rem;
}

.masanory-gird-image img {
  object-fit: cover;
  border-radius: 1rem;
}

/* accordion */

/* ******Specification****** */
.specification-title h5 {
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px;
  text-align: center;
  color: #000;
  background-color: #969696;
}

.specification-sub-title h6 {
  text-transform: uppercase;
  font-weight: 500;
  text-align: left;
  color: #000;
  padding-top: 5px;
}

.specifications {
  padding: 10px;
}

/* Features */

#simple-list-example a {
  text-align: left;
  color: #000000;
  font-weight: 600;
}

/* Style tab links */
.tablink {
  background-color: #777;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 33.3%;
}

.tablink:hover {
  background-color: #777;
}

.tabcontent {
  width: 100%;
}

.accord-img img {
  width: 80%;
}

.scroll-text a {
  font-size: 18px;
  float: left;
  line-height: 20px;
}

.tabs-part {
  height: 500px;
  overflow-y: hidden;
}

.tabs-part img {
  width: 100%;
}

.features-list a {
  font-size: 17px;
  color: #000000;
  font-weight: 600;
}

.texti-line h4 {
  font-size: 22px;
  font-weight: 600;
  text-align: center;
}

.color-imag h4 {
  text-align: center;
  font-weight: 600;
}

.color-imag img {
  width: 100%;
  height: auto;
}

/* collapsible */
.exp-but {
  font-size: 14px;
  font-weight: 300;
  line-height: 25.2px;
}

/* Table section scabz */
table tr td {
  line-height: 60.2px;
  /* border-bottom: 1px solid #e0dfdf; */
  padding-right: 30px;
}

.scabz_table {
  width: 100%;
}

.scabz-table td {
  padding-right: 0px;
  width: 6%;
}

.tab-head h6 {
  background-color: #bcbfce;
  padding: 7px;
  font-weight: 600;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-bottom: 1px solid #d5d5d5;
}

/* Tabs scabz */
/* Style the tab */
.tab {
  overflow: hidden;
  /* border: 1px solid #ccc; */
  background-color: #e2e2e2;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 4px;
  transition: 0.3s;
  font-size: 16px;
  transform: translateX(0);
  padding-right: 40px;
}

/* Change background color of buttons on hover */
/* .tab button:hover {
    text-decoration: underline;
    color: #01286b;
  } */

/* Create an active/current tablink class */
.tab button.active {
  background-color: #f4f4f4;
  font-weight: 600;
  padding-right: 47px;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc; */
  border-top: none;
}

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.rect-bot {
  display: flex;
  justify-content: center;
}

.rect-bot h6 a {
  color: #ffffff;
  padding: 8px 33px;
  border: 2px solid #a8a5a5;
  border-radius: 40px;
  margin-right: 11px;
}

.rect-bot h6 a:hover {
  color: #e9e8e8;
  padding: 8px 33px;
  border: 2px solid #e9e8e8;
  border-radius: 40px;
  margin-right: 11px;
  transform: scale(1.1);
  outline: 2px solid #70bdca;
  box-shadow: 4px 5px 17px -4px #268391;
}

.rect-bot::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  background-color: #2c9caf;
  transform: skewX(45deg);
  z-index: -1;
  transition: width 1000ms;
}

.rect-bot:hover::before {
  width: 250%;
}

.first-contain h4 {
  background-color: #777777;
  color: #ffffff;
  padding: 8px;
  font-size: 16px;
}

.mux-rect h3 {
  font-size: 46px;
  font-weight: 300;
  letter-spacing: 4.2px;
}

.mux-rect img {
  width: 100%;
}

.rectbox-icon h6 {
  color: #ffffff;
  font-size: 17px;
}

.mux-rect,
.hilander-rect {
  /* background-color: #9cacc7; */
  background-image: linear-gradient(90deg, #051229, #001e50);
}

.rectbox-icon {
  font-size: 25px;
}

/* tabs */
ul#Exterior-list {
  display: flex;
  justify-content: center;
}

ul#Exterior-list {
  display: flex;
  justify-content: center;
  background-color: #777777;
  padding: 20px;
  text-align: center;
}

/* Hi-Lander models */
.clr-red h6 {
  color: #001e50;
  text-align: center;
}

.hi-lander-gal img {
  width: 100%;
  height: auto;
}

.interior-hilander img {
  width: 100%;
  /* padding: 17px; */
  margin-top: 20px;
}

/* D-MAX */
table.dmax-table tr td {
  padding-right: 20px;
}

#offcanvasBottom {
  width: 100%;
  height: 90%;
}

/* scab */
.scab-img img {
  width: 100%;
  height: auto;
}

/* vcross */
.vcross-img img {
  width: 100%;
  height: auto;
}

/* career-form page */
.upload-letter {
  text-align: left;
  margin-left: 240px;
}

textarea {
  border: none;
  border-bottom: 1px solid black;
}

/* class section */
.btext {
  border: none;
  color: #001e50;
  font-size: 18px;
  background-color: #e5e5e5;
  padding-left: 20px;
}

/* select */
#select_model option,
#select_city option,
#select_state option {
  background-color: #051229;
  color: #ffffff;
  /* padding: 50px; */
}

.dm-7 {
  padding-right: 140px;
}

.tc {
  color: #01286b;
}

.tc-blk {
  color: #000000;
}

.scabzlogo img {
  width: 141px;
  height: 25px;
  margin-top: 48px;
}

/* ScabZ */

.scaz-thirdText p {
  line-height: 28.2px;
  font-weight: 500;
}

/* .scaz-fifth {
    background-color: #ecececdb;
} */

.scaz-sixthTexttwo p {
  font-size: 18px;
}

.muxlogo p {
  margin-left: 6px;
  color: #636363;
}

/* Correction Place */
.Menu-aft {
  color: #000000;
  font-weight: 500;
  padding: 0 0 0 10px;
  font-size: 18px;
}

/* button animation */

.btn-draw:hover {
  background-color: #001e50;
  animation: ease-in 1s;
}

.eig-sec {
  font-size: 30px;
  font-weight: 500;
}

.sec-oneText p {
  padding: 0 58% 0 0;
}

.card {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f2f2f2;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  perspective: 1000px;
  box-shadow: 0 0 0 5px #ffffff80;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card img {
  width: 100%;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover {
  transform: scale(1.05);
  box-shadow: 0 8px 16px rgba(255, 255, 255, 0.2);
}

.card__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 100px;
  box-sizing: border-box;
  /* background-color: #d3d3d3; */
  background: linear-gradient(90deg,
      rgb(232, 231, 231) 0%,
      rgb(232, 231, 231) 0%,
      rgba(255, 252, 252, 0.7) 5%);
  transform: rotateX(-90deg);
  transform-origin: bottom;
  transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.card:hover .card__content {
  transform: rotateX(0deg);
}

.card__title {
  margin: 0;
  font-size: 21px;
  color: #000000;
  font-weight: 700;
}

.card__description {
  margin: 10px 0 0;
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
}

/* Model button */
.model-button a {
  color: #030303;
}

.model-button a:hover {
  color: #ffffff;
}

.model-button {
  padding: 15px 10px;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #000000;
  transition: all 1000ms;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  outline: 2px solid #a7a9a5;
  width: 30%;
}

.model-button:hover {
  color: #ffffff;
  transform: scale(1.1);
  outline: 2px solid #0c0111;
  box-shadow: 4px 5px 17px -4px #3f3d44;
}

.model-button::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  color: #ffffff;
  background-color: #041129;
  transform: skewX(45deg);
  z-index: -1;
  transition: width 1000ms;
}

.model-button:hover::before {
  width: 250%;
}

/* another-button */
.model-button-front {
  padding: 15px 10px;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #2c9caf;
  transition: all 1000ms;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  outline: 2px solid #a7a9a5;
}

.model-button-front:hover {
  color: #ffffff;
  transform: scale(1.1);
  outline: 2px solid #0c0111;
  box-shadow: 4px 5px 17px -4px #3f3d44;
}

.model-button-front::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  color: #000000;
  background-color: #ffffff;
  transform: skewX(45deg);
  z-index: -1;
  transition: width 1000ms;
}

.model-button-front:hover::before {
  width: 250%;
}

.model-button-front a {
  color: #ffffff;
}

.model-button-front a:hover {
  color: #000000;
}

/* Text button */
.fancy {
  background-color: transparent;
  border: 2px solid #000;
  border-radius: 0;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  float: left;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 0;
  outline: none;
  overflow: visible;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  transition: all 0.3s ease-in-out;
  user-select: none;
  font-size: 13px;
}

.fancy::before {
  content: " ";
  width: 1.5625rem;
  height: 1.8px;
  background: #ffffff;
  top: 50%;
  left: 1.5em;
  position: absolute;
  transform: translateY(-50%);
  transform-origin: center;
  transition: background 0.3s linear, width 0.3s linear;
}

.fancy .text {
  font-size: 1.125em;
  line-height: 1.33333em;
  padding-left: 2em;
  display: block;
  text-align: left;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
  text-decoration: none;
  color: #ffffff;
}

.fancy .top-key {
  height: 2px;
  width: 1.5625rem;
  top: -2px;
  left: 0.625rem;
  position: absolute;
  background: #e8e8e8;
  transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-1 {
  height: 2px;
  width: 1.5625rem;
  right: 1.875rem;
  bottom: -2px;
  position: absolute;
  background: #e8e8e8;
  transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-2 {
  height: 2px;
  width: 0.625rem;
  right: 0.625rem;
  bottom: -2px;
  position: absolute;
  background: #e8e8e8;
  transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
  color: white;
  background: black;
}

.fancy:hover::before {
  width: 0.9375rem;
  background: white;
}

.fancy:hover .text {
  color: white;
  padding-left: 1.5em;
}

.fancy:hover .top-key {
  left: -2px;
  width: 0px;
}

.fancy:hover .bottom-key-1,
.fancy:hover .bottom-key-2 {
  right: 0;
  width: 0;
}

/* submit */
.model-button a {
  color: #030303;
}

.model-button a:hover {
  color: #ffffff;
}

.display-text {
  padding: 15px 10px;
  border: none;
  border-radius: 2px;
  font-weight: bold;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #000000;
  transition: all 1000ms;
  font-size: 14px;
  position: relative;
  overflow: hidden;
  outline: 2px solid #a7a9a5;
  width: 13%;
}

.display-text:hover {
  color: #ffffff;
  transform: scale(1.1);
  outline: 2px solid #0c0111;
  box-shadow: 4px 5px 17px -4px #3f3d44;
}

.display-text::before {
  content: "";
  position: absolute;
  left: -50px;
  top: 0;
  width: 0;
  height: 100%;
  color: #ffffff;
  background-color: #041129;
  transform: skewX(45deg);
  z-index: -1;
  transition: width 1000ms;
}

.display-text:hover::before {
  width: 250%;
}

/* Table correction */
.scabz-table ul li {
  line-height: 40px;
  list-style-type: square;
}

.left-tableText h5 {
  margin-top: 40px;
  margin-bottom: 18px;
  border-left: 5px solid red;
}

.Adv-banner {
  background-color: #eeefef;
}

.header-banner-block__video {
  width: 100%;
}

.line-code {
  border-bottom: 3px solid red;
  padding: 0 25px;
  line-height: 0;
}

/* History Page */

.timeline_wrap {
  overflow: hidden;
}

#timeline_slider {
  display: flex;
  overflow-x: scroll;
  padding-bottom: 20px;
  transform: translatey(20px);
}

.timeline {
  width: 2px;
  position: absolute;
  background: rgb(255, 1, 1);
  height: 100%;
  left: 50%;
}

.timeline_line {
  position: absolute;
  max-width: 90%;
  right: 0;
  height: 2px;
  top: 118px;
  background: rgb(255, 1, 1);
  width: 100%;
}

.timeline_slide {
  min-width: 300px;

  max-width: 10px;
  cursor: grab;
}

.timeline_fadebox {
  position: absolute;
  /* background: rgb(0,0,0); */
  /* background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(78,106,82,1) 100%); */
  /* background-image: linear-gradient(161deg, #05142dfc, #00112d); */
  z-index: 1;
  width: 10%;
  height: 100%;
  left: 0;
  top: 0;
}

.timeline_nav {
  margin: auto;
  position: absolute;
  right: 10%;
  z-index: 99999;
  top: 114px;
  width: fit-content;
}

.timeline_nav button span {
  /*  Keep the user from selecting the chevrons. You could just use an image instead of an icon instead.   */
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 100%;
  pointer-events: none;
  /* border: 2px solid white; */
  font-size: 30px;
  color: white;
}

/* Text background */
.blueback {
  background-image: linear-gradient(90deg, #051229, #001e50);
  padding: 3px 11px 3px 11px;
}

.timeline_nav button {
  background: transparent;
  border: none;
}

.timeline_nav button:hover {
  transform: scale(1.1);
}

/* Overlay in case you want to add a background image */
/* Background color code */
.green_overlay {
  background-image: linear-gradient(90deg, #051229, #001e50);
}

/* Timeline Code */

.timeline_dot {
  background: rgb(78, 106, 82);
  width: 20px;
  height: 20px;
  border: 2px solid #e7c568;
  border-radius: 100%;
  padding: 5px;
  margin: 10px auto;
}

.timeline_dot_center {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: white;
}

/* Text Border */
.timeline_item_content {
  /* border: 1px solid rgba(255, 2, 2, 0.8); */
  border-radius: 20px;
  padding: 0;
  text-align: left;
  /* background: rgba(255, 255, 255, .1) */
}

/* Years text */
.yellow {
  color: #ffffff;
}

/* Image shape */
.round-shape img {
  border-radius: 100%;
  /* display: flex; */
  margin-left: 30px;
  padding: 7px;
}

@media only screen and (max-width: 1200px) {
  .timeline_nav {
    width: 90%;
    z-index: 999999;
    left: 5%;
    display: none;
    justify-content: end;
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .timeline_line {
    min-width: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(-90deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 10%,
        rgba(255, 255, 255, 1) 90%,
        rgba(255, 255, 255, 0) 100%);
  }

  .timeline_nav span {
    background: transparent;
  }
}

@media only screen and (min-width: 768px) {
  #timeline_slider {
    padding-left: 10%;
  }

  .timeline_left_line {
    width: 2px;
    background: #f70000;
    left: 10%;
    height: 118px;
    position: absolute;
    top: 0;
  }

  .timeline_header {
    position: relative;
    width: fit-content;
    padding: 9px 30px;
    margin-left: 10%;
    font-size: 25px;
  }

  .timeline_top {
    max-width: 90%;
    overflow: hidden;
    padding: 100px 0;
    margin-left: auto;
    z-index: -1;
  }

  .tl_line {
    position: absolute;
    background: #ff0505;
  }

  .tl_line_mid {
    width: 100%;
    height: 2px;
    top: 50%;
  }

  .tl_line_left {
    width: 2px;
    height: 400px;
    left: 0;
    top: 50%;
    z-index: 900000;
  }
}

.success_message {
  text-align: center;
  width: 60%;
  margin: 10px auto;
  padding: 15px;
  background-color: #3333;
  font-size: 20px;
  font-weight: bold;
}

button#form-submission:hover {
  border: 1px solid red;
  background-color: #ffffff;
  color: #000000;
  transition: 0.5s ease;
}

.image-cardText a h3 {
  color: #000000;
}

ul.tabstop-head {
  margin-left: -75px;
}

/* table */
table#scabz-idtab {
  background-color: azure !important;
  font-size: 15px;
}

#scabz-id {
  width: 100%;
  /* background-color: #eaeaea; */
  font-size: 16px;
  font-weight: 600;
}

td#\#dm {
  transform: translateX(79px);
}

td#\#dm-2 {
  transform: translateX(142px);
}

td#\#dm-3 {
  transform: translateX(-11px);
  text-align: center;
}

.scabz-item2 {
  width: 100%;
}

td#dm-5 {
  transform: translateX(55px);
}

td#dm-6 {
  transform: translateX(-30px);
}

td#textAlign {
  line-height: 22px;
  padding: 0 4px 0 0;
}

td#dmT {
  text-align: left;
  font-weight: 600;
  line-height: 28px;
}

table#scab-table {
  width: 100%;
}

td#dmD {
  text-align: left;
  line-height: 24px;
  width: 8%;
}

td#dmH {
  text-align: left;
  line-height: 30px;
  width: 6%;
  padding: 0;
}

.scab-table td ul li {
  line-height: 40px;
}

td#dmD\ sdmD {
  padding-right: 334px;
}

table.scab_table {
  width: 100%;
}

table.scab-table {
  width: 100%;
}

td#sD {
  padding-right: 232px;
}

td#muD {
  line-height: 28px;
  width: 26%;
}

table.scabz-table {
  width: 100%;
}

td#smD {
  width: 13%;
  line-height: 30px;
}

td#scZ {
  width: 100%;
  width: 22%;
  line-height: 30px;
}

/* Contact us */

/*contact*/
.icon-contact img {
  width: 15%;
}

.contact-us-head {
  padding-top: 100px;
  text-align: center;
}

.contact-us-head h1 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 0px;
}

.contact-us-head h5 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: #ccc;
}

.contact-us-head p {
  width: 53%;
  margin: auto;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}

.grid-view-contact {
  background: #f5f5f5;
  padding: 60px 0;
}

.contact-details p:first-child {
  font-size: 20px;
  color: #222;
}

.contact-details p {
  color: #707070;
  line-height: normal;
  margin-bottom: 0.3rem !important;
}

.contact-details span {
  color: #222;
  font-size: 16px;
}

.contact-details a {
  color: #000;
  font-weight: 600;
}

span.toll-free {
  font-size: 14px;
  color: #000000;
}

.contact-details p:last-child {
  font-size: 15px !important;
  color: #222 !important;
  margin-bottom: 0;
  font-weight: 600;
}

a.contact-link {
  color: #dd1d10;
  text-decoration: underline;
}

.contact-details {
  min-height: 86px;
}

.all-details {
  padding: 30px 10px;
  display: flex;
  align-items: center;
  gap: 20px;
  background: #ececec;
  box-shadow: 3px 1px 6px #3333;
  border-radius: 10px;
  flex-direction: column;
  text-align: center;
}

.contact-details ul {
  list-style: none;
  padding: 0px;
  display: flex;
  gap: 20px;
  margin: 0px;
  font-size: 26px;
}

.contact-details ul a:hover {
  color: #000;
}

.disc {
  text-align: center;
  padding-top: 40px;
  width: 70%;
  margin: auto;
  font-weight: 600;
}

.disc h3 {
  font-weight: 600;
  margin-bottom: 15px;
}

.disc p {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.header-contact {
  color: #000;
  text-decoration: none;
  border: 1px solid #c4c4c4;
  padding: 8px;
  border-radius: 20px;
}

.header-contact i {
  font-size: 15px;
}

.logo-section {
  gap: 20px;
  display: flex;
  align-items: center;
}

.icon-contact {
  min-height: 60px;
}

.fb-c,
.tw-c {
  color: #0866ff !important;
}

.in-c {
  color: #d62976 !important;
}

.yt-c {
  color: #cd201f !important;
}

.img-box {
  position: relative;
}

.gif-icon {
  position: absolute;
  width: 78px !important;
  top: -26px;
  right: 166px;
}

/* Mobile view */

/* Mobile view */
/* Home Page */
@media screen and (min-width: 320px) and (max-width: 768px) {
  .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  html,
  body {
    overflow-x: hidden;
    overflow-y: scroll;
  }

  .contact-us-head p {
    width: 84%;
    margin: auto;
    font-size: 17px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
  }

  .disc p {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
  }

  .disc {
    text-align: center;
    padding-top: 40px;
    width: 100%;
    margin: auto;
    font-weight: 600;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #ffffff;
    width: 100vw;
    overflow-x: hidden;
  }

  .model-box h3 {
    color: rgb(2, 2, 59);
    margin-top: -62px;
    font-size: 30px;
    /* -webkit-text-fill-color: #171212;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0c0e78;
        -webkit-text-stroke-color: black; */
  }

  .img-box img {
    width: 200px;
    margin-left: -94px;
    padding-top: 50px;
  }

  img.gif-icon {
    /* display: flex; */
    transform: translateX(-49px);
  }

  .img-box img:hover {
    width: 100px;
    margin-left: -9px;
    transform: scale(1.07);
  }

  .img-box h4 {
    margin-left: -85px;
    font-weight: 600;
    font-size: 20px;
  }

  .model-button {
    border: 1px solid #000000;
    color: #000000;
    width: 92%;
    padding: 13px 0px;
    font-size: 13px;
    font-weight: 500;
    margin-right: 1px;
  }

  .model-button-front {
    background-image: linear-gradient(90deg, #051229, #001e50);
    color: #ffffff;
    width: 100%;
    padding: 14px;
    font-size: 13px;
    font-weight: 500;
    margin-left: -17px;
  }

  .iconset img {
    width: 100px;
    height: 100px;
    margin-left: 142px;
    padding: 15px;
  }

  .career-bottom h4 a {
    background-color: #000000;
    color: #ffffff;
    font-weight: 500;
    font-size: 14px;
    padding: 10px 40px;
  }

  .finddel-text #select_model,
  #select_state,
  #select_city {
    padding: 14px 49px;
    margin-bottom: 20px;
    width: 100%;
  }

  .footersec-privacy ul li a {
    font-size: 12px;
  }

  .footersec-privacy ul li {
    list-style-type: none;
    display: inline;
    font-weight: 500;
    float: left;
    margin-right: 36px;
  }

  #display-text {
    background-color: black;
    border: none;
    color: #ffffff;
    font-size: 15px;
    width: 58% !important;
  }

  .footer-copy ul li {
    list-style-type: none;
    font-weight: 500;
    font-size: 12px;
    padding-bottom: 0px;
  }

  .result-box {
    margin-top: 20px;
    padding: 30px 17px;
    /* background-color: silver; */
    width: 100%;
    text-align: left;
  }

  /* All models */
  .isuzuindia-top h3 {
    padding: 25px 0px 20px 0px;
    margin-left: -0.5%;
  }

  .carmodel-mux {
    background-color: #6d0e0f;
    width: 300px;
    height: 235px;
    margin: 30px;
  }

  .carmodel-hilander {
    background-color: #0b1424;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .carmodel-scab {
    background-color: #54595a;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .carmodel-dmax {
    background-color: #a0a2a1;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .carmodel-vcross {
    background-color: #bc3f20;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .carmodel-scabz {
    background-color: #a7a9a5;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .carmodel-scabz img {
    width: 120%;
    height: auto;
    margin-top: 50px;
    margin-left: -29px;
  }

  .carmodel-dmax-amb {
    background-color: #a7a9a5;
    width: 300px;
    height: 240px;
    margin: 30px;
  }

  .btext {
    border: none;
    color: #001e50;
    font-size: 15px;
    background-color: #e5e5e5;
    padding-left: 20px;
    width: 100%;
  }

  .carmodel-mux img,
  .carmodel-hilander img,
  .carmodel-dmax img,
  .carmodel-scab img,
  .carmodel-vcross img,
  .carmodel-scabz img,
  .carmodel-dmax-amb img {
    width: 117%;
    height: auto;
    margin-top: 57px;
    margin-left: -22px;
  }

  .allmodels-bottom h4 a {
    background-color: white;
    color: #001e50;
    padding: 11px 49px;
    font-size: 14px;
    border-radius: 2px;
  }

  .commitment-img img {
    width: 140%;
    height: auto;
    margin-left: 0;
  }

  .isuzuthird-text p {
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: 0px;
    padding: 0px 0px;
    font-weight: 400;
    margin-bottom: -18px;
  }

  .thirdsec-head img {
    width: 100%;
    text-align: center;
    padding: 0px;
  }

  .thirdsec-head p {
    font-size: 16px;
    padding: 0px 0px;
    margin-top: 28px;
  }

  .comeimg img {
    width: 100%;
    height: 100%;
    padding: 50px 0px 0px 0px;
    float: right;
  }

  .comeimg-text p {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    padding: 0px 10px 0px 0px;
    margin-top: -100px;
  }

  /* company overview */
  .history-img img {
    height: auto;
    float: left;
    width: 90%;
    margin-bottom: 0px;
  }

  /* isuzu squad */
  .squadtop-ban {
    margin-top: 26%;
  }

  .squad-logo img {
    width: 20%;
  }

  /* find dealers */
  .finddealer-con {
    background: url(images/connecttoservice/1920-x-700_01.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 40%;
  }

  #select_model,
  #select_state,
  #select_city {
    padding: 14px 49px;
    margin-bottom: 20px;
    width: 100%;
  }

  .findealer-top h3 {
    font-weight: 600;
    margin-left: 7.5%;
    margin-top: 23%;
  }

  /* Test Drive */
  ul.tabstop-head li {
    list-style-type: none;
    display: inline;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-left: 10px;
    margin-left: 0px;
  }

  #carmodel,
  #selectlocation {
    border: none;
    padding: px 120px 0px 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 100%;
    font-size: 14px;
  }

  ul.tabstop-head {
    margin-left: -75px;
    display: contents;
  }

  #firstname,
  #lastname,
  #email,
  #mobilenum {
    padding: 13px 20px 22px 3px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
    font-size: 14px;
  }

  #firstname:hover,
  #lastname:hover,
  #email:hover,
  #mobilenum:hover,
  #carmodel:hover,
  #mobilenum:hover {
    background-color: #ffffff;
  }

  .boxcheck {
    text-align: left;
    margin-left: 0px;
    font-size: 12px;
  }

  .caprect {
    margin-left: 0px;
  }

  /* Newsroom */
  .newsroom-con {
    background: url(images/newsroom/top/Isuzu\ Newsroom\ banner.jpg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
  }

  .newsroom-top h3 {
    font-weight: 600;
    margin-left: 7.5%;
    margin-top: 90px;
  }

  .read-text h6 {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 20px;
    margin-top: 20px;
  }

  select#careerdropdown,
  #jobtype,
  #jobstate,
  #jobcity {
    padding: 15px 63px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 0px;
    margin-bottom: 10px;
    width: 100%;
  }

  .muxlogo-button p a {
    float: left;
    background-color: #000000;
    color: #ffffff;
    padding: 6px 19px;
    margin-top: 15px;
    font-weight: 500;
  }

  .tabs-part {
    height: 170px;
    overflow-y: hidden;
  }

  ul#features-list {
    margin-top: 30px;
  }

  tr.pb-4 th {
    font-size: 12px;
  }

  table tr td {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 1px;
    line-height: 23.2px;
    border-bottom: 1px solid rgb(212, 211, 211);
    font-size: 12px;
  }

  .safety-sec h3 {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.6px;
    margin-top: -20px;
  }

  .safety-Carousal img {
    height: auto;
  }

  .safety-sec p {
    padding-top: 47px;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    margin-right: 0px;
  }

  .safety-top img {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
  }

  .white-less {
    color: #00051196;
    font-weight: 400;
    font-size: 20px;
  }

  .sersect-text {
    padding-left: 20px;
  }

  .gal-start h3 {
    font-size: 19px;
    font-weight: 700;
    margin-top: 10px;
  }

  .gal-start p {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.8px;
  }

  .finalat-text img {
    width: 36%;
    height: auto;
  }

  .finalat-text p {
    font-size: 15px;
    padding-bottom: 44px;
    font-weight: 500;
    padding-top: 5px;
  }

  /* Models page */
  .item-img img {
    width: 100%;
  }

  .rect-bot {
    display: grid;
    justify-content: center;
  }

  .rect-bot h6 a {
    color: #ffffff;
    padding: 9px 31px;
    border: 2px solid #a8a5a5;
    border-radius: 40px;
    margin-right: 11px;
    display: block;
  }

  /* .isuzuindia-con {
        background: url(images/isuzuindia/IMI\ Plant\ Aerial\ Photo.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 50%;
    } */

  /* careers-form */
  .upload-letter {
    text-align: left;
    margin-left: 0px;
  }

  /* changes */
  .isuzuindia-global p {
    font-size: 17px;
    letter-spacing: 0px;
    margin-top: 0;
    font-weight: 500;
    padding: 0;
  }

  .brand-text h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 1px 0px 0px 0px;
    color: #001e50;
  }

  .comeimg img {
    width: 100%;
    height: auto;
    margin-top: -77px;
  }

  /* .isuzuindia-global p {
        font-size: 17px;
        letter-spacing: 0px;
        padding-top: 0px;
        margin-top: -49px;
        font-weight: 500;
        margin-bottom: -65px;
    } */

  .thirdsec-head h3 {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
    padding: 10px 0px 0px 0px;
    color: #000000;
  }

  .thirdnext-text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: -20px;
  }

  .squadimg-gallery h3 {
    font-size: 23px;
    color: #000000;
    text-align: left;
    padding: 0;
    font-weight: 600;
  }

  .tabstop-head {
    padding: 82px;
  }

  .testban-right img {
    width: 100%;
    height: auto;
  }

  .row.hist-two {
    display: flex;
    flex-direction: column-reverse;
  }

  .blognews-box {
    padding: 10px 0px 0px 0px;
  }

  .specification-title h5 {
    text-transform: uppercase;
    font-weight: 500;
    padding: 7px;
    text-align: center;
    color: #000;
    background-color: #969696;
    font-size: 13px;
  }

  .founded-text h5 {
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px 29px 0;
  }

  .companytop-content h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 26.2px;
  }

  .model-button {
    padding: 15px 1px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 100%;
  }

  .model-button-front {
    padding: 15px 2px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #2c9caf;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
  }

  /* Black hover Button */
  .over-text p {
    font-size: 13px;
  }

  .fancy .text {
    font-size: 12px;
    line-height: 1.33333em;
    padding-left: 2em;
    display: block;
    text-align: left;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
  }

  .card__description {
    margin: 0px 0 0;
    font-size: 12px;
    color: #000000;
    line-height: 1.2;
  }

  .card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    box-sizing: border-box;
    /* background-color: #d3d3d3; */
    background: linear-gradient(90deg,
        rgb(232, 231, 231) 0%,
        rgb(232, 231, 231) 0%,
        rgba(255, 252, 252, 0.7) 5%);
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .card__title {
    margin: 0;
    font-size: 16px;
    color: #000000;
    font-weight: 700;
  }

  .image-container {
    display: contents;
    justify-content: space-between;
    width: 100%;
  }

  .career-bottom h3 {
    font-size: 25px;
    font-weight: 200;
    padding-bottom: 8px;
    letter-spacing: 0.2px;
  }

  .career-bottom p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
  }

  .blognews-box h5 {
    font-size: 16px;
  }

  .display-text {
    padding: 15px 50px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 13px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 50%;
  }

  .findealer-top p {
    padding-left: 29px;
  }

  .form-mail.pt-5 {
    margin-top: -36px;
  }

  .select-model.pt-5 {
    margin-top: -10px;
  }

  /* Head */
  /* li.nav-item a {
        font-size: 18px;
        font-family: 'Istok Web', sans-serif;
        font-weight: 500;
        color: #ffffff !important;
    } */

  .testform-top {
    margin-top: -66px;
  }

  .button-box button {
    /* padding: 100px; */
    padding: 14px 26px;
    background-color: black;
    color: #ffffff;
    border: none;
    margin: 30px;
  }

  .abv-content p {
    font-size: 14px;
    letter-spacing: 0.6px;
  }

  .squadtop-ban p {
    padding: 0 35px 0 33px;
    font-size: 15px;
  }

  td#dm-7 {
    padding: 5px;
  }

  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 15px;
    transition: 0.3s;
    font-size: 16px;
    transform: translateX(0);
    padding-right: 22px;
    font-size: 15px;
  }

  td#dm-6 {
    transform: translateX(-9px);
    padding: 0;
  }

  td#dm-5 {
    transform: translateX(-8px);
    padding: 0;
  }

  td#\#dm {
    transform: translateX(29px);
  }

  td#\#dm-2 {
    transform: translateX(11px);
  }

  .scabz-table td {
    padding-right: 6px;
    width: 6%;
    line-height: 19px;
  }

  .over-banner {
    background: url(images/Home/banners/Car-patterns.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .another-net {
    margin-top: -112px;
  }

  .muxtop-logo {
    padding: 10px;
  }

  td#muD {
    line-height: 19px;
    width: 8%;
  }

  td#dmD {
    text-align: left;
    line-height: 19px;
    padding-right: 8px;
  }

  .scabz_table {
    width: 100%;
  }

  .Adv-banner h3 {
    text-align: left;
    font-size: 21px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0px;
    margin: 0 20px 0 12px;
  }

  td#textAlign {
    line-height: 14px;
    padding-right: 4px;
  }

  td#dmH {
    text-align: left;
    line-height: 30px;
    width: 7%;
    padding: 0;
  }

  td#scZ {
    width: 100%;
    width: 7%;
    line-height: 30px;
  }

  td#smD {
    width: 3%;
    line-height: 18px;
  }

  td#dmT {
    text-align: left;
    font-weight: 600;
    line-height: 17px;
    padding: 0;
  }

  td#muD {
    line-height: 28px;
    width: 25%;
    font-size: 13px;
  }

  /* Isuzu India */
  .isuzuindia-con P {
    font-size: 14px;
    padding: 0 10%;
  }

  .isu-Two-contain {
    display: block !important;
    width: 100%;
    height: auto;
  }

  .isu-img {
    width: 100% !important;
    height: auto;
  }

  .isu-imgText {
    width: 100% !important;
    padding: 5%;
  }

  .add-Third-Items P {
    font-size: 14px;
    font-weight: 600;
    padding: 2% 8%;
    text-align: left;
  }

  /* swiper container */
  main-heading-banner {
    width: 100%;
    height: auto;
    object-fit: cover;
  }

  /* fleet */
  .fleet-One {
    background-image: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(3, 3, 26, 0.2) 100%),
      url(images/Fleet/Top_banner.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 270px;
    width: 100%;
  }

  .fleet-Two {
    padding: 4% 4% !important;
    text-align: center;
  }

  .fleet-Three {
    padding: 4% 10% 1% 10%;
    text-align: center;
  }

  /* Isuzu truck life */
  .swiper-Life img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }
}

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

  html,
  body {
    overflow-x: hidden;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #ffffff;
    width: 100vw;
  }

  .iconset img {
    width: 100px;
    height: 100px;
    margin-left: 208px;
    padding: 15px;
  }

  .model-box h4 a {
    font-size: 17px;
    font-weight: 600;
    color: #001e50;
    margin-right: 230px;
  }

  #display-text {
    background-color: black;
    border: none;
    color: #ffffff;
    font-size: 15px;
    width: 58%;
  }

  .model-box h3 {
    color: rgb(2, 2, 59);
    font-size: 49px;
    -webkit-text-fill-color: #171212;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #0c0e78;
    /* -webkit-text-stroke-color: black; */
  }

  .img-box img {
    width: 220px;
    margin-left: -144px;
  }

  .model-button {
    border: 1px solid #000000;
    color: #000000;
    width: 63%;
    padding: 16px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 20px;
  }

  .model-button-front {
    background-image: linear-gradient(90deg, #051229, #001e50);
    color: #ffffff;
    width: 62%;
    padding: 17px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px;
  }

  .finddel-text #select_model,
  #select_state,
  #select_city {
    padding: 14px 50px;
    margin-bottom: 10px;
  }

  .model-box h4 a {
    font-size: 17px;
    font-weight: 600;
    color: #001e50;
    margin-right: 73px;
  }

  .footer-copy ul li {
    list-style-type: none;
    font-weight: 500;
    font-size: 13px;
  }

  .footersec-privacy ul li a {
    font-size: 14px;
  }

  /* Isuzu india */
  .isuzuindia-top h3 {
    margin-top: 0px;
  }

  .isuzuthird-text p {
    margin-top: 10px;
    font-size: 16px;
    /* letter-spacing: 2.1px; */
    padding: 0px 0px;
    font-weight: 400;
  }

  .thirdrow-text img {
    width: 100%;
    height: auto;
    float: right;
  }

  .thirdsec-head p {
    font-size: 17px;
    padding: 0px 0px;
  }

  .comeimg img {
    width: 100%;
    height: auto;
    padding: 50px 0px 0px 0px;
    float: right;
  }

  .comeimg-text p {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    padding: 0px;
  }

  /* isuzu squad */
  .squadtop-ban {
    margin-top: 16%;
  }

  .squad-logo img {
    width: 14%;
  }

  #carmodel,
  #selectlocation {
    border: none;
    padding: 13px 190px 13px 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 100%;

  }

  .boxcheck {
    text-align: left;
    margin-left: 0px;
  }

  #firstname,
  #lastname {
    padding: 13px 0px 30px 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
  }

  #email,
  #mobilenum {
    padding: 1px 0px 30px 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
  }

  .caprect {
    margin-left: 0px;
  }

  select#careerdropdown,
  #jobtype,
  #jobstate,
  #jobcity {
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    margin-right: 25px;
    width: 100%;
    margin-bottom: 20px;
  }

  .result-box {
    margin-top: 20px;
    padding: 30px 20px;
    /* background-color: silver; */
    width: 100%;
    text-align: left;
  }

  .career-bottom {
    background-color: rgb(0 30 80 / 95%);
    padding: 25px 50px 38px 50px;
  }

  .muxlogo-button p a {
    float: right;
    background-color: #000000;
    color: #ffffff;
    padding: 9px 30px;
    margin-top: -47px;
    font-weight: 500;
  }

  .item-gallery img {
    width: 100%;
  }

  .safety-sec h3 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: -0.6px;
  }

  .safety-Carousal img {
    height: auto;
  }

  .safety-sec p {
    padding-top: 47px;
    font-size: 17px;
    font-weight: 500;
    text-align: left;
    margin-right: 0px;
  }

  .reliable-sec h3 {
    text-align: center;
    font-size: 20px;
  }

  .upload-letter {
    text-align: left;
    margin-left: 0px;
  }

  /* changes */
  .isuzuindia-global p {
    font-size: 17px;
    letter-spacing: 0px;
    padding-top: 0px;
    margin-top: -49px;
    font-weight: 500;
  }

  .row.hist-two {
    display: flex;
    flex-direction: column-reverse;
  }

  .history-img img {
    height: auto;
    float: left;
    width: 90%;
    margin-bottom: 0px;
  }

  /* ANim button */
  .model-button {
    padding: 15px 7px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 62%;
  }

  .model-button-front {
    padding: 15px 2px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #2c9caf;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
  }

  h3.left-anim {
    border-left: 4px solid red;
    margin-top: 50px;
    font-size: 16px;
  }

  .card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    box-sizing: border-box;
    /* background-color: #d3d3d3; */
    background: linear-gradient(90deg,
        rgb(232, 231, 231) 0%,
        rgb(232, 231, 231) 0%,
        rgba(255, 252, 252, 0.7) 5%);
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .display-text {
    padding: 15px 10px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 35%;
  }

  .squadtop-ban p {
    padding: 0 103px 0 121px;
    font-size: 15px;
  }

  .image-container {
    display: block;
    justify-content: space-between;
    width: 100%;
  }

  .squadimg-gallery h3 {
    font-size: 20px;
    color: #000000;
    text-align: left;
    padding: 10px 5px 10px 0px;
    font-weight: 600;
  }

  .text-dmSure h3 {
    font-size: 20px;
  }

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

  .isuzuindia-global p {
    font-size: 17px;
    letter-spacing: 0px;
    padding-top: 0px;
    margin-top: 0;
    font-weight: 500;
    width: 150%;
  }

  .scroll-txt p {
    padding: 0 130px;
  }

  .findealer-top {
    margin-top: 12%;
    margin-bottom: 3%;
  }

  .findealer-top h3 {
    font-weight: 600;
    margin-left: 16.2%;
  }

  .findealer-top p {
    padding-left: 120px;
    padding-right: 120px;
  }

  .newsroom-top {
    margin-top: 13%;
  }

  .newsroom-top h3 {
    font-weight: 600;
    margin-left: 16.5%;
  }

  .newsroom-top p {
    margin-left: 16.58%;
  }

  .squadtop-ban h3 {
    font-weight: 600;
    margin-left: 16.5%;
    font-size: 20px;
  }

  td#dm-5 {
    transform: translateX(-53px);
    padding: 0 20px;
  }

  td#dm-7 {
    transform: translateX(-53px);
    padding: 0 2px;
  }

  td#dm-6 {
    transform: translateX(-60px);
    padding: 0 9px;
  }

  #scabz-id {
    width: 100%;
    /* background-color: #eaeaea; */
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
  }

  .scabz-table td {
    padding-right: 0px;
    width: 6%;
    font-size: 12px;
  }

  td#\#dm {
    transform: translateX(55px);
  }

  td#\#dm-2 {
    transform: translateX(50px);
  }

  .over-banner {
    background: url(images/Home/banners/Car-patterns.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .Adv-banner h3 {
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    color: #000000;
    letter-spacing: 0px;
    margin-left: 25px;
    padding: 0 64px 0 0;
  }
}

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

  html,
  body {
    overflow-x: hidden;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #ffffff;
    width: 100vw;
  }

  .model-box h3 {
    color: #000000;
    font-size: 30px;
    /* -webkit-text-fill-color: #171212; */
    /* -webkit-text-stroke-width: 1px; */
    -webkit-text-stroke-color: #00000;
    /* -webkit-text-stroke-color: black; */
  }

  .img-box img {
    width: 154px;
    margin-left: -36px;
    padding: 10px;
  }

  img.gif-icon {
    transform: translateX(86px);
  }

  .img-box h4 {
    margin-left: -65px;
    font-weight: 600;
    font-size: 16px;
  }

  .model-box h4 a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-right: 0px;
  }

  .model-button {
    border: 1px solid #000000;
    color: #000000;
    width: 78%;
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
  }

  .model-top h2 {
    text-align: center;
    padding-right: 100px;
  }

  .line-code {
    border-bottom: 3px solid red;
    padding: 0 25px;
    line-height: 0;
    margin-right: 95px;
  }

  .scroll-txt p {
    text-align: center;
    padding-right: 100px;
  }

  .isuzuindia-global p {
    font-size: 17px;
    letter-spacing: 0px;
    padding: 0 0px 0 0;
    font-weight: 500;
  }

  .model-button-front {
    background-image: linear-gradient(90deg, #051229, #001e50);
    color: #ffffff;
    width: 78%;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
  }

  .iconset img {
    width: 100px;
    height: 100px;
    margin-left: 0px;
    padding: 15px;
  }

  .icontest p {
    padding: 19px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 13px;
  }

  .trycol-sect h3 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 30px;
  }

  .trycol-sect p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.6;
  }

  .blog-img img {
    width: 100%;
    height: auto;
  }

  .result-box {
    margin-top: 20px;
    padding: 30px 50px;
    /* background-color: silver; */
    width: 100%;
    text-align: left;
  }

  .footersec-list-social ul li {
    list-style-type: none;
    display: inline;
    margin-right: 12px;
  }

  /* isuzu india */
  .isuzuindia-top h3 {
    padding: 4px 0px 20px 0px;
    margin-left: 0px;
  }

  .isuzuthird-text p {
    margin-top: 10px;
    font-size: 16px;
    /* letter-spacing: 2.1px; */
    padding: 0px 20px;
    font-weight: 400;
  }

  .thirdrow-text img {
    width: 100%;
    height: auto;
    float: right;
  }

  .thirdnext-text p {
    font-size: 14px;
    font-weight: 400;
  }

  .thirdnext-text h3 {
    font-size: 18px;
    font-weight: 400;
    color: #001e50;
  }

  .thirdsec-head p {
    font-size: 17px;
    padding: 0px 20px;
  }

  .comeimg img {
    width: 100%;
    height: auto;
    padding: 50px 0px 0px 0px;
    float: right;
  }

  .comeimg-text p {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    padding: 15px 20px 0px 0px;
  }

  .founded-text h5 {
    font-size: 17px;
    font-weight: 500;
  }

  .squadtop-ban {
    margin-top: 14%;
  }

  .squad-logo img {
    width: 13%;
  }

  #firstname,
  #lastname,
  #email,
  #mobilenum {
    padding: 13px 20px 13px 3px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 100%;
  }

  #carmodel,
  #selectlocation {
    border: none;
    padding: 13px 190px 13px 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 100%;
  }

  .boxcheck {
    text-align: left;
    margin-left: 0px;
  }

  .caprect {
    margin-left: 0px;
  }

  select#careerdropdown,
  #jobtype,
  #jobstate,
  #jobcity {
    padding: 14px 98px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 50px;
    margin-bottom: 11px;
    width: 100%;
  }

  .button-box button {
    /* padding: 100px; */
    padding: 14px 40px;
    background-color: black;
    color: #ffffff;
    border: none;
    margin: 22px;
  }

  .mux-box,
  .hilander-box,
  .vcross-box,
  .dmax-box,
  .scab-box,
  .sacbz-box {
    padding: 150px 6px;
    border-radius: 10px;
    background-color: rgba(239, 99, 99, 0.838);
    object-fit: fill;
  }

  .muxlogo-button p a {
    float: left;
    background-color: #000000;
    color: #ffffff;
    padding: 22px 6px;
    margin-top: 36px;
    font-weight: 500;
    font-size: 10px;
  }

  .aos-init h5 {
    font-size: 15px;
  }

  .aos-init p {
    font-size: 15px;
  }

  .item-img img {
    width: 100%;
  }

  .scaz-sixthTextthree img {
    width: 100%;
  }

  .tabs-part {
    height: 276px;
    overflow-y: hidden;
  }

  .features-list a {
    font-size: 10px;
    color: #000000;
    font-weight: 600;
  }

  .rectbox-icon h6 {
    color: #ffffff;
    font-size: 12px;
  }

  /* footer */
  .footer-copy ul li {
    list-style-type: none;
    font-weight: 500;
    font-size: 13px;
  }

  /* table */
  table tr td {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 10px;
    line-height: 23.2px;
    border-bottom: 1px solid rgb(212, 211, 211);
  }

  /* careers-form */
  .upload-letter {
    text-align: left;
    margin-left: 0px;
  }

  /* Anim button */
  .model-button {
    padding: 15px 7px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 50%;
  }

  .model-button-front {
    padding: 15px 2px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #2c9caf;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 50%;
  }

  .image-container {
    display: contents;
    justify-content: space-between;
    width: 100%;
  }

  .display-text {
    padding: 15px 10px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 35%;
  }

  .card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
    /* background-color: #d3d3d3; */
    background: linear-gradient(90deg,
        rgb(232, 231, 231) 0%,
        rgb(232, 231, 231) 0%,
        rgba(255, 252, 252, 0.7) 5%);
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .scaz-sixthTextthree img {
    width: 100%;
  }

  .model-top {
    padding-top: 150px;
    padding-left: 150px;
  }

  td#dm-7 {
    transform: translateX(69px);
  }

  td#dm-5 {
    transform: translateX(119px);
  }

  .scabz-table td {
    padding-right: 4px;
    width: 6%;
  }

  td#dm-6 {
    transform: translateX(80px);
  }

  td#cab-table {
    padding: 22px;
  }

  td#\#dm-2 {
    transform: translateX(64px);
  }

  .over-banner {
    background: url(images/Home/banners/Car-patterns.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }
}

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

  /* heading swiper */
  .main-heading-banner {
    margin-top: 0;
    margin-bottom: 0 !important;
  }

  html,
  body {
    overflow-x: hidden;
  }

  .read-text h3 {
    font-weight: 700;
    padding: 15px 0px;
    text-align: left;
    font-size: 25px;
  }

  .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #ffffff;
    width: 100vw;
  }

  .model-box h3 {
    color: #000000;
    font-size: 34px;
    -webkit-text-fill-color: #171212;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #000000;
    /* -webkit-text-stroke-color: black; */
  }

  .img-box img {
    width: 225px;
    margin-left: -57px;
    padding: 21px;
  }

  .img-box h4 {
    margin-left: 0px;
    font-weight: 600;
    font-size: 20px;
  }

  .model-box h4 a {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-right: 0px;
  }

  .model-button {
    border: 1px solid #000000;
    color: #000000;
    width: 78%;
    padding: 16px;
    font-size: 15px;
    font-weight: 600;
    margin-right: 20px;
  }

  .model-button-front {
    background-image: linear-gradient(90deg, #051229, #001e50);
    color: #ffffff;
    width: 78%;
    padding: 16px;
    font-size: 16px;
    font-weight: 500;
    margin-left: 20px;
  }

  .iconset img {
    width: 100px;
    height: 100px;
    margin-left: 0px;
    padding: 15px;
  }

  .icontest p {
    padding: 19px 0px;
    font-weight: 500;
    text-align: center;
    font-size: 13px;
  }

  .trycol-sect h3 {
    font-size: 16px;
    font-weight: 600;
    padding-top: 30px;
  }

  .trycol-sect p {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.6;
  }

  .blog-img img {
    width: 100%;
    height: auto;
  }

  .result-box {
    margin-top: 20px;
    padding: 30px 50px;
    /* background-color: silver; */
    width: 100%;
    text-align: left;
  }

  .footersec-list-social ul li {
    list-style-type: none;
    display: inline;
    margin-right: 12px;
  }

  /* isuzu india */
  .isuzuindia-top h3 {
    padding: 49px 0px 20px 0px;
    margin-left: 47px;
  }

  .isuzuthird-text p {
    margin-top: 10px;
    font-size: 15px;
    /* letter-spacing: 2.1px; */
    padding: 0;
    font-weight: 400;
  }

  .isuzuindia-global p {
    font-size: 15px;
    letter-spacing: 0px;
    padding: 0 20px 0 0;
    font-weight: 500;
  }

  .thirdrow-text img {
    width: 100%;
    height: auto;
    float: right;
  }

  .thirdnext-text p {
    font-size: 14px;
    font-weight: 400;
  }

  .thirdnext-text h3 {
    font-size: 18px;
    font-weight: 400;
    color: #001e50;
  }

  .thirdsec-head p {
    font-size: 15px;
    padding: 0;
  }

  .comeimg img {
    width: 100%;
    height: auto;
    padding: 50px 0px 0px 0px;
    float: right;
  }

  .comeimg-text p {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 400;
    padding: 15px 20px 0px 0px;
  }

  .founded-text h5 {
    font-size: 17px;
    font-weight: 500;
  }

  .squadtop-ban {
    margin-top: 9%;
  }

  .squadimg-gallery h3 {
    font-size: 30px;
    color: #000000;
    text-align: left;
    padding: 10px 5px 10px 0px;
    font-weight: 600;
  }

  .squad-logo img {
    width: 13%;
  }

  #firstname,
  #lastname,
  #email,
  #mobilenum {
    padding: 13px 20px 13px 3px;
    margin-bottom: 10px;
    margin-right: 10px;
    border: none;
    border-bottom: 1px solid #000000;
    width: 48%;
  }

  #carmodel,
  #selectlocation {
    border: none;
    padding: 13px 190px 13px 3px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
    width: 98%;
  }

  .boxcheck {
    text-align: left;
    margin-left: 0px;
  }

  .caprect {
    margin-left: 0px;
  }

  select#careerdropdown,
  #jobtype,
  #jobstate,
  #jobcity {
    padding: 16px 0px 16px 16px;
    font-size: 14px;
    font-weight: 600;
    margin-right: 50px;
    margin-bottom: 52px;
    width: 19%;
  }

  .button-box button {
    /* padding: 100px; */
    padding: 14px 40px;
    background-color: black;
    color: #ffffff;
    border: none;
    margin: 22px;
  }

  .mux-box,
  .hilander-box,
  .vcross-box,
  .dmax-box,
  .scab-box,
  .sacbz-box {
    padding: 150px 6px;
    border-radius: 10px;
    background-color: rgba(239, 99, 99, 0.838);
    object-fit: fill;
  }

  .muxlogo-button p a {
    float: left;
    background-color: #000000;
    color: #ffffff;
    padding: 19px 19px;
    margin-top: 36px;
    font-weight: 500;
    font-size: 15px;
  }

  .item-img img {
    width: 100%;
  }

  .tabs-part {
    height: 276px;
    overflow-y: hidden;
  }

  .features-list a {
    font-size: 10px;
    color: #000000;
    font-weight: 600;
  }

  .rectbox-icon h6 {
    color: #ffffff;
    font-size: 12px;
  }

  /* footer */
  .footer-copy ul li {
    list-style-type: none;
    font-weight: 500;
    font-size: 13px;
  }

  /* table */
  table tr td {
    padding-bottom: 20px;
    padding-top: 20px;
    padding-right: 10px;
    line-height: 23.2px;
    border-bottom: 1px solid rgb(212, 211, 211);
  }

  /* careers-form */
  .upload-letter {
    text-align: left;
    margin-left: 0px;
  }

  /* Anim button */
  .model-button {
    padding: 15px 7px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 50%;
  }

  .model-button-front {
    padding: 15px 2px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #2c9caf;
    transition: all 1000ms;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 50%;
  }

  .display-text {
    padding: 15px 10px;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #000000;
    transition: all 1000ms;
    font-size: 14px;
    position: relative;
    overflow: hidden;
    outline: 2px solid #a7a9a5;
    width: 35%;
  }

  .card__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    box-sizing: border-box;
    /* background-color: #d3d3d3; */
    background: linear-gradient(90deg,
        rgb(232, 231, 231) 0%,
        rgb(232, 231, 231) 0%,
        rgba(255, 252, 252, 0.7) 5%);
    transform: rotateX(-90deg);
    transform-origin: bottom;
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }

  .exp-Image img {
    width: 181px !important;
    height: auto;
  }

  .allModel-Items {
    position: relative;
    top: -56px !important;
  }

  /* New code */
  .isuzuindia-top h3 {
    padding: 0 0px 20px 0px;
    margin-left: 0px;
  }

  .h5,
  h5 {
    font-size: 16px;
  }

  .scaz-sixthTexttwo p {
    font-size: 16px;
  }

  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 15px;
    transition: 0.3s;
    font-size: 16px;
    transform: translateX(0);
    padding-right: 18px;
  }

  .scaz-sixthTextthree img {
    width: 100%;
    height: auto;
  }

  td#dm-5 {
    transform: translateX(184px);
  }

  td#dm-6 {
    transform: translateX(120px);
  }

  td#dm-7 {
    transform: translateX(60px);
  }

  .muxlogo p {
    margin-left: 14px;
    color: #636363;
  }

  .findealer-top p {
    padding-left: 80px;
    padding-right: 90px;
  }

  .newsroom-top {
    margin-top: 8%;
  }

  .newsroom-top h3 {
    font-weight: 600;
    margin-left: 6.9%;
  }

  .newsroom-top p {
    margin-left: 6.9%;
  }

  .hilander-box {
    padding: 200px 10px;
    border-radius: 10px;
    background-color: rgba(14, 23, 104, 0.838);
    object-fit: fill;
  }

  .mux-box {
    padding: 200px 10px;
    border-radius: 10px;
    background-color: rgba(239, 99, 99, 0.838);
    object-fit: fill;
  }

  .dmax-box {
    padding: 200px 10px;
    border-radius: 10px;
    background-color: rgba(33, 23, 23, 0.838);
    object-fit: fill;
  }

  .scab-box {
    padding: 200px 10px;
    border-radius: 10px;
    background-color: rgba(113, 106, 106, 0.838);
    object-fit: fill;
  }

  .vcross-box {
    padding: 200px 10px;
    border-radius: 10px;
    background-color: rgba(243, 89, 89, 0.838);
    object-fit: fill;
  }

  .over-banner {
    background: url(images/Home/banners/Car-patterns.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .all-cars {
    margin-left: 181px;
  }

  .squadtop-ban p {
    padding: 0 150px 0 94px;
  }

  .img-box img:hover {
    width: 180px;
    margin-left: 20px;
    transform: scale(1);
  }

  .four-box-align {
    background-color: var(--white);
    padding: 16px;
    margin-top: 0 !important;
  }
}


@media screen and (min-width: 1800px) and (max-width: 2400px) {
  #swiper-Video {
    width: 100% !important;
    height: auto !important;
    object-fit: fill;
    z-index: -1;
    margin-left: 276px !important;
    margin-right: 0;
  }

  /* heading swiper */
  .main-heading-banner {
    margin-top: 0;
    margin-bottom: 0 !important;
  }

  #swiper-Point-new {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 919px !important;
  }

  .four-box-align {
    background-color: var(--white);
    padding: 16px;
    margin-top: 0.4% !important;
  }

  #swiper-Point-2 {
    background: url(images/Home/Swiper_banners/Dmax_Ambulance-Launch-Web-Banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-4 {
    background: url(images/Home/Swiper_banners/vcross.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-6 {
    background: url(images/Home/Swiper_banners/scabz.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-3 {
    background: url(images/Home/Swiper_banners/mu-X.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-5 {
    background: url(images/vcross/Overview/Home-vcross-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-8 {
    background: url(images/Home/Swiper_banners/dmax.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-15 {
    background: url(images/Home/Swiper_banners/monsoon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }

  #swiper-Point-7 {
    background: url(images/Home/Swiper_banners/S-CAB.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }
}

/* demo */

.float-container {
  position: fixed;
  top: 30%;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  width: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  z-index: 3;
}

.float-container a {
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 45px;
  margin-right: -160px;
  margin-bottom: 10px;
  padding: 10px 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  color: white;
  border-color: #46b8da;
  border-radius: 5px 0 0 5px;
  background-color: #001e50;
  -webkit-box-shadow: 0 2px 4px #7d7d7d;
  box-shadow: 0 2px 4px #7d7d7d;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-family: sans-serif;
}

.float-container a:hover {
  margin-right: 0;
  background-color: var(--foot);
  -webkit-box-shadow: 0 2px 4px #7d7d7d;
  box-shadow: 0 2px 4px #7d7d7d;
}

/* Icon settings - remove if not needed*/
.float-container .icon:before {
  font-family: "FontAwesome";
  margin-right: 25px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.icon.one:before {
  content: "\f073";
}

.icon.two:before {
  content: "\f1b9";
}

/* Media queries */
@media screen and (max-width: 320px) {
  .float-container .icon:last-child {
    display: none;
  }

  .float-container {
    position: fixed;
    top: auto;
    bottom: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;

    width: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: auto;
    -webkit-box-align: auto;
    -ms-flex-align: auto;
    align-items: auto;
  }

  .float-container a.icon {
    right: 0;
    bottom: 0;

    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding: 5px;

    border-radius: 0;
    -webkit-box-shadow: 0 0 0 #7d7d7d;
    box-shadow: 0 0 0 #7d7d7d;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-left: 1px solid darkorange;
    border-right: 1px solid darkorange;
  }
}

/* Addition page added */
.tabsLine ul li {
  display: inline;
  margin: 0 60px 0 0;
  color: #000000;
  font-size: 17px;
  text-align: center;
}

.tabsLine ul li a {
  text-transform: uppercase;
  color: #ffffff;
  padding: 0 0 20px 0;
  text-align: center;
}

.tabsLine ul li:hover {
  padding: 0 0 8px 0;
  border-bottom: 2px solid #f2f2f2;
}

.accordion-flush .accordion-item .accordion-button {
  border-radius: 0;
  background-color: #e9e9e9;
  color: #000000;
  border: none;
}

.accordion-button:active {
  background-color: red;
}

.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #e1e1e1;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #ffffff;
}

table.text-center.table-tabs {
  width: 100%;
}

.table-tabs td {
  font-size: 15px;
  line-height: 41px;
}

/* Service Page form */
input#formserveName {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 17px;
}

select#formserveName {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 10px;
}

#service-type,
#serviceMode,
#date,
#time,
#vehicle-model,
#vehicleNumber,
#textarea {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 17px;
}

textarea#textarea {
  border: 1px solid black !important;
}

/* tabs Background */
.tabs-bgLine {
  /* background: rgb(7, 6, 6); */
  background: linear-gradient(90deg,
      rgb(1, 1, 45) 0%,
      rgb(2, 4, 59) 54%,
      rgba(1, 1, 34, 0.9) 90%);
  padding: 1% 0 0 0;
}

.rightSide-Banner {
  background: url(images/connecttoservice/isuzu\ web\ mux\ features-03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-274px);
}

@media screen and (min-width: 320px) and (max-width: 735px) {
  .tabsLine ul li {
    display: inline;
    margin: 0 14px 0 0;
    color: #000000;
    font-size: 13px;
    text-align: center;
  }
}

@media screen and (min-width: 735px) and (max-width: 1200px) {
  .tabsLine ul li {
    display: inline;
    margin: 0 14px 0 0;
    color: #000000;
    font-size: 13px;
    text-align: center;
  }
}

.timeline_slide.px-4.next-img img {
  width: 100%;
  height: 164px;
  object-fit: cover;
}

/* New Home Page */

.top-next-img img {
  width: 100px;
  height: auto;
}

.top-Next-Menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-Next-Menu ul li {
  list-style-type: none;
}

.top-Next-Menu ul {
  display: flex;
  justify-content: flex-end;
  gap: 25px;
}

.top-Next-Menu ul li a {
  color: var(--black);
  font-size: 24px;
}

.top-Next-Menu ul li a {
  color: black;
  font-size: 16px;
  font-weight: 700;
}

/* Swiper js */
swiper-container {
  width: 100%;
  height: auto;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center center;
  background-color: #000000ba !important;
  padding: 1px 7px !important;
  color: red !important;
}

/* #swiper-Video {
  width: 101%;
  height: 700px;
  object-fit: fill;
  z-index: -1;
  margin-left: 225px;
  margin-right: 0;
} */

#swiper-Point-11 {
  background: url(images/Home/Swiper_banners/dmax.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}

#swiper-Point-12 {
  background: url(images/Home/Swiper_banners/New_banner.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}
#swiper-Point-13 {
  background: url(images/Home/Swiper_banners/Dmax_Ambulance\ Launch\ Web\ Banner-02_new.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}
#swiper-Point-14 {
  background: url(images/Home/Swiper_banners/slider-2.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}

#swiper-Point-0 {
  background: url(images/Home/Swiper_banners/PUBLIC\ NOTICE-01.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}

#swiper-Point-9 {
  background: url(images/Home/Swiper_banners/New-Location2.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;
}

#swiper-Point-1 {
  background: url(images/Home/Swiper_banners/Home_page_01.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;

}

#swiper-Point-2 {
  background: url(images/Home/Swiper_banners/Dmax_Ambulance-Launch-Web-Banner.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-3 {
  background: url(images/Home/Swiper_banners/mu-X.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-4 {
  background: url(images/Home/Swiper_banners/vcross.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-5 {
  background: url(images/vcross/Overview/Home-vcross-02.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-6 {
  background: url(images/Home/Swiper_banners/scabz.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-7 {
  background: url(images/Home/Swiper_banners/S-CAB.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-8 {
  background: url(images/Home/Swiper_banners/dmax.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 700px;
}

#swiper-Point-15 {
  background: url(images/Home/Swiper_banners/monsoon.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 800px;
}

#swiper-Point-new {
  background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 720px;
}

.slider-Text h2 {
  font-size: 30px;
  color: rgb(255, 255, 255);
  font-weight: 600;
  letter-spacing: 2px;
  padding: 3% 42% 0 0;
  text-align: left;
}

.slider-Text {
  position: relative;
  left: -15%;
}


.dis-btn a {
  color: #ffffff;
  font-weight: 600;
}

.dis-btn {
  text-align: left;
  border: 2px solid #a6a5a5;
  width: max-content;
  padding: 1% 4%;
}

/* Section2 start */
.four-box-align {
  background-color: var(--white);
  padding: 16px;
  margin-top: 3.5%;
}

.four-box-Item {
  background-color: #000000;
  padding: 8% 0 0 0;
  color: var(--white);
  text-align: center;
}

.four-box-Item h5 {
  font-size: 14px;
  font-weight: 700;
  padding: 7%;
  color: var(--white);
}

.four-box-Item h5:hover {
  font-size: 14px;
  font-weight: 700;
  padding: 7%;
  color: var(--white);
  text-decoration: underline;
  text-decoration-color: red;
  transition: 1s;
}

.four-box-Item img {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

/* section 3 start */
.exp-Range {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0.8) 0%,
      rgba(3, 3, 26, 0.2) 100%),
    url(images/Home/Isuzu_Lonavala_46.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.exp-Sect {
  padding: 5% 0px 10% 0;
  color: #ffffff;
  text-align: center;
}

.exp-Sect p {
  font-size: 15px;
  padding: 1% 0 0 0;
}

.exp-Image img {
  width: 205px;
  height: auto;
}

.exp-Image img:hover {
  width: 205px;
  height: auto;
  transform: scale(1.1);
  transition: 1s;
}

.exp-all-model {
  display: flex;
  justify-content: center;
  gap: 0;
}

/* All model Items */
.exp-Image p {
  font-size: 15px;
  font-weight: 700;
  color: #000000;
  text-align: center;
}

.exp-Image p:hover {
  font-size: 15px;
  font-weight: 700;
  color: #ed1c24;
  text-align: center;
}

.allModel-Items {
  position: relative;
  top: -67px;
}

/* over Item */
#over-widItem {
  display: flex;
  justify-content: center;
  gap: 0;
}

.over-row-left {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0) 0%,
      rgba(3, 3, 26, 0.1) 100%),
    url(images/Isuzu_trucklife/Gallery/01.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  padding: 21% 1% 0 3%;
  display: flex;
  justify-content: flex-start;
  gap: 58px;
}

.over-row-left h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  margin: 8% 0 0 0;
}

.over-row-left p {
  font-size: 14px;
  color: #ffffff;
}

.over-row-right {
  width: 50%;
}

.right-Item-One {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0) 0%,
      rgba(3, 3, 26, 0.7) 100%),
    url(images/Isuzu_trucklife/Gallery/IMG_8626.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 20% 1% 0 3%;
  display: flex;
  justify-content: flex-start;
  gap: 58px;
}

.right-Item-One h2,
.right-Item-OneNext h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}

.right-Item-One p,
.right-Item-OneNext p {
  font-size: 14px;
  color: #ffffff;
}

.right-Item-OneNext {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0) 0%,
      rgba(3, 3, 26, 0.7) 100%),
    url(images/Isuzu_trucklife/Gallery/IMG_8237.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 20% 1% 0 3%;
  display: flex;
  justify-content: flex-start;
  gap: 58px;
}

/* Testimonial start */
.testi h2 {
  text-align: center;
  font-weight: 600;
}

ul.top-hover-Menu {
  display: none;
}

li.top-hover_text:hover ul.top-hover-Menu {
  display: block;
}

/* Testimonial */
.testi {
  padding: 3% 0 0 0;
}

.testi-sec {
  background-color: #d9d9d9;
  padding: 0;
  margin: 0;
  height: 250px;
}

#Testimonial-One {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testi-content {
  display: flex;
  justify-content: space-between;
  padding: 14px 16px 0 16px;
}

.testi-content p {
  font-size: 12px;
  color: #000000;
  text-decoration: underline;
}

.testi-content p:hover {
  font-size: 12px;
  color: #ff0505;
  text-decoration: underline;
  transition: 1.1s;
  font-weight: 700;
}

.testi-content h6 {
  font-size: 16px;
  font-weight: 700;
}

.aft-sale {
  padding: 6% 0 0 0;
}

.aft-sale h2 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.After-One {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0.7) 0%,
      rgba(3, 3, 26, 0.7) 100%),
    url(images/Main_home/After-Sales/Shop_accessories.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 23% 0 0 0;
  width: 50%;
}

.After-Two {
  background: url(images/Main_home/After-Sales/genuine_parts.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 23% 0 0 0;
  width: 50%;
}

.after-saleRow {
  display: flex;
  justify-content: flex-start;
  gap: 6px;
}

.After-One h3,
.After-Two h3 {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  padding: 0 0 3% 3%;
}

.After-One h3:hover,
.After-Two h3:hover {
  font-size: 20px;
  font-weight: 600;
  color: #ff0000;
  padding: 0 0 0 3%;
}

/* Press Releae start */
.press-rel {
  background-color: #e4e4e4;
  padding: 5% 0;
}

.pressy p {
  font-size: 12px;
  font-weight: 600;
  color: #e35b5b;
  padding: 3% 0 0 0;
}

.pressy h5 {
  font-size: 16px;
  font-weight: 600;
}

.ready p {
  color: #000000;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: red;
  text-decoration-thickness: 2px;
}

.ready p:hover {
  color: #ff0909;
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: red;
  text-decoration-thickness: 2px;
}

.press-rel h2 {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
}

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

/* Isuzu Truck Life */
.Life-One {
  background-image: linear-gradient(to bottom,
      rgba(3, 2, 12, 0) 0%,
      rgba(3, 3, 26, 0) 100%),
    url(images/Isuzu_trucklife/Gallery/IMG_8352.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 650px;
  width: 100%;
}

.Life-OneSec h2 {
  font-size: 30px;
  color: #ffffff;
}

.Life-OneSec {
  padding: 33% 0 0 2%;
}

.Life-OneSec p {
  color: #ffffff;
  font-size: 14px;
}

.Life-Two {
  padding: 5% 0;
}

.Life-SecTwi h2 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.8;
}

.upCome h2 {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
}

.upCome-div01 {
  background-color: rgb(27, 33, 49);
  padding: 0;
}

.upCome-div01 img {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
}

.upCome-text h5 {
  color: red;
  font-size: 15px;
  font-weight: 600;
}

.Event-Text p {
  font-size: 12px;
  background-color: red;
  width: fit-content;
  padding: 12px;
  color: #ffffff;
}

.upCome-text {
  padding: 2% 0px;
  display: flex;
  justify-content: center;
  gap: 30px;
  align-items: center;
}

.upCome-date p {
  font-size: 14px;
  color: #ffffff;
}

.upCome-date {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}

.upCome-Include h6 {
  font-size: 16px;
  color: #ffffff;
}

.upCome-Include ul li {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  list-style-type: circle;
}

.Find-Out P {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  border-bottom: 2px solid #5a5757;
  width: max-content;
}

.upCome-d02 {
  padding: 14px;
}

.cjoin {
  width: 100%;
  text-align: center;
  padding: 6% 14% 0% 14%;
}

.cjoin h2 {
  font-size: 25px;
  font-weight: 700;
}

swiper-container {
  width: 100%;
  height: 90%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper-Life img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.join-us {
  padding: 8% 0;
}

.swiper-Sec {
  width: 250px;
  height: 250px;
  object-fit: cover;
}

.swiper-Sec {
  width: 80%;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 50% !important;
  height: 50% !important;
  object-fit: cover;
  transform-origin: center center;
  background-color: black;
  padding: 10px;
  color: red;
}

.adv-swipe h6 {
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  text-align: left;
  padding: 5% 0;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: 16px;
  height: 30px;
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  background-color: red;
  padding: 6px;
}

.Join-Sec h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  padding: 0 0 3% 0;
}

.swiper-Sec a:hover {
  cursor: grab;
}

.join-our h2 {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  padding: 3% 0;
}

.btn-Link-Life {
  background-color: red;
  width: max-content;
  padding: 10px 20px;
  color: #ffffff;
  margin: 4% 0;
}

.btn-Link-Life a {
  color: #ffffff;
  border: none;
  font-size: 15px;
  font-weight: 700;
}

.join-our {
  padding: 0 0 3% 0;
}

/* nav Items */

/* Sticky Footer */
.sti-top {
  background-color: #000000;
  position: fixed;
  top: 100%;
  margin-top: -50px;
  /* Height of the sticky bar */
  padding: 10px 0;
  z-index: 1000;
  width: 100%;
  bottom: 0;
}

.st-right ul {
  display: flex;
  justify-content: center;
  gap: 50px;
  list-style-type: none;
}

.st-right ul li a {
  font-size: 14px;
  font-weight: 600;
  color: var(--white);
}

.st-right ul li a:hover {
  font-size: 14px;
  font-weight: 600;
  color: red;
  text-decoration: underline;
  text-decoration-color: red;
  transition: 1.5s;
}

/* Testimonial page */
.testim-One {
  padding: 5% 15%;
}

.carousel-item img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.testim-contain {
  display: flex;
  justify-content: space-between;
}

.testim-Sec h5 {
  font-size: 20px;
  font-weight: 700;
  padding: 0 29% 0 0;
}

.testim-text-story p {
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

.testim-Sec_01 h5 {
  font-size: 12px;
  font-weight: 700;
}

/* Get Price */
.car-d-redir {
  background-color: #000000;
  width: fit-content;
  padding: 10px 20px;
  display: inline-block;
}

.car-d-redir a p {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}

.car-d-img h2 {
  font-size: 25px;
  font-weight: 600;
  text-align: center;
}

.car-d-Items.wid_col {
  display: inline-block;
}

.car-d-same {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

/* .get-price {
    padding: 4% 0;
} */

.car-d-head {
  text-align: center;
  padding: 2% 0;
}

.car-d-head h2 {
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  letter-spacing: 8px;
}

.car-d-head p {
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
}

.car-d-img h6 {
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  font-family: sans-serif;
}

.car-d-text01 p {
  font-size: 12px;
  font-weight: 600;
  line-height: 5px;
}

.car-d-text01 {
  padding: 4% 0 0 0;
}

.car-d-text-content {
  border-top: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  padding: 10px 0 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 14px;
  height: 45px;
}

.line-car-d {
  padding: 6% 0;
}

.car-d-text-content p {
  font-size: 10px;
  letter-spacing: 1px;
}

.car-imp-points ul li {
  font-size: 12px;
  font-weight: 600;
  list-style-type: square;
  text-align: left;
  text-decoration: underline;
  padding: 10px 0 0 0;
}

.car-d-img img {
  width: 354px;
  height: 220px;
  object-fit: cover;
  padding: 0 0 4% 0;
}

/* .car-d-text {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    padding: 4% 0;
} */

.car-d-same {
  padding: 1% 0 4% 0;
}

/* Upcoming events */
video#up-come-events {
  width: 100%;
  height: 500px;
  object-fit: cover;
}

.up-come-top {
  background-color: #000000;
}

.up-come-Two {
  background: url(images/Isuzu_trucklife/Gallery/rear-view.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 500px;
}

.up-come-header h2 {
  font-size: 35px;
  font-weight: 300;
}

.up-come-header p {
  font-size: 14px;
  font-weight: 200;
}

.up-come-div {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
  padding: 0 0 2% 0;
}

#up-come-Vid {
  width: 40%;
  height: 50%;
  object-fit: cover;
}

.up-come-div_01 {
  display: contents;
  justify-content: flex-start;
  gap: 106px;
}

.up-come-Three {
  padding: 2% 0;
}

.up-come-Text h5 {
  font-size: 20px;
  font-weight: 500;
  color: red;
}

.up-come-Text h2 {
  font-size: 27px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 5px;
  padding: 2% 0;
}

.up-come-Text p {
  font-size: 17px;
  font-weight: 500;
}

.up-come-reg {
  background-color: #232424;
  width: 17%;
  padding: 15px 38px 0.8px 38px;
}

.up-come-reg a p {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
}

.book-In p {
  padding: 5% 0 2% 0;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -1px;
}

span.book-para p a {
  color: #000000;
  font-size: 15px;
  font-family: sans-serif;
}

.trip-plan-brochure p a {
  font-size: 14px;
  color: #000000;
  font-family: sans-serif;
  letter-spacing: -1.1px;
  text-transform: uppercase;
  text-decoration: underline;
}

.trip-plan-brochure p {
  padding: 3% 0;
  text-decoration: underline;
}

.testim-ban {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.7) 0%,
      rgba(3, 3, 26, 0.7) 100%),
    url(images/Main_home/top_banners/top_banner.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 13% 0;
}

.testi-up {
  padding: 5% 4%;
}

.test-im img {
  width: 100%;
  height: 210px;
  object-fit: cover;
}

.test-im h2 {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  padding: 3% 0 1% 0;
}

.test-im p {
  font-size: 12px;
  font-weight: 600;
  font-style: normal;
}

.test-im {
  padding: 3% 40px 0 0;
}

/* Fleet page */
.fleet-One {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(3, 3, 26, 0.1) 100%),
    url(images/Home/Swiper_banners/all\ product.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 680px;
}

.fleet-One h2 {
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 2%;
}

.fleet-btn a p {
  font-size: 13px;
  padding: 2% 0;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
}

.fleet-Two {
  padding: 4% 20%;
  text-align: center;
}

.fleet-Two h3,
.fleet-Three h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -2px;
}

.fleet-Two p,
.fleet-Three p {
  font-size: 15px;
  color: black;
  letter-spacing: -0.2px;
}

p.cl-para {
  font-size: 13px;
  padding: 2% 0;
  text-decoration: underline;
  cursor: pointer;
}

.fleet-Three {
  padding: 4% 20% 1% 20%;
  text-align: center;
}

.fleet-Four img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.fleet-Four h3 {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -2px;
}

.fleet-Four p {
  font-size: 15px;
  color: black;
  letter-spacing: -0.2px;
}

.fleet-Four-img {
  padding: 4% 20%;
  text-align: center;
}

.five-Secone img,
.five-Sectwo img {
  width: 100%;
  height: auto;
}

.five-Secone h6 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
}

.five-Secone p {
  font-size: 14px;
  font-weight: 500;
}

.five-items {
  padding: 25px 0 0 25px;
}

.fleet-item-btn {
  background-color: #000000;
  width: fit-content;
  padding: 3% 4% 0.1% 4%;
  position: relative;
  left: 24px;
}

.fleet-item-btn a p {
  color: #ffffff;
  font-size: 12px;
}

.fleet-sixth {
  text-align: center;
  padding: 10% 0 0 0;
}

.fleet-sixth-area h3 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -1px;
}

.fleet-sixth-area p {
  font-size: 14px;
  font-weight: 500;
  padding: 0 29%;
}

/* Accessories start */
.access-One {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(3, 3, 26, 0.8) 100%),
    url(images/service_center/Showroom.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 400px;
}

.access-One {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.access-One h2 {
  font-size: 20px;
  text-align: center;
}

.access-Two {
  text-align: center;
  padding: 4% 27%;
}

.access-Two h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1.2px;
}

.access-Two p {
  font-size: 14px;
  font-weight: 600;
}

#access-teo {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.access-two-vide {
  padding: 0 20%;
}

.access-Four-area h3 {
  font-size: 24px;
  font-weight: 600;
  letter-spacing: -1.2px;
  text-align: center;
  padding: 5% 0 0 0;
}

.access-Four-area p {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.fl-six img {
  width: 100%;
}

.fl-six h6 {
  font-size: 16px;
  font-weight: 600;
  padding: 3% 0 0 0;
}

.fl-six p {
  font-size: 13px;
  font-weight: 500;
}

.fl-six-contain {
  padding: 2% 5%;
}

.fle-sev {
  padding: 5% 0;
}

.fle-sev-div {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}

.fle-sev-item img {
  width: 100%;
  height: auto;
}

.fle-sev-item h5 {
  font-size: 18px;
  font-weight: 700;
}

.fle-sev-item p {
  font-size: 13px;
  font-weight: 500;
  padding: 0 15% 0 0;
}

.fleet-btn a p {
  color: #000000;
}

.ei-contain h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
}

.ei-contain p {
  font-size: 13px;
  text-align: center;
}

.nineth-sec {
  padding: 3% 0;
}

.nineth-sec h3 {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -1px;
}

.nineth-One {
  background: url(images/service_center/1200\ x\ 600\ copy_06.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.nineth-over-all {
  display: flex;
  justify-content: center;
  gap: 8px;
  height: 398px;
}

/* Special Purpose Vehicles */
.special-One {
  background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 750px;
}

.spe-one-text {
  display: flex;
  justify-content: center;
  padding: 10%;
  color: #ffffff;
}

.spe-one-text h1 {
  font-size: 28px;
  font-weight: 600;
}

.spe-One {
  padding: 4% 0;
}

.spe-One p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.8px;
  text-align: center;
  padding: 0 4%;
}

.spe-One-Items {
  width: 33.33%;
}

.spe-One-Items img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.spe-One-contain {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 9px;
  padding: 3%;
}

.spe-One-Items h3 {
  font-size: 20px;
  font-weight: 500;
  padding: 6% 0 0 0;
}

.spe-One-Items p {
  font-size: 12px;
  background-color: black;
  width: max-content;
  text-align: left;
  color: #ffffff;
  padding: 10px;
  letter-spacing: 0.2px;
}

.spe-Two-Text {
  width: 70%;
}

.spe-Two-TextNext {
  width: 30%;
}

.spe-Two-Text img {
  width: 100%;
  height: 383px;
  object-fit: cover;
}

.spe-Two-contain {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}

.spe-Two-TextNext h5,
.spe-Three-TextNext h5 {
  font-size: 16px;
  font-weight: 600;
}

.spe-Two-TextNext p,
.spe-Three-TextNext p {
  font-size: 14px;
  color: #4c4c4c;
  font-weight: 500;
}

.spe-Two-TextNext h6,
.spe-Three-TextNext h6 {
  font-size: 12px;
  background-color: black;
  width: max-content;
  text-align: left;
  color: #ffffff;
  padding: 10px;
  letter-spacing: 0.2px;
}

.spe-Two h2 {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding-bottom: 14px;
}

.spe-Three-Text {
  width: 70%;
}

.spe-Three-TextNext {
  width: 30%;
}

.spe-Three-Text img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.spe-Three-contain {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}

.spe-Three {
  padding: 6% 0% 0 2%;
}

.spe-Three-contain {
  padding: 2% 0;
}


.spe-Four h2 {
  padding-bottom: 14px;
}

.spe-One-Items img:hover {
  transform: rotate(2deg);
  transition: 1.2s;
}

/* More features */
.more-swiper-img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.mySwiper_More {
  width: 100%;
  height: 400px;
}

.more-swiper-img h2 {
  font-size: 20px;
  font-weight: 500;
  padding: 2% 0;
}

.more-Sixth {
  padding: 6% 0 2% 0;
  text-align: center;
}

.more-Sixth p {
  font-size: 14px;
  font-weight: 500;
  padding: 0 20%;
}

.black-line-black {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 2% 0;
}

.black-button {
  background-color: #000000;
  padding: 12px 20px;
}

.black-button a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
}

.black-button-outline {
  border: 1px solid #000000;
  padding: 10px 20px;
}

.black-button-outline a {
  color: #000000;
  font-size: 14px;
  font-weight: 600;
}

/* Mobile view */
@media screen and (max-width: 760px) and (min-width: 360px) {
  .sp-head {
    display: block !important;
    padding: 5% 0 0 0% !important;
  }

  .sp-head h1 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
  }

  .top-right-menu ul {
    display: flex;
    justify-content: flex-start !important;
    gap: 18px;
  }

  /* Sticky footer */
  .st-right ul {
    display: flex;
    justify-content: center;
    gap: 0;
    list-style-type: none;
  }

  .st-right ul li a {
    font-size: 8px;
    font-weight: 600;
    color: var(--white);
    display: grid;
    text-align: center;
    margin-left: -32px;
    padding: 0 20px;
    letter-spacing: 0px;
  }

  .st-right ul li a:hover {
    font-size: 8px;
    font-weight: 600;
    color: red;
    text-decoration: underline;
    text-decoration-color: red;
    transition: 1.5s;
  }

  .sti-top {
    background-color: #292929;
    position: fixed;
    top: 100%;
    margin-top: -50px;
    padding: 10px 0;
    z-index: 1000;
    width: 100%;
    left: 0;
    bottom: 0;
  }

  .st-right ul li a i {
    font-size: 18px;
    padding-bottom: 5px;
  }

  .slider-Text h2 {
    font-size: 19px;
    color: rgb(255, 255, 255);
    font-weight: 600;
    letter-spacing: 2px;
    padding: 3% 5% 0px 83px;
    text-align: left;
  }

  .fleet-One {
    background-image: linear-gradient(to bottom,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(3, 3, 26, 0.1) 100%),
      url(images/Home/Swiper_banners/all\ product.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 205px;
    width: 100%;
  }

  .dis-btn {
    text-align: left;
    border: 2px solid #a6a5a5;
    width: max-content;
    padding: 1% 11%;
    margin-left: 84px;
  }

  .four-box-Item {
    background-color: #000000;
    padding: 6% 0 0 0;
    color: var(--white);
    text-align: center;
  }

  .four-box-Item img {
    width: 38px;
    height: 38px;
    object-fit: cover;
  }

  .exp-all-model {
    display: block;
    position: relative;
    left: 100px;
    top: 10px;
  }

  .exp-Image p {
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    text-align: center;
    margin-left: -179px;
  }

  #over-widItem {
    width: 201%;
    display: block;
    justify-content: center;
    gap: 0;
  }

  .vTex {
    padding: 7% !important;
  }

  .after-saleRow {
    display: block;
    width: 200%;
  }

  .aft-sale.aos-init.aos-animate {
    padding: 0;
  }

  .over-row-left {
    background-image: linear-gradient(to bottom,
        rgba(3, 2, 12, 0) 0%,
        rgba(3, 3, 26, 0.1) 100%),
      url(images/Isuzu_trucklife/Gallery/01.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    padding: 24% 1% 0 2%;
    display: flex;
    justify-content: flex-start;
    gap: 58px;
  }

  .carousel-item img {
    width: 100%;
    height: 175px;
    object-fit: cover;
  }

  .testim-One {
    padding: 8% 0%;
  }

  .testim-contain {
    display: block;
    justify-content: space-between;
  }

  .footer-sec {
    background-color: #010612;
    padding: 0px 0 28% 0;
  }

  .Life-OneSec h2 {
    font-size: 24px;
    color: #ffffff;
  }

  .Life-SecTwi h2 {
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.8;
  }

  .upCome h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
  }

  .Up-Come h3 {
    position: relative;
    top: 40%;
    left: 4% !important;
    color: var(--white);
    font-size: 23px !important;
  }

  .Join-Sec h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 3% 0;
  }

  .join-our h2 {
    font-size: 23px;
    font-weight: 700;
    text-align: center;
    padding: 18% 0 0 0;
  }

  .adv-swipe {
    width: max-content;
  }

  .adv-swipe h6 {
    font-size: 11px;
    color: #000000;
    font-weight: 700;
    text-align: left;
    padding: 5% 0;
  }

  .get-price {
    display: none;
  }

  #wa-btn-wrapper {
    top: 83%;
    z-index: 0 !important;
  }

  /* Ambulance page */
  .spe-One p {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: center;
    padding: 0 7%;
  }

  .spe-One-contain {
    width: 284%;
    display: block;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 4%;
  }

  .spe-Two-TextNext {
    width: 100%;
  }

  .spe-Two-contain {
    display: block;
    justify-content: flex-start;
    gap: 50px;
  }

  .spe-Two-Text {
    width: 100%;
    padding: 11px;
  }

  .spe-Two-TextNext {
    width: 100%;
    padding: 11px;
  }

  .spe-Three-contain {
    display: block;
    justify-content: flex-start;
    gap: 50px;
  }

  .spe-Three-TextNext {
    width: 100%;
    padding: 11px;
  }

  .more-Sixth p {
    font-size: 14px;
    font-weight: 500;
    padding: 0 4%;
  }

  .spe-One p {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.8px;
    text-align: center;
    padding: 7px;
  }

  .spe-One-Items img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin: 4px;
  }

  .spe-Three-Text img {
    width: 140%;
    height: 184px;
    object-fit: cover;
  }

  .black-line-black {
    display: block;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 19px;
  }
}

.get-price {
  width: 100%;
  height: auto;
  padding: 1% 0;
}

/* at your service */
#atyour-Vid {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.at-your {
  text-align: center;
  padding: 20px;
}

.isuzuindia-con {
  padding: 3% 0;
  text-align: center;
}

.isuzuindia-con P {
  font-size: 14px;
  padding: 0 17%;
}

.isu-img {
  width: 60%;
}

.isu-imgText {
  width: 40%;
}

.isu-img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.isu-Two-contain {
  display: flex;
  justify-content: flex-start;
  gap: 50px;
}

.isu-imgText h2 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
}

.isu-imgText p {
  font-size: 14px;
  font-weight: 500;
  padding: 0 7% 0 0;
}

.add-Third-Items img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  padding: 0 13%;
}

.add-Third {
  padding: 5% 0;
  text-align: center;
}

.add-Third-Items P {
  font-size: 14px;
  font-weight: 600;
  padding: 2% 15%;
}

.swiping-Image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.add-Fourth p {
  font-size: 14px;
  text-align: center;
  padding: 2% 26%;
}

/* Car Models */
.car-muX-top {
  background: url(images/mux/Overview/mu-X_1200x400.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 10% 0;
}

.mod-over-view {
  padding: 3% 0;
}

.mod-over-view h2,
.mod-interior h2 {
  text-align: center;
  text-decoration: none;
  padding: 2% 0 2% 0;
}

.mod-extrior h2,
.more-feature h2,
.ext-Sec h2 {
  text-align: center;
  text-decoration: none;
  padding: 4% 0 0 0;
}

.mod-over-align {
  display: flex;
  justify-content: flex-start;
  gap: 51px;
}

.container-w-70 {
  width: 70%;
}

.container-w-30 {
  width: 30%;
}

.container-w-70 img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

.container-w-30 p {
  font-size: 14px;
  font-weight: 500;
}

.container-w-30 h3 {
  font-size: 20px;
}

.container-w-100 {
  width: 100%;
}

.container-w-100 img {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

/* Interiors */
.mod-int-align {
  display: flex;
  justify-content: flex-start;
  gap: 36px;
  position: relative;
  left: 37px;
}

.int-gallery-slide img {
  width: 128%;
  height: 305px;
  object-fit: cover;
  padding: 0;
}

.int-gallery-slide h3 {
  font-size: 16px;
  font-weight: 600;
  padding: 6% 0 0 0;
}

.mod-ext-Text h3 {
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  padding: 3% 0 0 0;
}

.mod-ext-Text p {
  text-align: center;
  font-size: 14px;
  padding: 0 16%;
}

/* Features */
.bel-features h5 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  padding: 3% 0 0 0;
}

.bel-features p {
  font-size: 14px;
  font-weight: 500;
  padding: 1% 8%;
  text-align: center;
}


/* Extra real suv */
.ext-Sec p {
  font-size: 14px;
  font-weight: 500;
  padding: 0 8%;
  text-align: center;
}

.ext-sec-Box img {
  width: 98%;
  height: 200px;
  object-fit: cover;
}

.ext-sec-contain {
  display: flex;
  justify-content: flex-start;
  gap: 0;
  padding: 2% 0;
}

.ext-sec-Box h3 {
  font-size: 16px;
  font-weight: 600;
}

.ext-sec-Box img:hover {
  transform: rotate(3deg);
  transition: 1.2s;
}

.ext-sec-colors {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.veh-colors h3 {
  text-align: center;
  padding: 3% 0 0 0;
}

.ext-clr-vehicle img:hover {
  transform: scale(1.1);
  transition: 1.5s;
}

/***find dealers****/

.findshow-conimg h6 {
  font-size: 16px;
  font-weight: 600;
}

.findealer-top {
  background: url(images/connecttoservice/1920-x-700_01.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 13% 0;
}

.findealer-top h3 {
  font-size: 29px;
  color: #ffffff;
  padding: 0;
  text-align: center;
}

.findealer-top p {
  font-size: 14px;
  color: #ffffff;
  text-align: center;
}

.find-show {
  margin-bottom: 3%;
}

.findshow-conimg img {
  width: 100%;
  height: auto;
}

.support-text h3 {
  font-size: 22px;
  font-weight: 600;
}

.support-text p {
  font-size: 15px;
  font-weight: 300;
  padding-bottom: 20px;
}

.support-text p a {
  padding-top: 20px;
  font-size: 15px;
  font-weight: 600;
}

.findshow-contain h3 {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 40px;
}

.findshow-contain p a {
  color: #de3755;
}

.redire-text h2 {
  font-size: 18px;
  font-weight: 600;
}

.redire-text p a {
  color: #000000;
  font-size: 16px;
}

/* New changes */
/* Fleet */
.fleet-Fifth {
  padding: 5% 0 3% 0;
}

input#form-fleetItem {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 17px;
}

select#form-fleetItem {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 10px;
}

textarea#form-fleetItem {
  width: 100%;
  padding: 36px 22px;
  border: 1px solid #737373;
}

.fleet-sixth {
  padding: 3% 0 2% 0;
}

/* Get price */
#result-price {
  padding: 29px;
  margin: 2% 0;
}

#select-state,
#select_models {
  padding: 14px 30px;
}

#display-text {
  background-color: black;
  border: none;
  color: rgb(255, 255, 255);
  font-size: 15px;
  width: 30%;
  padding: 12px;
}

.btn-cls.pt-3 {
  margin-left: 19%;
}

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

  #select-state,
  #select_models {
    padding: 14px 30px !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }

  swiper-container {
    width: 100%;
    height: 213px;
    object-fit: cover;
  }
}

/* upcome truck life */
.Up-Come {
  background-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(3, 3, 26, 0.4) 100%),
    url(images/Isuzu_trucklife/Upcoming-events/Outback\ Web\ Banner_V-cross\ copy.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 612px;
  width: 100%;
  object-fit: cover;
}

.Up-Come h3 {
  position: relative;
  top: 50%;
  left: 25%;
  color: var(--white);
  font-size: 41px;
}

.navbar-expand-lg .navbar-nav-scroll {
  overflow: visible;
  gap: 20px;
}

.come-soon-text h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
}

.come-soon-text {
  position: absolute;
  top: 28%;
  left: 46%;
}

.cssanimation,
.cssanimation span {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.cssanimation span {
  display: inline-block;
}

.hu__hu__ {
  animation: hu__hu__ infinite 2s ease-in-out;
}

@keyframes hu__hu__ {
  50% {
    transform: translateY(30px);
  }
}

/* Nav */
/* li.nav-item:hover {
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2.5px !important;
    text-decoration-color: red;
} */

ul.dropdown-menu li a {
  font-size: 15px;
  font-weight: 600;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
  border-radius: 0;
}

a.dropdown-item img {
  width: 143px;
  height: auto;
}

a.dropdown-item:hover img {
  width: 143px;
  height: auto;
  transform: scale(1.1);
}

@media screen and (min-width: 360px) and (max-width: 768px) {
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    height: 277px;
  }


  .al-itm {
    margin-left: 0 !important;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
    gap: 0 !important;
  }

  .navbar-nav-scroll {
    max-height: 250px;
    overflow-y: auto;
  }

  li.nav-item.dropdown,
  .nav-item {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px !important;
  }

  #myNavbar {
    position: static !important;
    top: 10px;
    left: 0 !important;
  }

  iframe#swip-Video {
    object-fit: cover;
    width: 112% !important;
    height: 254px !important;
  }

  .testi-content h6 {
    font-size: 13px !important;
    font-weight: 700;
  }

  .exp-Sect p {
    font-size: 14px;
    padding: 12px 25px;
  }

  .fleet-Three {
    padding: 4% 0;
    text-align: center;
  }

  .fleet-Four-img {
    padding: 4% 4% !important;
    text-align: center;
  }

  .fleet-sixth {
    padding: 12% 0 2% 0;
  }

  .Life-One {
    background-image: linear-gradient(to bottom,
        rgba(3, 2, 12, 0) 0%,
        rgba(3, 3, 26, 0) 100%),
      url(images/Isuzu_trucklife/Gallery/IMG_8352.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 369px;
    width: 100%;
  }

  .Life-OneSec {
    padding: 38% 0 0 2%;
  }

  .upCome {
    padding: 10% 0;
  }

  .cjoin {
    width: 100%;
    text-align: center;
    padding: 6% 0% 0% 0%;
  }

  #wa_btn-content svg {
    width: 20px !important;
    height: 20px !important;
    object-fit: cover;
  }

  #wa_btn-content {
    transform: translateY(0) !important;
  }

  #wa_btn-content p {
    font-size: 13px !important;
  }

  .Gallery-all {
    /* padding: 5% 0 0% 22%; */
    display: flex !important;
    justify-content: center;
    gap: 0;
  }

  .btn-Link-Life {
    background-color: red;
    width: max-content;
    padding: 10px 20px;
    color: #ffffff;
    margin-top: 25px;
  }

  /* 360px to 760px */
  .slider-Text #swiper-Video {
    max-width: 100%;
    height: 344px;
    object-fit: cover;
    z-index: -1;
    margin-left: 14.9%;
    margin-right: 32px;
  }

  .Up-Come {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(3, 3, 26, 0.4) 100%), url(images/Isuzu_trucklife/Upcoming-events/Outback Web Banner_V-cross copy.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 186px;
    width: 100%;
    object-fit: cover;
  }

  .pressy {
    padding: 10%;
  }

  #vcro-Img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }

  a.dropdown-item img {
    width: 120px;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    height: 248px;
  }

  .al-itm {
    margin-left: 11% !important;
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
    gap: 0 !important;
  }

  .navbar-nav-scroll {
    max-height: 250px;
    overflow-y: auto;
  }

  li.nav-item.dropdown,
  .nav-item {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px !important;
  }

  #myNavbar {
    position: fixed;
    top: 0;
    left: 0 !important;
    height: 71px;
  }

  #wa-btn-wrapper {
    top: 90%;
  }

  #wa_btn-content svg {
    width: 20px !important;
    height: 20px !important;
    object-fit: cover;
  }

  #wa_btn-content p {
    font-size: 14px !important;
  }

  .slider-Text {
    position: relative;
    left: -24%;
  }

  .four-box-Item h5 {
    font-size: 11px;
    font-weight: 700;
    padding: 7%;
    color: var(--white);
  }

  .pressy img {
    width: 279px;
    height: 274px;
    object-fit: cover;
  }

  /* 768px to 1200px */
  #swiper-Video {
    width: 101% !important;
    height: auto !important;
    object-fit: cover;
    z-index: -1;
    margin-left: 23.5%;
    margin-right: 32px;
    margin-top: -33px;
  }

  .over-row-left {
    background-image: linear-gradient(to bottom,
        rgba(3, 2, 12, 0) 0%,
        rgba(3, 3, 26, 0.1) 100%),
      url(images/Isuzu_trucklife/Gallery/01.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
    padding: 22.8% 1% 0 3%;
    display: flex;
    justify-content: flex-start;
    gap: 58px;
  }

  /* Find dealers service */
  .finddel-text #select_model,
  #select_state,
  #select_city {
    width: 45%;
    padding: 10px;
  }

  .btn-cls.pt-3 {
    margin-left: 35%;
  }

}

@media screen and (min-width: 1200px) and (max-width: 1320px) {
  #myNavbar {
    position: fixed !important;
    top: 0 !important;
    left: 0px !important;
  }
}

@media screen and (min-width: 1320px) and (max-width: 1400px) {
  #myNavbar {
    position: fixed !important;
    top: 0px !important;
    left: 0 !important;
  }
}

/* Careers page reworks */
.careers-top {
  background: url(images/careers/group-business-people-shaking-hands.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 130px;
}

/* New code */
.join-sqr-01 p {
  padding: 0 50px 0 0;
}

.upcome-img img {
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.swi_Image img {
  width: 100%;
  height: 460px;
  object-fit: cover;
}

span.sold-out p {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  text-decoration: line-through;
}

.para-lising {
  text-align: left;
  color: #000000;
}

ul.bullet_underline li {
  list-style-type: none;
  text-align: left;
  padding: 0;
  margin: 0;
}

ul.bullet_underline {
  padding: 0;
}

.main-heading-banner {
  margin-top: 0;
  margin-bottom: -100px;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  z-index: 999;
  padding: 0;
}

#myNavbar {
  position: fixed;
  top: 0;
  left: 0;
  background-color: transparent;
  transition: background-color 0.4s ease;
}

.topy-car {
  padding: 5% 0 0 0;
}

.Gallery-all {
  padding: 5% 0 0% 3%;
}

.companytop-banner {
  padding: 5% 0 0 0;
}

.tabsLine {
  padding: 6% 0 0 0;
}

iframe#swip-Video {
  width: 100%;
  height: 303px;
  object-fit: cover;
}

/* Whatspp chat */
#wa_btn-content svg {
  width: 36px;
  height: 36px;
  object-fit: cover;
}

#wa_btn-content {
  box-sizing: border-box;
  display: inline-flex;
  padding: 15px 17px;
  justify-content: center;
  align-items: center;
  color: rgb(255, 255, 255);
  cursor: pointer;
}

#wa_btn-content p {
  font-size: 18px;
}

#wa_btn-content {
  transform: translateY(-59px);
}

#myNavbar.scrolled {
  background-color: #fff;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: red !important;
}

span.sold-out p {
  padding: 3% 0;
}

.nav-link {
  position: relative;
}

.nav-link::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 90%;
  height: 2px;
  background-color: #fc2f70;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.4s ease-in-out;
}

.nav-link:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}

@media screen and (max-device-width: 1500px) and (min-device-width: 1200px) {
  .slider-Text {
    position: relative;
    left: -14%;
  }

  /* screen 1200px to 1500px */
  #swiper-Video {
    width: 131% !important;
    height: 679px !important;
    object-fit: cover;
    z-index: -1;
    margin-left: 0;
    margin-right: 32px;
  }
}

@media screen and (max-device-width: 1800px) and (min-device-width: 1600px) {

  /* 1600px to 1800px */
  .slider-Text #swiper-Video {
    width: 116%;
    height: 837px;
    object-fit: cover;
    z-index: -1;
    margin-left: 10.5%;
    margin-right: 32px;
  }

  #swiper-Point-new {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 824px;
  }


}

#vcro-Img img {
  width: 100%;
  height: 272px;
  object-fit: cover;
}

/* ******************************************************* */

/* Google maps location */
.single-point-One {
  width: 80%;
  background-color: #eeeeee;
  padding: 29px;
  z-index: 999;
}

.maps-loc-Iocns i {
  color: red;
  font-size: 25px;
}

.single-point-One {
  display: none;
  /* Initially hide the single-point-One class */
}

.maps-loc-Iocns:hover+.single-point-One {
  display: block;
}

.maps-Location {
  position: absolute;
  margin-left: 14%;
  margin-top: -9%;
  z-index: 1;
}

.point-text h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.point-text p {
  font-size: 15px;
  font-family: sans-serif;
  color: #000000;
  padding: 4% 0 0 0;
}

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

/* maps location 1 */
.maps-Location-1 {
  position: absolute;
  margin-left: 17.5%;
  margin-top: -11%;
}

/* maps location 2 */
.maps-Location-2 {
  position: absolute;
  margin-left: 15%;
  margin-top: -39%;
  z-index: 30;
}

/* maps location 3 */
.maps-Location-3 {
  position: absolute;
  margin-left: 19%;
  margin-top: -31%;
  z-index: 18;
}

/* maps location 4 */
.maps-Location-4 {
  position: absolute;
  margin-left: 17%;
  margin-top: -30%;
  z-index: 14;
}

/* maps location 5 */
.maps-Location-5 {
  position: absolute;
  margin-left: 13%;
  margin-top: -40%;
  z-index: 29;
}

/* maps location 6 */
.maps-Location-6 {
  position: absolute;
  margin-left: 11%;
  margin-top: -23%;
  z-index: 21;
}

/* maps location 7 */
.maps-Location-7 {
  position: absolute;
  margin-left: 11%;
  margin-top: -17%;
  z-index: 21;
}

/* maps location 8 */
.maps-Location-8 {
  position: absolute;
  margin-left: 28.5%;
  margin-top: -28%;
  z-index: 1;
}

/* maps location 9 */
.maps-Location-9 {
  position: absolute;
  margin-left: 12%;
  margin-top: -7%;
}

/* maps location 10 */
.maps-Location-10 {
  position: absolute;
  margin-left: 39%;
  margin-top: -34%;
}

/* maps location 11 */
.maps-Location-11 {
  position: absolute;
  margin-left: 17%;
  margin-top: -26.5%;
  z-index: 11;
}

/* maps location 12 */
.maps-Location-12 {
  position: absolute;
  margin-left: 10.5%;
  margin-top: -35%;
  z-index: 28;
}

/* maps location 13 */
.maps-Location-13 {
  position: absolute;
  margin-left: 15.5%;
  margin-top: -8%;
}

/* maps location 14 */
.maps-Location-14 {
  position: absolute;
  margin-left: 12%;
  margin-top: -9%;
  z-index: 1;
}

/* maps location 15 */
.maps-Location-15 {
  position: absolute;
  margin-left: 8.6%;
  margin-top: -22%;
  z-index: 23;
}

/* maps location 16 */
.maps-Location-16 {
  position: absolute;
  margin-left: 14.6%;
  margin-top: -41%;
  z-index: 31;
}

/* maps location 17 */
.maps-Location-17 {
  position: absolute;
  margin-left: 21%;
  margin-top: -18%;
}

/* maps location 18 */
.maps-Location-18 {
  position: absolute;
  margin-left: 17.6%;
  margin-top: -20%;
  z-index: 1;
}

/* maps location 19 */
.maps-Location-19 {
  position: absolute;
  margin-left: 23.6%;
  margin-top: -20%;
}

/* maps location 20 */
.maps-Location-20 {
  position: absolute;
  margin-left: 22.6%;
  margin-top: -21.5%;
}

/* maps location 21 */
.maps-Location-21 {
  position: absolute;
  margin-left: 22%;
  margin-top: -19.5%;
}

/* maps location 22 */
.maps-Location-22 {
  position: absolute;
  margin-left: 11%;
  margin-top: -11.2%;
  z-index: 1;
}

/* maps location 23 */
.maps-Location-23 {
  position: absolute;
  margin-left: 32%;
  margin-top: -27.5%;
}

/* maps location 24 */
.maps-Location-24 {
  position: absolute;
  margin-left: 14.5%;
  margin-top: -36.5%;
  z-index: 28;
}

/* maps location 25 */
.maps-Location-25 {
  position: absolute;
  margin-left: 14.5%;
  margin-top: -27.5%;
  z-index: 22;
}

/* maps location 26 */
.maps-Location-26 {
  position: absolute;
  margin-left: 34.5%;
  margin-top: -32.5%;
}

/* maps location 27 */
.maps-Location-27 {
  position: absolute;
  margin-left: 18.5%;
  margin-top: -33.5%;
  z-index: 22;
}

/* maps location 28 */
.maps-Location-28 {
  position: absolute;
  margin-left: 19.2%;
  margin-top: -17%;
}

/* maps location 29 */
.maps-Location-29 {
  position: absolute;
  margin-left: 15.8%;
  margin-top: -13%;
}

/* maps location 30 */
.maps-Location-30 {
  position: absolute;
  margin-left: 15.8%;
  margin-top: -16%;
  z-index: 9;
}

/* maps location 31 */
.maps-Location-31 {
  position: absolute;
  margin-left: 21%;
  margin-top: -31%;
  z-index: 9;
}

/* maps location 32 */
.maps-Location-32 {
  position: absolute;
  margin-left: 9%;
  margin-top: -25%;
  z-index: 31;
}

/* maps location 33 */
.maps-Location-33 {
  position: absolute;
  margin-left: 4.5%;
  margin-top: -30%;
  z-index: 47;
}

/* maps location 34 */
.maps-Location-34 {
  position: absolute;
  margin-left: 5%;
  margin-top: -28%;
  z-index: 38;
}

/* maps location 35 */
.maps-Location-35 {
  position: absolute;
  margin-left: 8%;
  margin-top: -34%;
  z-index: 43;
}

/* maps location 36 */
.maps-Location-36 {
  position: absolute;
  margin-left: 7%;
  margin-top: -28%;
  z-index: 38;
}

/* maps location 37 */
.maps-Location-37 {
  position: absolute;
  margin-left: 5%;
  margin-top: -26%;
  z-index: 31;
}

/* maps location 38 */
.maps-Location-38 {
  position: absolute;
  margin-left: 9.8%;
  margin-top: -26.5%;
  z-index: 25;
}

/* maps location 39 */
.maps-Location-39 {
  position: absolute;
  margin-left: 9%;
  margin-top: -28.5%;
  z-index: 32;
}

/* maps location 40 */
.maps-Location-40 {
  position: absolute;
  margin-left: 11%;
  margin-top: -14.5%;
  z-index: 18;
}

/* mobile view */
@media screen and (max-device-width: 760px) and (min-device-width: 360px) {
  .google-map-Img img {
    width: 100%;
    height: auto;
  }

  /* maps location 16 */
  .maps-Location-16 {
    position: absolute;
    margin-left: 26.6%;
    margin-top: -87%;
    z-index: 7;
  }

  .single-point-One {
    width: 90%;
    background-color: #eeeeee;
    padding: 29px;
    z-index: 999;
  }

  .maps-loc-Iocns i {
    color: red;
    font-size: 17px;
  }

  .point-text h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .point-text p {
    font-size: 12px;
    font-family: sans-serif;
    color: #000000;
    padding: 4% 0 0 0;
  }

  /* Maps loc */
  .maps-Location-5 {
    position: absolute;
    margin-left: 30%;
    margin-top: -84%;
    z-index: 7;
  }

  .maps-Location-35 {
    position: absolute;
    margin-left: 20%;
    margin-top: -75%;
    z-index: 6;
  }

  .maps-Location-12 {
    position: absolute;
    margin-left: 23.5%;
    margin-top: -74%;
    z-index: 7;
  }

  .maps-Location-2 {
    position: absolute;
    margin-left: 27%;
    margin-top: -73%;
  }

  .maps-Location-31 {
    position: absolute;
    margin-left: 29%;
    margin-top: -71%;
    z-index: 4;
  }

  .maps-Location-27 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -72.5%;
    z-index: 5;
  }

  .maps-Location-24 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -70.5%;
    z-index: 4;
  }

  .maps-Location-3 {
    position: absolute;
    margin-left: 32%;
    margin-top: -63%;
    z-index: 3;
  }

  .maps-Location-9 {
    position: absolute;
    margin-left: 22.5%;
    margin-top: -18%;
  }

  .maps-Location {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -18%;
    z-index: 1;
  }

  .maps-Location-13 {
    position: absolute;
    margin-left: 28.5%;
    margin-top: -15%;
  }

  .maps-Location-14 {
    position: absolute;
    margin-left: 19.6%;
    margin-top: -27%;
    z-index: 1;
  }

  .maps-Location-22 {
    position: absolute;
    margin-left: 19%;
    margin-top: -29.5%;
    z-index: 1;
  }

  .maps-Location-29 {
    position: absolute;
    margin-left: 32.8%;
    margin-top: -27%;
  }

  .maps-Location-10 {
    position: absolute;
    margin-left: 78%;
    margin-top: -67%;
  }

  .maps-Location-26 {
    position: absolute;
    margin-left: 68.5%;
    margin-top: -68.5%;
  }

  .maps-Location-8 {
    position: absolute;
    margin-left: 60.5%;
    margin-top: -66%;
    z-index: 1;
  }

  .maps-Location-23 {
    position: absolute;
    margin-left: 61%;
    margin-top: -60.5%;
  }

  .maps-Location-21 {
    position: absolute;
    margin-left: 56%;
    margin-top: -49.5%;
  }

  .maps-Location-19 {
    position: absolute;
    margin-left: 45.6%;
    margin-top: -41%;
  }

  .maps-Location-18 {
    position: absolute;
    margin-left: 44.6%;
    margin-top: -44%;
    z-index: 1;
  }

  .maps-Location-17 {
    position: absolute;
    margin-left: 41%;
    margin-top: -37%;
  }

  .maps-Location-20 {
    position: absolute;
    margin-left: 47.6%;
    margin-top: -47.5%;
  }

  .maps-Location-28 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -36.5%;
  }

  .maps-Location-40 {
    position: absolute;
    margin-left: 29%;
    margin-top: -33.5%;
    z-index: 1;
  }

  .maps-Location-30 {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -37%;
    z-index: 2;
  }

  .maps-Location-33 {
    position: absolute;
    margin-left: 8%;
    margin-top: -62%;
    z-index: 7;
  }

  .maps-Location-34 {
    position: absolute;
    margin-left: 5%;
    margin-top: -60%;
    z-index: 6;
  }

  .maps-Location-37 {
    position: absolute;
    margin-left: 6.5%;
    margin-top: -56%;
    z-index: 5;
  }

  .maps-Location-32 {
    position: absolute;
    margin-left: 10%;
    margin-top: -59%;
    z-index: 5;
  }

  .maps-Location-36 {
    position: absolute;
    margin-left: 12%;
    margin-top: -62%;
    z-index: 5;
  }

  .maps-Location-38 {
    position: absolute;
    margin-left: 14.8%;
    margin-top: -54.5%;
    z-index: 4;
  }

  .maps-Location-39 {
    position: absolute;
    margin-left: 19%;
    margin-top: -58.5%;
    z-index: 4;
  }

  .maps-Location-25 {
    position: absolute;
    margin-left: 21.5%;
    margin-top: -61.5%;
    z-index: 4;
  }

  .maps-Location-6 {
    position: absolute;
    margin-left: 16%;
    margin-top: -42%;
    z-index: 4;
  }

  .maps-Location-15 {
    position: absolute;
    margin-left: 15.6%;
    margin-top: -48%;
    z-index: 3;
  }

  .maps-Location-7 {
    position: absolute;
    margin-left: 16%;
    margin-top: -39%;
    z-index: 3;
  }

  .maps-Location-11 {
    position: absolute;
    margin-left: 36%;
    margin-top: -55.5%;
    z-index: 2;
  }

  .maps-Location-4 {
    position: absolute;
    margin-left: 36%;
    margin-top: -66%;
    z-index: 4;
  }

  .maps-Location-1 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -22%;
  }

  /* Ambulance */
  .special-One {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 208px;
  }

  #swiper-Point-new {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
  }
}

/* Tabs view */
@media screen and (max-device-width: 1200px) and (min-device-width: 760px) {
  .google-map-Img img {
    width: 100%;
    height: auto;
  }

  /* maps location 16 */
  .maps-Location-16 {
    position: absolute;
    margin-left: 26.6%;
    margin-top: -87%;
    z-index: 7;
  }

  .single-point-One {
    width: 90%;
    background-color: #eeeeee;
    padding: 29px;
    z-index: 999;
  }

  .maps-loc-Iocns i {
    color: red;
    font-size: 17px;
  }

  .point-text h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .point-text p {
    font-size: 12px;
    font-family: sans-serif;
    color: #000000;
    padding: 4% 0 0 0;
  }

  /* Maps loc */
  .maps-Location-5 {
    position: absolute;
    margin-left: 30%;
    margin-top: -84%;
    z-index: 7;
  }

  .maps-Location-35 {
    position: absolute;
    margin-left: 20%;
    margin-top: -75%;
    z-index: 6;
  }

  .maps-Location-12 {
    position: absolute;
    margin-left: 23.5%;
    margin-top: -74%;
    z-index: 7;
  }

  .maps-Location-2 {
    position: absolute;
    margin-left: 27%;
    margin-top: -73%;
  }

  .maps-Location-31 {
    position: absolute;
    margin-left: 29%;
    margin-top: -71%;
    z-index: 4;
  }

  .maps-Location-27 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -72.5%;
    z-index: 5;
  }

  .maps-Location-24 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -70.5%;
    z-index: 4;
  }

  .maps-Location-3 {
    position: absolute;
    margin-left: 32%;
    margin-top: -63%;
    z-index: 3;
  }

  .maps-Location-9 {
    position: absolute;
    margin-left: 22.5%;
    margin-top: -18%;
  }

  .maps-Location {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -18%;
    z-index: 1;
  }

  .maps-Location-13 {
    position: absolute;
    margin-left: 28.5%;
    margin-top: -15%;
  }

  .maps-Location-14 {
    position: absolute;
    margin-left: 19.6%;
    margin-top: -27%;
    z-index: 1;
  }

  .maps-Location-22 {
    position: absolute;
    margin-left: 19%;
    margin-top: -29.5%;
    z-index: 1;
  }

  .maps-Location-29 {
    position: absolute;
    margin-left: 32.8%;
    margin-top: -27%;
  }

  .maps-Location-10 {
    position: absolute;
    margin-left: 78%;
    margin-top: -67%;
  }

  .maps-Location-26 {
    position: absolute;
    margin-left: 68.5%;
    margin-top: -68.5%;
  }

  .maps-Location-8 {
    position: absolute;
    margin-left: 60.5%;
    margin-top: -66%;
    z-index: 1;
  }

  .maps-Location-23 {
    position: absolute;
    margin-left: 61%;
    margin-top: -60.5%;
  }

  .maps-Location-21 {
    position: absolute;
    margin-left: 56%;
    margin-top: -49.5%;
  }

  .maps-Location-19 {
    position: absolute;
    margin-left: 45.6%;
    margin-top: -41%;
  }

  .maps-Location-18 {
    position: absolute;
    margin-left: 44.6%;
    margin-top: -44%;
    z-index: 1;
  }

  .maps-Location-17 {
    position: absolute;
    margin-left: 41%;
    margin-top: -37%;
  }

  .maps-Location-20 {
    position: absolute;
    margin-left: 47.6%;
    margin-top: -47.5%;
  }

  .maps-Location-28 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -36.5%;
  }

  .maps-Location-40 {
    position: absolute;
    margin-left: 29%;
    margin-top: -33.5%;
    z-index: 1;
  }

  .maps-Location-30 {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -37%;
    z-index: 2;
  }

  .maps-Location-33 {
    position: absolute;
    margin-left: 8%;
    margin-top: -62%;
    z-index: 7;
  }

  .maps-Location-34 {
    position: absolute;
    margin-left: 5%;
    margin-top: -60%;
    z-index: 6;
  }

  .maps-Location-37 {
    position: absolute;
    margin-left: 6.5%;
    margin-top: -56%;
    z-index: 5;
  }

  .maps-Location-32 {
    position: absolute;
    margin-left: 10%;
    margin-top: -59%;
    z-index: 5;
  }

  .maps-Location-36 {
    position: absolute;
    margin-left: 12%;
    margin-top: -62%;
    z-index: 5;
  }

  .maps-Location-38 {
    position: absolute;
    margin-left: 14.8%;
    margin-top: -54.5%;
    z-index: 4;
  }

  .maps-Location-39 {
    position: absolute;
    margin-left: 19%;
    margin-top: -58.5%;
    z-index: 4;
  }

  .maps-Location-25 {
    position: absolute;
    margin-left: 21.5%;
    margin-top: -61.5%;
    z-index: 4;
  }

  .maps-Location-6 {
    position: absolute;
    margin-left: 16%;
    margin-top: -42%;
    z-index: 4;
  }

  .maps-Location-15 {
    position: absolute;
    margin-left: 15.6%;
    margin-top: -48%;
    z-index: 3;
  }

  .maps-Location-7 {
    position: absolute;
    margin-left: 16%;
    margin-top: -39%;
    z-index: 3;
  }

  .maps-Location-11 {
    position: absolute;
    margin-left: 36%;
    margin-top: -55.5%;
    z-index: 2;
  }

  .maps-Location-4 {
    position: absolute;
    margin-left: 36%;
    margin-top: -66%;
    z-index: 4;
  }

  .maps-Location-1 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -22%;
  }

  .exp-Image img {
    width: 113px;
    height: auto;
  }

  .exp-all-model {
    display: flex;
    justify-content: center;
    gap: 3px;
    margin-top: 15px;
  }

  /* Ambulance */
  .special-One {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 425px;
  }

  #swiper-Point-new {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
  }

}

@media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
  .google-map-Img img {
    width: 100%;
    height: auto;
  }

  /* maps location 16 */
  .maps-Location-16 {
    position: absolute;
    margin-left: 26.6%;
    margin-top: -87%;
    z-index: 7;
  }

  .single-point-One {
    width: 90%;
    background-color: #eeeeee;
    padding: 29px;
    z-index: 999;
  }

  .maps-loc-Iocns i {
    color: red;
    font-size: 17px;
  }

  .point-text h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
  }

  .point-text p {
    font-size: 12px;
    font-family: sans-serif;
    color: #000000;
    padding: 4% 0 0 0;
  }

  /* Maps loc */
  .maps-Location-5 {
    position: absolute;
    margin-left: 30%;
    margin-top: -84%;
    z-index: 7;
  }

  .maps-Location-35 {
    position: absolute;
    margin-left: 20%;
    margin-top: -75%;
    z-index: 6;
  }

  .maps-Location-12 {
    position: absolute;
    margin-left: 23.5%;
    margin-top: -74%;
    z-index: 7;
  }

  .maps-Location-2 {
    position: absolute;
    margin-left: 27%;
    margin-top: -73%;
  }

  .maps-Location-31 {
    position: absolute;
    margin-left: 29%;
    margin-top: -71%;
    z-index: 4;
  }

  .maps-Location-27 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -72.5%;
    z-index: 5;
  }

  .maps-Location-24 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -70.5%;
    z-index: 4;
  }

  .maps-Location-3 {
    position: absolute;
    margin-left: 32%;
    margin-top: -63%;
    z-index: 3;
  }

  .maps-Location-9 {
    position: absolute;
    margin-left: 22.5%;
    margin-top: -18%;
  }

  .maps-Location {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -18%;
    z-index: 1;
  }

  .maps-Location-13 {
    position: absolute;
    margin-left: 28.5%;
    margin-top: -15%;
  }

  .maps-Location-14 {
    position: absolute;
    margin-left: 19.6%;
    margin-top: -27%;
    z-index: 1;
  }

  .maps-Location-22 {
    position: absolute;
    margin-left: 19%;
    margin-top: -29.5%;
    z-index: 1;
  }

  .maps-Location-29 {
    position: absolute;
    margin-left: 32.8%;
    margin-top: -27%;
  }

  .maps-Location-10 {
    position: absolute;
    margin-left: 78%;
    margin-top: -67%;
  }

  .maps-Location-26 {
    position: absolute;
    margin-left: 68.5%;
    margin-top: -68.5%;
  }

  .maps-Location-8 {
    position: absolute;
    margin-left: 60.5%;
    margin-top: -66%;
    z-index: 1;
  }

  .maps-Location-23 {
    position: absolute;
    margin-left: 61%;
    margin-top: -60.5%;
  }

  .maps-Location-21 {
    position: absolute;
    margin-left: 56%;
    margin-top: -49.5%;
  }

  .maps-Location-19 {
    position: absolute;
    margin-left: 45.6%;
    margin-top: -41%;
  }

  .maps-Location-18 {
    position: absolute;
    margin-left: 44.6%;
    margin-top: -44%;
    z-index: 1;
  }

  .maps-Location-17 {
    position: absolute;
    margin-left: 41%;
    margin-top: -37%;
  }

  .maps-Location-20 {
    position: absolute;
    margin-left: 47.6%;
    margin-top: -47.5%;
  }

  .maps-Location-28 {
    position: absolute;
    margin-left: 34.5%;
    margin-top: -36.5%;
  }

  .maps-Location-40 {
    position: absolute;
    margin-left: 29%;
    margin-top: -33.5%;
    z-index: 1;
  }

  .maps-Location-30 {
    position: absolute;
    margin-left: 26.8%;
    margin-top: -37%;
    z-index: 2;
  }

  .maps-Location-33 {
    position: absolute;
    margin-left: 8%;
    margin-top: -62%;
    z-index: 7;
  }

  .maps-Location-34 {
    position: absolute;
    margin-left: 5%;
    margin-top: -60%;
    z-index: 6;
  }

  .maps-Location-37 {
    position: absolute;
    margin-left: 6.5%;
    margin-top: -56%;
    z-index: 5;
  }

  .maps-Location-32 {
    position: absolute;
    margin-left: 10%;
    margin-top: -59%;
    z-index: 5;
  }

  .maps-Location-36 {
    position: absolute;
    margin-left: 12%;
    margin-top: -62%;
    z-index: 5;
  }

  .maps-Location-38 {
    position: absolute;
    margin-left: 14.8%;
    margin-top: -54.5%;
    z-index: 4;
  }

  .maps-Location-39 {
    position: absolute;
    margin-left: 19%;
    margin-top: -58.5%;
    z-index: 4;
  }

  .maps-Location-25 {
    position: absolute;
    margin-left: 21.5%;
    margin-top: -61.5%;
    z-index: 4;
  }

  .maps-Location-6 {
    position: absolute;
    margin-left: 16%;
    margin-top: -42%;
    z-index: 4;
  }

  .maps-Location-15 {
    position: absolute;
    margin-left: 15.6%;
    margin-top: -48%;
    z-index: 3;
  }

  .maps-Location-7 {
    position: absolute;
    margin-left: 16%;
    margin-top: -39%;
    z-index: 3;
  }

  .maps-Location-11 {
    position: absolute;
    margin-left: 36%;
    margin-top: -55.5%;
    z-index: 2;
  }

  .maps-Location-4 {
    position: absolute;
    margin-left: 36%;
    margin-top: -66%;
    z-index: 4;
  }

  .maps-Location-1 {
    position: absolute;
    margin-left: 31.5%;
    margin-top: -22%;
  }

  .special-One {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 621px;
  }

  #swiper-Point-11 {
    background: url(images/Home/Swiper_banners/dmax.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }

  #swiper-Point-12 {
    background: url(images/Home/Swiper_banners/New_banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }
  #swiper-Point-13 {
    background: url(images/Home/Swiper_banners/Dmax_Ambulance\ Launch\ Web\ Banner-02_new.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
  
  }
  #swiper-Point-14 {
    background: url(images/Home/Swiper_banners/slider-2.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
  
  }


  #swiper-Point-0 {
    background: url(images/Home/Swiper_banners/PUBLIC\ NOTICE-01.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
  }

  #swiper-Point-9 {
    background: url(images/Home/Swiper_banners/New-Location2.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
  }

  #swiper-Point-1 {
    background: url(images/Home/Swiper_banners/Home_page_01.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }

  #swiper-Point-2 {
    background: url(images/Home/Swiper_banners/Dmax_Ambulance-Launch-Web-Banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 700px;
  }

  #swiper-Point-3 {
    background: url(images/Home/Swiper_banners/mu-X.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-4 {
    background: url(images/Home/Swiper_banners/vcross.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-5 {
    background: url(images/vcross/Overview/Home-vcross-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-6 {
    background: url(images/Home/Swiper_banners/scabz.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-7 {
    background: url(images/Home/Swiper_banners/S-CAB.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-8 {
    background: url(images/Home/Swiper_banners/dmax.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }
    #swiper-Point-15 {
    background: url(images/Home/Swiper_banners/monsoon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  #swiper-Point-new {
    background: url(images/ambulance/Ambulance_Web-Banner-new.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }

  .spe-One-Items p {
    font-size: 10px;
    background-color: black;
    width: max-content;
    text-align: left;
    color: #ffffff;
    padding: 10px;
    letter-spacing: 0.2px;
  }
}

/* Thank you message */
.thank-you-type img {
  width: 50%;
  height: auto;
}

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

.thank-you-btn i {
  font-size: 50px;
  color: #ea0f0f;
  display: flex;
  justify-content: center;
  padding: 3%;
}

.thank-you-Text h2 {
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.thank-you-Text p {
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  letter-spacing: -1px;
}

.thank-you {
  padding: 50px;
}

@media screen and (max-device-width: 760px) and (min-device-width: 360px) {
  .thank-you-type img {
    width: 100%;
    height: auto;
  }

  .thank-you-Text h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .thank-you-Text p {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
  }

  .thank-you-btn i {
    font-size: 37px;
    color: #ea0f0f;
    display: flex;
    justify-content: center;
    padding: 3%;
  }

  .up-come-Two {
    background: url(images/Isuzu_trucklife/Gallery/IMG_8241.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
  }

  .come-soon-text {
    position: absolute;
    top: 25%;
    left: 31%;
  }

  .swi_Image img {
    text-align: left;
    width: 100%;
    height: 328px;
    object-fit: fill;
  }
}

@media screen and (max-device-width: 1200px) and (min-device-width: 760px) {
  .thank-you-type img {
    width: 100%;
    height: auto;
  }

  .thank-you-Text h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .thank-you-Text p {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
  }

  .thank-you-btn i {
    font-size: 37px;
    color: #ea0f0f;
    display: flex;
    justify-content: center;
    padding: 3%;
  }

  .allModel-Items {
    position: relative;
    top: -49px;
  }
}

@media screen and (max-device-width: 2000px) and (min-device-width: 1620px) {
  .thank-you-type img {
    width: 100%;
    height: auto;
  }

  .thank-you-Text h2 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
  }

  .thank-you-Text p {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
  }

  .thank-you-btn i {
    font-size: 37px;
    color: #ea0f0f;
    display: flex;
    justify-content: center;
    padding: 3%;
  }
}

#resultsection h3,
p,
h6 {
  font-family: sans-serif;
}

#resultsection {
  font-family: sans-serif;
  width: 50%;
  margin: 20px;
  background-color: #f0f0f0;
}

#resultsection_next {
  font-family: sans-serif;
  width: 50%;
  margin: 20px;
  background-color: #f0f0f0;
}

#resultsection p,
#resultsection_next p {
  padding: 1% 0 2% 0;
  font-family: sans-serif;
}

/* Services */
.maps-Location-41 {
  position: absolute;
  margin-left: 12%;
  margin-top: -38.5%;
  z-index: 49;
}

.maps-Location-42 {
  position: absolute;
  margin-left: 14%;
  margin-top: -38.5%;
  z-index: 34;
}

.maps-Location-43 {
  position: absolute;
  margin-left: 17%;
  margin-top: -40.5%;
  z-index: 26;
}

.maps-Location-44 {
  position: absolute;
  margin-left: 16%;
  margin-top: -37.5%;
  z-index: 29;
}

.maps-Location-45 {
  position: absolute;
  margin-left: 16%;
  margin-top: -35.5%;
  z-index: 23;
}

.maps-Location-46 {
  position: absolute;
  margin-left: 19%;
  margin-top: -35.5%;
  z-index: 7;
}

.maps-Location-47 {
  position: absolute;
  margin-left: 23%;
  margin-top: -32.5%;
  z-index: 8;
}

.maps-Location-48 {
  position: absolute;
  margin-left: 19%;
  margin-top: -35.5%;
  z-index: 22;
}

.maps-Location-49 {
  position: absolute;
  margin-left: 13%;
  margin-top: -37.5%;
  z-index: 39;
}

.maps-Location-50 {
  position: absolute;
  margin-left: 31%;
  margin-top: -25.5%;
  z-index: 7;
}

.maps-Location-51 {
  position: absolute;
  margin-left: 8%;
  margin-top: -25.5%;
  z-index: 32;
}

.maps-Location-52 {
  position: absolute;
  margin-left: 8%;
  margin-top: -29.5%;
  z-index: 39;
}

.maps-Location-53 {
  position: absolute;
  margin-left: 7%;
  margin-top: -25.5%;
  z-index: 31;
}

.maps-Location-54 {
  position: absolute;
  margin-left: 7%;
  margin-top: -24.5%;
  z-index: 24;
}

.maps-Location-55 {
  position: absolute;
  margin-left: 7%;
  margin-top: -31%;
  z-index: 39;
}

.maps-Location-56 {
  position: absolute;
  margin-left: 7%;
  margin-top: -30%;
  z-index: 39;
}

.maps-Location-57 {
  position: absolute;
  margin-left: 9%;
  margin-top: -30%;
  z-index: 33;
}

.maps-Location-58 {
  position: absolute;
  margin-left: 9%;
  margin-top: -20%;
  z-index: 19;
}

.maps-Location-59 {
  position: absolute;
  margin-left: 11%;
  margin-top: -20%;
  z-index: 20;
}

.maps-Location-60 {
  position: absolute;
  margin-left: 18%;
  margin-top: -14%;
  z-index: 7;
}

.maps-Location-61 {
  position: absolute;
  margin-left: 18%;
  margin-top: -16%;
  z-index: 7;
}

.maps-Location-62 {
  position: absolute;
  margin-left: 17.2%;
  margin-top: -16%;
  z-index: 7;
}

.maps-Location-63 {
  position: absolute;
  margin-left: 25.2%;
  margin-top: -20%;
  z-index: 7;
}

.maps-Location-64 {
  position: absolute;
  margin-left: 15%;
  margin-top: -16%;
  z-index: 9;
}

.maps-Location-65 {
  position: absolute;
  margin-left: 15%;
  margin-top: -14%;
  z-index: 8;
}

.maps-Location-66 {
  position: absolute;
  margin-left: 17%;
  margin-top: -10%;
  z-index: 7;
}

.maps-Location-67 {
  position: absolute;
  margin-left: 15%;
  margin-top: -10%;
  z-index: 7;
}

.maps-Location-68 {
  position: absolute;
  margin-left: 15%;
  margin-top: -6%;
  z-index: 7;
}

.maps-Location-69 {
  position: absolute;
  margin-left: 13%;
  margin-top: -13%;
  z-index: 8;
}

.maps-Location-70 {
  position: absolute;
  margin-left: 13%;
  margin-top: -11%;
  z-index: 7;
}

.maps-Location-71 {
  position: absolute;
  margin-left: 13%;
  margin-top: -5.4%;
  z-index: 7;
}

.maps-Location-72 {
  position: absolute;
  margin-left: 11.3%;
  margin-top: -10%;
  z-index: 7;
}

.maps-Location-73 {
  position: absolute;
  margin-left: 12.3%;
  margin-top: -11%;
  z-index: 7;
}

.maps-Location-74 {
  position: absolute;
  margin-left: 12.3%;
  margin-top: -26%;
  z-index: 10;
}

.maps-Location-75 {
  position: absolute;
  margin-left: 30.3%;
  margin-top: -27%;
  z-index: 7;
}

.maps-Location-76 {
  position: absolute;
  margin-left: 36.3%;
  margin-top: -32%;
  z-index: 7;
}

.finddel-text h3 {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2.5px;
  padding: 0 0 2% 0;
  text-align: center;
  text-transform: uppercase;
}

.finddel-text p {
  text-align: center;
}

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

.al-itm {
  margin-left: 25%;
}

@media screen and (min-device-width: 360px) and (max-device-width: 768px) {
  .maps-Location-43 {
    position: absolute;
    margin-left: 34%;
    margin-top: -85.5%;
    z-index: 54;
  }

  .maps-Location-76 {
    position: absolute;
    margin-left: 65.3%;
    margin-top: -67%;
    z-index: 7;
  }

  .maps-Location-47 {
    position: absolute;
    margin-left: 40%;
    margin-top: -68.5%;
    z-index: 8;
  }

  .maps-Location-48 {
    position: absolute;
    margin-left: 42%;
    margin-top: -66.5%;
    z-index: 22;
  }

  .maps-Location-46 {
    position: absolute;
    margin-left: 11%;
    margin-top: -72.5%;
    z-index: 7;
  }

  .maps-Location-45 {
    position: absolute;
    margin-left: 25%;
    margin-top: -77.5%;
    z-index: 23;
  }

  .maps-Location-75 {
    position: absolute;
    margin-left: 57.3%;
    margin-top: -57%;
    z-index: 7;
  }

  .maps-Location-50 {
    position: absolute;
    margin-left: 50%;
    margin-top: -58.5%;
    z-index: 7;
  }

  .maps-Location-63 {
    position: absolute;
    margin-left: 43.2%;
    margin-top: -41%;
    z-index: 7;
  }

  .maps-Location-66 {
    position: absolute;
    margin-left: 32%;
    margin-top: -19%;
    z-index: 7;
  }

  .maps-Location-68 {
    position: absolute;
    margin-left: 27%;
    margin-top: -13%;
    z-index: 7;
  }

  .maps-Location-71 {
    position: absolute;
    margin-left: 24%;
    margin-top: -13.4%;
    z-index: 7;
  }

  .maps-Location-44 {
    position: absolute;
    margin-left: 26%;
    margin-top: -71.5%;
    z-index: 29;
  }

  .maps-Location-67 {
    position: absolute;
    margin-left: 28%;
    margin-top: -22%;
    z-index: 7;
  }

  .maps-Location-74 {
    position: absolute;
    margin-left: 24.3%;
    margin-top: -58%;
    z-index: 10;
  }

  .maps-Location-57 {
    position: absolute;
    margin-left: 15%;
    margin-top: -71%;
    z-index: 33;
  }

  .maps-Location-59 {
    position: absolute;
    margin-left: 18%;
    margin-top: -46%;
    z-index: 20;
  }

  .maps-Location-58 {
    position: absolute;
    margin-left: 21%;
    margin-top: -45%;
    z-index: 19;
  }

  .maps-Location-52 {
    position: absolute;
    margin-left: 11%;
    margin-top: -54.5%;
    z-index: 39;
  }

  .maps-Location-60 {
    position: absolute;
    margin-left: 37%;
    margin-top: -36%;
    z-index: 7;
  }

  .maps-Location-64 {
    position: absolute;
    margin-left: 35%;
    margin-top: -31%;
    z-index: 9;
  }

  .maps-Location-62 {
    position: absolute;
    margin-left: 44.2%;
    margin-top: -40%;
    z-index: 7;
  }

  .maps-Location-61 {
    position: absolute;
    margin-left: 31%;
    margin-top: -30%;
    z-index: 7;
  }

  .maps-Location-65 {
    position: absolute;
    margin-left: 29%;
    margin-top: -30%;
    z-index: 8;
  }

  .maps-Location-69 {
    position: absolute;
    margin-left: 23%;
    margin-top: -31%;
    z-index: 8;
  }

  .maps-Location-70 {
    position: absolute;
    margin-left: 22%;
    margin-top: -26%;
    z-index: 7;
  }

  .maps-Location-73 {
    position: absolute;
    margin-left: 20.3%;
    margin-top: -23%;
    z-index: 7;
  }

  .maps-Location-72 {
    position: absolute;
    margin-left: 25.3%;
    margin-top: -12%;
    z-index: 7;
  }

  .maps-Location-51 {
    position: absolute;
    margin-left: 12%;
    margin-top: -52.5%;
    z-index: 32;
  }

  .maps-Location-53 {
    position: absolute;
    margin-left: 9%;
    margin-top: -54.5%;
    z-index: 31;
  }

  .maps-Location-54 {
    position: absolute;
    margin-left: 7%;
    margin-top: -59.5%;
    z-index: 24;
  }

  .maps-Location-56 {
    position: absolute;
    margin-left: 16%;
    margin-top: -58%;
    z-index: 39;
  }

  .maps-Location-55 {
    position: absolute;
    margin-left: 13%;
    margin-top: -58%;
    z-index: 39;
  }

  .maps-Location-41 {
    position: absolute;
    margin-left: 28%;
    margin-top: -81.5%;
    z-index: 49;
  }

  .maps-Location-49 {
    position: absolute;
    margin-left: 24%;
    margin-top: -68.5%;
    z-index: 39;
  }

  .maps-Location-42 {
    position: absolute;
    margin-left: 26%;
    margin-top: -84.5%;
    z-index: 34;
  }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1400px) {
  .maps-Location-43 {
    position: absolute;
    margin-left: 34%;
    margin-top: -85.5%;
    z-index: 54;
  }

  .maps-Location-76 {
    position: absolute;
    margin-left: 65.3%;
    margin-top: -67%;
    z-index: 7;
  }

  .maps-Location-47 {
    position: absolute;
    margin-left: 40%;
    margin-top: -68.5%;
    z-index: 8;
  }

  .maps-Location-48 {
    position: absolute;
    margin-left: 42%;
    margin-top: -66.5%;
    z-index: 22;
  }

  .maps-Location-46 {
    position: absolute;
    margin-left: 11%;
    margin-top: -72.5%;
    z-index: 7;
  }

  .maps-Location-45 {
    position: absolute;
    margin-left: 25%;
    margin-top: -77.5%;
    z-index: 23;
  }

  .maps-Location-75 {
    position: absolute;
    margin-left: 57.3%;
    margin-top: -57%;
    z-index: 7;
  }

  .maps-Location-50 {
    position: absolute;
    margin-left: 50%;
    margin-top: -58.5%;
    z-index: 7;
  }

  .maps-Location-63 {
    position: absolute;
    margin-left: 43.2%;
    margin-top: -41%;
    z-index: 7;
  }

  .maps-Location-66 {
    position: absolute;
    margin-left: 32%;
    margin-top: -19%;
    z-index: 7;
  }

  .maps-Location-68 {
    position: absolute;
    margin-left: 27%;
    margin-top: -13%;
    z-index: 7;
  }

  .maps-Location-71 {
    position: absolute;
    margin-left: 24%;
    margin-top: -13.4%;
    z-index: 7;
  }

  .maps-Location-44 {
    position: absolute;
    margin-left: 26%;
    margin-top: -71.5%;
    z-index: 29;
  }

  .maps-Location-67 {
    position: absolute;
    margin-left: 28%;
    margin-top: -22%;
    z-index: 7;
  }

  .maps-Location-74 {
    position: absolute;
    margin-left: 24.3%;
    margin-top: -58%;
    z-index: 10;
  }

  .maps-Location-57 {
    position: absolute;
    margin-left: 15%;
    margin-top: -71%;
    z-index: 33;
  }

  .maps-Location-59 {
    position: absolute;
    margin-left: 18%;
    margin-top: -46%;
    z-index: 20;
  }

  .maps-Location-58 {
    position: absolute;
    margin-left: 21%;
    margin-top: -45%;
    z-index: 19;
  }

  .maps-Location-52 {
    position: absolute;
    margin-left: 11%;
    margin-top: -54.5%;
    z-index: 39;
  }

  .maps-Location-60 {
    position: absolute;
    margin-left: 37%;
    margin-top: -36%;
    z-index: 7;
  }

  .maps-Location-64 {
    position: absolute;
    margin-left: 35%;
    margin-top: -31%;
    z-index: 9;
  }

  .maps-Location-62 {
    position: absolute;
    margin-left: 44.2%;
    margin-top: -40%;
    z-index: 7;
  }

  .maps-Location-61 {
    position: absolute;
    margin-left: 31%;
    margin-top: -30%;
    z-index: 7;
  }

  .maps-Location-65 {
    position: absolute;
    margin-left: 29%;
    margin-top: -30%;
    z-index: 8;
  }

  .maps-Location-69 {
    position: absolute;
    margin-left: 23%;
    margin-top: -31%;
    z-index: 8;
  }

  .maps-Location-70 {
    position: absolute;
    margin-left: 22%;
    margin-top: -26%;
    z-index: 7;
  }

  .maps-Location-73 {
    position: absolute;
    margin-left: 20.3%;
    margin-top: -23%;
    z-index: 7;
  }

  .maps-Location-72 {
    position: absolute;
    margin-left: 25.3%;
    margin-top: -12%;
    z-index: 7;
  }

  .maps-Location-51 {
    position: absolute;
    margin-left: 12%;
    margin-top: -52.5%;
    z-index: 32;
  }

  .maps-Location-53 {
    position: absolute;
    margin-left: 9%;
    margin-top: -54.5%;
    z-index: 31;
  }

  .maps-Location-54 {
    position: absolute;
    margin-left: 7%;
    margin-top: -59.5%;
    z-index: 24;
  }

  .maps-Location-56 {
    position: absolute;
    margin-left: 16%;
    margin-top: -58%;
    z-index: 39;
  }

  .maps-Location-55 {
    position: absolute;
    margin-left: 13%;
    margin-top: -58%;
    z-index: 39;
  }

  .maps-Location-41 {
    position: absolute;
    margin-left: 28%;
    margin-top: -81.5%;
    z-index: 49;
  }

  .maps-Location-49 {
    position: absolute;
    margin-left: 24%;
    margin-top: -68.5%;
    z-index: 39;
  }

  .maps-Location-42 {
    position: absolute;
    margin-left: 26%;
    margin-top: -84.5%;
    z-index: 34;
  }

  #row-centering {
    display: block;
  }

  #Google_Items_map {
    display: table-cell;
  }

  .finddel-text {
    width: 100%;
    padding: 105px;
  }

  #rowing-Item {
    padding: 41px !important;
  }

  .testi {
    padding: 3% 0 6% 0;
  }
}

/* My story start */
#swipe-story-1 {
  background: url(images/mystory/Mystory.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}

#swipe-story-2 {
  background: url(images/mystory/Mystory_1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}

.slider-story-text h2 {
  position: absolute;
  font-size: 50px;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
  font-weight: 600;
  left: 35px;
  bottom: 30px;
}

/* Tabs  */

/* Styles for tab buttons */
.myStory_tab-button {
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}


/* Active tab button */
.myStory_tab-button.active {
  background-color: red;
}

#story-dis-align {
  display: flex;
  justify-content: space-around;
}

.story_Line {
  padding: 7px;
}

.story_Item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 2% 0 0 0;
  gap: 40px;
}

.story_LineItem h5 {
  font-size: 20px;
  color: red;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.story_LineItem {
  background-color: #ededed;
  padding: 0;
}

.story_LineItem img {
  width: 100%;
  height: 221px;
  object-fit: cover;
}

.story_Line {
  width: 33.33%;
}

.story_Text {
  padding: 30px;
}

.story_Text p {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0;
  padding: 4% 0 0 0;
  color: #000000;
}

.read-this-story h6 {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
}

.read-this-story h6:hover {
  border-bottom: 2px solid red;
  width: 48%;
  transition: 10ms;
}

.myStory_tab-button {
  background-color: #dddddd;
  width: 100%;
  border: none;
  font-size: 20px;
  font-weight: 700;

}

.myStory_tab-button-1 {
  background-color: #c7cbc7;
  width: 100%;
  border: none;
  font-size: 20px;
  font-weight: 700;
}


.myStory_tab-button:hover,
.myStory_tab-button-1:hover {
  border-bottom: 2px solid red;
  height: auto;
  color: red;
}

/* Read story */
.read-story {
  padding: 10% 13% 0% 13%;
}

.my-Story-item p a {
  font-size: 14px;
  color: var(--black);
  font-weight: 700;
  text-transform: uppercase;
}

.my-story-Img img {
  width: 100%;
  height: 450px;
  object-fit: cover;
}

.my-story-head h1 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1px;
  color: red;
}

.my-story-Next h5 {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
}

.my-story-Next h3 {
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: -0.5px;
}

.my-story-head {
  padding: 2% 0;
}

.my-story-head p,
.my-story-Next p {
  font-size: 16px;
  letter-spacing: -0.5px;
  padding: 0.5% 0 0 0;
}

.my-story-Next {
  padding: 0 0 4% 0;
}

.story-Video {
  width: 100%;
  height: 400px;
  object-fit: cover;
  padding: 0 0 2% 0;
}

.my-Story-item {
  padding: 2% 0;
}

.Our-Story {
  padding: 5% 17%;
}

.fam-Name h3 {
  font-size: 24px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
}

.fam-Name p {
  font-size: 14px;
  color: #000000;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -1px;
  padding: 1px 0 0 0;
}

.fam-Name {
  padding: 1% 0 4% 0;
}

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

  /* My story start */
  #swipe-story-1 {
    background: url(images/mystory/Mystory.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  #swipe-story-2 {
    background: url(images/mystory/Mystory_1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
  }

  .story_Line {
    width: 100%;
  }

  .story_Item {
    display: block;
    padding: 2% 0px 0px;
  }

  .read-story {
    padding: 3%;
  }

  .my-story-Img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
  }

  .slider-story-text h2 {
    position: absolute;
    font-size: 25px;
    color: #ffffff;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    left: 16px;
    bottom: 30px;
  }

  .Our-Story {
    padding: 5%;
  }

  .nav-link:hover::before {
    transform: translate(-80%, 0) scaleX(0.4);
    display: none;
  }

  #rowing-Item {
    padding: 0;
  }

  .gal-img-comp {
    width: 342px !important;
    height: 250px;
    object-fit: cover;
    padding: 10px;
  }
}

@media screen and (min-device-width: 760px) and (max-device-width: 1200px) {
  .story_LineItem h5 {
    font-size: 17px;
    color: red;
    font-weight: 700;
    letter-spacing: 0.5px;
  }

  .read-this-story h6 {
    font-size: 12px;
    font-weight: 600;
    color: #000000;
  }

  .nav-link:hover::before {
    transform: translate(-80%, 0) scaleX(0.4);
    display: none;
  }

  .Gallery-all {
    padding: 5% 0 0% 0%;
  }

}

/* Add on */
#rowing-Item {
  padding: 3% 0;
}

.gal-img-comp {
  width: 400px;
  height: 250px;
  object-fit: cover;
  padding: 10px;
}

.gal-item-st {
  position: relative;
  left: 6.5%;
}


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


  #swiper-Point-2 {
    background: url(images/Home/Swiper_banners/Dmax_Ambulance-Launch-Web-Banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }

  #swiper-Point-3 {
    background: url(images/Home/Swiper_banners/mu-X.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;


  }

  #swiper-Point-4 {
    background: url(images/Home/Swiper_banners/vcross.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;


  }

  #swiper-Point-5 {
    background: url(images/vcross/Overview/Home-vcross-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;


  }

  #swiper-Point-6 {
    background: url(images/Home/Swiper_banners/scabz.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }

  #swiper-Point-7 {
    background: url(images/Home/Swiper_banners/S-CAB.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;


  }

  #swiper-Point-8 {
    background: url(images/Home/Swiper_banners/dmax.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }
   #swiper-Point-15 {
    background: url(images/Home/Swiper_banners/monsoon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;

  }

  .model-top {
    padding-top: 50px;
  }
}


@media screen and (min-width: 769px) and (max-width: 1200px) {
  section.main-heading-banner {
    width: 100%;
    height: auto;
  }

  #swiper-Point-2 {
    background: url(images/Home/Swiper_banners/Dmax_Ambulance-Launch-Web-Banner.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

  }

  #swiper-Point-3 {
    background: url(images/Home/Swiper_banners/mu-X.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;


  }

  #swiper-Point-4 {
    background: url(images/Home/Swiper_banners/vcross.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;


  }

  #swiper-Point-5 {
    background: url(images/vcross/Overview/Home-vcross-02.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;


  }

  #swiper-Point-6 {
    background: url(images/Home/Swiper_banners/scabz.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;

  }

  #swiper-Point-7 {
    background: url(images/Home/Swiper_banners/S-CAB.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;


  }

  #swiper-Point-8 {
    background: url(images/Home/Swiper_banners/dmax.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
  }

  #swiper-Point-15 {
    background: url(images/Home/Swiper_banners/monsoon.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;
  }

  .four-box-align {
    background-color: var(--white);
    padding: 10px;
    margin-top: 0 !important;
  }

  .spe-One-contain {
    width: 100%;
    display: block;
    justify-content: center;
    align-items: flex-start;
    gap: 9px;
    padding: 3%;
  }

  .spe-Two-contain {
    display: flex;
    justify-content: flex-start;
    gap: 0px;
  }

  .spe-Two-TextNext {
    width: 100%;
  }

  .spe-Two-Text {
    width: 100%;
  }

  .spe-One-Items {
    width: 100%;
    height: auto;
    margin: 10px;
  }

  .spe-Three-contain {
    display: flex;
    justify-content: flex-start;
    gap: 3px;
  }


}



/* Company overview */
.com-over-image {
  width: 100%;
  height: 445px;
}

.com-over-image img {
  width: 100%;
  height: 270px;
  object-fit: cover;
}

.com-over-image p {
  text-align: left;
  font-size: 16px;
}

.history-top {
  background: url(images/companyoverview/100yrs.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 650px;
}

.com-swipy {
  padding: 4% 0;
}

.date-yr p {
  font-size: 20px;
  font-weight: 600;
  color: red;
}

.com-swipy p {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.5px;
  padding: 1% 19% 0 0;
}

.c-Texty {
  padding: 1% 0 2% 0;
}

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

  /* heading swiper */
  .main-heading-banner {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* Adjust breakpoint according to your mobile viewport */
  .c-Texty {
    padding: 0 0 6% 0;
  }

  .history-top {
    background: url(images/companyoverview/100yrs.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 239px;
  }

  .swiper-slide {
    width: auto !important;
    /* Adjust width as needed */
  }


  .swiper-container {
    --swiper-slides-per-view: 1;
  }

  .company-slide-show {
    width: 100% !important;
    /* Adjust width as needed */
    margin-right: 20px !important;
    /* Remove margin between slides */
  }

  .com-over-image {
    width: 100%;
    height: 796px !important;
    position: relative;
    top: 16%;
    bottom: 0;

  }

  .com-swipy {
    padding: 4% 0;
  }

  .swiper-pagination {
    display: none !important;
  }

  .com-over-image img {
    width: 100%;
    height: 332px;
    object-fit: cover;
  }

  /* uk layout */
  .uk-lay-wid-50 {
    width: 100% !important;
  }

  .uk-lay-str-car img,
  .uk-lay-str-fir img,
  .uk-lay-str-sec img {
    width: 100%;
    height: auto !important;
    object-fit: cover;
    padding: 0 0 2% 0;
  }



  .uk-lay-str-fir {
    display: block !important;
  }

  #uk-right {
    margin-top: -6%;
  }

  .uk-lay-str-sec {
    display: flex !important;
    flex-direction: column-reverse;
  }

  #uk-right {
    text-align: left !important;
  }

  .uk-lay-str-car {
    padding: 0 0 8% 0;
  }

  .testi h2,
  .aft-sale h2 {
    text-align: center;
    font-weight: 700;
    color: #615e5e;
    font-size: 23px;
  }

  h2#uk-right-h2 {
    text-align: left !important;
    margin-left: 0 !important;
  }

  div#vcro-Img h5 {
    padding: 2% 0 7% 0;
  }

  /* at your service */
  #atyour-Vid {
    width: 100%;
    height: 190px;
    object-fit: cover;
  }

  .at-your {
    text-align: center;
    padding: 24px;
  }

  /* file edit */
  #resultsection h3,
  p,
  h6 {
    font-family: sans-serif;
  }

  #resultsection {
    font-family: sans-serif;
    width: 100%;
    margin: 20px;
    background-color: #f0f0f0;
    margin-left: 2px;
  }

  #resultsection_next {
    font-family: sans-serif;
    width: 100%;
    margin: 20px;
    background-color: #f0f0f0;
    margin-left: 2px;
  }

  #resultsection p,
  #resultsection_next p {
    padding: 1% 0 2% 0;
    font-family: sans-serif;
  }

  .result-box {
    text-align: left;
    display: block;
    margin-left: 0;
  }

}

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

  /* heading swiper */
  .main-heading-banner {
    margin-top: 0;
    margin-bottom: 0;
  }

  .companytop-banner {
    background: url(images/companyoverview/100yrs.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 450px;
  }

  /* UK LAYOUT */
  .uk-lay-wid-50 {
    width: 100% !important;
  }

  .uk-lay-block-id1,
  .uk-lay-block-id2 {
    padding: 33px;
  }

  .uk-lay-str-car {
    display: block;
    padding: 35px;
  }

  .uk-lay-str-car img {
    width: 100%;
    height: 254px !important;
    object-fit: cover;
    padding: 0;
  }

  .uk-lay-Text p {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    text-align: left;
  }

  h2#uk-right-h2 {
    text-align: left !important;
    margin-left: 0 !important;
  }

  iframe#swip-Video {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}


/* uk layout */
.uk-lay-wid-50 {
  width: 50%;
}

.uk-lay-str-car img {
  width: 100%;
  height: auto;
  object-fit: cover;
  padding: 0 0 2% 0;
}

.uk-lay-str-fir a img,
.uk-lay-str-sec a img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.uk-lay-Text h2 {
  font-size: 18px;
  font-weight: 700;
  color: red;
  padding: 0 0 2% 0;
  border-bottom: 2px solid red;
  width: fit-content;
}

.uk-lay-Text h2:hover {
  color: red;
}

.uk-lay-Text p {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
}

.uk-lay-str-fir,
.uk-lay-str-sec {
  padding: 0 0 7% 0;
  display: flex;
  justify-content: flex-start;
  gap: 26px;
  align-items: flex-start;
}

section.uk-lay {
  padding: 4% 0;
}

#uk-right {
  text-align: right;
  margin-left: 0;
}

h2#uk-right-h2 {
  text-align: right;
  margin-left: 110px;
}

span.uk-lay-Text p {
  padding: 2% 0;
}


/* vcross new */
span.vcro-para p {
  font-size: 10px;
  font-weight: 400;
  text-align: end;
}

div#vcro-Img h5 {
  padding: 2% 0 5% 0;
}

/* AT your service */
.spe-Two-TextNextItem h5 {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 0 1% 0;
}

.spe-Two-TextNextItem p {
  font-size: 16px;
  color: #4c4c4c;
  font-weight: 500;
  text-align: left;
}

.spe-Two-TextNextItem h3 {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 0 1% 0;
  text-align: left;
}

a.active-taby {
  color: red !important;
}


/* company Overview */
.scroll-bar-content img {
  width: 350px;
  height: 279px;
  object-fit: cover;
}

.scroll-bar-content {
  padding: 0 0 30px 0;
}


.scroll-bar-inner {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: 20px;
  overflow-x: scroll;
}

.scroll-bar-inner::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgb(0, 0, 0);
  background-color: #f6e3e3;

}

.scroll-bar-inner::-webkit-scrollbar {
  width: 10px;
  height: 8px;
  /* Increased width */
  background-color: #F5F5F5;
  border-radius: 2px;
}

.scroll-bar-inner::-webkit-scrollbar-thumb {
  background-color: #000000;
}

/* Mobile responsive */
@media screen and (min-device-width: 360px) and (max-device-width: 768px) {
  .scroll-bar-content img {
    width: 406px;
    height: auto;
    object-fit: cover;
  }
}

/* chat bot css */
#popup-evag6br7bTgb2BsDSafO-overlay {
  display: none !important;
}

#popup-evag6br7bTgb2BsDSafO-header {
  height: 100vh;
}


/* special */
.sp-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8% 3% 0 3%;
}

span.prism a {
  color: #585854;
}

#Testi-item {
  background-color: #d9d9d9;
  padding: 0;
  margin: 0;
  height: 355px;
  width: 100%;
}

/* Ambulance page */
img.spe-One-id-img {
  width: 70px;
  height: 70px;
  object-fit: cover;
}

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

img#blink {
  width: 50px;
  height: 50px;
  object-fit: cover;
  display:none;
}

        .swiper-button-next, .swiper-button-prev {

  color: #ed1a23 !important;
  background-color: transparent !important;
        }

        /* Mobile Devices */
@media (max-width: 480px) {
      .megabig{
        display: none;
    }
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
     .swiper-slide img{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
}
        
/* Low resolution Tablets and iPads */
@media (min-width: 481px) and (max-width: 767px) {
      .megabig{
        display: none;
    }
        .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
     .swiper-slide img{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
 
}
        
/* Tablets iPads (Portrait) */
@media (min-width: 768px) and (max-width: 1023px){
    
            .megabig{
        display: none;
    }

        .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
     .swiper-slide img{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
 
}
    
/* Laptops and Desktops */
@media (min-width: 1024px) and (max-width: 1280px){

  .megasmall{
        display: none;
    }

   
  
        .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
     .swiper-slide img{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }

}
    
/* Big boi Monitors */
@media (min-width: 1281px) {

    .megasmall{
        display: none;
    }

    .mega .container {
    max-width: 900px;
    }
    .mega .four-box-Item{
        border: none;
    }

    .title {
  padding: 0 10vw;
  position: absolute;
  top: 90%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
  color: #ffffff;
 

  &__text {
    letter-spacing: -2px;
    font-size: clamp(3rem, 0.3864rem + 13.0682vw, 7rem);
    margin-bottom: 0;
    margin-top: 0;
    position: relative;

    &::after {
      position: absolute;
      top: 100%;
      content: "";
      display: block;
      width: 100px;
      height: 0.25em;
      background-color: #ef233c;
    }
  }
}

    /* copy from here */
.scrolldown {
  --color: white;
  --sizeX: 30px;
  --sizeY: 50px;
  position: relative;
  width: var(--sizeX);
  height: var(--sizeY);
  margin-left: var(sizeX / 2);
  border: calc(var(--sizeX) / 10) solid var(--color);
  border-radius: 50px;
  box-sizing: border-box;
  margin-bottom: 16px;
   margin: 0 auto;
}

.scrolldown::before {
  content: "";
  position: absolute;
  bottom: 30px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: var(--color);
  border-radius: 100%;
  animation: scrolldown-anim 2s infinite;
  box-sizing: border-box;
  box-shadow: 0px -5px 3px 1px #ffffff66;
}
 .title:before{
   content: "SCROLL DOWN";
   
    font-size: 13px;
 }
@keyframes scrolldown-anim {
  0% {
    opacity: 0;
    height: 6px;
  }
  40% {
    opacity: 1;
    height: 10px;
  }
  80% {
    transform: translate(0, 20px);
    height: 10px;
    opacity: 0;
  }
  100% {
    height: 3px;
    opacity: 0;
  }
}
.chevrons {
  padding: 6px 0 0 0;
  margin-left: -3px;
  margin-top: 48px;
  width: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.chevrondown {
  margin-top: -6px;
  position: relative;
  border: solid var(--color);
  border-width: 0 3px 3px 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
}
.chevrondown:nth-child(odd) {
  animation: pulse 500ms ease infinite alternate;
}
.chevrondown:nth-child(even) {
  animation: pulse 500ms ease infinite alternate 250ms;
}
@keyframes pulse {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}
/*copy until here */
   
        .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }
  
     .swiper-slide img{
       /* margin-top: -6em;*/
        display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* height: 97vh;*/
width:100%;

  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
width:100%;

  }

  
  

}


    /*    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #444;
      display: flex;
      justify-content: center;
      align-items: center;
    }*/
/*
    .swiper-slide img {
      display: block;
      width: 100%;
      height: 610px;
      /*object-fit: cover;*/
 /*   }

    .swiper-slide video {
      display: block;
      width: 100%;
      height: 610px;
      object-fit: cover;
    }*/
/*@media screen and (min-width: 1800px) and (max-width: 2400px) {
     .swiper-slide img {
  
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 915px !important;
  }
       .swiper-slide video {
  display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto !important;
  }
}
@media screen and (min-width: 735px) and (max-width: 1200px) {
    .swiper-slide img{

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 610px;
}
    .swiper-slide video{

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  display: block;
}
}
@media screen and (max-device-width: 1400px) and (min-device-width: 1200px) {
      .swiper-slide img {
   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 637px;
  }
        .swiper-slide video {
   display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
   /* height: 637px;*/
 /*  height: auto;
  }
}
@media screen and (min-width: 360px) and (max-width: 768px) {
    .swiper-slide img{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;


  }
      .swiper-slide video{
display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto !important;
width:100%;

  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
     .swiper-slide img {
 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 550px;


  }
       .swiper-slide video {
 display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   /* height: 550px;*/
/*   height: auto;
   width:100%;


  }
}*/
        * {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-direction: row;
  font-size: 30px;
  text-align: center;
  margin-top: -5%;
}

.flex-item-left {
/*  background-color: #f1f1f1;*/
  padding: 10px;
  flex: 50%;
}

.flex-item-right {
 /* background-color: #f1f1f1;*/
  padding: 7px;
  flex: 50%;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}
.four-box-align{
    padding: 1px !important;
    margin-top: 0% !important;
}


        .main-heading-banner{
            margin-bottom: 2% !important;
        }
        .pb-3{
            padding-top: 1rem !important;
        }

        .four-box-Item {
            background-color: #fff !important;
            border-right: solid #da2f21;
        }


        .four-box-Item h5,h5:hover{
            color: black !important;
        }
        .four-box-Item img{
            width:auto !important;
            height: auto !important;
        }

        @font-face {
  font-family: "zuumerough";
  src: url('fonts/fontspring-demo-zuumerough-bold.otf') format('opentype'),
}
   @media only screen and (max-width: 600px) {
    .blogmview{
        margin-bottom:25%;
    }
   }
           .imgbox {
            display: grid;
            height: 100%;
        }
        .center-fit {
            max-width: 100%;
            max-height: 100vh;
            margin: auto;
        }