/* 1. 常规体 (Regular) - 对应 font-weight: 400 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* 2. 中等体 (Medium) - 对应 font-weight: 500 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* 3. 半粗体 (SemiBold) - 对应 font-weight: 600 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* 4. 粗体 (Bold) - 对应 font-weight: 700 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* 5. 特粗体 (ExtraBold) - 对应 font-weight: 800 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

/* 6. 极粗体 (Black) - 对应 font-weight: 900 */
@font-face {
  font-family: 'Poppins';
  src: url('../img/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
.mb{display: none!important;}
body .header-main .container .stylebt.solid{
  display: inline-block;

}
body .dealer-dropdown-wrap{
  display: none; }


body.cart .header-main .container .stylebt.solid{
  display: none;
}
body.cart .dealer-dropdown-wrap{
  display: inline-block;
}
red{color: #FF0004}
:root {
  --primary-color: #0a2351;
  --secondary-color: #d4af37;
  --text-color: #333;
  --text-light: #103067;
  --bg-light: #f9f9f9;
  --container-width: 1800px;
  --font-family:
    "Poppins", Poppins, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
    Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
.stylebt{
  border-radius: 10px 27px;
  transform: skewX(-25deg);
  text-align: center;
  height: 52px;
	white-space: nowrap
}
.stylebt.solid{
  background: #cda052;
  color: #fff;
}
.stylebt.outline{
  background: none;
  border: 1px solid #cda052;
  color: #cda052;
}
.stylebt>*{
  transform: skewX(25deg);
  display: inline-block;
}
body {
  font-family: var(--font-family);
  color: var(--text-color);
  line-height: 1.6;
  overflow-x: hidden;
}
/* Date Picker Styles for Inquiry List */

.date-input {
  cursor: pointer;
}

/* Style for HTML5 date input - make the entire input clickable */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* Firefox date input styling */
.date-input::-moz-focus-inner {
  border: 0;
}

/* Ensure date input displays properly */
.date-picker-wrap {
  position: relative;
}
  video::-webkit-media-controls-fullscreen-button {
    display: none;
  }
  video::-webkit-media-controls-play-button {
    display: inline-block;
  }
  video::-webkit-media-controls-timeline {
    display: none;
  }
  video::-webkit-media-controls-current-time-display{
    display: none;
  }
  video::-webkit-media-controls-time-remaining-display {
    display: none;
  }
  video::-webkit-media-controls-mute-button {
    display: none;
  }
video::-webkit-media-controls-toggle-closed-captions-button {
  display: none;
}
  video::-webkit-media-controls-volume-slider {
    display: none;
  }
  video::-webkit-media-controls-enclosure{
    display: none;
  }
.container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px;
}

.btn {
  display: inline-flex;
  padding: 8px 24px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 0.3s ease;
  align-items: center;
  text-align: center;
  justify-content: center
}

.btn-primary {
  color: #fff;
}

.btn-primary:hover {
}
.stylebt.solid:hover{
  background: #F5AF33;
}
.stylebt.solid:hover a{
  color: #fff;
}
.stylebt.outline:hover{
  border-color: #F5AF33;
  color: #F5AF33;
}


.section-title {
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 2px;
  color: var(--primary-color);
}
a.onthis{
  text-decoration: underline ;
  text-underline-offset:8px;
}
a:hover{ color: #F5AF33}
.section-subtitle {
  font-size: 22px;
  text-align: center;
  color: #103067;
  margin-bottom: 40px;
}
.header-main.whitebg{
  background-image: none;
  background-color: #fff;
}
.header-main.whitebg .pc-nav a{
  color: #14284B;
}
header.whiteheader{
  background-image: none;
  background-color: #fff;
}
header.whiteheader .header-main{
  background: none;
}
header.whiteheader .header-main .pc-nav a{
  color: #14284B;
}
header a.colorlogo{
  display: none;
}
header.whiteheader a.colorlogo{
  display: inline;
}
header.whiteheader a.whitelogo{
  display: none;
}

header.whiteheader.active a.colorlogo{
   display: none;
}
header.whiteheader.active a.whitelogo{
  display: inline;
}

.plusico,
.minusico {
  width: 15px;
}
@media screen and (max-width: 768px) {
	.pc{
      display: none!important;
    }
  .mb{
    display: block!important;
  }
	.header-main{
		padding-top: 25px!important;
		height: 90px!important;
	}
  .section-title {
    font-size: 28px;
	  line-height: 42px;
	  margin-bottom: 15px;
		  
  }
  .section-subtitle {
    font-size: 18px;
    line-height: 26px;
	  margin-bottom: 20px;
  }

  body.whiteheadbg .hanmberg.white{
    display: none;
  }
body.whiteheadbg .hanmberg.blue{
  display: block;
}
  body.whiteheadbg header.active a.colorlogo{
    display: none;
  }
  body.whiteheadbg header.active a.whitelogo{
    display: inline;
  }
  .header-btn .btn{
    display: flex;
    align-items: center;
	  height: 44px;
	  padding-top: 0;
  }
  footer{
    padding-top: 30px!important;
  }
  .footer-brand img{
    height: 50px;
  }
  .stylebt{
    height: 44px;
  }
  .features .container{
    padding: 0;
    margin: 0 20px;
  }
  .footer-brand{
    width: 100%!important;
  }
}
