.header-custom .navbar-nav a {
  color: white;
}

.navbar-nav a::before {
  color: #996F32;
}

.header-custom .menu-lang a.active {
  color: #996F32;
}

.header-custom .menu-lang a {
  color: grey;
}

.header-affix>.container>nav.navbar-nav>ul>li>a {
  color: #1D1D1B !important;
}

.slick-slide {
  /* margin: 0px 10px; */
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: #1D1D1B;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: 1;
}

.imagenews {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.newstitle {
  /* background:#996F32; */
  height: 100px;
  width: 100%;
}

.newstitle>h4 {
  color: #1D1D1B;
  padding: 2%;
  font-size: 1rem;
}

.section-item {
  margin-top: 50px !important;
}

h4 {
  font-size: 1.25rem;
}

.hovernews {
  scale: 1;
  z-index: 9999;
  margin-top: 20px;
  /* padding-top:20px; */
  margin-bottom: 20px;
  /* padding-bottom:20px; */
}

.hovernews:hover {
  scale: 1.2;
  transition: scale 200ms;
  z-index: 999999;
}

.project-carousel-item {
  height: 500px;
}

.eievlogo {
  width: 100%;
  height: auto;
}

.header-custom .navbar-nav a {
  color: white;
}

.navbar-nav a::before {
  color: #996F32;
}

#footer {
  display: none;
}

@media (min-width: 768px) {
  .fixed-footer .footer {
    z-index: -200;
  }
}

.slick-slide {
  /* margin: 0px 10px; */
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: #1D1D1B;
}

.slick-slide {
  transition: all ease-in-out 0.3s;
  opacity: 1;
}

.imagenews {
  height: 300px;
  width: 100%;
  object-fit: cover;
}

.newstitle {
  /* background:#996F32; */
  height: 100px;
  width: 100%;
}

.section-item {
  margin-top: 50px !important;
}

h4 {
  font-size: 1.25rem;
}

.hovernews {
  scale: 1;
  z-index: 9999;
  margin-top: 20px;
  /* padding-top:20px; */
  margin-bottom: 20px;
  /* padding-bottom:20px; */
}

.hovernews:hover {
  scale: 1.2;
  transition: scale 200ms;
  z-index: 999999;
}

.project-carousel-item {
  height: 500px;
}
.wrapperbtn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.ctabtn {
  display: flex;
  padding: 10px 35px;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  color: white;
  background: #996F32;
  transition: 1s;
  box-shadow: 6px 6px 0 #1D1D1B;
  transform: skewX(-15deg);
}

.ctabtn:focus {
  outline: none;
}

.ctabtn:hover {
  transition: 0.5s;
  box-shadow: 10px 10px 0 #fbc638;
}

.ctabtn .spanbtn:nth-child(2) {
  transition: 0.5s;
  margin-right: 0px;
}

.ctabtn:hover .spanbtn:nth-child(2) {
  transition: 0.5s;
  margin-right: 45px;
}

.spanbtn {
  transform: skewX(15deg);
}

.spanbtn:nth-child(2) {
  width: 20px;
  margin-left: 30px;
  position: relative;
  /* top: 12%; */
}
.ctabtn:hover {
  color: #1D1D1B;
}
.ctabtn > .spanbtn:hover {
  color: #1D1D1B;
}
/**************SVG****************/

path.one {
  transition: 0.4s;
  transform: translateX(-60%);
}

path.two {
  transition: 0.5s;
  transform: translateX(-30%);
}

.ctabtn:hover path.three {
  animation: color_anim 1s infinite 0.2s;
}

.ctabtn:hover path.one {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.6s;
}

