/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */

body {
  font-family: "Roboto", "Helvetica", helvetica, verdana, arial, sans-serif;
}
.red-text,
.black-text {
  font-size: 36px;
  line-height: 36px;
  font-weight: 500;
}
.red-text {
  color: red;
}

.image-div img {
  width: 100%;
  height: auto; 
  object-fit: contain;
}
.page-title-image,
.image-div {
  width: 100%;
}
.page-title-image img {
  width: auto;
  height: 150px;
  object-fit: contain;
}
.about-chery-text-content {
  padding-left: 5rem;
  padding-right: 5rem;
}
.about-chery-text-content p span {
  font-size: 18px !important;
}
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none; }

trix-toolbar * {
  box-sizing: border-box; }

trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto; }

trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px; }
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 1.5vw; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button-group:not(:first-child) {
        margin-left: 0; } }

trix-toolbar .trix-button-group-spacer {
  flex-grow: 1; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button-group-spacer {
      display: none; } }

trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent; }
  trix-toolbar .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-toolbar .trix-button.trix-active {
    background: #cbeefa;
    color: black; }
  trix-toolbar .trix-button:not(:disabled) {
    cursor: pointer; }
  trix-toolbar .trix-button:disabled {
    color: rgba(0, 0, 0, 0.125); }
  @media (max-width: 768px) {
    trix-toolbar .trix-button {
      letter-spacing: -0.01em;
      padding: 0 0.3em; } }

trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px; }
  @media (max-width: 768px) {
    trix-toolbar .trix-button--icon {
      height: 2em;
      max-width: calc(0.8em + 3.5vw); } }
  trix-toolbar .trix-button--icon::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 768px) {
      trix-toolbar .trix-button--icon::before {
        right: 6%;
        left: 6%; } }
  trix-toolbar .trix-button--icon.trix-active::before {
    opacity: 1; }
  trix-toolbar .trix-button--icon:disabled::before {
    opacity: 0.125; }

trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%; }

trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E"); }

trix-toolbar .trix-dialogs {
  position: relative; }

trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5; }

trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  trix-toolbar .trix-input--dialog.validate:invalid {
    box-shadow: #F00 0px 0px 1.5px 1px; }

trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none; }

trix-toolbar .trix-dialog--link {
  max-width: 600px; }

trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline; }
  trix-toolbar .trix-dialog__link-fields .trix-input {
    flex: 1; }
  trix-toolbar .trix-dialog__link-fields .trix-button-group {
    flex: 0 0 content;
    margin: 0; }

trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none; }

trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::-moz-selection {
  background: highlight; }

trix-editor .attachment__caption-editor:focus[data-trix-mutable]::selection {
  background: highlight; }

trix-editor [data-trix-mutable].attachment.attachment--file {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent; }

trix-editor [data-trix-mutable].attachment img {
  box-shadow: 0 0 0 2px highlight; }

trix-editor .attachment {
  position: relative; }
  trix-editor .attachment:hover {
    cursor: default; }

trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text; }

trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in; }
  trix-editor .attachment__progress[value="100"] {
    opacity: 0; }

trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center; }

trix-editor .trix-button-group {
  display: inline-flex; }

trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent; }
  trix-editor .trix-button:not(:first-child) {
    border-left: 1px solid #ccc; }
  trix-editor .trix-button.trix-active {
    background: #cbeefa; }
  trix-editor .trix-button:not(:disabled) {
    cursor: pointer; }

trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); }
  trix-editor .trix-button--remove::before {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%; }
  trix-editor .trix-button--remove:hover {
    border-color: #333; }
    trix-editor .trix-button--remove:hover::before {
      opacity: 1; }

trix-editor .attachment__metadata-container {
  position: relative; }

trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px; }
  trix-editor .attachment__metadata .attachment__name {
    display: inline-block;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  trix-editor .attachment__metadata .attachment__size {
    margin-left: 0.2em;
    white-space: nowrap; }

.trix-content {
  line-height: 1.5; }
  .trix-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0; }
  .trix-content h1 {
    font-size: 1.2em;
    line-height: 1.2; }
  .trix-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em; }
  .trix-content [dir=rtl] blockquote,
  .trix-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em; }
  .trix-content li {
    margin-left: 1em; }
  .trix-content [dir=rtl] li {
    margin-right: 1em; }
  .trix-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto; }
  .trix-content img {
    max-width: 100%;
    height: auto; }
  .trix-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%; }
    .trix-content .attachment a {
      color: inherit;
      text-decoration: none; }
      .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
        color: inherit; }
  .trix-content .attachment__caption {
    text-align: center; }
    .trix-content .attachment__caption .attachment__name + .attachment__size::before {
      content: ' \2022 '; }
  .trix-content .attachment--preview {
    width: 100%;
    text-align: center; }
    .trix-content .attachment--preview .attachment__caption {
      color: #666;
      font-size: 0.9em;
      line-height: 1.2; }
  .trix-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px; }
  .trix-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .trix-content .attachment-gallery .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%; }
    .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
      flex-basis: 50%;
      max-width: 50%; }
/*
 * Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
 * the trix-editor content (whether displayed or under editing). Feel free to incorporate this
 * inclusion directly in any other asset bundle and remove this file.
 *

*/

/*
 * We need to override trix.css’s image gallery styles to accommodate the
 * <action-text-attachment> element we wrap around attachments. Otherwise,
 * images in galleries will be squished by the max-width: 33%; rule.
*/
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

.trix-content .attachment-gallery.attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--2 > .attachment, .trix-content .attachment-gallery.attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery.attachment-gallery--4 > .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}
img {
    width: 100%;
    height: auto;
}


.bold-text {
    color: black;
    font-weight: bold;
    font-style: normal;
}

