.byd {
  /* font import */
  /* font import end*/
  /*--------------------------------------------------------------
  # Typography - all typography defined here
  --------------------------------------------------------------*/
  /*--------------------------------------------------------------
  # Colours - all colours defined here
  --------------------------------------------------------------*/
  /*backgrounds*/
  /*safari aka iphone*/
  /*Summer Of Dreams With BYD*/
  /*extra model*/
}
@font-face {
  .byd {
    font-family: "Montserrat-Regular";
    src: local("Montserrat-Regular"), url("https://bluesky.sirv.com/Websites/Sinclair%20Group/fonts/Montserrat-Regular.woff2") format("woff2"), url("https://bluesky.sirv.com/Websites/Sinclair%20Group/fonts/Montserrat-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
@font-face {
  .byd {
    font-family: "Montserrat-Bold";
    src: local("Montserrat-Bold"), url("https://bluesky.sirv.com/Websites/Sinclair%20Group/fonts/Montserrat-Bold.woff2") format("woff2"), url("https://bluesky.sirv.com/Websites/Sinclair%20Group/fonts/Montserrat-Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
}
.byd html {
  scroll-behavior: smooth;
}
.byd h1 {
  font-family: "Montserrat-Bold", Arial, sans-serif;
  font-variant-ligatures: contextual;
  -moz-font-feature-settings: "calt";
  -webkit-font-feature-settings: "calt";
  font-feature-settings: "calt";
}
.byd h2, .byd h3, .byd h4, .byd h5 {
  font-family: "Montserrat-Bold", Arial, sans-serif;
  font-variant-ligatures: contextual;
  -moz-font-feature-settings: "calt";
  -webkit-font-feature-settings: "calt";
  font-feature-settings: "calt";
}
.byd p {
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 1.2rem;
}
.byd .white-text {
  color: #fff !important;
}
.byd .grey-blue_bg {
  background-color: #7b8a9d !important;
}
.byd .blue_bg {
  background-color: #2b5065 !important;
}
.byd .banner-slider .title {
  font-size: 1.3rem !important;
  font-weight: bold;
  letter-spacing: 0.2rem;
}
.byd .hero2 p {
  position: relative;
  top: 25%;
}
@supports (-webkit-hyphens: none) {
  .byd .hero {
    background-repeat: no-repeat;
    -o-background-size: auto;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: top;
  }
}
.byd .cars .model {
  transition: all 0.3s ease-in-out;
}
.byd .cars .model:nth-child(3n-2) {
  background-color: #007CC0;
}
.byd .cars .model:nth-child(3n-2):hover {
  background-color: #fff !important;
}
.byd .cars .model:nth-child(3n-2):hover h4 {
  color: #007CC0;
}
.byd .cars .model:nth-child(3n-2):hover p {
  color: #007CC0;
  border-color: #007CC0;
}
.byd .cars .model:nth-child(3n-1) {
  background-color: #efefef;
}
.byd .cars .model:nth-child(3n-1):hover {
  background-color: #3c3c3c !important;
}
.byd .cars .model:nth-child(3n-1):hover h4 {
  color: #fff;
}
.byd .cars .model:nth-child(3n-1) h4 {
  color: #007CC0;
}
.byd .cars .model:nth-child(3n-3) {
  background-color: #3c3c3c;
}
.byd .cars .model:nth-child(3n-3):hover {
  background-color: #fff !important;
}
.byd .cars .model:nth-child(3n-3):hover h4 {
  color: #007CC0;
}
.byd .cars .model:nth-child(3n-3):hover p {
  color: #007CC0;
  border-color: #007CC0;
}
.byd .offer-details__grid-tiles {
  display: flex;
  background-image: url("https://bluesky.sirv.com/Websites/Sinclair%20Group/byd/images/Offers/Tiles/company-444x182.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-blend-mode: multiply;
}
.byd .offer-details__grid-tiles a:hover {
  text-decoration: underline;
  color: #fff !important;
}
.byd .euro_bg {
  background: url("https://cogcms.co.uk/media/mu0jdl1t/byd-hero-slim-cta.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 75vh;
}
.byd .euro_bg:hover {
  background: url("https://cogcms.co.uk/media/4zcneshj/byd-hero-slim-cta-hover.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 75vh;
  cursor: pointer;
}
.byd .euro_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.byd .euro_bg .cta-button {
  position: absolute;
  bottom: 0vh;
  display: flex;
  justify-content: center;
  left: 33%;
  right: 33%;
  z-index: 1;
}
@media only screen and (max-width: 650px) {
  .byd .euro_bg {
    background-size: cover;
    height: 200px;
    background-position: top;
    background-attachment: inherit;
    background-color: #fff;
  }
  .byd .euro_bg:hover {
    background-size: cover;
    height: 200px;
    background-position: top;
    background-attachment: inherit;
    background-color: #fff;
  }
}
@media only screen and (min-width: 651px) and (max-width: 900px) {
  .byd .euro_bg {
    background-size: cover;
    height: 250px;
    background-position: top;
    background-attachment: inherit;
  }
  .byd .euro_bg:hover {
    background-size: cover;
    height: 250px;
    background-position: top;
    background-attachment: inherit;
  }
}
.byd .hero-register {
  background: url("https://bluesky.sirv.com/Websites/Sinclair%20Group/byd/images/hero-byd.jpg");
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.byd .hero-register::before {
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Adjust the opacity value as needed */
  z-index: -1;
}
.byd .hero-register h1 {
  position: relative;
  bottom: 25%;
}
.byd .hero-register-model {
  background: url("https://bluesky.sirv.com/Websites/Sinclair%20Group/byd/images/hero-byd-7.jpg");
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.byd .hero-register-model::before {
  content: "";
  position: relative;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Adjust the opacity value as needed */
  z-index: -1;
}
.byd .hero-register-model h1 {
  position: relative;
  bottom: 25%;
}
.byd .offer-pills .nav-tabs .nav-item .nav-link {
  background-color: #000 !important;
  color: #fff !important;
  padding: 1.5rem !important;
  text-transform: uppercase;
  border: 0 !important;
}
.byd .offer-pills .nav-tabs .nav-item .nav-link:hover, .byd .offer-pills .nav-tabs .nav-item .nav-link.active {
  color: #000 !important;
  background-color: #efefef !important;
}