@charset "UTF-8";

.why-choose-sbt {
  width: 100%;
  padding: var(--sp-spacing-16) 0 var(--sp-spacing-40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40)
}

@media (min-width: 961px) {
  .why-choose-sbt {
    padding: var(--sp-spacing-24) 0 var(--sp-spacing-64);
    gap: var(--sp-spacing-64)
  }
}

.why-choose-sbt__head-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-20)
}

@media (min-width: 961px) {
  .why-choose-sbt__head-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--sp-spacing-24)
  }
}

.why-choose-sbt__head {
  font-size: 32px;
  line-height: 125%;
  font-weight: 600;
  color: rgba(41, 45, 68, 1);
}

@media (min-width: 961px) {
  .why-choose-sbt__head {
    font-size: 40px;
    line-height: 100%;
    font-weight: 600;
  }
}

.why-choose-sbt__head-description {
  font-size: 18px;
  line-height: 150%;
  font-weight: 400
}

@media (min-width: 961px) {
  .why-choose-sbt__head-description {
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
    text-align: center
  }
}

.why-choose-sbt__hero {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: var(--rd-radius-Lv1);
  overflow: hidden
}

.why-choose-sbt__reason-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40);
  counter-reset: reason-item
}

@media (min-width: 961px) {
  .why-choose-sbt__reason-list {
    gap: var(--sp-spacing-24)
  }
}

.why-choose-sbt__reason-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.why-choose-sbt__reason-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (min-width: 961px) {
  .why-choose-sbt__reason-inner {
    display: grid;
    grid-template-columns: 120px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--sp-spacing-32)
  }
}

.why-choose-sbt__reason-icon {
  width: 120px;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.why-choose-sbt__reason-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.why-choose-sbt__reason-content {
  width: 100%;
  padding-top: var(--sp-spacing-6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-8)
}

@media (min-width: 961px) {
  .why-choose-sbt__reason-content {
    padding: 0;
    gap: var(--sp-spacing-24)
  }
}

.why-choose-sbt__reason-head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: 20px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600
}

@media (min-width: 961px) {
  .why-choose-sbt__reason-head {
    font-size: 24px;
    line-height: 150%;
    font-weight: 400;
    font-weight: 600
  }
}

.why-choose-sbt__reason-head:before {
  content: counter(reason-item, decimal-leading-zero);
  counter-increment: reason-item;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 600;
  color: var(--clr-text-red)
}

@media (min-width: 961px) {
  .why-choose-sbt__reason-head:before {
    font-size: 20px;
    line-height: 150%;
    font-weight: 400;
    font-weight: 600
  }
}

.why-choose-sbt__reason-read {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.why-choose-sbt__side {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40)
}

@media (min-width: 961px) {
  .why-choose-sbt__side {
    gap: var(--sp-spacing-64)
  }
}

.why-choose-sbt__side-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .why-choose-sbt__side-block {
    display: grid;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--sp-spacing-32)
  }
}

@media (min-width: 961px) {
  .why-choose-sbt__side-block:nth-child(odd) {
    grid-template-columns: 500px 1fr
  }
}

@media (min-width: 961px) {
  .why-choose-sbt__side-block:nth-child(2n) {
    grid-template-columns: 1fr 500px
  }

  .why-choose-sbt__side-block:nth-child(2n) .why-choose-sbt__side-image {
    grid-column: 2/3;
    grid-row: 1/2
  }

  .why-choose-sbt__side-block:nth-child(2n) .why-choose-sbt__side-inner {
    grid-column: 1/2;
    grid-row: 1/2
  }
}

.why-choose-sbt__side-image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: var(--rd-radius-Lv1);
  overflow: hidden
}

.why-choose-sbt__side-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.why-choose-sbt__side-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-16)
}

@media (min-width: 961px) {
  .why-choose-sbt__side-inner {
    gap: var(--sp-spacing-32)
  }
}

.why-choose-sbt__side-head {
  font-size: 24px;
  line-height: 150%;
  font-weight: 600;
  color: rgba(41, 45, 68, 1);
}