span b {
    vertical-align: middle;
    font-size: 60px;
    font-weight: normal;
    font-style: italic;
}

span {
    vertical-align: middle;
    font-size: 30px;
    font-weight: normal;
    font-style: italic;
}

.muted,
.muted-bottom {
    color: gray;
    line-height: 1;
}

.muted-bottom {
    line-height: 2em;
}

.download-app-text p {
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #C41329;
}

.img-div .pp_img {
    width: 100%;
    max-width: 300px;
}

/* Revamp */
.download-img {
    width: 586.46px;
    height: auto;

}

.download-app-container {
    background: url(/assets/vector/polygon-left-692b83640803024aa08e2d16a51c37c5a847e4366dbebdc0bf2c0c4abc560468.png) left repeat-y, url(/assets/vector/polygon-right-528f962337236980cad63fc1578b499c3fced4a136c0e8fbc4ff89e17cd284d1.png) right repeat-y;
    background-size: contain;
    background-repeat: no-repeat;
}

.image-info-container {
    padding: 5vw;
    background-color: #1d1d1d;
}

.col-lg-8 img {
    max-height: 50vh;
    object-fit: cover;
    object-position: center;
}

.third-column-img img {
    object-position: top !important;
}

.aftersales-description-col {
    background-color: #FFFFFF;
}

.aftersales-description-col h5 {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #C41329;
}

