body,
 html {
   font-family: 'Prompt', sans-serif;
   /* font-family: 'Sarabun', sans-serif; */
   /* height: 100%; */
   margin: 0;
   font-size: 16px;
   padding-top: 3rem;
   padding-bottom: 0 !important;
 }
 i.fa.fa-sign-in {
  font-family: 'FontAwesome';
}
 .imglogo {
   width: auto;
   height: 70px;
 }

 nav {
   border-bottom: 1px solid #ffffff57;
 }

 nav,
 .dropdown-menu.show,
 .bgblue1 {
   background-color: #012060 !important
 }

 .dropdown-item {
   padding: 8px 14px !important;
   font-size: 18px;
 }

 .carousel-indicators li {
   width: 30px;
   height: 8px;
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
   width: 40px;
   height: 40px;
 }

 .colorblue {
   color: #3F51B5 !important;
 }

 .pd3rem {
   padding: 3rem;
 }

 section {
   margin: 1rem 0 5rem;
 }

 .navbar-dark .navbar-nav .nav-link,
 .dropdown-item,
 a#navbarDropdown {
   color: #ffc107 !important;
 }

 .nav-link:hover {
   color: white;
 }


 a.btn.btn-light:hover {
   background-color: #ffc107;
   border: unset;
 }

 div#navbarSupportedContent {
   font-size: 18px;
 }

 button.btn.btn-warning {
   color: #032940;
 }

 button.btn.btn-outline-warning {
   border: 2px solid white;
   color: white;
 }

 button.btn.btn-outline-warning:hover {
   color: #032940;
   border: none;
 }

 .jumbotron {
   padding: 4px !important;
   background-color: #012060;
 }

 .bd-placeholder-img {
   font-size: 1.125rem;
   text-anchor: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }

 @media (min-width: 768px) {
   .bd-placeholder-img-lg {
     font-size: 3.5rem;
   }
 }

 /****************** Start Animating  slideimage css */
 .card {
   background-color: transparent !important;
 }

 .card-header {
   /* padding: 4px 2rem; */
   padding: 1rem;
   background-color: #ffc107;
   color: #012060;
   border-radius: 0 !important;
 }

 .bg-white {
   background-color: white;
 }

 .card-header h1 {
   font-size: 3rem;
   margin-bottom: 0;
   font-weight: bold;
 }

 .border1 {
   border-top: 4px solid #ffc107;
   border-bottom: 4px solid #ffc107;
   padding-top: 1rem;
 }

 .borderright {
   border-right: 4px solid #ffc107;
   border-bottom: 4px solid #ffc107;
 }

 .borderbottom {
   border-bottom: 4px solid #ffc107;
 }

 .borderaround4px {
   border: 4px solid #ffc107;
   padding: 2rem 10px 6px;
 }

 .borderb {
   /* border-right: 4px solid #ffc107;
    border-bottom: 4px solid #ffc107; */
   border: 4px solid #ffc107;
 }

 .card-body {
   background-color: white;
   color: #012060;
   text-align: left;
   /* padding-left: 0; */
 }

 .card-body p {
   font-size: 18px;
   margin-bottom: unset;
 }

 h4.card-no {
   color: #012060;
 }

 .neauc .fa {
   font-size: 50px;
   color: #ffc107;
 }

 .neauc p {
   margin-bottom: 0 !important;
 }

 .even_day {
   color: white;
   text-align: center;
   /* padding: 1rem 0; */
 }

 .slideEven__text-heading {
   padding-bottom: 1rem;
   color: #ffc107;
 }


 .card-title {
   margin-bottom: 1rem;
 }

 .row.p-12r {
   padding: 1rem 2rem 0 !important;
 }

 /* .carousel-item {
  min-height: 700px; 
  width: 100%; 
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-item {
  background-image: url(/assets/img/bg_carousel.jpg);  
} */

 .hidden {
   display: none !important;
 }

 .container.marketing {
   padding: 0 2rem;
 }

 .h-detail {
   height: 6.5rem;
   font-size: 20px;
 }

 .h-head {
   height: 7rem;
   color: #dc3545;
 }

 @media (max-width: 1440px) {

   .slideEven__text-link {
     /* display: none; */
     font-size: 1.5rem;
   }

   h1,
   .card-header {
     font-size: 2rem;
   }

   .w-75 {
     width: 100% !important;
   }

   .card-body {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media (max-width: 781px) {
   header {
     margin-top: -1rem;
   }

   .imglogo {
     height: 60px;
   }

   .card-header h1 {
     font-size: 2.6rem;
   }

   .card-body h4,
   h2 {
     font-size: 26px;
   }

   .slideEven__text-link,
   .card-header {
     font-size: 16px;
   }

   .pd-left0 {
     padding-left: 0;
     padding-right: 0;
   }
 }

 @media (max-width: 767px) {
   .pl-0 {
     padding-right: 0;
   }

   /*   .carousel-item {
    height: 47rem!important;
} */
   .card-body {
     padding: 1rem;
   }

   .card-header h1 {
     font-size: 2rem;
   }

   .marketing h2 {
     padding-top: 2rem;
   }

   .h-detail,
   .h-head {
     height: unset;
   }

   .card-body h4,
   h2 {
     font-size: 24px;
   }
 }

 @media (max-width: 453px) {
   .card-header h1 {
     font-size: 1.5rem;
   }

   .card-body h4,
   h2 {
     font-size: 18px;
   }

   .slideEven__text-link {
     font-size: 14px;
   }

   footer h4 {
     font-size: 1.3rem !important;
   }
 }

 @media (max-width: 365px) {
   .card-header h1 {
     font-size: 1.2rem;
   }

   h1.slideEven__text-heading {
     font-size: 1.5rem;
   }

   .card-body h4,
   h2 {
     font-size: 15px;
   }

   .slideEven__text-link {
     font-size: 10px;
   }

   footer h4 {
     font-size: 1rem !important;
   }
 }

 /*End animating slideimage css */


 /***************** start modal  announce*/
 .announce {
   position: relative;
   padding-bottom: 2rem;
 }

 .announce:hover {
   opacity: 0.6;
 }

 @media (max-width: 991px) {
   .modal {
     top: 10% !important;
   }

   .announce:hover .overlay {
     opacity: 0.5;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
   }

   .modal-dialog {
     width: 100% !important;
     height: 100% !important;
     margin: 0 !important;
     padding: 0 !important;
     max-width: none !important;

   }

   .modal-content {
     height: auto !important;
     border-radius: 0 !important;
     background-color: #ececec !important
   }

   .footer-copyright.py-3 {
     padding-bottom: 7rem !important;
   }
 }

 /***************** start footer */

 footer {
   /* position: fixed; */
   z-index: -1;
   bottom: 0;
   width: 100%;
   background-color: #012060;
   color: white;
   margin-top: 4px;
 }

 .logo-foot {
   width: 100px;
   height: auto;
 }

 footer p {
   margin-bottom: 6px;
 }

 @media screen and (max-width: 991px),
 screen and (max-height: 860px) {
   .page-footer {
     display: none !important;
   }
 }

 @media (max-width: 767px) {
   footer#contact {
     padding-bottom: 4.5rem;
   }

   footer h4 {
     font-size: 1.2rem;
   }

   footer p {
     margin-bottom: 0;
     font-size: 12px;
   }

 }

 .fixedshow {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   text-align: center;
   z-index: 999;
   background-color: #093daa;
 }

 .fixedshow .col {
   padding: unset;
 }

 .fixedshow a {
   font-family: 'Sarabun', sans-serif;
   color: white;
 }

 .fixedshow i.fa {
   width: 100%;
   font-size: 34px;
 }

 .fixedshow .nav-link {
   /*  padding: 4px; */
   padding: 1rem 8px;
   font-size: 20px;
 }

 footer a:hover {
   text-decoration: none;
   color: #9E9E9E;
 }

 footer a,
 .text-yellow {
   color: #ffc107;
 }

 .footer-copyright,
 .footer-copyright a {
   font-size: 14px;
   color: #9E9E9E;
   text-align: center;
 }

 footer table {
   color: white;
   font-size: 18px;
 }
 @media only screen and (max-width:991px) {
  .card-body p {
      font-size: 15px;
  }
}
 /* footer#contact .col-4 {
  text-align: right;
} */
 /* End footer */

 .search-cars {
  color: #febf32;
  font-weight: 600;
  font-size: 18px;
  box-shadow: 0 0.6em 0.5em -0.4em #01122cc9;
  transform: translateY(-0.25em);
  padding: 6px 12px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  transition: .3s;
  z-index: 1;
  background: #01235e;
  cursor: pointer;
  border-radius: 4px;
}

.search-cars:hover {
  background: #01112d;
  color: #fff;
  font-weight: 600;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  transform: translateY(-0.25em);
}
.boxshadow-tab{
  margin-top: 2rem;
  /* padding: 10px 10px 0; */
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}