@media (min-width: 961px) {
  .why-choose-sbt__side-head {
    font-size: 32px;
    line-height: 125%;
    font-weight: 700
  }
}

.why-choose-sbt__side-read {
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.why-choose-sbt__side-input {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .why-choose-sbt__side-input {
    width: 340px
  }
}

.why-choose-sbt__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: var(--sp-spacing-16) var(--sp-spacing-32);
  border-radius: var(--rd-radius-Lv1);
  background: var(--clr-button-red);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 500;
  color: var(--clr-text-white)
}

@media (min-width: 961px) {
  .why-choose-sbt__button:hover {
    background: var(--clr-button-red-hover)
  }
}

.why-choose-sbt__reviews {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.why-choose-sbt__reviews-head-inner {
  width: 100%;
  padding-bottom: var(--sp-spacing-24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

@media (min-width: 961px) {
  .why-choose-sbt__reviews-head-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.why-choose-sbt__reviews-head-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

@media (min-width: 961px) {
  .why-choose-sbt__reviews-head-block {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--sp-spacing-32)
  }
}

.why-choose-sbt__reviews-head {
  font-size: 32px;
  line-height: 125%;
  font-weight: 600
}

.why-choose-sbt__reviews-rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-8)
}

.why-choose-sbt__eval-reviews {
  font-size: 12px;
  line-height: 150%;
  font-weight: 400
}

.why-choose-sbt__reviews-powered {
  font-size: 10px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}


/* add-new-css-start */
.w-100{
  width: 100%;
}

.text-end{text-align: left;} .text-center{text-align: center;}

.d-flex{ display: flex; } .flex-wrap{ flex-wrap: wrap;} .justify-arround{ justify-content: space-around;} .justify-between { justify-content: space-between;} .justify-center{justify-content: center;}
.d-block{display:block} .w-auto{width: auto;}
.margin-y-20 {margin: 20px 0px;} .margin-t-20 {margin-top: 20px;} .margin-b-10 {margin-bottom: 10px;}
.head-color { color: var(--clr-text-black);}
.m-auto {margin: auto;}
ul.list-wrapper li {  list-style: disc;
}

ul.list-wrapper {
  padding: 0 0 0 15px;
}

.why-choose-sbt__reason-head-wrap 
{
  font-size: 20px;
  color: var(--clr-text-red);
  font-weight: bold;
}

.car-choose__category-item {
  width: 100%;
  padding: var(--sp-spacing-8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: var(--sp-spacing-10);
  background: var(--clr-bg-white);
  border: 1px solid var(--clr-border-middlegray);
  border-radius: var(--rd-radius-Lv1);
  overflow: hidden;
}
.certificate-img-multi{
  text-align: end;
}
.certificate-img-multi img { 
  width: auto !important;
}

.car-choose__category-inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sp-spacing-20);
}

.boxex-wrapper .car-choose__category-item {
  justify-content: center;
  text-align: center;
  padding: 30px 10px;
  /* border-color: #dfd4d4; */
  background: #f6f6f6;
  position: relative;
  cursor: pointer;
  --angle: 0deg;
  transition: opacity .2s ease;
}

.boxex-wrapper .car-choose__category-item h3 {
  font-size: 14px;
  font-weight: normal;
}

.boxex-wrapper .car-choose__category-item:hover { 
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  background: linear-gradient(96.58deg, #FFF 66.01%, #FFD8DB 103.85%) !important;
  border: transparent;
}

@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}



.boxex-wrapper .car-choose__category-item::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(
        from var(--angle),
        #fff5f6,
        #ff758c,
        #fff5f6,
        transparent,
        transparent
    );

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

.boxex-wrapper .car-choose__category-item:hover::before {
    opacity: 1;
    animation: spin 1.5s linear infinite;
}

@keyframes spin {
    from {
        --angle: 0deg;
    }
    to {
        --angle: 360deg;
    }
}

.boxex-wrapper .car-choose__category-item:hover a h3{
  color: rgba(41, 45, 68, 1);
  font-weight: 600;
  z-index: 10;
}
.svg-wrap{
  background: #db1904;
  /* width: 30%; */
  text-align: center;
  padding: 9.6px;
  /* margin-top: 55px; */
  border-radius: 4.72px;
  width: 42px;
  height: 42px;
}
.review-no{
  color: rgba(41, 45, 68, 0.05);
  font-weight: 900;
  font-size: 40.42px;
  line-height: 100%;
}

