/*-------------------------------------*/
/*Contact Us Page*/
/*-------------------------------------*/
.bgbanner.contact {
  background-image: url(/images/main_banner.jpg);
}

/*-------------------------------------*/
/*About Us Page*/
/*-------------------------------------*/
.bgbanner.about {
  background-image: url(/images/main_banner.jpg);
}

.about-arrow {
  position: relative;
}
.about-arrow:after {
  background-image: url(/images/icon-long-arrow.svg);
  background-repeat: no-repeat;
  content: " ";
  height: 14.37px;
  width: 144.66px;
  position: absolute;
  right: -4rem;
  top: 2.5rem;
}
@media screen and (max-width: 767px) {
  /* Mobile Large */
  .about-arrow:after {
    /* background-image: url(/images/icon-long-arrow.svg);
    background-repeat: no-repeat;
    content: ' ';
    background-position-y: center;
    background-position-x: right;
    height: 14.37px;
    width: 30px;
    position: absolute;
    right: 46%;
    top: 103%;
    transform: rotate(90deg);
    z-index: 1; */
    background-image: none;
  }
}

/*-------------------------------------*/
/*FAQs Page*/
/*-------------------------------------*/
.bgbanner.faqs {
  background-image: url(/images/main_banner.jpg);
}

/*-------------------------------------*/
/*Enquiry page*/
/*-------------------------------------*/
.sales-border {
  border-right: 1px solid #707070;
}

@media screen and (max-width: 767px) {
  /* Mobile Large */
  .sales-border {
    border-right: none;
    border-bottom: 1px solid #707070;
  }
}
/*-------------------------------------*/
/*News Article Page*/
/*-------------------------------------*/
.breadcrumbs.quat-colour a {
  color: #000000;
}

/*-------------------------------------*/
/*Testimonials Page*/
/*-------------------------------------*/
.bgbanner.testimonials {
  background-image: url(/images/main_banner.jpg);
}
/*-------------------------------------*/
/*Showroom Page*/
/*-------------------------------------*/
.bgbanner.showroombanner {
  background-image: url(/images/main_banner.jpg);
}
.showroom-sticky {
  position: sticky;
  top: 90px;
  z-index: 4;
} /*background:#fbfaf8;*/

.showroom.delete {
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
  height: 26px;
  width: 22px;
  content: " ";
  background-image: url(/images/trash-solid.svg);
  background-repeat: no-repeat;
}
.showroom-summary.delete {
  position: relative;
  /* top: 0.8rem; */
  /* right: 0.8rem; */
  display: flex;
  height: 34px;
  width: 28px;
  content: " ";
  mask-image: url(/images/trash-solid.svg);
  -webkit-mask-image: url(/images/trash-solid.svg);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: rgb(28, 65, 96);
  /* filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); */
}
.showroom.comparedelete {
  position: absolute;
  top: 0rem;
  left: 0.8rem;
}
.showroom.compare {
  position: absolute;
  bottom: 0.4rem;
  right: 0.8rem;
  color: white;
}
@media screen and (max-width: 767px) {
  /* Mobile Large */
  .showroom.comparedelete {
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
  }
}

/*-------------------------------------*/
/*Finance Pages*/
/*-------------------------------------*/
.finance-application a.nav-link.financebtn {
  color: #000000;
}
.finance-application a.nav-link.financebtn.active {
  color: #ffffff;
}
.finance-application h3 {
  color: #000000;
  padding-bottom: 1rem;
}
.finance-application .alert {
  margin-bottom: 1rem;
}
/*.finance-application #financeform {padding-top: 1rem;}*/

@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .bgbanner.about {
      background-image: url(/images/main_banner.jpg);
    }
    .bgbanner.contact {
      background-image: url(/images/main_banner.jpg);
    }
    .bgbanner.testimonials {
      background-image: url(/images/main_banner.jpg);
    }
    .bgbanner.faqs {
      background-image: url(/images/main_banner.jpg);
    }
    .bgbanner.showroombanner {
      background-image: url(/images/main_banner.jpg);
    }
  }
}

/* Mobile Banner Changes */

@media screen and (max-width: 767px) {
  /* Mobile Large */

  .bgbanner.showroombanner {
    background-image: url("/images/main_banner.jpg");
    background-position: 90%;
  }

  .bgbanner.about {
    background-image: url("/images/main_banner.jpg");
  }

  .bgbanner.contact {
    background-image: url("/images/main_banner.jpg");
  }
}

@media screen and (max-width:500px) { /* Mobile Small */

.bgbanner.contact, .bgbanner.about {background-image: url(/images/main_banner-mobile.jpg);} 
.bgbanner.showroombanner {background-image: url(/images/main_banner-mobile.jpg);}

}