.col-img-title-left {
    background-image: -webkit-linear-gradient(30deg, #ffffff 90%, #1d1d1d 10%);
    padding: 20px;
}

.col-img-title-right {
    background-image: -webkit-linear-gradient(150deg, #ffffff 90%, #1d1d1d 10%);
    padding: 20px;
}

.col-img-title-left h4,
.col-img-title-right h4 {
    font-family: Myriad Pro;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #C41329;
}

.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.warranty-col-text-bottom {
    font-family: Helvetica;
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: center;
    font-family: Helvetica;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #F5F5F7;
    margin-bottom: 0 !important;
}

.border-start {
    border-width: 5px !important;
    border-color: #C41329 !important;
    padding-left: 20px;
    vertical-align: middle !important;
}

.border-start .warranty-text-title {
    font-family: Helvetica;
    font-size: 50px;
    font-weight: 700;
    line-height: 57px;
    letter-spacing: 0em;
    text-align: left;
    color: #ffffff;
}
 
.border-start h5 {
    font-family: Myriad Pro;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #FFFFFF;
}

.border-start .muted {
    font-family: Myriad Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #FFFFFF;
}

.warranty-col {
    padding-left: 5vw;
    padding-right: 5vw;
    padding-top: 5vw;
    margin-bottom: 0;
    border-left: 30px solid #C41329;
    border-right: 30px solid #C41329;
    background-color: #1d1d1d;
    /* background: url(/assets/vector/rectangle-9c388a21e151915e4dc64831f42289cb49976a869efd0da540702ddccc6f68f9.png);
    background-size: cover;
    background-repeat: no-repeat; */
}

.premiun-preserv-col {
    background: linear-gradient(0deg, #1d1d1db4, #1d1d1db4), url(/assets/tiggo_8_pro_phev/t1-2-8a70a8a0c0019b54103e52bf6c5b3325e0bf63951fb015135268c2f0f57283bd.webp);
    background-size: cover;
    background-color: #1d1d1d71;
    background-repeat: no-repeat;
    background-position: center;
}

.premiun-preserv-col img {
    padding-top: 15vh;
    padding-bottom: 15vh;
    max-width: 50vw;
    height: auto;
}

.premium-preserv-title {
    margin-top: -50px;
    background-image: -webkit-linear-gradient(40deg, #C41329 90%, #c4132800 10%);
    padding: 20px;
}

.premium-preserv-title .text-center {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #FFFFFF;
}

.premium-preserv-long-text {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.05em;
    text-align: left;
    color: #1D1D1F;
}

.full-page-banner{ 
    width: 100vw;
}
.full-page-banner img{
    width: 100%;
}
.non-user-main-container{
    margin: 50px
}
.keep-yourself-updated{
    font-size: 50px;
    font-weight: 500;
    line-height: 1;
}
.date-text{
    margin-top: 20px;
    margin-bottom: 20px;
    color: rgb(152, 152, 152);
    font-size: 13px; 
}
.more-button{
    border-radius: 1px;
    padding: 2px 25px;
    font-size: 14px;
    font-weight: 400;
}
.post-card{
    border: none;
    box-shadow: 10px 10px 20px #e7e7e7;
    margin-bottom: 30px;
}
.image-parent{
    border-radius: 5px;
    overflow: hidden;
}
.image-parent .card-img-top {
    overflow: hidden;
    transition: transform .3s ease-in-out;
}
.image-parent .card-img-top:hover {
    transform: rotate(2deg) scale(1.1);
}

.non-user-main-container .keep-yourself-updated .social-icons i{
    margin-right: 20px;
    margin-top: 20px;
}

.show-cover-image img {
    width: 100%;
}


.card{
    padding: 20px 0px 20px 10px;
    border-radius: 0px;
    border: none;
    border-bottom: 1px dashed gray;
}

.card-image-custom{  
    object-fit: cover;
    min-width: 100%;
    max-height: 200px;
}

.card-body{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 180px;  
  height: 100%;
}

.card-title{
    color: gray;
    font-weight: 400;
}
.events-page{
    background: linear-gradient(0deg, rgba(108,108,108,1) 0%, rgba(173,173,173,1) 49%, rgba(246,246,246,1) 100%);

}
.event-block {
    background-color: white;
    text-align: center;
    border-radius: 5px;
    padding: 20px;
    border: none;
    box-shadow: 0 0 20px #d2d2d2;
    margin: 20px;
    height: 60vh;
}

iframe{
    margin-top: 10px;
    border-radius: 20px;
}
.ci-container{
    width: 80%;
    margin-left: 10%;}
.image-div img {
    width: 100%;
    max-width: 600px;
}
.chairman{

    color: #6c6c6c;
}
.chairman, .chery-automobile {
    font-size: 22px;
    margin-top: 20px;
}
i{
    color: #7A7A7A;
}
p{
    color: #575757;
    font-size: 20px;
    line-height: 25px;
    font-family: "Helvetica", Sans-serif, serif;
    font-weight: 300;
}
.avatar-img{
    max-width: 80px;
}
/* Clean Form Styles */
.clean-form-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
  background: #f8f8f8;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.clean-form-title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #333;
  margin-bottom: 0.5rem;
}

.clean-form-subtitle {
  text-align: center;
  color: #666;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.clean-form-group {
  margin-bottom: 1.5rem;
}

.clean-form-label {
  display: block;
  font-weight: 500;
  color: #333;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.clean-form-control {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  background: #fff;
  color: #333;
}

.clean-form-control:focus {
  outline: none;
  border-color: #666;
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.clean-form-control::placeholder {
  color: #999;
}

.clean-form-select {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  background: #fff;
  color: #333;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1.25em 1.25em;
  padding-right: 2.5rem;
}

.clean-form-select:focus {
  outline: none;
  border-color: #666;
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.clean-form-date {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  background: #fff;
  color: #333;
}

.clean-form-date:focus {
  outline: none;
  border-color: #666;
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.clean-form-textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
  background: #fff;
  color: #fff;
  min-height: 100px;
  resize: vertical;
  font-family: inherit;
}

.clean-form-textarea:focus {
  outline: none;
  border-color: #666;
  box-shadow: 0 0 0 2px rgba(102, 102, 102, 0.1);
}

.clean-form-submit {
  background: #dc3545;
  color: white;
  border: none;
  padding: 0.75rem 2rem;
  border-radius: 4px;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.clean-form-submit:hover {
  background: #c82333;
}

.clean-form-submit:active {
  background: #bd2130;
}

.clean-alert {
  padding: 1rem;
  border-radius: 4px;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.clean-alert-danger {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

.clean-alert-success {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

.clean-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.clean-form-row-three {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.clean-form-row-single {
  margin-bottom: 1.5rem;
}

.clean-form-section {
  background: #f8f8f8;
  padding: 1.5rem;
  border-radius: 6px;
  margin-bottom: 1.5rem;
  border: 1px solid #f8f8f8;
}

.clean-form-section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #333;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #dc3545;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .clean-form-container {
    padding: 1.5rem;
    margin: 1rem;
  }
  
  .clean-form-title {
    font-size: 1.75rem;
  }
  
  .clean-form-row,
  .clean-form-row-three {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  
  .clean-form-section {
    padding: 1rem;
  }
}

/* Form layout with submit button on lower left */
.clean-form-layout {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background-color: #f8f8f8;
}

.clean-form-content {
  flex: 1;
}

.clean-form-footer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 2rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
} 

.clean-footer {
font-size: 0.8rem;
margin-top: 1rem;
}

.clean-footer p{
  font-size: 0.8rem;
  }
.form-title {
  margin-top: 50px;
  text-align: center;
  font-size: 30px;
}

.form-subtitle {
  margin-top: 30px;
  text-align: center;
  color: #666666;
}

form {
  margin-top: 50px;
}

/* THANK YOU PAGE */
.thankyou-page-container {
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 20px;
  min-height: 90vh;
  background: url(/assets/shared/thank-you-page.jpg);
  box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);
  background-size: cover;

}
.message-thankyou h1 {
  color: #000;
  font-size: 50px;
  font-weight: bold;
}
.message-content {
  font-size: 25px;
  color: #000;
  font-weight: 300;
}
/* THANK YOU PAGE */
/*h4 {*/
/*    font-size: 2.5rem;*/
/*    font-weight: 500;*/
/*    font-style: italic;*/
/*}*/

h5 {
    margin-top: 15px;
    color: #666666;
    font-size: 17px;
    line-height: 2.2em;
}

img {
    width: 100%;
    height: auto;

}

.col {
    text-align: center;
}
.for_2pro,
.for_5xpro,
.for_7pro,
.for_7prohybrid,
.for_8pro,
.for_8prophev,
.non_5xpro { 
    z-index: 99999;
    background-color: rgba(255, 255, 255, 0.7);
    position: fixed;
    top: 30%;
    padding: 10px;
    transition: 0.3s;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.for_2pro {
    right: -320px;
}

.for_5xpro {
    right: -330px;
}

.for_7pro {
    right: -320px;
}

.for_7prohybrid {
    right: -367px;
}

.for_8pro {
    right: -320px;
}

.for_8prophev {
    right: -365px;
}

.non_5xpro {
    right: 0;
}

.for_2pro:hover,
.for_5xpro:hover,
.for_7pro:hover,
.for_7prohybrid:hover,
.for_8pro:hover,
.for_8prophev:hover,
.non_5xpro:hover {
    right: 0;
}

.for_2pro:hover,
.for_5xpro:hover,
.for_7pro:hover,
.for_7prohybrid:hover,
.for_8pro:hover,
.for_8prophev:hover,
.non_5xpro:hover a {
    color: black;
}

.for_2pro a,
.for_5xpro a,
.for_7pro a,
.for_7prohybrid a,
.for_8pro a,
.for_8prophev a,
.non_5xpro a {
    margin-bottom: 5px;
    font-size: 15px;
    color: #a1a1a1;
    text-align: start;
    width: 100%;
    border-radius: 1px;
    border: none;
} 



.side-btn {
    width: 30px;
    height: auto;
}

.side-btn-text {
    font-family: Helvetica;
    font-size: 7px;
    font-weight: 700;
    line-height: 8px;
    letter-spacing: 0px;
    text-align: center;
    color: #1D1D1F;
    text-decoration: none !important;
}
.floating-action-button a{
    text-decoration: none;
}
.footer-btn-dark {
    background-color: #1d1d1d;
    margin-bottom: 0 !important;
}

.footer-btn-dark .vector-img {
    width: auto;
    height: 50.99px;
}

.footer-btn-dark .vector-text {
    margin-top: 10px;
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
    color: #F5F5F7;
}

.wwyltd {
    font-family: Helvetica;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    color: #F5F5F7;
}
.chery-footer-text {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    text-align: left;
    color: #29292b;
}

.footer-row {
    margin-bottom: 0px !important;
}

.footer-text-head {
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1px;
    text-align: left;
    color: #C41329;
    margin-bottom: 40px;
}

.footer-text-body {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    color: #090914;
}

.form-control {
    background-color: #FFFFFF;
}

::placeholder {
    font-family: Myriad Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    color: #A1A1AA;
}

.newsletter-btn {
    background-color: #C41329;
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
}

/* NEW */
.chery-footer a {
    text-decoration: none;
    color: black;
    font-weight: 500;
}

.chery-footer .row {
    text-align: start;
    margin-bottom: 50px;
}

.chery-footer .footer-tabs-header {
    color: black;
    font-weight: 500;
}

.chery-footer .footer-chery-logo img {
    width: 135.24px;
    height: 75.92px;

}

.chery-footer .footer-uaagi-logo img {
    width: 190px;
    height: 80px;
}


.chery-footer .copyright-span {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center; 
    text-transform: none !important;
}

.border-bottom {
    color: #E2E8F0;
}

@media screen and (max-width: 992px) {
    .chery-footer .row {
        display: none;
    }

    .chery-footer {
        padding: 30px !important;
    }
}
.banner {
  width: 100%;
  height: 200vh;
  position: relative;
}
.banner_main {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.banner_v_zoom {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  transform: scale(1.2);
  transition: all 2s;
}
.banner_main._into .banner_v_zoom {
  transform: scale(1);
}
.banner_v_zoom video {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  transition: all 0.1s;
}
.banner_v_zoom img {
  width: 100%;
  transition: all 0.1s;
}
.banner_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 2.4rem);
  left: 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
}
.banner_t_left {
  width: 40%;
}
.btl_t1 {
  font-size: 0.74rem;
  line-height: 0.74rem;
  font-weight: bold;
  transform: translateX(-3rem);
  opacity: 0;
  transition: all 1s;
}
.btl_t2 {
  font-size: 0.27rem;
  margin-top: 0.3rem;
  transform: translateX(-3rem);
  opacity: 0;
  transition: all 1s;
}
.banner_t_right {
  width: 42%;
  font-size: 0.24rem;
  font-weight: normal;
  transform: translateX(3rem);
  opacity: 0;
  transition: all 1s;
}
.banner_main._into .btl_t1,
.banner_main._into .banner_t_right {
  transform: translateX(0rem);
  opacity: 1;
}
.banner_main._into .btl_t2 {
  transition-delay: 0.1s;
  transform: translateX(0rem);
  opacity: 1;
}

@media (max-width: 768px) {
  .banner_main._into .btl_t2 {
    transition-delay: 0.2s;
  }
  .banner_main._into .banner_t_right {
    transition-delay: 0.4s;
    transform: translateX(0rem);
    opacity: 1;
  }
}

.key_awards {
  background-color: rgb(212, 207, 201);
  position: relative;
  padding: 1.5rem 0 1.5rem 1.5rem;
}
.kay_title_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.5rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 1s;
}
.kay_title_btn._into {
  transform: translateY(0rem);
  opacity: 1;
}
.kay_title {
  font-size: 0.4rem;
  color: rgb(75, 66, 61);
  font-weight: bold;
}
.kay_btn {
  display: flex;
  align-items: center;
}
.kb_box {
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  border: 1px solid rgb(127, 97, 80);
  justify-content: center;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
.kb_b2 {
  margin-left: 0.12rem;
}
.kb_box img {
  width: 0.1rem;
}
.kb_box img:nth-of-type(2) {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .kb_box:hover {
    opacity: 1;
    background-color: rgb(127, 97, 80);
  }
  .kb_box:hover img:nth-of-type(2) {
    opacity: 1;
  }
  .kb_box:hover img:nth-of-type(1) {
    opacity: 0;
  }
}
.key_sw {
  margin-top: 0.6rem;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 1s;
  width: 100% !important;
}
.key_sw .swiper-wrapper {
  width: 100%;
  transform: translate3d(0px, 0px, 0px);
}
.key_sw._into {
  transform: translateY(0rem);
  opacity: 1;
}
.key_sw .swiper-slide {
  position: relative;
}
.key_sd_u1 {
  border-radius: 30px;
  position: relative;
  z-index: 1;
}
.key_sd_u1 div {
  width: 100%;
  height: 100%;
  position: absolute;
  width: calc(100% - 1.2rem);
  height: calc(100% - 1rem);
  top: 0.7rem;
  left: 0.7rem;
}
.key_sd_u1 img {
  width: 100%;
}
.key_sd_u1 .ksu_bg {
  width: 100%;
  position: relative;
}
.key_sd_u2 {
  font-size: 0.16rem;
  color: #fff;
  width: 0.7rem;
  height: 0.7rem;
  background-color: rgb(147, 131, 131);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 30px;
  margin-top: -0.32rem;
  z-index: 2;
  position: relative;
  display: none;
}
.key_sd_u3 {
  font-size: 0.2rem;
  margin-top: 0.15rem;
  padding: 0 0.3rem 0 0.15rem;
  color: rgb(87, 72, 63);
  display: none;
}

.learn_more {
  background-color: rgb(212, 207, 201);
  padding: 1rem;
}
.learn_more_title {
  color: rgb(75, 66, 61);
  font-size: 0.26rem;
  font-weight: bold;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 1s;
}
.learn_more_title._into {
  transform: translateY(0rem);
  opacity: 1;
}
.lm_list {
  margin-top: 0.4rem;
  display: flex;
  justify-content: space-between;
  transform: translateY(1rem);
  opacity: 0;
  transition: all 1s;
}
.lm_list._into {
  transform: translateY(0rem);
  opacity: 1;
}
.lm_min {
  width: 49.5%;
  background-color: rgb(207, 200, 194);
  padding: 0.5rem 0.8rem;
  color: rgb(75, 66, 61);
  cursor: pointer;
  transition: all 0.5s;
  border-radius: 30px;
}
.lm_t1 {
  font-size: 0.37rem;
  font-weight: bold;
}
.lm_t2 {
  margin-top: 0.15rem;
  font-size: 0.22rem;
  line-height: 0.28rem;
  font-weight: 200;
}
.lm_b1 {
  color: #fff;
  width: 3rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  background-color: rgb(175, 152, 134);
  margin-top: 1.6rem;
  transition: all 0.3s;
  font-size: 0.16rem;
  border-radius: 0.05rem;
}
@media (min-width: 768px) {
  .lm_min:hover {
    background-color: #bfb5ab;
    transform: translate(-2px, -2px);
    box-shadow: 0 0 0.5rem 0 rgb(0 0 0 / 5%);
  }
  .lm_min:hover .lm_b1 {
    background-color: #9d8470;
  }
}

/* 荣耀列表 */
.honors_list_box {
  position: relative;
  height: 150vh;
}
.honors_list {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.l_top {
  position: relative;
  height: 0.8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgb(217, 214, 209);
  padding: 0 1rem;
}
.lt_title {
  font-size: 0.2rem;
  font-weight: bold;
}
.lt_tab {
  display: flex;
}
.lt_tab div {
  margin-left: 0.3rem;
  font-size: 0.16rem;
  height: 0.8rem;
  line-height: 0.8rem;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.lt_tab div.active {
  font-weight: bold;
}
.lt_tab div::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: rgb(127, 97, 80);
  bottom: 0;
  position: absolute;
  left: 0;
  opacity: 0;
}
.lt_tab div.active::after {
  opacity: 1;
}
.l_main {
  display: flex;
}
.lm_left {
  width: 22%;
  position: relative;
}
.lm_left_bk {
  width: 100%;
  height: calc(100%);
}
.lml_title {
  color: rgb(186, 179, 173);
  line-height: 1.1;
  position: absolute;
  top: 75px;
  left: 25px; 
}
.lml_year {
  position: absolute;
  top: 150px;
  right: 20px;
  height: 50%;
  overflow: hidden;
}
.unselectable {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE/Edge */
  user-select: none; /* Standard syntax */
}
.year_sw {
  height: 60px;
  margin-top: 60px;
  overflow: initial !important;
}
.year_sw .swiper-wrapper {
  height: 100%;
}
.year_sw .swiper-slide {
  font-size: 15px;
  color: rgba(112, 99, 93, 0.5);
  cursor: pointer;
  text-align: right;
  font-size: 25px; 
}
.year_sw .swiper-slide-active {
  color: rgba(112, 99, 93, 1);
  font-size: 25px; 
}

.lm_right {
  width: 78%;
  height: calc(100vh - 80px);
  overflow-y: hidden;
}
.lm_right::-webkit-scrollbar {
  display: none;
}
.lmr_min img {
  width: 100%;
}
.lmr_min {
  position: relative;
}
.lmrm_text {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
  left: 100px;
  color: #fff;
  width: 300px;
}
.lmrm_t1 {
  font-size: 60px;
  font-weight: bold;
}
.lmrm_t2 {
  font-size: 12px;
  margin-top: 60px;
}
.lmrm_t3 {
  font-size: 12px;
  margin-top: 40px;
  opacity: 0.2;
  display: none;
}

.honors_list_box_mb {
  display: none;
}

/* mb */
@media (max-width: 768px) {
  .banner_text {
    width: calc(100% - 1rem);
    left: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    bottom: 1.8rem;
    top: auto;
    transform: translateY(0%);
  }
  .banner_t_left,
  .banner_t_right {
    width: 100%;
  }
  .btl_t1 {
    font-size: 0.74rem;
    line-height: 0.74rem;
  }
  .btl_t2 {
    margin-top: 0.15rem;
    font-size: 0.35rem;
  }
  .banner_t_right {
    margin-top: 1.8rem;
    font-size: 0.28rem;
  }

  .key_awards {
    padding: 1rem 0.5rem;
  }
  .kay_btn {
    display: none;
  }
  .key_sd_u2 {
    font-size: 0.24rem;
    width: 1rem;
    height: 1rem;
    margin-top: -0.6rem;
  }
  .key_sd_u3 {
    font-size: 0.24rem;
    margin-top: 0.2rem;
    padding: 0;
    color: rgb(87, 72, 63);
  }
  .key_sw_page {
    margin-top: 0.4rem;
  }
  .key_sw .swiper-pagination-bullet {
    width: 0.5rem;
    height: 2px;
    background-color: rgb(147, 131, 131);
    opacity: 0.5;
    border-radius: 10px !important;
  }
  .key_sw .swiper-pagination-bullet-active {
    opacity: 1;
  }

  .learn_more {
    padding: 1rem 0.5rem;
  }
  .lm_list {
    flex-direction: column;
  }
  .lm_min {
    width: 100%;
    padding: 0.5rem;
    border-radius: 20px;
  }
  .lm_min:nth-of-type(2) {
    margin-top: 0.3rem;
  }
  .learn_more_title {
    font-size: 0.4rem;
  }
  .lm_t1 {
    font-size: 0.41rem;
  }
  .lm_t2 {
    font-size: 0.26rem;
    line-height: 0.34rem;
    font-weight: normal;
  }
  .lm_b1 {
    margin-top: 1.2rem;
    border-radius: 0.05rem;
  }

  /* 历程 */
  .honors_list_box {
    display: none;
  }
  .honors_list_box_mb {
    position: relative;
    display: block;
  }
  #top,
  #second_top {
    display: block;
    z-index: 50;
  }
  #top {
    position: sticky;
    top: 0;
  }
  #second_top {
    position: sticky;
    top: 1.2rem;
  }
  .nav {
    position: relative;
    width: 100%;
  }
  #top .nav {
    height: 1.2rem;
    background-color: rgb(217, 214, 209);
  }
  #second_top .nav {
    height: 1rem;
    background-color: rgb(202, 197, 193);
  }
  #top .nav-a {
    line-height: 1.2rem;
  }
  #second_top .nav-a {
    line-height: 1rem;
  }
  .nav-list {
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    display: flex;
    height: 100%;
    align-items: center;
  }
  .nav-a {
    color: #505050;
    text-decoration: none;
    margin-left: 0.5rem;
    display: inline-block;
    width: auto !important;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
    color: #000;
    position: relative;
    font-weight: bold;
    opacity: 0.5;
  }
  .nav-a:nth-last-of-type(1) {
    margin-right: 0.5rem;
  }
  #top .nav-a {
    font-size: 0.22rem;
  }
  #second_top .nav-a {
    font-size: 0.25rem;
  }
  .nav-a.selected {
    opacity: 1;
  }
  #top .nav-a::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: rgb(127, 97, 80);
    bottom: 0;
    position: absolute;
    left: 0;
    opacity: 0;
  }
  #top .nav-a.selected::after {
    opacity: 1;
  }
  #top ::-webkit-scrollbar,
  #second_top ::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    display: none;
  }
  .no_more {
    height: 2rem;
    display: none;
  }

  .hlbml_min {
    position: relative;
  }
  .hlbml_min img {
    width: 100%;
  }
  .hlbml_text {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    color: #fff;
    width: 60%;
  }
  .hlbml_t1 {
    font-size: 0.8rem;
    font-weight: bold;
  }
  .hlbml_t2 {
    font-size: 0.2rem;
    margin-top: 0.2rem;
    line-height: 0.3rem;
  }
  .hlbml_t3 {
    font-size: 0.5rem;
    opacity: 0.2;
    margin-top: 0.2rem;
  }
}
.mb-only {
  display: none !important;
}