.box-ab:hover .review-no{
  color: rgba(41, 45, 68, 0.3);
}

.sbt-stock-red{
  border: 0.89px solid rgba(230, 0, 18, 1);
  padding: 11px 30px;
  border-radius: 3.56px;
  height: 40px;
  width: 176px;
  align-items: center;
}
.sbt-stock-red img{
  width: 41px;
}
.sbt-stock-red span{
  color: rgba(230, 0, 18, 1);
  font-weight: 500;
  font-size: 14.22px;
  display: block;
  width: 100%;
  margin-left: 4px;
}

.partner-stock-blue{
  border: 1.71px solid rgba(53, 80, 139, 1);
  padding: 9px 26px;
  border-radius: 3.43px;
  height: 44px;
  width: 220px;
  align-items: center;
  justify-content: center;
}
.partner-stock-blue img{
  width: 31px;
}
.partner-stock-blue span{
  color: rgba(53, 80, 139, 1);
  font-weight: 500;
  font-size: 14.51px;
  display: block;
  margin-left: 4px;
}
.sbt-stock-experience-col{
  grid-template-columns: 1fr 320px !important;
}
.sbt-stock-experience-col .why-choose-sbt__side-image ,.partner-stock-experience-col .why-choose-sbt__side-image{
  height: 100%;
  display: flex;
}
.partner-stock-experience-col{
    grid-template-columns: 300px 1fr !important;
}
.see-all-office{
  color: #E60012;
  text-decoration: underline;
}
.see-all-office::after {
    content: "";
    background-color: #E60012;
}
.numerice-wrap{
  padding: 10px 0px 0px;
  transform: rotate(-45deg);
  position: absolute;
  top: -4px;
  background: #c9c9c9;
  color: #fff;
  width: 100%;
  text-align: center;
  left: -145px;
  font-weight: bold;
}

.top-box-wrap{
  /* padding: 30px; */
  /* background: #f2f2f2; */
  border-radius: 10px;
}
.auction-inspection{
  display: flex !important;
  flex-direction: row-reverse;
}
.auction-inspection .why-choose-sbt__side-image img{
  width: 500px;
  object-fit: contain;
}
.main-heading-left{
  align-items: start;
}
.box-ab{
  /* background: #fff; */
  position: relative;
  cursor: unset;
  border: 0.69px solid rgba(219, 25, 4, 1);
  border-radius: 3px;
  padding: 18px;
  transition: all 0.3s ease;
}

.box-ab:hover {
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
  background: #FFFFFF;
  box-shadow: 2.76543px 2.76543px 2.76543px rgba(0, 0, 0, 0.1);
  border: 0.69px solid transparent;
  border-radius: 3px;
  border-image: linear-gradient(
    180deg,
    rgba(189, 189, 191, 1) 0%,
    rgba(218, 8, 9, 1) 100%
  ) 1;

}
.box-ab:hover .numerice-wrap{
  background: #db1904;
}

.multi-section-wrapper {
  padding: 30px;
  background: #f6f6f6;
  border-radius: 10px;
}

.flag-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flag-wrapper img {
  width: 27%;
}

.sbt-logo-wrap img {
  width: 25%;
}

/* slider-css-start */
.slider {
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
}

.slides {
  display: flex;
  transition: transform 0.4s ease;
}

.slide {
  min-width: 100%;
  height: 370px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ddd;
  font-size: 30px;
}

.dots {
  text-align: center;
  margin-top: 10px;
}

.dots button {
  width: 10px;
  height: 10px;
  margin: 5px;
  border: none;
  border-radius: 50%;
  background: #bbb;
  cursor: pointer;
}

.dots button.active {
  background: #333;
}

/* slider-css-end */

