:root {
  --orange: #FF9000;
  --blue: #1938F4;
  --bluedrak : #0492DC;
  --lightblue: #c6e3f6;
  --white: #fff;
  --lightwhite: #f8f8f8;
  --black: #000;
  --lightblack: #EDF7FF;
}
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}
.desktop {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.bg-navyBlue{background: var(--blue);}
.desktop .div {
  background-color: #ffffff;
  overflow: hidden;
  width: 1440px;
  height: 3682px;
  position: relative;
}

.desktop .overlap {
  position: absolute;
  width: 128px;
  height: 40px;
  top: 121px;
  left: 1278px;
  border-radius: 50px;
  border: 1px solid;
  border-color: #3fc250;
}

.desktop .text-wrapper {
  position: absolute;
  top: 9px;
  left: 14px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #3fc250;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .layer {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 8px;
  left: 94px;
}

.desktop .fterju {
  position: relative;
  width: 17px;
  height: 17px;
  top: 3px;
  left: 3px;
  
  background-size: 100% 100%;
}

.desktop .overlap-group {
  position: absolute;
  width: 283px;
  height: 390px;
  top: 1820px;
  left: 15px;
}

.desktop .rectangle {
  position: absolute;
  width: 264px;
  height: 390px;
  top: 0;
  left: 19px;
  border-radius: 4px;
  border: 1px solid;
  border-color: #efefef;
}

.desktop .rectangle-2 {
  position: absolute;
  width: 264px;
  height: 176px;
  top: 214px;
  left: 19px;
  background-color: #f8f8f8;
  border-radius: 0px 0px 4px 4px;
}

.desktop .text-wrapper-2 {
  position: absolute;
  width: 164px;
  top: 229px;
  left: 37px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.8px;
}

.desktop .text-wrapper-3 {
  position: absolute;
  width: 73px;
  top: 308px;
  left: 55px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #9d9d9d;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 16.5px;
  white-space: nowrap;
}

.desktop .p {
  position: absolute;
  width: 229px;
  top: 254px;
  left: 37px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
}

.desktop .image {
  position: absolute;
  width: 223px;
  height: 147px;
  top: 47px;
  left: 40px;
}

.desktop .star {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 309px;
  left: 37px;
}

.desktop .text-wrapper-4 {
  top: 341px;
  left: 61px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  line-height: 24.8px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .f-jn-YQN-wrapper {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 343px;
  left: 34px;
}

.desktop .f-jn-YQN {
  position: absolute;
  width: 15px;
  height: 13px;
  top: 4px;
  left: 3px;
}

.desktop .ellipse {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 325px;
  left: 219px;
  background-color: #ff9000;
  border-radius: 21px;
}

.desktop .local-mall {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 334px;
  left: 230px;
}

.desktop .group {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 14px;
  left: 234px;
  background-color: #ffffff;
  border-radius: 17.5px;
  border: 1px solid;
  border-color: #efefef;
}

.desktop .favorite {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 9px;
  left: 9px;
}

.desktop .ellipse-2 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 177px;
  left: 0;
  background-color: #000000;
  border-radius: 18.5px;
}

.desktop .arrow-forward-ios {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 188px;
  left: 11px;
}

.desktop .overlap-2 {
  position: absolute;
  width: 264px;
  height: 390px;
  top: 1820px;
  left: 311px;
  border-radius: 4px;
}

.desktop .rectangle-3 {
  position: absolute;
  width: 264px;
  height: 176px;
  top: 214px;
  left: 0;
  background-color: #f8f8f8;
  border-radius: 0px 0px 4px 4px;
}

.desktop .text-wrapper-5 {
  position: absolute;
  width: 164px;
  top: 229px;
  left: 18px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.8px;
}

.desktop .text-wrapper-6 {
  position: absolute;
  width: 73px;
  top: 308px;
  left: 36px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #9d9d9d;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 16.5px;
  white-space: nowrap;
}

.desktop .text-wrapper-7 {
  position: absolute;
  width: 229px;
  top: 254px;
  left: 18px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
}

.desktop .rectangle-4 {
  position: absolute;
  width: 264px;
  height: 390px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid;
  border-color: #efefef;
}

.desktop .img {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 309px;
  left: 18px;
}

.desktop .text-wrapper-8 {
  position: absolute;
  top: 341px;
  left: 42px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 24.8px;
  white-space: nowrap;
}

.desktop .img-wrapper {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 343px;
  left: 15px;
}

.desktop .ellipse-3 {
  position: absolute;
  width: 42px;
  height: 42px;
  top: 325px;
  left: 200px;
  background-color: #ff9000;
  border-radius: 21px;
}

.desktop .local-mall-2 {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 334px;
  left: 211px;
}

.desktop .favorite-wrapper {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 14px;
  left: 215px;
  background-color: #ffffff;
  border-radius: 17.5px;
  border: 1px solid;
  border-color: #efefef;
}

.desktop .image-2 {
  position: absolute;
  width: 222px;
  height: 222px;
  top: 14px;
  left: 23px;
  object-fit: cover;
}

.desktop .overlap-3 {
  position: absolute;
  width: 264px;
  height: 390px;
  top: 1820px;
  left: 588px;
  border-radius: 4px;
}

.desktop .image-3 {
  position: absolute;
  width: 167px;
  height: 167px;
  top: 42px;
  left: 48px;
  object-fit: cover;
}

.desktop .overlap-4 {
  position: absolute;
  width: 264px;
  height: 390px;
  top: 1820px;
  left: 865px;
  border-radius: 4px;
}

.desktop .image-4 {
  position: absolute;
  width: 129px;
  height: 212px;
  top: 14px;
  left: 68px;
  background-blend-mode: darken;
}

.desktop .overlap-5 {
  position: absolute;
  width: 278px;
  height: 390px;
  top: 1820px;
  left: 1142px;
}

.desktop .image-5 {
  position: absolute;
  width: 168px;
  height: 130px;
  top: 58px;
  left: 48px;
}
.primary-button-yellow, .primary-button{border-radius: 4px;background: #FF9000; border-color: #FF9000; cursor: pointer;}
.primary-button-yellow:hover, .primary-button:hover{background: linear-gradient(90deg, #FF9000 0%, #faa12d 100%);}

.secondary-button{border-radius: 4px;background: linear-gradient(90deg, #1938F4 0%, #0F218E 100%); color: var(--white); border: none;}
.secondary-button:hover{background: linear-gradient(180deg, #1938F4 0%, #0F218E 100%);}

.desktop .ellipse-4 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 177px;
  left: 241px;
  background-color: #000000;
  border-radius: 18.5px;
  transform: rotate(180deg);
}

.desktop .arrow-forward-ios-2 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 188px;
  left: 252px;
}

.desktop .overlap-6 {
  position: absolute;
  width: 678px;
  height: 304px;
  top: 2512px;
  left: 34px;
  background-color: #ffde00;
  border-radius: 4px;
}

.desktop .text-wrapper-9 {
  position: absolute;
  width: 222px;
  top: 175px;
  left: 388px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 25.4px;
}

.desktop .text-wrapper-10 {
  position: absolute;
  width: 239px;
  top: 247px;
  left: 388px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 11px;
  letter-spacing: 0;
  line-height: 18.1px;
  white-space: nowrap;
}

.desktop .get-off {
  position: absolute;
  top: 37px;
  left: 388px;
  font-family: "Aeonik_Variable-Black", Helvetica;
  font-weight: 900;
  color: #e21917;
  font-size: 60px;
  letter-spacing: 0;
  line-height: 62.4px;
}

.desktop .overlap-7 {
  position: absolute;
  width: 356px;
  height: 286px;
  top: 9px;
  left: 0;
}

.desktop .image-6 {
  position: absolute;
  width: 130px;
  height: 38px;
  top: 238px;
  left: 21px;
}

.desktop .toppng-com-oil {
  position: absolute;
  width: 356px;
  height: 286px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.desktop .overlap-8 {
  position: absolute;
  width: 423px;
  height: 180px;
  top: 2898px;
  left: 34px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.desktop .img-2 {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 46px;
  left: 192px;
}

.desktop .text-wrapper-11 {
  position: absolute;
  top: 89px;
  left: 138px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
  white-space: nowrap;
}

.desktop .text-wrapper-12 {
  position: absolute;
  top: 113px;
  left: 136px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop .overlap-9 {
  position: absolute;
  width: 424px;
  height: 180px;
  top: 2898px;
  left: 508px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.desktop .text-wrapper-13 {
  position: absolute;
  top: 89px;
  left: 149px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
  white-space: nowrap;
}

.desktop .text-wrapper-14 {
  position: absolute;
  top: 113px;
  left: 123px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop .verified {
  position: absolute;
  width: 39px;
  height: 39px;
  top: 47px;
  left: 193px;
}

.desktop .overlap-10 {
  position: absolute;
  width: 423px;
  height: 180px;
  top: 2898px;
  left: 983px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.desktop .text-wrapper-15 {
  position: absolute;
  top: 89px;
  left: 169px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 22.1px;
  white-space: nowrap;
}

.desktop .text-wrapper-16 {
  position: absolute;
  top: 113px;
  left: 103px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop .overlap-11 {
  position: absolute;
  width: 1406px;
  height: 111px;
  top: 0;
  left: 0;
}

.desktop .group-2 {
  position: absolute;
  width: 318px;
  height: 111px;
  top: 0;
  left: 0;
}

.desktop .layer-2 {
  position: absolute;
  width: 300px;
  height: 21px;
  top: 47px;
  left: 34px;
}

.desktop .line {
  top: 110px;
  object-fit: cover;
  position: absolute;
  width: 1372px;
  height: 1px;
  left: 34px;
}

.desktop .local-mall-3 {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 44px;
  left: 1381px;
}

.desktop .overlap-12 {
  position: absolute;
  width: 26px;
  height: 25px;
  top: 44px;
  left: 1331px;
}

.desktop .favorite-2 {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
}

.desktop .ellipse-5 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  left: 16px;
  background-color: #ff9000;
  border-radius: 5px;
}

.desktop .element {
  position: absolute;
  width: 5px;
  height: 6px;
  top: 2px;
  left: 19px;
}

.desktop .person {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 44px;
  left: 1156px;
}

.desktop .location-on {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 44px;
  left: 851px;
}

.desktop .overlap-13 {
  position: absolute;
  width: 436px;
  height: 51px;
  top: 31px;
  left: 382px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.desktop .text-wrapper-17 {
  width: 301px;
  top: 15px;
  left: 24px;
  color: #000000;
  line-height: 19.2px;
  position: absolute;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}

.desktop .search {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 14px;
  left: 398px;
}

.desktop .hi-log-in-or-sign-up {
  position: absolute;
  width: 118px;
  top: 47px;
  left: 1187px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.desktop .span {
  font-weight: 500;
}

.desktop .text-wrapper-18 {
  font-family: "TT Satoshi-Regular", Helvetica;
}

.desktop .business-bay-sheikh {
  position: absolute;
  width: 250px;
  top: 47px;
  left: 882px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16.8px;
  white-space: nowrap;
}

.desktop .call {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 130px;
  left: 1101px;
}

.desktop .mail {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 130px;
  left: 863px;
}

.desktop .overlap-14 {
  position: absolute;
  width: 1440px;
  height: 352px;
  top: 171px;
  left: 0;

  background-size: cover;
  background-position: 50% 50%;
}

.desktop .text-wrapper-19 {
  position: absolute;
  width: 396px;
  top: 144px;
  left: 958px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 26.4px;
}

.desktop .get-off-2 {
  position: absolute;
  top: 84px;
  left: 958px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 50px;
  letter-spacing: 0;
  line-height: 60.0px;
  white-space: nowrap;
}

.desktop .div-wrapper {
  position: absolute;
  width: 144px;
  height: 51px;
  top: 216px;
  left: 958px;
  background-color: #ffffff;
  border-radius: 8px;
}

.desktop .text-wrapper-20 {
  position: absolute;
  width: 99px;
  top: 15px;
  left: 22px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #1938f4;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
}

.desktop .text-wrapper-21 {
  position: absolute;
  top: 130px;
  left: 34px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #1938f4;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-22 {
  position: absolute;
  top: 130px;
  left: 116px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-23 {
  top: 130px;
  left: 221px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  font-size: 16px;
  line-height: 19.2px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-24 {
  top: 130px;
  left: 337px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 19.2px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-25 {
  position: absolute;
  top: 130px;
  left: 511px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-26 {
  position: absolute;
  top: 774px;
  left: 34px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 30.0px;
  white-space: nowrap;
}

.desktop .text-wrapper-27 {
  top: 963px;
  left: 34px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 25px;
  line-height: 30.0px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-28 {
  position: absolute;
  top: 2850px;
  left: 34px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #060c40;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 30.0px;
  white-space: nowrap;
}

.desktop .text-wrapper-29 {
  position: absolute;
  top: 2252px;
  left: 34px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #000000;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 30.0px;
  white-space: nowrap;
}

.desktop .text-wrapper-30 {
  position: absolute;
  top: 130px;
  left: 600px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-31 {
  top: 130px;
  left: 1129px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  line-height: 19.2px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .text-wrapper-32 {
  position: absolute;
  top: 130px;
  left: 894px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.desktop .group-3 {
  position: absolute;
  width: 2044px;
  height: 98px;
  top: 817px;
  left: 34px;
}

.desktop .screenshot-wrapper {
  position: absolute;
  width: 1745px;
  height: 98px;
  top: 0;
  left: 0;
}

.desktop .screenshot {
  position: absolute;
  width: 1406px;
  height: 98px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 262px;
  height: 74px;
  top: 12px;
  left: 1782px;
}

.desktop .overlap-group-2 {
  position: relative;
  width: 133px;
  height: 74px;
  top: -829px;
  left: -1816px;
}

.desktop .image-7 {
  position: absolute;
  width: 133px;
  height: 61px;
  top: 0;
  left: 0;
}

.desktop .image-8 {
  position: absolute;
  width: 100px;
  height: 74px;
  top: 0;
  left: 0;
  object-fit: cover;
}

.desktop .image-wrapper {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 34px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-9 {
  position: absolute;
  width: 122px;
  height: 50px;
  top: 45px;
  left: 12px;
}

.desktop .overlap-15 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 209px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-10 {
  position: absolute;
  width: 108px;
  height: 108px;
  top: 19px;
  left: 19px;
  object-fit: cover;
}

.desktop .overlap-16 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 384px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-11 {
  position: absolute;
  width: 74px;
  height: 74px;
  top: 34px;
  left: 35px;
  object-fit: cover;
}

.desktop .overlap-17 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 559px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-12 {
  position: absolute;
  width: 124px;
  height: 39px;
  top: 51px;
  left: 12px;
}

.desktop .overlap-18 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 734px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-13 {
  position: absolute;
  width: 108px;
  height: 60px;
  top: 43px;
  left: 18px;
  object-fit: cover;
}

.desktop .overlap-19 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 909px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-14 {
  position: absolute;
  width: 120px;
  height: 38px;
  top: 53px;
  left: 13px;
}

.desktop .overlap-20 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 1084px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-15 {
  position: absolute;
  width: 116px;
  height: 50px;
  top: 47px;
  left: 15px;
}

.desktop .overlap-21 {
  position: absolute;
  width: 147px;
  height: 147px;
  top: 2311px;
  left: 1259px;
  background-color: #ffffff;
  border-radius: 73.5px;
  border: 1px solid;
  border-color: #ebebeb;
}

.desktop .image-16 {
  position: absolute;
  width: 95px;
  height: 46px;
  top: 53px;
  left: 25px;
  object-fit: cover;
}

.desktop .overlap-22 {
  position: absolute;
  width: 678px;
  height: 304px;
  top: 2512px;
  left: 728px;
  background-color: #e8e4e3;
  border-radius: 4px;
}

.desktop .delivery-van-mockup {
  position: absolute;
  width: 549px;
  height: 304px;
  top: 0;
  left: 0;
}

.desktop .take-your-next-step {
  position: absolute;
  width: 159px;
  top: 43px;
  left: 476px;
  font-family: "Atyp Display-Medium", Helvetica;
  font-weight: 500;
  color: #060c40;
  font-size: 30px;
  text-align: right;
  letter-spacing: 0;
  line-height: 36.0px;
}

.desktop .rectangle-5 {
  position: absolute;
  width: 97px;
  height: 23px;
  top: 237px;
  left: 538px;
  background-color: #ffffff;
  border-radius: 50px;
}

.desktop .text-wrapper-33 {
  position: absolute;
  top: 240px;
  left: 548px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #060c40;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 15.0px;
  white-space: nowrap;
}

.desktop .overlap-23 {
  position: absolute;
  width: 1440px;
  height: 560px;
  top: 3122px;
  left: 0;
  background-color: #000000;
}

.desktop .group-4 {
  position: absolute;
  width: 151px;
  height: 46px;
  top: 303px;
  left: 34px;
}

.desktop .group-5 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  left: 0;
}

.desktop .overlap-group-3 {
  position: relative;
  height: 46px;
  border-radius: 22.85px;
}

.desktop .ellipse-6 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  left: 0;
  border-radius: 22.85px;
  border: 1px solid;
  border-color: #ffffff;
  transform: rotate(180deg);
}

.desktop .vector {
  position: absolute;
  width: 7px;
  height: 13px;
  top: 17px;
  left: 20px;
}

.desktop .overlap-wrapper {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  left: 53px;
}

.desktop .group-6 {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 16px;
  left: 17px;
}

.desktop .group-7 {
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  left: 105px;
}

.desktop .element-auto-vault-all {
  position: absolute;
  width: 536px;
  top: 491px;
  left: 34px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 27.2px;
}

.desktop .designed-developed {
  position: absolute;
  width: 536px;
  top: 491px;
  left: 870px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: right;
  letter-spacing: 0;
  line-height: 27.2px;
}

.desktop .text-wrapper-34 {
  position: absolute;
  top: 56px;
  left: 651px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27.6px;
  white-space: nowrap;
}

.desktop .text-wrapper-35 {
  position: absolute;
  top: 56px;
  left: 899px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 27.6px;
  white-space: nowrap;
}

.desktop .layer-3 {
  position: absolute;
  width: 300px;
  height: 21px;
  top: 70px;
  left: 34px;
}

.desktop .my-account-track {
  position: absolute;
  width: 194px;
  top: 95px;
  left: 651px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 43.0px;
}

.desktop .exhaust-system {
  position: absolute;
  width: 224px;
  top: 95px;
  left: 899px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 43.0px;
}

.desktop .bearings-control {
  position: absolute;
  width: 231px;
  top: 95px;
  left: 1169px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 43.0px;
}

.desktop .text-wrapper-36 {
  position: absolute;
  top: 121px;
  left: 33px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-37 {
  position: absolute;
  top: 121px;
  left: 255px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-38 {
  position: absolute;
  top: 188px;
  left: 33px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-39 {
  position: absolute;
  top: 264px;
  left: 33px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 29.2px;
  white-space: nowrap;
}

.desktop .text-wrapper-40 {
  position: absolute;
  top: 150px;
  left: 33px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.9px;
  white-space: nowrap;
}

.desktop .text-wrapper-41 {
  position: absolute;
  width: 311px;
  top: 150px;
  left: 255px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 25.9px;
}

.desktop .text-wrapper-42 {
  top: 217px;
  left: 33px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #a8abbe;
  font-size: 16px;
  line-height: 25.9px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .line-2 {
  top: 452px;
  position: absolute;
  width: 1372px;
  height: 1px;
  left: 34px;
}

.desktop .overlap-24 {
  position: absolute;
  width: 1440px;
  height: 199px;
  top: 523px;
  left: 0;
  background-color: #2e2d32;
  border-radius: 4px;
  backdrop-filter: blur(6.05px) brightness(100%);
  -webkit-backdrop-filter: blur(6.05px) brightness(100%);
}

.desktop .text-wrapper-43 {
  top: 30px;
  left: 647px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 25px;
  line-height: 30.0px;
  position: absolute;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .group-8 {
  position: absolute;
  width: 1104px;
  height: 62px;
  top: 94px;
  left: 172px;
}

.desktop .div-2 {
  position: absolute;
  width: 266px;
  height: 62px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid;
  border-color: #888888;
}

.desktop .arrow-drop-down {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 17px;
  left: 224px;
}

.desktop .text-wrapper-44 {
  position: absolute;
  top: 19px;
  left: 24px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
  white-space: nowrap;
}

.desktop .overlap-25 {
  position: absolute;
  width: 265px;
  height: 62px;
  top: 0;
  left: 277px;
  border-radius: 4px;
}

.desktop .arrow-drop-down-2 {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 18px;
  left: 221px;
}

.desktop .rectangle-6 {
  position: absolute;
  width: 265px;
  height: 62px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid;
  border-color: #888888;
}

.desktop .text-wrapper-45 {
  position: absolute;
  top: 20px;
  left: 21px;
  font-family: "TT Satoshi-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 22.1px;
  white-space: nowrap;
}

.desktop .overlap-26 {
  position: absolute;
  width: 266px;
  height: 62px;
  top: 0;
  left: 553px;
  border-radius: 4px;
}

.desktop .overlap-27 {
  position: absolute;
  width: 266px;
  height: 62px;
  top: 0;
  left: 830px;
  border-radius: 4px;
}

.desktop .text-wrapper-46 {
  top: 20px;
  left: 107px;
  color: #ffffff;
  text-align: center;
  line-height: 22.1px;
  white-space: nowrap;
  position: absolute;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0;
}

.desktop .overlap-28 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1028px;
  left: 34px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .layer-4 {
  position: absolute;
  width: 111px;
  height: 56px;
  top: 32px;
  left: 106px;

  background-size: 100% 100%;
}

.desktop .text-wrapper-47 {
  position: absolute;
  width: 155px;
  top: 103px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
  white-space: nowrap;
}

.desktop .overlap-29 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1235px;
  left: 34px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .layer-5 {
  position: absolute;
  width: 66px;
  height: 69px;
  top: 39px;
  left: 129px;
 
  background-size: 100% 100%;
}

.desktop .text-wrapper-48 {
  position: absolute;
  width: 155px;
  top: 120px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
  white-space: nowrap;
}

.desktop .overlap-30 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1442px;
  left: 34px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .UZEXKM-wrapper {
  position: absolute;
  width: 96px;
  height: 96px;
  top: 25px;
  left: 114px;
}

.desktop .UZEXKM {
  position: relative;
  width: 84px;
  height: 84px;
  top: 6px;
  left: 6px;
  
  background-size: 100% 100%;
}

.desktop .overlap-31 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1028px;
  left: 384px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .text-wrapper-49 {
  position: absolute;
  width: 155px;
  top: 103px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
}

.desktop .aoq-rye-wrapper {
  position: absolute;
  width: 126px;
  height: 76px;
  top: 18px;
  left: 99px;
}

.desktop .aoq-rye {
  position: relative;
  width: 85px;
  height: 60px;
  top: 10px;
  left: 22px;

  background-size: 100% 100%;
}

.desktop .overlap-32 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1235px;
  left: 384px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .layer-6 {
  position: absolute;
  width: 86px;
  height: 51px;
  top: 36px;
  left: 119px;

  background-size: 100% 100%;
}

.desktop .overlap-33 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1442px;
  left: 384px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .layer-7 {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 31px;
  left: 131px;
 
  background-size: 100% 100%;
}

.desktop .overlap-34 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1028px;
  left: 734px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .element-yl-wrapper {
  position: absolute;
  width: 96px;
  height: 73px;
  top: 25px;
  left: 114px;
}

.desktop .element-yl {
  position: relative;
  width: 81px;
  height: 55px;
  top: 12px;
  left: 10px;

  background-size: 100% 100%;
}

.desktop .overlap-35 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1235px;
  left: 734px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .layer-8 {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 43px;
  left: 130px;

  background-size: 100% 100%;
}

.desktop .text-wrapper-50 {
  position: absolute;
  width: 155px;
  top: 114px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
}

.desktop .overlap-36 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1442px;
  left: 734px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .b-af-tur-wrapper {
  position: absolute;
  width: 104px;
  height: 71px;
  top: 27px;
  left: 110px;
}

.desktop .b-af-tur {
  position: relative;
  width: 70px;
  height: 68px;
  top: 3px;
  left: 17px;

  background-size: 100% 100%;
}

.desktop .overlap-37 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1028px;
  left: 1084px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .YU-f-wrapper {
  position: absolute;
  width: 73px;
  height: 66px;
  top: 32px;
  left: 125px;
}

.desktop .YU-f {
  position: relative;
  width: 61px;
  height: 59px;
  top: 4px;
  left: 5px;

  background-size: 100% 100%;
}

.desktop .overlap-38 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1235px;
  left: 1084px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .coo-ozt-wrapper {
  position: absolute;
  width: 74px;
  height: 74px;
  top: 37px;
  left: 125px;
}

.desktop .coo-ozt {
  position: relative;
  width: 60px;
  height: 60px;
  top: 7px;
  left: 7px;

  background-size: 100% 100%;
}

.desktop .text-wrapper-51 {
  position: absolute;
  width: 155px;
  top: 114px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
  white-space: nowrap;
}

.desktop .overlap-39 {
  position: absolute;
  width: 323px;
  height: 181px;
  top: 1442px;
  left: 1084px;
  background-color: #f8f8f8;
  border-radius: 12px;
}

.desktop .text-wrapper-52 {
  position: absolute;
  width: 155px;
  top: 115px;
  left: 84px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 24.8px;
}

.desktop .layer-9 {
  position: absolute;
  width: 63px;
  height: 66px;
  top: 37px;
  left: 130px;

  background-size: 100% 100%;
}

.desktop .group-9 {
  position: absolute;
  width: 180px;
  height: 52px;
  top: 1656px;
  left: 631px;
}

.desktop .overlap-40 {
  position: relative;
  width: 178px;
  height: 52px;
  border-radius: 4px;
}

.desktop .text-wrapper-53 {
  position: absolute;
  top: 15px;
  left: 64px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 23.1px;
  white-space: nowrap;
}

.desktop .rectangle-7 {
  position: absolute;
  width: 178px;
  height: 52px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid;
  border-color: #dedede;
}

.desktop .text-wrapper-54 {
  top: 1752px;
  left: 34px;
  font-family: "TT Satoshi-DemiBold", Helvetica;
  font-weight: 700;
  font-size: 25px;
  line-height: 30.0px;
  position: absolute;
  color: #000000;
  letter-spacing: 0;
  white-space: nowrap;
}

.desktop .overlap-41 {
  position: absolute;
  width: 82px;
  height: 40px;
  top: 1753px;
  left: 1329px;
  border-radius: 4px;
}

.desktop .text-wrapper-55 {
  position: absolute;
  top: 8px;
  left: 19px;
  font-family: "TT Satoshi-Medium", Helvetica;
  font-weight: 500;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 19.8px;
  white-space: nowrap;
}

.desktop .rectangle-8 {
  position: absolute;
  width: 82px;
  height: 40px;
  top: 0;
  left: 0;
  border-radius: 4px;
  border: 1px solid;
  border-color: #dedede;
}
/* Inject original CSS here */

/* Additional styles */
body {
  font-family: "TT Satoshi-Regular", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #000000;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,
.font-dmserif{font-family: "TT Satoshi-Regular", Helvetica, Arial, sans-serif;}
h1, .h1, .tittle_heading{font-size: 40px!important;font-style: normal;font-weight: 600;display: inline-block;}
.container {
  max-width: 1900px;
  margin-left: auto; margin-right: auto;
  padding: 0 34px;
}

header.shadow-gray {
  background: #fff url(images/header_bg.svg) left top no-repeat;
}

.header-top {
  padding: 20px 0;
}

.header-top .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  width: 300px;
}

.search-form {
  display: flex;
  width: 436px;
  height: 51px;
  background-color: #f5f5f5;
  border-radius: 8px;
}

.search-form input {
  flex-grow: 1;
  border: none;
  background: transparent;
  padding: 0 24px;
  font-size: 16px;
}

.search-form button {
  background: transparent;
  border: none;
  padding: 0 15px;
  cursor: pointer;
}

.user-nav {
  display: flex;
  align-items: center;
  gap: 20px;
}

.user-nav a {
  display: flex;
  align-items: center;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
}

.user-nav img {
  margin-right: 10px;
}

.text-light {
  font-weight: 400;
}

.wishlist-count {
  background-color: #ff9000;
  color: #ffffff;
  font-size: 10px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -5px;
  right: -5px;
}

.header-bottom {
  border-top: 1px solid #efefef;
  padding: 15px 0;
width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address_header{font-size: 14px; display: inline-block; width: 550px; }
.address_header svg{display: inline-block;}
.main-nav ul {
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
}

.main-nav a {
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.main-nav a:hover,
.main-nav a.active {
  color: #1938f4;
}

.contact-info {
  display: flex;
  gap: 20px;
}

.contact-info a {
  display: flex;
  align-items: center;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
}

.contact-info img {
  margin-right: 10px;
}
.contact-info a.whatsapp-btn,
.whatsapp-btn {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #3fc250;
  border-radius: 50px;
  padding: 10px 15px;
  color: #3fc250;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
}
.contact-info a.whatsapp-btn img,
.whatsapp-btn img {
  margin-left: 10px; margin-right: 0;
}

.hero {

  background-size: cover;
  background-position: center;
  color: #ffffff;
  padding: 80px 0;
}

.hero-content {
  max-width: 500px;
  margin-left: auto;
}
.category-search h2,
.services h2,
.popular-brands h2{margin-bottom: 25px;}
.hero h1 {
  font-size: 50px;
  font-weight: 700;
  margin-bottom: 20px;
}

.hero p {
  font-size: 16px;
  margin-bottom: 30px;
}

.cta-button {
  display: inline-block;
  background-color: #ffffff;
  color: #1938f4;
  padding: 15px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
}

.vehicle-search {
  background-color: #2e2d32;
  color: #ffffff;
  padding: 40px 0;
}

.vehicle-search h2 {
  text-align: center;
  font-size: 25px;
  margin-bottom: 30px;
}

.vehicle-search-form {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.vehicle-search-form select,
.vehicle-search-form button {
  width: 265px;
  height: 62px;
  border-radius: 4px;
  border: 1px solid #888888;
  background-color: transparent;
  color: #ffffff;
  font-size: 16px;
  padding: 0 20px; background: #2e2d32;
}

.vehicle-search-form button {
  background-color: #1938f4;
  border: none;
  cursor: pointer;
  border-radius: 4px;
background: linear-gradient(90deg, #1938F4 0%, #0F218E 100%);
}

.popular-brands,
.category-search,
.best-sellers,
.promotions,
.services,
.trusted-brands {
  padding: 60px 0 0;
}

h2 {
  font-size: 25px;
  font-weight: 700;
}

.brand-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

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


.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.category-item {
  background-color: #f8f8f8;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

.category-icon {
  width: 80px;

  margin: 0 auto 20px;  
  background-repeat: no-repeat;
  background-position: center;
  height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.category-item h3 {
  font-size: 18px;
  font-weight: 500;
}

.view-all-btn {
  display: block;
  width: 180px;
  height: 52px;
  border: 1px solid #dedede;
  border-radius: 4px;
  text-align: center;
  line-height: 52px;
  margin: 30px auto 0;
  color: #000000;
  text-decoration: none;
  font-weight: 500;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.product-card {
  border: 1px solid #efefef;
  border-radius: 4px;
  overflow: hidden;
}

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

.product-details {
  padding: 20px;
  background-color: #f8f8f8;
}

.product-details h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.sku {
  font-size: 12px;
  color: #9d9d9d;
  margin-bottom: 10px;
}

.rating {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.rating img {
  width: 14px;
  height: 14px;
}

.price {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}

.product-actions {
  display: flex;
  justify-content: space-between;
}

.product-actions button {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: none;
  background-color: #ff9000;
  cursor: pointer;
}

.promotions .container {
  display: flex;
  gap: 30px;
}

.promo-card {
  flex: 1;
  border-radius: 4px;
  padding: 0px;
  display: flex;
  align-items: center;
}

.promo-card.yellow {
  background-color: #ffde00;
}

.promo-card.gray {
  background-color: #e8e4e3;
}

.promo-content {
  flex: 1;
}

.promo-card h2 {
  font-size: 60px;
  font-weight: 900;
  color: #e21917;
  margin-bottom: 20px;
}

.promo-card p {
  font-size: 18px;
  margin-bottom: 10px;
}

.promo-card small {
  font-size: 11px;
}

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

.service-grid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

.service-card {
  flex: 1;
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 40px;
  text-align: center;
}

.service-card img {
display: inline-block;
  height: 39px; width: 39px;
  margin-bottom:0px;
}
.service-card h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.service-card p{font-size: 12px;}
footer {
  background-color: #000000;
  color: #ffffff;
  padding: 60px 0 30px;margin-top: 40px;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px; color: #A8ABBE; font-size: 16px;
}
.footer-content .col-span-5{width: 40%;}
.footer-content .col-span-7{width: 60%;}
.footer-content .col-span-5 .footer-column{display: flex; margin-top: 30px;}
.footer-content .col-span-5 .footer-column img{width: 45px;}
.footer-content .col-span-5 .footer-column div{margin-right: 40px;}
.mg-top{margin-top: 25px;}
.footer-logo img {
  width: 300px;
}

.footer-links {
  display: flex;
  gap: 40px;justify-content: space-between;
}

.footer-column h3 {
  font-size: 18px; color: var(--white);
  
  margin-bottom: 25px;
}
.footer_a_3 h3{color: #000;}
.footer-content .col-span-5 .footer-column h3 {margin-bottom:8px;}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column li {
  margin-bottom: 0px;
}

.footer-column a {
  color: #a8abbe;
  text-decoration: none;
}
.footer-column a:hover{color: var(--white);}

.social-links {
  display: flex;
  gap: 10px;
}

.social-links a {
  display: flex;
  justify-content: center;
  align-items: center;

}

.footer-bottom {
  border-top: 1px solid #989898;
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 2000px) and (min-width: 1000px){
.container{max-width: 100%;
   margin-left: auto; margin-right: auto;
    padding: 0 60px;}
}
@media (max-width: 768px) {
  .container {
    padding: 0 15px;
  }

  .header-top .container,
  .header-bottom .container,
  .vehicle-search-form,
  .promotions .container,
  .service-grid,
  .footer-content,
  .footer-links {
    flex-direction: column;
  }

  .search-form,
  .user-nav,
  .main-nav ul {
    width: 100%;
  }

  .hero-content {
    margin-left: 0;
    text-align: center;
  }

  .category-grid,
  .product-grid {
    grid-template-columns: 1fr;
  }

  .brand-list,
  .footer-bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
  }
}


.product_list_div{border-radius: 4px;border: 1px solid #EFEFEF;background-color: #f8f8f8;}
.sku_product{color: var(--black); font-size: 12px;font-weight: 400;line-height: 165%; }
.product_list_div h4{font-size: 16px;font-weight: 600;}
.final-price{font-size: 18px;font-style: normal;font-weight: 600;}
.prduct_main_area .final-price{font-size: 40px;}

.product_wishlist{position: absolute;    top: 15px;    right: 15px;    color: #c6c6c6;    border: 1px solid #eee;    border-radius: 50px;    background: #fff;     font-size: 16px;}
.product_wishlist.icon-heart-fill{color: var(--blue);}

.product_list_div .secondary-button{background: var(--orange) url(images/cart.svg) center no-repeat; width: 46px; height: 45px; font-size: 0; overflow: hidden;border-radius: 50px; border: none;position: absolute; right: 20px;    bottom: 25px;}


.icon_carosel{width: 37px;height: 37px; background: var(--black) url(images/arrow_forward_ios.svg) center no-repeat;font-size: 0; overflow: hidden;border-radius: 50px; border: none;position: absolute; left: 43px; top: 50%; z-index: 2;-webkit-transform: translate3d(0%, -50%, 0)!important;
    -ms-transform: translate3d(0%, -50%, 0)!important;
    -o-transform: translate3d(0%, -50%, 0)!important;
    transform: translate3d(0%, -50%, 0)!important;}
.icon-arrow-right-stylish.icon_carosel{transform: rotate(180deg)!important; right: 43px; left: auto;}

.popular-brands .icon_carosel.icon-arrow-left-stylish{left: -13px;}
.popular-brands .icon_carosel.icon-arrow-right-stylish{right: -13px;}
.icon_carosel:hover,
.product_list_div .secondary-button:hover{background-color: var(--blue);}
.products_carousel h2,
.products_carousel .view-all-btn{margin: 0;}
.our_brands_list{border: 1px solid #ececec; justify-content: center; border-radius: 50%; padding: 0px; overflow: hidden;width: 150px; align-items: center;    display: flex;    height: 150px;}
.our_brands_list img{display: inline-block; max-height: 150px;}



.cate_ul_list{margin-top: 5px;}
.cate_ul_list li{position: relative;}
.cate_ul_list li .sub_span_arrow{position: absolute;top: 4px;  right: 0; z-index: 4; cursor: pointer;}
.cate_ul_list li.show_child .sub_span_arrow{transform: rotate(90deg);}
.cate_ul_list li a{padding: 5px 0;display: block;color: #6F6F6F;}
.cate_ul_list li a:hover{color: var(--black);}
.cate_ul_list li ul{display: none;}
.cate_ul_list li.show_child ul{display: block;}
.panel-side{border-right: 1px solid rgba(199, 202, 205, 0.87);}
.top_area_category{border-bottom: 1px solid rgba(199, 202, 205, 0.87);display: flex;  align-content: center;    justify-content: space-between;    padding-bottom: 10px;}
.top_area_category > div{display: inline-block;}
.sort_by_label{color: #878787; margin: 13px 15px 0 0;}
.breadcrumb_ol li *{color: #7E7E7E;}
.product_main_image{border-radius: 4px; border: 1px solid #E9E9E9; overflow: hidden;}
.product_main_image_outer, .product_main_qty_area{flex-direction: column;}
.product_main_desc{color: #6F6F6F;}
hr{color: rgba(199, 202, 205, 0.42); margin-top: 20px;}
.short_hr{color: rgba(199, 202, 205, 0.13); width: 50%;}
input, select, textarea{border-radius: 4px; background: transparent;background: #F8F8F8;border: 1px solid #C7CACD;}
.product_main_qty span, .product_main_qty p{border-radius: 8px;background: #F8F8F8; width: 66px; height: 66px; line-height: 66px; text-align: center;}
.product_main_qty span::before{line-height: 66px;}
.product_main_qty p{width: 125px;}
.cart_main_qty p,
.cart_main_qty span{width: 45px; height: 45px;line-height: 45px;}
.cart_main_qty span::before{line-height: 45px;}
.cart_main_qty p{width: 85px;}

.minicart_main_qty p,
.minicart_main_qty span{width: 40px; height: 40px;line-height: 40px;}
.minicart_main_qty span::before{line-height: 40px;}
.minicart_main_qty p{width: 75px;}

.label_head{color: #000;font-size: 18px;font-style: normal;font-weight: 600;}
.product_main_desc p{margin-top: 10px;}
.product_main_desc p:first-child{margin-top: 0px;}
.brand_logo_product img{max-width: 75px;margin-top: 10px;}
.product_main_qty_area .primary-button,
.product_main_qty_area .secondary-button{border-radius: 4px;background: linear-gradient(90deg, #1938F4 0%, #0F218E 100%); color: var(--white); border: none;}
.product_main_qty_area .secondary-button:hover{background: linear-gradient(180deg, #1938F4 0%, #0F218E 100%);}
.product_main_qty_area .primary-button{background: var(--orange);}
.product_main_qty_area .primary-button:hover{background: linear-gradient(90deg, #FF9000 0%, #faa12d 100%);}
.in_stock{border-radius: 4px;
    background: #E7EAFF;
    color: var(--blue);
    padding: 1px 10px;
    display: inline-block;
    text-transform: uppercase;
    margin-bottom: 18px;}
.in_stock.outin_stock{background: #ff91002d; color: var(--orange);}    
.small-label{color: #000;font-size: 12px;}
.cart_items hr{margin: 0;}
.cart_summary, .billing_address_area{border-radius: 4px;background: #F8F8F8;}
.primary-button-yellow{max-width: 100%;}
.text-base--{line-height: 1rem;}
.accordion_area {border-radius: 0;}

.flex_dir_cart{flex-direction: column;}
.contact_us_form > div{width: 49%; display: inline-block; vertical-align: top;}
.contact_us_form > div label{display: none;}
.contact_us_form > div:nth-child(2n){margin-right: 2%;}

.contact_us_form > div.w-full,
.contact_us_form > div:nth-child(6){margin-right: 0%; width: 100%;}

.contact_footer_area{border-radius: 4px;border: 1px solid #E9E9E9; font-size: 20px;font-weight: 500; margin-left:40px; margin-right: 40px;}
.contact_footer_area label{width: 100%; font-size: 14px; display: inline-block; line-height: 16px; }
.contact_footer_area img{height: 45px; margin-right: 15px;}
.border_px{border-right: 1px solid #E9E9E9;}

.popular-brands .icon_carosel{display: none;}
.price_filter_ul input{border: none;}
.accordion_area  li label{color: #6F6F6F;}

.clear_p_area{background: var(--blue); color: var(--white); font-size: 12px; padding: 2px; border-radius: 4px;}
.card_product_loop {
    min-width: 302px;
}
.card_product_loop > div, .card_product_loop img{max-width: 100%;width: 100%;}

.promo-card_img{width: 50%;}
.promo-card_img img{width: 100%;}
.category_home_a{align-items: center;}
.container-cmspages{}
.page-brands{}

.grid-cols-4{    grid-template-columns: repeat(4, minmax(0, 1fr));}