.pc-pad {
  display: block !important;
}
@media (max-width: 1024px) {
  .pc-only {
    display: none !important;
  }

  .pad-only {
    display: block !important;
  }

  .mb-only {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .mb-only {
    display: block !important;
  }

  .pc-pad {
    display: none !important;
  }
}
/* CHERY HONORS */
.banner_text {
  padding: 5rem;
}
.btl_t1 {
  font-size: 55px;
}
.banner_t_right {
  font-size: 18px;
  line-height: 20px;
}
/* KEY AWARDS */
.key_awards {
  padding: 5rem;
  .kay_title {
    font-size: 30px;
    font-weight: 400;
  }
  .kay_btn .kb_box {
    height: 30px;
    width: 30px;
    img {
      height: 15px;
      width: auto;
    }
  }
  .swiper-slide {
    width: 100%;
    margin-right: 15px;
  }
  .key_sd_u1 {
    border-radius: 30px;
    position: relative;
    z-index: 1;
    .ksu_bg {
      width: 100%;
      position: relative;
    }
    div {
      height: 100%;
      padding: auto;
      top: 0;
    }
  }
  .key_sd_u1 img {
    width: 90%;
    margin: auto;
    height: 100%;
    object-fit: contain;
  }
}
/* Brand Milestone */
.honors_list_box {
  .honors_list .l_top {
    position: relative;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(217, 214, 209);
    padding: 0 150px;
  }
  .lt_title {
    font-size: 18px;
    font-weight: 400;
  }
  .lt_tab div {
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 20px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    margin-right: 10px;
  }
  .lm_left {
    display: flex;
    flex-direction: column;
  }
  .lm_left_bk{
    width: 100%;
  }
  .lml_title {
    width: 100%;
    font-size: 50px;
  }
}
.introduction {
  .banner {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    padding: 0;
    font-family: "Roboto";
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-image: url(/assets/about/introduction-parallax.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Add a dark overlay using ::before */
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3); /* Adjust opacity for darkness */
      z-index: 1;
    }
  }
  .pc-pad {
    color: #444;
    font-size: 14px;
    font-weight: 400;
    font-family: "Roboto";
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    border: 0;
    display: block !important;
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }
  .banner_show {
    height: 100vh;
  }
  .banner_other {
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: 0;
    margin: 0;
    padding: 0;
    font-family: "Roboto";
    position: relative;
    background: linear-gradient(
      to bottom,
      rgba(210, 205, 199, 0),
      rgba(210, 205, 199, 0.5),
      rgba(210, 205, 199, 1)
    );
    width: 100%;
    padding-bottom: 40vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60vh;
    justify-content: center;
  }

  .bo_t1 {
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #fff;
  }

  .bo_t2 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.5;
    color: #fff;
  }
  .bo_t3 {
    display: flex;
    flex-direction: column; /* Ensures vertical stacking of content */
    align-items: center; /* Centers horizontally */
    justify-content: center; /* Centers vertically */
    font-family: "Roboto";
    font-size: 25px; /* Adjust font size as needed */
    text-align: center;
    color: rgb(78, 62, 46); /* Text color */
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: all 1s; /* Smooth transition */
    opacity: 1; /* Ensure it's visible */
    width: 70%; /* Adjust width as needed */
  }

  .global-chery {
    position: relative;
    padding: 1rem 0 0;
    background-color: rgba(210, 205, 199, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    h4 {
      font-size: 35px;
      line-height: 0.5rem;
      font-family: "Roboto";
      text-align: center;
      font-weight: bold;
      color: #66513a;
      z-index: 1;
      position: relative;
    }
    .global_btn {
      display: flex;
      align-items: center;
      z-index: 1;
      position: relative;
      cursor: pointer;
      margin-top: 0.4rem;
      img {
        width: 25px;
        margin-left: 0.12rem;
      }
    }
    .global_img {
      width: 100%;
      object-fit: contain;
      margin-top: -1.5rem;
      position: relative;
      z-index: 0;
    }
    .global_num {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 20px 150px;
      position: relative;
      z-index: 5;
      background-color: #d4d1ca;
    }
    .gnm_t {
      font-size: 15px;
    }
    .gnm_n {
      margin-top: 20px;
      font-size: 35px;
      font-weight: bold;
    }
  }
  .chery-vmv {
    overflow: hidden;
    position: relative;
    img.concept-tp {
      scale: 1;
      transition: all 1s ease;
    }

    img.concept-tp:hover {
      transform: scale(1.1); /* Scale to 1.1 on hover */
    }
    .concept_main {
      position: absolute;
      width: calc(100% - 150px);
      left: 75px;
      bottom: 10%;
      z-index: 2;
      color: #fff;
      .concept_list {
        margin-top: 0.25rem;
        display: flex;
        backdrop-filter: saturate(80%) blur(50px);
        -webkit-backdrop-filter: saturate(80%) blur(50px);
        .concept_min {
          padding: 100px 80px;
          flex-shrink: 0;
          width: 37%;
          .concept_t2 {
            font-size: 30px;
            font-weight: bold;
          }
          .concept_t3 {
            font-weight: 18px;
            color: rgba(255, 255, 255, 0.5);
            margin-top: 20px;
          }
        }
      }
    }
  }
  .core {
    position: relative;
    font-family: "Roboto";
    height: auto;
    .core_main {
      position: absolute;
      width: calc(100% - 150px);
      left: 75px;
      top: 50%;
      transform: translateY(-50%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      .cm_left {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        div {
          color: #fff;
          margin-top: auto;
          font-size: 30px;
          z-index: 1;
          position: relative;
          font-weight: bold;
        }
        img {
          width: 100%;
          z-index: 0;
          height: auto;
          position: relative;
          object-fit: contain;
          vertical-align: top;
        }
      }
      .cm_right {
        width: 62%;
        margin-left: 0.85%;
        .cm_right_line {
          display: flex;
          justify-content: space-between;
          margin-top: 1.1%;
        }
        .cm_right_line:nth-of-type(1) {
          margin-top: 0;
        }
        .cm_right_line_min {
          width: 49.35%;
          background-color: rgba(0, 0, 0, 0.4);
          transition: all 0.3s;
          position: relative;
        }

        .cm_right_line_min:hover {
          background-color: rgba(160, 143, 123, 1);
        }
        .cm_right_line_min:after {
          content: "";
          display: block;
          padding-top: 80%;
        }
        .crlm_t1,
        .crlm_t2 {
          position: absolute;
        }
        .crlm_t1 {
          right: 20px;
          top: 20px;
          color: #fff;
          font-size: 30px;
        }
        .crlm_t2 {
          left: 20px;
          bottom: 20px;
          color: #fff;
          font-size: 15px;
        }
      }
    }
  }
}
.carousel .carousel-indicators button {
    padding: 5px;
    width: 1px;
    height: 1px;
    border-radius: 50px;
    border: none;
    margin: 4px;
    background-color: white;
}


.carousel-indicators .active {
    background-color: black;
}

.carousel-control-next, .carousel-control-prev {
    background-color: transparent;
    border: none;
}

.carousel-control-prev {

    justify-content: start;
}

.carousel-control-next {
    justify-content: end;
}

.carousel-control-next:hover, .carousel-control-prev:hover {
    background-color: transparent;
}
.carousel-indicators .carousel-item img{
    cursor: pointer;
}
/*Section 2*/
.row .col-4 img {
    width: 100%;
    height: auto;
    transition: all 0.3s;
    padding: 0;
    margin: 0;
}

.hover-zoom {
    overflow: hidden;
}

.row .col-4 img:hover {
    transform: scale(1.1);
}


.model-page-footer .col {
    margin: 10px;
    background-color: #e7e7e7;
}

.model-page-footer .col a {

    text-decoration: none;
    color: black;
}

.model-page-footer .custom-icon {
    width: 2em;
    margin-bottom: 20px;
}

@media screen and (min-width: 601px) {
    .section-two-carousel {
        display: none;
    }

    .section-two {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .section-two-carousel {
        display: block;
    }

    .section-two {
        display: none;
    }
}

.brochure-modal .brochure-image { 
    max-height: 90vh;
    width: auto;
}

.brochure-modal .modal-header {
    border-bottom: none;
}

.brochure-modal .modal-content {
    background-color: transparent;
    border: none;
}

.model-page-footer .row .model-footer-col-block {
    background-color: red;
    border-radius: 5px;
}

.model-page-footer .row .model-footer-col-block h6,.model-page-footer .row .model-footer-col-block img {
    filter: brightness(0) invert(1);
}

/**/
.buyers-promo-container {
  padding: 3rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.indent-content{
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

span{
  font-size: 20px;
}

.b span{
  font-size: 30;
}
/**/
.col-image {
  overflow: hidden;
}

.red-title {
  color: #c4132a;
}

.col-title {
  font-weight: 300;
  padding-bottom: 20px;
  border-bottom: 2px solid #c4132a;
}

.col-image img {
  transition: 1s;
}
.col-image img:hover {
  transform: scale(1.1);
}

/*MAIN STYLE*/
.main-container {
  max-width: 100%;
}

.main-container img {
  max-width: 100%;
  aspect-ratio: 16 / 9;
}
nav, .dropdown-toggle {
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

.navbar-brand img {
    width: 75px;
    margin-right: 50px;
}

.nav-item {
    margin-right: 10px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: .3em;
    height: .3em;
    margin: -.3em 0 0 .4em;
    vertical-align: middle;
    content: "";
    border: .3em solid;
    border-width: 0 .15em .15em 0;
    transform: rotateZ(45deg)
}

.navbar-nav .dropdown-menu {
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

.navbar-nav .dropdown-menu .dropdown-item {
    color: white;
    margin-bottom: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
    font-weight: 400;
    transition: 0.3s;
}

.custom-navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    background-color: #C4132A;
}

.custom-navbar .dropdown:hover .dropdown-menu {
    display: block;
    transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 992px) {
    .navbar-nav .dropdown-menu {
        min-width: 250px;
    }
}

@media only screen and (min-width: 1077px) {
    .custom-navbar {
        display: block;
    }

    .custom-offcanvas {
        display: none;
    }
}

@media only screen and (max-width: 1076px) {
    .custom-navbar {
        display: none;
    }

    .custom-offcanvas {
        display: block;
    }
}

.dropdown-menu .dropdown-item {
    min-width: 250px;
}

.d-flex a{
    max-height: 50px;
}

.menu-image-parent {
    width: 60vw;
    height: auto;
}

.menu-image {
    max-width: 500px;
}

.mega-menu-active {
    display: block;
    padding-top: 20px;
}

.mega-menu {
    display: none;
}


.details-btn{
    background-color: #C4132A;
    border: none;
    border-radius: 1px;
    color: white;
    font-size: 14px;
}
.tab-content {
    background: linear-gradient(0deg, rgba(26,58,107,1) 0%, rgba(237,239,255,1) 49%, rgba(246,246,246,1) 100%);
}

.tab-content img {
    margin-top: 150px;
    width: 40%;
}


@media screen and (max-width: 991px) {
    .mobile {
        display: block;
    }

    .web {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .mobile {
        display: none;
    }

    .web {
        display: block;
    }
}
.model-nameplate {
    max-width: 50%;
    text-align: center;
}

.model-image {
    max-width: 80%;
    img{
        min-height: 100px !important;
    }
}
.col-4.text-center{
    height: 100% !important;
}
.promo-btn ,.learn-more-btn{
    margin-top: 20px;
    padding: 5px 25px;
    border-radius: 3px;
    font-weight: 300;
    font-size: 15px;
}
.promos-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 50px;
}
.promos-container {
  height: auto;
  width: 100vw;
  padding: 50px;
  padding-top: 0;
  .promo-wrapper {
    width: 100%;
    height: 100%;
    gap: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    .card {
      width: 25%;
      .card-header span {
        font-weight: bold;
      }
      .card-body img {
        max-width: 100%;
        margin-bottom: 20px;
      }
    }
    .no-content {
      margin: auto;
      font-weight: normal;
    }
  }
}
/* <div class="card">
      <div class="card-header">
        <span class="title">Tiggo Talks</span>
      </div>
      <div class="card-body">
        <%= image_tag "home/Tiggo-Talks.jpg", class: "item-banner" %>
        <%= link_to "Preview Promo", tiggo_talks_path, class: "btn btn-primary" %>
      </div>
    </div> */
/* HIDE SIDE BAR */
.safety-inspection-container {
  height: 80vh;
  width: 100%;
  background: url(/assets/safety-inspection/banner.jpg);
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  .banner-image-container {
    height: 80vh;
    width: 100%;
    overflow: hidden;
    img {
      width: 100%;
      object-fit: cover;
      filter: brightness(80%) blur(3px);
    }
  }
  .banner-content {
    background-color: rgba(0, 0, 0, 0.562);
    border-radius: 5px;
    height: 80%;
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    .banner-text-content {
      font-size: 80px;
      text-align: center;
      font-weight: bold;
      color: #fff;
      font-family: Arial, Helvetica, sans-serif;
    }
    .safety-inspection-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
      width: 60%;
    }
    .si-text-info {
      margin-top: 10px;
      color: rgb(255, 85, 85);
    }
    ::placeholder,
    .input-group {
      font-size: 18px;
      font-weight: normal;
    }
  }
}

.response-container {
  padding: 50px;
  background-color: #f2f2f2;
  margin: 20px;
  .response-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    .content-header {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      gap: 20px;
      .header {
        /* font-size: 30px; */
        font-size: 3vw;
        font-weight: bold;
        text-align: center;
      }
    }
    .content-body {
      width: 80%;
      text-align: center;
      font-size: 1.3vw;
    }
    .dealer-locator {
      width: 80%;
      font-size: 1.3vw;
      text-align: center;
    }
  }
}
@media only screen and (max-width: 992px) {
  .floating-action-button {
    display: none;
  }
  .safety-inspection-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .banner-image-container {
      width: 100%;
      height: 100%;
    }
    .banner-content {
      width: 100%;
      height: 100% !important;
      position: relative;
      align-items: center;
      justify-content: center;
      gap: 30px;
      .banner-text-content {
        font-size: 25px;
      }
      .safety-inspection-form {
        width: 90%;
      }
    }
  }

  .response-container {
    padding: 50px;
    background-color: #f2f2f2;
    margin: 20px;
    .response-content {
      .content-header {
        .header {
          /* font-size: 30px; */
          font-size: 20px;
        }
      }
      .content-body {
        width: 80%;
        text-align: center;
        font-size: 15px;
      }
      .dealer-locator {
        width: 80%;
        font-size: 15px;
        text-align: center;
      }
    }
  }
}
/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}