.card-box-height{
  margin-top: 13px;
}
.card-box-height span{
  color: rgba(41, 45, 68, 1);
  font-size: 12.5px;
  font-weight: 400;
  line-height: 20px;
}
.card-box-height h2{
  color: rgba(41, 45, 68, 1);
  font-size: 15.56px;
  font-weight: 700;
  line-height: 100%;
}
a.btn-wrapper {
  color: var(--clr-text-white);
  background: var(--clr-button-red);
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 10px 40px;
  border-radius: var(--rd-radius-Lv1);
}

.main-heading-size{
  font-size: 26px ;
}

.sub-heading-size{
  font-size: 20px ;
}
.sbt-page-gap-wrap {
    gap: var(--sp-spacing-40);
}
.sbt-page-gap-wrap .why-choose-sbt__side-block{
   gap: var(--sp-spacing-40);
} 
.sbt-page-gap-wrap .why-choose-sbt__side{
  gap: var(--sp-spacing-40);
}
.sbt-page-gap-wrap .why-choose-sbt__side-inner{
  gap: var(--sp-spacing-40);
}
.custom-class-customer .customer-reviews__card-item{
  flex-direction: row;
}

@media(min-width: 1080px){
  .custom-class-customer .customer-reviews__card-item{
    max-width: 325px;
  }
}

