/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/style.scss to edit this template
*/
/*
    Created on : 26 feb 2025, 11:40:02
    Author     : CARYA Connect
*/
@font-face {
  font-family: Objectivity;
  src: url("../fonts/ObjectivityRegular.woff2") format("woff2");
  font-weight: 300; }
@font-face {
  font-family: Objectivity;
  src: url("../fonts/ObjectivityLight.woff2") format("woff2");
  font-weight: 100; }
@font-face {
  font-family: Objectivity;
  src: url("../fonts/ObjectivityBold.woff2") format("woff2");
  font-weight: 600; }
body {
  font-family: 'Objectivity', sans-serif; }

h1, h2, h3 {
  font-weight: 600; }

h3 {
  font-size: 2.5rem; }

header {
  padding: 18px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  header a {
    display: inline; }

#nav-logo {
  max-width: 200px; }

.container-fluid {
  max-width: 1800px; }

.max-width {
  max-width: 1600px; }

.hero {
  height: 100vh;
  background-position: center 38%;
  background-size: cover;
  background-image: url("../assets/hero-bg-2.jpg"); }

.omoda-hero {
  background-image: url("../assets/omoda-hero.jpg"); }

.jaecoo-hero {
  background-image: url("../assets/jaecoo-hero.jpg"); }

.hero-overlay {
  padding: 40px; }
  .hero-overlay h1 {
    font-size: 4rem;
    color: #fff;
    text-transform: uppercase; }
  .hero-overlay p {
    color: #000; }

a {
  display: inline-block; }

.CTA {
  background-color: #000;
  padding: 10px 20px;
  transition: all ease-out .2s; }
  .CTA p {
    color: #fff;
    margin-bottom: 0;
    font-size: 1rem; }
  .CTA:hover {
    background-color: #333; }

.green {
  background-color: #ff0000; }
  .green p {
    color: #fff !important; }
  .green:hover {
    background-color: #cf0000; }

.lead-section {
  position: relative; }
  .lead-section::before {
    height: 35vw;
    background-size: cover;
    background-position: center center;
    transition: all ease-out .2s;
    filter: brightness(85%); }

#omoda-wrap, #jaecoo-wrap {
  position: relative;
  height: 40vw; }

#omoda-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/Omoda-lead.jpg");
  filter: brightness(75%); }

#jaecoo-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/Jaecoo-lead.jpg");
  filter: brightness(75%); }

#omoda9-wrap, #omoda5-wrap {
  position: relative;
  height: 40vw;
  max-height: 600px; }

#omoda9-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/omoda-hero.jpg");
  filter: brightness(75%); }

#omoda5-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../assets/Omoda-lead.jpg");
  filter: brightness(75%); }

.lead-section {
  padding: 0; }

.feature-list {
  column-count: 2;
  margin-top: 40px;
  margin-bottom: 40px; }
  .feature-list li {
    margin-bottom: 10px; }

.lead-inner {
  z-index: 100;
  position: absolute;
  top: 0;
  padding: 100px; }
  .lead-inner p {
    color: #fff; }
  .lead-inner .brand-logo {
    height: 45px;
    margin-top: 40px;
    margin-bottom: 60px; }

.lead-inner-bottom {
  z-index: 100;
  position: absolute;
  bottom: 0;
  padding: 50px; }
  .lead-inner-bottom p {
    color: #fff; }
  .lead-inner-bottom .brand-logo {
    height: 45px;
    margin-top: 40px;
    margin-bottom: 60px; }

#omoda9-main-wrap {
  background-color: #111;
  padding-top: 100px;
  padding-bottom: 100px;
  color: #fff; }

#omoda-slider .carousel-item {
  height: 100vh;
  max-height: 800px; }

#jaecoo-slider .carousel-item {
  height: 100vh;
  max-height: 800px; }

#jaecoo-main-wrap {
  padding-bottom: 100px; }

#dealer-location {
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 2;
  width: 500px; }
  #dealer-location p {
    font-size: 0.8rem; }
  #dealer-location a {
    display: inline-block;
    color: #333; }

.active-btn {
  outline: solid 2px #000;
  filter: opacity(100%) !important; }

.make-logo {
  filter: opacity(50%); }

#form-submit {
  color: #fff;
  border: none; }

.form-control {
  background-color: #efefef;
  border: none; }
  .form-control:focus {
    box-shadow: none;
    outline: solid 1px #000; }

.form-check-input[type=checkbox]:checked, .form-check-input[type=checkbox]:checked:focus {
  background-color: #000;
  border-color: #000; }

#map {
  height: 600px; }

footer {
  border-top: solid 2px #999; }

.form-outline {
  border: none;
  background-color: #efefef;
  padding: 0 !important;
  margin: 0; }

@media only screen and (max-width: 1200px) {
  .hero {
    height: 80vh; } }
@media only screen and (max-width: 990px) {
  #omoda-slider .carousel-item {
    height: auto;
    max-height: 800px; }

  #jaecoo-slider .carousel-item {
    height: auto;
    max-height: 800px; }

  #map {
    height: 400px; }

  #dealer-location {
    position: relative;
    left: 0;
    top: 0;
    z-index: 2; }

  #dealer-location {
    width: 100%; } }
@media only screen and (max-width: 767.88px) {
  p, li {
    font-size: 0.8rem !important; }

  #omoda-main-wrap, #jaecoo-main-wrap {
    padding-top: 10px;
    padding-bottom: 10px; }

  #nav-logo {
    max-width: 140px; }

  .hero {
    height: 50vh;
    background-position: center bottom; }

  .hero-overlay {
    padding: 15px;
    padding-bottom: 30px; }
    .hero-overlay h1 {
      font-size: 1.6rem; }
    .hero-overlay p {
      font-size: 0.8rem; }

  .feature-list {
    column-count: 1; }

  #omoda-wrap, #jaecoo-wrap {
    height: 40vh; }

  .lead-section::before {
    background-position: center bottom; }

  .carousel-caption h3 {
    font-size: 1.2rem; } }

/*# sourceMappingURL=style.css.map */