.ctabtn:hover path.two {
  transform: translateX(0%);
  animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */
.spanbtn:hover {
  color: #1D1D1B;
}

@keyframes color_anim {
  0% {
    fill: white;
  }
  50% {
    fill: #1D1D1B;
  }
  100% {
    fill: white;
  }
}

.find-your-race-face--include {
  margin-top: 0;
}

.latest-news-blog {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 37px;
  text-align: left;

  color: #000000;
}
.allarticles {
  box-sizing: border-box;
  background: #deb96c;
  border: 3px solid #deb96c;
  border-radius: 11px;
  width: 100px;
  height: 50px;
  display: flex;
  align-content: center;
  align-items: center;
  align-self: center;
}
.allarticle-text {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 27px;
  display: flex;
  align-items: center;
  color: #ffffff;
  text-align: center;
  align-self: center;
  align-content: center;
  align-items: center;
}

.bg-envision-light-blue {
  --tw-bg-opacity: 1;
  background-color: #D1131F;
}
.text-envision-green {
  --tw-text-opacity: 1;
  color: #996F32;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.pp-digitalbooklet {
  font-size: 3rem;
  line-height: 1;
  text-transform: uppercase;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-family: Tomorrow, sans-serif;
  padding-left: 0.5rem;
  --tw-border-opacity: 1;
  border-left-color: #996F32;
  border-left-width: 4px;
  margin-bottom: 1rem;
  margin: 0;
  margin-bottom: 0px;
  font-size: 3rem;
  line-height: 1;
  color: white;
  border-style: solid;
  border-top: none;
  border-right: none;
  border-bottom: none;
}
.uppercase {
  text-transform: uppercase;
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.leading-loose {
  line-height: 2;
}
.font-normal {
  font-weight: 400;
}
.pl-3 {
  padding-left: 0.75rem;
}
.my-10 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}
#wp-submit:hover,
.alm-load-more-btn:hover,
.button:hover,
.ff-loadmore-wrapper .ff-btn:hover,
form input.mepr-submit:hover {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: #996F32;
}
#wp-submit,
.alm-load-more-btn,
.button,
.ff-loadmore-wrapper .ff-btn,
form input.mepr-submit {
  background-color: #996F32;
}
.pl-3 {
  padding-left: 0.75rem;
}
.inline {
  display: inline;
}
.ml-3 {
  margin-left: 0.75rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.text-envision-green {
  --tw-text-opacity: 1;
  color: #996F32;
}
.uppercase {
  text-transform: uppercase;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.font-tomorrow {
  font-family: Tomorrow, sans-serif;
}
.ml-4 {
  margin-left: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mb-4 {
  margin-bottom: 1rem;
}

.newstitle > h4 {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #000000;
  min-height: 50px;
}

.newstext {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  text-transform: capitalize;
  color: #3e3e3e;
}
.newsdate {
  font-family: "Kanit";
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  color: #a7750f;
}
.hovernews {
  position: relative;
  height: 450px;
  background: transparent;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #F2D586;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}
.hovercard {
  position: relative;
  height: 250px;
  width: 100%;
}
.newsrow{
  width:90%;margin:auto;height:600px;
}

@media (min-width: 640px) {
  .sm\:mb-auto {
    margin-bottom: auto;
  }
}
@media (min-width: 640px) {
  .sm\:mt-auto {
    margin-top: auto;
  }
}
.object-contain {
  -o-object-fit: contain;
  object-fit: contain;
}
.-mt-20 {
  margin-top: -5rem;
}
.mb-20 {
  margin-bottom: 5rem;
}
.z-20 {
  z-index: 20;
}
.text-envision-green {
  --tw-text-opacity: 1;
  color: #996F32;
}
.uppercase {
  text-transform: uppercase;
}
.text-sm {
  font-size: .875rem;
  line-height: 1.25rem;
}
.pl-3 {
  padding-left: .75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.bg-gradient-to-t {
  background-image: none;
  background-color: #1D1D1B;
  opacity: 0.5;
}
.from-envision-blue\/60 {
  --tw-gradient-from: #05083599;
  --tw-gradient-to: #05083500;
  --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
}
.bg-gradient-to-t {
  background-image: linear-gradient(to top,var(--tw-gradient-stops));
}
.z-10 {
  z-index: 10;
}
.inset-0 {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.absolute {
  position: absolute;
}
.pointer-events-none {
  pointer-events: none;
}
.relative {
  position: relative;
}
@media (min-width: 1024px) {
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media (min-width: 640px) {
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.z-20 {
  z-index: 20;
}
.relative {
  position: relative;
}
.text-white {
  opacity: 1;
  color: rgb(255 255 255);
}
.font-raleway {
  font-family: raleway,sans-serif;
}

@media (min-width: 640px) {
  .sm\:w-\[270px\] {
    width: 270px;
  }
}
.w-\[110px\] {
  width: 110px;
}
.flex {
  display: flex;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
a {
  color: inherit;
  text-decoration: inherit;
}
img, video {
  max-width: 100%;
  height: auto;
}
audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
}
.justify-center {
  justify-content: center;
}
.items-center {
  align-items: center;
}
.flex {
  display: flex;
}
.mb-16 {
  margin-bottom: 4rem;
}
.w-\[200px\] {
  width: 200px;
}
.flex {
  display: flex;
}
.m-auto {
  margin: auto;
}
.bg-envision-blue {
  background-color: #1D1D1B;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}
.pt-12 {
  padding-top: 3rem;
}
.bg-envision-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(5 8 53/var(--tw-bg-opacity));
}
.relative {
  position: relative;
}
#menu-social-media-1 svg, #menu-social-media-2 svg, #menu-social-media-3 svg, .social-navigation svg {
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
}
.svg-icon {
  width: 100%;
  height: 100%;
}
*, ::after, ::before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
menu, ol, ul {
  list-style: none;
}
#menu-social-media, #menu-social-media-1, #menu-social-media-2, #menu-social-media-3 {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
menu, ol, ul {
  list-style: none;
  margin: 0;
    margin-top: 0px;
  padding: 0;
}
ol, ul {
  box-sizing: border-box;
}
.mmi{
  margin-left:20px;
}
.image-wrapper {
  height: 100vh; /* Set the height of the image wrapper */
  overflow: hidden; /* Hide the image when it's larger than the wrapper */
}

.scaling-image {
  width: 100%; /* Ensure the image covers the entire wrapper */
  transition: transform 0.5s; /* Add a transition for smooth scaling */
}
.ss-image{
  background-image: url('newasset/eievtransparent.png'); 
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.h4bookcolor{
  color:white;
}
.pmp-h2-text{
  font-size:2.75rem;
}
.navbar-nav{
  visibility: visible !important;
}
.navbar-nav li > a, .menu-lang-item
{
  font-size: 1.15rem;
}
.mvp-sportsblock{
  max-width:90%
}
.mvp-aboutusinhome{
  position: relative;
  background: #1D1D1B;
  padding-bottom: 6rem;
  background: url('../newasset/bg/5.jpg');
  background-size: auto;
  background-size: cover;
}
.mvp-latestnewshome{
  margin-top: 20px;
}
.mvp-hidebigshowsmall{
  display: none;
  color:#1D1D1B;
  font-size:1rem;
}

.ctabtnbun {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  color: white;
  background: #996F32;;
  transition: 1s;
  box-shadow: -6px 6px 0 #996F32;
  font-size: 1rem;
  width: 300px;
  margin: auto;
  text-align: center;
  transform: skewX(15deg);
  border-top:5px solid #1D1D1B;
}


@media (min-width: 992px) {
  .navbar-nav {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}
.dot {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  display: flex;
  float: left;
  animation: colorChange 1s infinite alternate ease-in-out;
}

@keyframes colorChange {
  0% {
    background-color: #00893D;
  }
  100% {
    background-color: #D1131F;
  }
}
@media (max-width: 500px) {
  .eiev-title{
    font-size:10vw !important;
  }
  .mvp-sportsblock{
    max-width:100%;
    padding:0;
  }
  .hideonphone{
    display: none;
  }
  .mvp-aboutusinhome{
    padding-top: 2rem;
    padding-bottom:0;
  }
  .mvp-latestnewshome{
    margin-top: 0;
    padding-top:20px;
  }
  .handphone{
    display: none;
  }
  .mvp-hidebigshowsmall{
    display: block;
  }
  .mvp-smolfontforphone{
    font-size:1.5rem;
  }
  .promo-zoom-titles{
    top:20% !important;
  }
  .quackquack{
    background: #1D1D1B !important;
  }
}