@media(min-width: 961px) and (max-width: 1079px) {
  .custom-class-customer .customer-reviews__card-item{
    max-width: 295px;
  }
}
@media(max-width: 961px){
  .auction-inspection .why-choose-sbt__side-image img{
    width:100%;
  }
  .auction-inspection{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}

@media (min-width: 961px) {
  .car-choose__category-inner.-types 
  {
    grid-template-columns: repeat(4, 1fr);
  }
  /* .customer-reviews__card-item {
    max-width: 325px;
  } */
}

@media (max-width: 768px){   
  .numerice-wrap { 
    left: -128px; 
  }
  .why-choose-sbt__side-image.d-block.stock-map-img {
    display: contents;
  }
  .stock-map-img .d-flex {
    flex-wrap: wrap;
  }
  .stock-map-img .d-flex img {
    width: 50%;
  }
  .why-choose-sbt ul.list-wrapper {
    display: block;
}
.boxex-wrapper {
    grid-template-columns: repeat(1, 1fr);
}
.auction-inspection .why-choose-sbt__side-image{
    display: block !important;
  }
  .partner-stock-experience-col{
    flex-direction: column-reverse;
  }

}
/* add-new-css-end */


/* updated css why-choose-sbt-pages */

.why-sbt-boxes {
  background: #FFFFFF;
  border: 0.8px solid #E8E8EA;
  border-radius: 8.88889px;
  transition: all 0.5s ease;
}

.why-sbt-boxes:hover {
  transform: translateY(-2px) scale(1.01);
  box-shadow: 0px 1.77778px 3.55556px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
  border-radius: 8px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(180deg, #bdbdbd94, #da08096b) border-box;
}
.number-reviews{
   color: rgba(41, 45, 68, 0.05) !important;
}
.why-sbt-boxes:hover .number-reviews{
   color: rgba(41, 45, 68, 0.1) !important;
}
.align-content-left{
  align-items: start !important;
}

.stock-button{
  display: inline-flex !important;
  align-items: center;
  margin: 0 auto 0 0 !important;
}

.stock-btn-arrow-icon{
  width: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(-8px);
  transition: width .35s ease, opacity .25s ease, transform .35s ease;
}
.stock-button:hover{
  background-color: #C90001;
}
.stock-button:hover .stock-btn-arrow-icon{
  width: 13px;
  opacity: 1;
  transform: translateX(0);
  margin-left: 9px;
}
.heading-number{
  background-color: rgba(230, 0, 18, 1);
  width: 27px;
  height: 27px;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
  padding: 6px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.heading-number::before{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color:rgba(230, 0, 18, 1);
  width: 27px;
  height: 3px;
  border-radius: 24px;
}
.heading-no-wrap{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.new-image-sbt{
  background: rgba(255, 255, 255, 1e-05);
  box-shadow: 0px 7.44619px 11.1693px -2.23386px rgba(0, 0, 0, 0.1), 0px 2.97848px 4.46771px -2.97848px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.new-image-sbt img{
  border-radius: 12px;
}

.list-wrapper-new li{
  background: #FFFFFF;
  border: 0.744619px solid #E8E8EA;
  box-shadow: 0px 0.744619px 2.23386px rgba(0, 0, 0, 0.1), 0px 0.744619px 1.48924px -0.744619px rgba(0, 0, 0, 0.1);
  border-radius: 11.9139px;
}
.new-car-category-item{
  background: #FFFFFF !important;
  border: 0.888889px solid #E8E8EA;
  border-radius: 4px;
  filter: drop-shadow(0px 1.77778px 3.55556px rgba(0, 0, 0, 0.1));
}
.new-list-wrapper{
  list-style: none !important;
  padding: 0px !important;
  justify-content: space-between;
}
.new-list-wrapper li{
  background: #FFFFFF;
  border: 0.744619px solid #E8E8EA;
  box-shadow: 0px 0.744619px 2.23386px rgba(0, 0, 0, 0.1), 0px 0.744619px 1.48924px -0.744619px rgba(0, 0, 0, 0.1);
  border-radius: 11.9139px;
  list-style: none !important; 
  border-radius: 12px;
  padding: 18px;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 30%;
}
.new-list-wrapper li span{
  background-color: rgba(230, 0, 18, 0.08);
  /* width: 35px; */
  height: 35px;
  padding: 0px 10px;
  font-size: 13px;
  border-radius: 10px;
  color: rgba(230, 0, 18, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.new-list-wrapper-inner{
  font-size: 14px;
  color: rgba(41, 45, 68, 1);
  font-weight: 700;
}
.new-list-wrapper-inner p {
  font-size: 9px;
  font-weight: 400;
  color: rgba(154, 155, 166, 1);
}

.view-details-new {
  margin: 0 0 0 auto;
  justify-content: end;
  font-size: 14px;
  font-weight: 400;
  color: rgba(41, 45, 68, 1);
  text-decoration: none;
}

.view-details-new .view-detai-arrow-icon {
  display: inline-block;
  transition: transform 0.3s ease;
}

.view-details-new:hover {
  color: rgba(41, 45, 68, 1);
}

.view-details-new:hover .view-detai-arrow-icon {
  transform: translateX(10px);
}
.view-details-new::after{
  display: none !important;
}
.sbt-red-sub-heading{
  color: rgba(230, 0, 18, 1);
  font-weight: 900;
  text-transform: uppercase;
  font-size: 16px;
}

.list-check {
    list-style: none;
    padding-left: 0 !important;
}

.list-check li {
    position: relative;
    list-style: none !important;
    padding-left: 25px;
}

.list-check li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
    font-size: 7px;
    font-weight: 700;
    border-radius: 50%;
    background: rgba(230, 0, 18, 1);
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blue-light-bg{
  background-color: rgba(248, 249, 252, 1);
  padding: 50px 24px;
  overflow-x: hidden;
}
.mb-0{
  margin-bottom: 0px;
}
.mb-30{
  margin-bottom: 30px;
}
.mb-40{
  margin-bottom: 40px;
}
.mt-50{
  margin-top: 50px;
}
.mb-64{
  margin-bottom: 64px;
}
.mt-70{
  margin-top: 70px;
}
.mt-100{
  margin-top: 100px;
}
.sbt-li-gap{
  gap: 17px;
}
.swap-column{
  grid-template-columns: 1fr 1fr !important;
}
.grid-swap-one{
    grid-column: 1 !important;
}
.grid-swap-two{
    grid-column: 2 !important;
}
.px-24{
  padding: 0px 24px;
}
.stock-map-img.new-image-sbt {
    height: 100%;
}
.align-list-center{
  align-items: center;
}
.object-contain{
  object-fit: contain !important;
}
.bg-white-box-shadow{
  background-color: var(--clr-bg-white);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;

}
.vertical-content{
  display: flex;
  flex-direction: column;
}
.vertical-content .new-image-sbt{
  height: 440px;
}
/* .flags-white-bg{
  background: #FFFFFF;
  border: 1px solid rgba(218, 218, 218, 0.7);
  box-shadow: 0px 7.44619px 11.1693px -2.23386px rgba(0, 0, 0, 0.1), 0px 2.97848px 4.46771px -2.97848px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
} */

.flags-white-bg {
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid rgba(218, 218, 218, 0.7);
  overflow: hidden;
  box-shadow: 0px 7.44619px 11.1693px -2.23386px rgba(0, 0, 0, 0.1), 0px 2.97848px 4.46771px -2.97848px rgba(0, 0, 0, 0.1);
}
.our-company__select .select{
      border: 0.89px solid rgba(230, 0, 18, 0.5);
}
.sbt-stock-red-new{
  width: 115px;
  height: 30px;
  padding: 7px 13px;
}
.sbt-stock-red-new span{
  font-size: 9px;
  font-weight: 500;
}
.partner-stock-blue-new{
  padding: 7px 14px;
  width: 120px;
  height: 30px;
}
.partner-stock-blue-new span{
  font-size: 9px;
  font-weight: 500;
}
.sbt-stock-red-purchase{
    padding: 7px 17px;
    width: 140px;
    height: 30px;
}
.sbt-stock-red-purchase span , .partner-stock-blue-purchase span{
  font-size: 12px;
}

.partner-stock-blue-purchase{
    padding: 7px 17px;
    width: 153px;
    height: 30px;
}
.red-color{
  font-weight: 900;
}
.red-color span{
  color: rgba(230, 0, 18, 1);
}
.dots button {
  background: rgba(255, 255, 255, 1);
  border: 0.5px solid rgba(218, 218, 218, 1);
}
.dots button.active {
  background: rgba(230, 0, 18, 1);
}
.list-gap-wrap li{
  padding-bottom: 40px;
}
.list-gap-wrap li:last-child{
   padding-bottom: 0px;
}
.inspec-list-gap li{
  padding-bottom: 26px;
}
.inspec-list-gap li:last-child{
  padding-bottom: 0px;
}

.sbt-page-gap-list-wrap.why-choose-sbt__side-inner{
  gap: 16px !important;
}
@media (max-width: 961px) {
  .new-list-wrapper{
    flex-direction: column;
    gap: 15px;
  }
  .new-list-wrapper li{
    width: 100%;
  }
}

.sbt-page-gap-wrap .why-choose-sbt__side-inner{
  gap: var(--sp-spacing-16);
}

.list-check li{
  padding-bottom: 10px;
}
.list-check li:last-child{
  padding-bottom: 0px;
}

.list-gap-wrap-new li{
  padding-bottom: 30px;
}
.list-gap-wrap-new li:last-child{
   padding-bottom: 0px;
}

.inspec-list-gap-new li{
  padding-bottom: 26px;
}
.inspec-list-gap-new li:last-child{
  padding-bottom: 0px;
}
.sbt-gap-sixteen{
  gap: var(--sp-spacing-16);
}
.overflow-visible{
  overflow: visible;
}



.boxex-wrapper .car-choose__category-item.sbt-box-active::before{
    opacity:1;
    animation:spin 1.5s linear infinite;
}


.boxex-wrapper .car-choose__category-item.sbt-box-active{
    background: linear-gradient(96.58deg, #FFF 66.01%, #FFD8DB 103.85%) !important;
    border: transparent;
}


.boxex-wrapper .car-choose__category-item.sbt-box-active::before{
    opacity:1;
    animation:spin 1.5s linear infinite;
}


.boxex-wrapper .car-choose__category-item.sbt-box-active a h3{
    color: rgba(41,45,68,1);
    font-weight:600;
}

.boxex-wrapper .car-choose__category-item.sbt-box-active{
    pointer-events: none;
    cursor:auto !important; 
}

.fs-16{
  font-size: 16px;
}
.gap-50{
  gap: 50px;
}

.why-sbt-head-box h2{
  font-size: 14px;
  word-break: normal;
}
.custom-class-customer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.scroll-link, .privacy-box {
    flex: 1 1 23.5%;
}
.why-sbt-boxes{
  min-height: 147px;
}


@media(max-width:1046px){
  .scroll-link, .privacy-box {
    flex: 1 1 48.5%;
}
}